@ukic/web-components 3.21.0 → 3.22.0

package/hydrate/index.mjs

@@ -3287,7 +3287,6 @@ const IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
 const IC_TEXT_FIELD = "IC-TEXT-FIELD";
 
 const DARK_MODE_THRESHOLD = 133.3505;
-const ANYWHERE_SEARCH_POSITION = "anywhere";
 const icInput = "ic-input";
 /**
  * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
@@ -3491,25 +3490,13 @@ const getLabelFromValue = (value, options, valueField = "value", labelField = "l
 /**
  * Filters the options based on the search string.
  * @param options - array of options
- * @param includeDescriptions - determines whether option descriptions are included when filtering options
  * @param searchString - string used to filter the options
- * @param position - whether the search string matches the start of or anywhere in the options
  * @returns filtered array of options
  */
-const getFilteredMenuOptions = (options, includeDescriptions, searchString, position = ANYWHERE_SEARCH_POSITION, labelField = "label") => options.filter((option) => {
-    var _a;
+const getFilteredMenuOptions = (options, searchString, labelField = "label") => options.filter((option) => {
     const label = option[labelField].toLowerCase();
-    const description = (_a = option.description) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     const lowerSearchString = searchString.toLowerCase();
-    return position === ANYWHERE_SEARCH_POSITION
-        ? includeDescriptions
-            ? label.includes(lowerSearchString) ||
-                (description === null || description === void 0 ? void 0 : description.includes(lowerSearchString))
-            : label.includes(lowerSearchString)
-        : includeDescriptions
-            ? label.startsWith(lowerSearchString) ||
-                (description === null || description === void 0 ? void 0 : description.startsWith(lowerSearchString))
-            : label.startsWith(lowerSearchString);
+    return label.includes(lowerSearchString);
 });
 /**
  * Gets count of options where only group title "parent" options have been removed.
@@ -4208,7 +4195,7 @@ class AccordionGroup {
 
 var OpenInNew = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>`;
 
-const icActionChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --icon-color: var(--ic-action-chip-filled-icon);\n  --text-color: var(--ic-action-chip-filled-label);\n  --ic-typography-color: var(--text-color);\n\n  align-items: center;\n  background-color: var(--ic-action-chip-filled-background-default);\n  border: var(--ic-border-width) solid transparent;\n  border-radius: var(--ic-space-md);\n  color: var(--text-color);\n  cursor: pointer;\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  position: relative;\n  text-decoration: none;\n\n  &:hover {\n    background-color: var(--ic-action-chip-filled-background-hover);\n  }\n\n  &:active {\n    background-color: var(--ic-action-chip-filled-background-pressed);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n    outline: var(--ic-hc-focus-outline);\n    z-index: 1;\n  }\n}\n\n.small {\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n  padding: var(--ic-space-1px) var(--ic-space-xxxs);\n}\n\n.large {\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.outlined {\n  --icon-color: var(--ic-action-chip-outlined-icon);\n  --text-color: var(--ic-action-chip-outlined-label);\n\n  background-color: transparent;\n  border-color: var(--ic-action-chip-outlined-border-default);\n\n  &.non-transparent {\n    background-color: var(--ic-action-chip-outlined-background-default);\n  }\n\n  &:hover {\n    --icon-color: var(--ic-action-chip-outlined-icon-hover);\n    --text-color: var(--ic-action-chip-outlined-label-hover);\n\n    background-color: var(--ic-action-chip-outlined-background-hover);\n    border-color: var(--ic-action-chip-outlined-border-hover);\n  }\n\n  &:active {\n    --icon-color: var(--ic-action-chip-outlined-icon-pressed);\n    --text-color: var(--ic-action-chip-outlined-label-pressed);\n\n    background-color: var(--ic-action-chip-outlined-background-pressed);\n    border-color: var(--ic-action-chip-outlined-border-pressed);\n  }\n}\n\n.monochrome {\n  &.filled {\n    background-color: var(\n      --ic-action-chip-monochrome-filled-background-default\n    );\n\n    &:hover {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-hover\n      );\n    }\n\n    &:active {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-pressed\n      );\n    }\n  }\n\n  &.outlined {\n    --icon-color: var(--ic-action-chip-monochrome-outlined-icon);\n    --text-color: var(--ic-action-chip-monochrome-outlined-label);\n\n    border-color: var(--ic-action-chip-monochrome-outlined-border-default);\n\n    &.non-transparent {\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-default\n      );\n    }\n\n    &:hover {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-hover);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-hover);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-hover\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-hover);\n    }\n\n    &:active {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-pressed);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-pressed);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-pressed\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-pressed);\n    }\n  }\n}\n\n.disabled {\n  --icon-color: var(--ic-action-chip-icon-disabled) !important;\n  --text-color: var(--ic-action-chip-label-disabled) !important;\n\n  background-color: var(--ic-action-chip-background-disabled) !important;\n  cursor: default;\n\n  &.outlined {\n    border-color: var(--ic-action-chip-outlined-border-disabled) !important;\n    border-style: dashed;\n\n    &:not(.non-transparent) {\n      background-color: transparent !important;\n    }\n  }\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.icon {\n  box-sizing: border-box;\n  color: var(--icon-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n}\n\n.open-in-new-icon {\n  box-sizing: border-box;\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n.open-in-new-icon > svg {\n  fill: var(--icon-color);\n  height: inherit;\n  width: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n\n    &.disabled {\n      --text-color: GrayText;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n      border-color: GrayText;\n\n      svg,\n      ::slotted(svg) {\n        fill: GrayText;\n      }\n    }\n\n    &:focus {\n      border-color: Highlight;\n      outline: none;\n    }\n  }\n}\n";
+const icActionChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --icon-color: var(--ic-action-chip-filled-icon);\n  --text-color: var(--ic-action-chip-filled-label);\n  --ic-typography-color: var(--text-color);\n\n  align-items: center;\n  background-color: var(--ic-action-chip-filled-background-default);\n  border: var(--ic-border-width) solid transparent;\n  border-radius: var(--ic-space-md);\n  color: var(--text-color);\n  cursor: pointer;\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  position: relative;\n  text-decoration: none;\n\n  &:hover {\n    background-color: var(--ic-action-chip-filled-background-hover);\n  }\n\n  &:active {\n    background-color: var(--ic-action-chip-filled-background-pressed);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n    outline: var(--ic-hc-focus-outline);\n    z-index: 1;\n  }\n}\n\n.small {\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n  padding: var(--ic-space-1px) var(--ic-space-xs);\n}\n\n.medium {\n  border-radius: var(--ic-space-md);\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.large {\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.outlined {\n  --icon-color: var(--ic-action-chip-outlined-icon);\n  --text-color: var(--ic-action-chip-outlined-label);\n\n  background-color: transparent;\n  border-color: var(--ic-action-chip-outlined-border-default);\n\n  &.non-transparent {\n    background-color: var(--ic-action-chip-outlined-background-default);\n  }\n\n  &:hover {\n    --icon-color: var(--ic-action-chip-outlined-icon-hover);\n    --text-color: var(--ic-action-chip-outlined-label-hover);\n\n    background-color: var(--ic-action-chip-outlined-background-hover);\n    border-color: var(--ic-action-chip-outlined-border-hover);\n  }\n\n  &:active {\n    --icon-color: var(--ic-action-chip-outlined-icon-pressed);\n    --text-color: var(--ic-action-chip-outlined-label-pressed);\n\n    background-color: var(--ic-action-chip-outlined-background-pressed);\n    border-color: var(--ic-action-chip-outlined-border-pressed);\n  }\n}\n\n.monochrome {\n  &.filled {\n    background-color: var(\n      --ic-action-chip-monochrome-filled-background-default\n    );\n\n    &:hover {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-hover\n      );\n    }\n\n    &:active {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-pressed\n      );\n    }\n  }\n\n  &.outlined {\n    --icon-color: var(--ic-action-chip-monochrome-outlined-icon);\n    --text-color: var(--ic-action-chip-monochrome-outlined-label);\n\n    border-color: var(--ic-action-chip-monochrome-outlined-border-default);\n\n    &.non-transparent {\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-default\n      );\n    }\n\n    &:hover {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-hover);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-hover);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-hover\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-hover);\n    }\n\n    &:active {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-pressed);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-pressed);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-pressed\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-pressed);\n    }\n  }\n}\n\n.disabled {\n  --icon-color: var(--ic-action-chip-icon-disabled) !important;\n  --text-color: var(--ic-action-chip-label-disabled) !important;\n\n  background-color: var(--ic-action-chip-background-disabled) !important;\n  cursor: default;\n\n  &.outlined {\n    border-color: var(--ic-action-chip-outlined-border-disabled) !important;\n    border-style: dashed;\n\n    &:not(.non-transparent) {\n      background-color: transparent !important;\n    }\n  }\n}\n\n.label.small {\n  padding: 0 var(--ic-space-xxs);\n}\n\n.label.medium {\n  padding: 0 calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n}\n\n.label.large {\n  padding: 0 var(--ic-space-xs);\n}\n\n.icon {\n  box-sizing: border-box;\n  color: var(--icon-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n}\n\n.open-in-new-icon {\n  box-sizing: border-box;\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n.open-in-new-icon > svg {\n  fill: var(--icon-color);\n  height: inherit;\n  width: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n\n    &.disabled {\n      --text-color: GrayText;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n      border-color: GrayText;\n\n      svg,\n      ::slotted(svg) {\n        fill: GrayText;\n      }\n    }\n\n    &:focus {\n      border-color: Highlight;\n      outline: none;\n    }\n  }\n}\n";
 var IcActionChipStyle0 = icActionChipCss;
 
 /**
@@ -4307,7 +4294,11 @@ class ActionChip {
                 "non-transparent": variant === "outlined" && !transparentBackground,
                 [`${size}`]: true,
                 [`${variant}`]: true,
-            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'cac34c4420e0b92337b4421088389e79dc2d3e78', class: "icon" }, hAsync("slot", { key: 'fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c', name: "icon" }))), hAsync("ic-typography", { key: '867dfd5c7651cfbce4b5c3ee439fe1a3e78dbecd', variant: "label", class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: 'ce77ac12d3e9a09b409b2ff6bffd1aa09747fad9' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: '994fcfd7c5be9cba20489792f4ec8a26f481e4cb', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '7883e63e166ee3e39d70cbe6110fd1fe6f0b63a5', name: "badge" }))));
+            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'cac34c4420e0b92337b4421088389e79dc2d3e78', class: "icon" }, hAsync("slot", { key: 'fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c', name: "icon" }))), hAsync("ic-typography", { key: '40643c5bb5b15a64a94913076d06ba0007bac14a', variant: "label", class: {
+                label: true,
+                [`${size}`]: true,
+                "in-ag-grid": isElInAGGrid(this.el),
+            } }, hAsync("span", { key: '84e78294e0f906e9348d0223bd6afb92b90f4263' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: '8767227d1ed7c1822fff1fe71103a26587b00d6e', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '8b791d90dadc0a781c88d1a68542929b73495858', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5259,7 +5250,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
 const icButtonCss = "/*! 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:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}.loading-indicator-icon-button{--circular-diameter:var(--ic-space-md)}:host(.ic-button-size-small) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xxxs))}:host(.ic-button-size-large) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xs))}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus,:host(.clock-button) .button:focus{box-shadow:none}:host(.clear-button) .button,:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:hover,:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}@media (prefers-reduced-motion: reduce){.button,::slotted(a){transition:none}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
 var IcButtonStyle0 = icButtonCss;
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s)
         if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -5522,7 +5513,7 @@ class Button {
         this.setHasTooltip();
     }
     componentWillLoad() {
-        const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest(_a, ["title", "aria-label"]);
+        const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest$1(_a, ["title", "aria-label"]);
         this.title = title;
         this.ariaLabel = ariaLabel;
         this.inheritedAttributes = restInheritedAttributes;
@@ -6136,7 +6127,6 @@ var IcCheckboxStyle0 = icCheckboxCss;
  * @slot additional-field - Content to be displayed alongside a checkbox.
  * @slot label - Label for the checkbox.
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 class Checkbox {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -6264,17 +6254,17 @@ class Checkbox {
             ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
         const LabelContent = () => this.hasLabelSlot() ? (hAsync("slot", { name: "label" })) : (hAsync("ic-typography", { class: "checkbox-label", variant: "body" }, hAsync("label", { htmlFor: inputId }, label)));
-        return (hAsync(Host, { key: 'c26a95e302dfd93aca89ba24f2eac3dd23b3b12a', class: {
+        return (hAsync(Host, { key: 'cbbef34df584e10e50b731c4ea44b4c5a5f29917', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '7a51e875e418c6e42a7b8d8cf5143a2bd562cd99', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '72c7c69b70462dd7a8b5c211518a67b0fdc4e51f', role: "checkbox", class: {
+            } }, hAsync("div", { key: 'b15e0cc68627b692ea251994d13c707a71935332', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '8443271bb0f24104dadfc95c0f0e97551f8f32fb', role: "checkbox", class: {
                 checkbox: true,
                 checked,
                 indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: '636c0781dc308d216c97bf18278833c59f7d4544' })), hAsync("span", { key: '4b0037a6cdf14c5b7eedfb5cfddf76210e83eb1b', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: '64edf574da3dd95e89dfe698bb6a28efb0434d40', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: 'd971ccf130d625f3e1b9ffa66a096f72a9c914ab', class: "branch-corner" }), hAsync("div", { key: '789962b380bfe873ca444bd1e35642449a47d32f', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '6f4ca17e8ec24e75e0b0d03ca4434a7083771f4d', variant: "caption" }, hAsync("p", { key: '3acc288442ef2176f78a49293ec9082f42014764', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '5f94edcfbe4fe9c2d5ad27c32e20c6068579f893', class: {
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: '29c975e697e9b5e8f32c845111686e23ee4de32f' })), hAsync("span", { key: '3901c6b2f84633d2cb0bf6602e1644760dfa78dd', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: '68b7bbd59a084ff452924d0fb82446c0a5b46900', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '2095e98f6a8ae633892a83f8a8a9a37941186802', class: "branch-corner" }), hAsync("div", { key: 'f92c2ff935d5d72a70bba8479bc7a2b27705da1d', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '1e69f0fb80ad6f047bd2943b5b348bd539b567ce', variant: "caption" }, hAsync("p", { key: '27f350e13e088275e340332570e3eee32c7ad1be', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '98795e79ffb9d719d9d1aae8931f67f8009c273f', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, hAsync("slot", { key: 'd323907418190cf2a536b49050e75e4e4d47ccab', name: "additional-field" })))))));
+            } }, hAsync("slot", { key: '36a8e7ffaa67981e3054240dda02b04936280f91', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6478,7 +6468,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
 </svg>
 `;
 
-const icChipCss = "/*! 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:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between;width:-moz-fit-content;width:fit-content;box-sizing:border-box;max-width:100%}.chip.full-width{width:100%}:host(.ic-chip-full-width){width:100%}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-1px) var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
+const icChipCss = "/*! 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:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between;width:-moz-fit-content;width:fit-content;box-sizing:border-box;max-width:100%}.chip.full-width{width:100%}:host(.ic-chip-full-width){width:100%}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.medium{padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:var(--ic-space-md)}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label.small{padding:0 var(--ic-space-xxs)}.label.medium{padding:0 calc(var(--ic-space-xs) - var(--ic-space-xxxs))}.label.large{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
 var IcChipStyle0 = icChipCss;
 
 /**
@@ -6591,7 +6581,11 @@ class Chip {
                 hovered,
                 "non-transparent": variant === "outlined" && !transparentBackground,
                 "full-width": fullWidth,
-            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '3d12f1e7c932cd91f0835f3fe7c76ec6784bc44f', class: "icon" }, hAsync("slot", { key: '5307ba63af7c7342cf32072ccebf02788265e0f5', name: "icon" }))), hAsync("ic-typography", { key: '71a528ad758c4a09dbe1bfa879f4ca0b4a9177b7', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '85e3af35df8a3f2243bc0b36130a6238b6c6200d' }, label)), dismissible && (hAsync("ic-tooltip", { key: '6d68a771210b186192f7f4486d578a1cb706dda9', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '24917885cac2c78593cb721ce14254c20de85905', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '4a2bf278717384d8d7a1c830788520a385feb638', name: "badge" }))), dismissible && (hAsync("div", { key: '55bd826c4bd73c42d24a7a1aa1cdc52fd3a00d59', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
+            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '3d12f1e7c932cd91f0835f3fe7c76ec6784bc44f', class: "icon" }, hAsync("slot", { key: '5307ba63af7c7342cf32072ccebf02788265e0f5', name: "icon" }))), hAsync("ic-typography", { key: 'e30c971835f38594a238e36d849fd1625aeb4e38', variant: "label", "apply-vertical-margins": false, class: {
+                label: true,
+                [`${size}`]: true,
+                "in-ag-grid": isElInAGGrid(this.el),
+            } }, hAsync("span", { key: '40f476a368fbb16cee45b53c7de24d85b94a21a7' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'd8ff86e2c616f8233104b364bb8f698473c3448a', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '290db0fd020cc7114403e9c6145c1cc454537476', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'd4f25acf6b19a63c9683d6aac41a04319cbea203', name: "badge" }))), dismissible && (hAsync("div", { key: '6f5d1ad6395e82d3ec7cd588aa3944922e7a13de', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6650,6 +6644,10 @@ class ClassificationBanner {
          * The optional text that will be displayed before classification to specify relevant country/countries.
          */
         this.country = "uk";
+        /**
+         * The custom text that will appear on the banner. If set, the `additionalSelectors`, `country` and `upTo` props are ignored.
+         */
+        this.customClassificationText = "";
         /**
          * If `true`, the banner will appear inline with the page, instead of sticking to the bottom of the page.
          */
@@ -6662,7 +6660,7 @@ class ClassificationBanner {
     render() {
         const { inline, upTo } = this;
         // In case of unrecognized props, fallback to default
-        let { country, additionalSelectors, classification } = this;
+        let { country, additionalSelectors, classification, customClassificationText, } = this;
         if (!country)
             country = "";
         if (!additionalSelectors)
@@ -6670,12 +6668,16 @@ class ClassificationBanner {
         if (!classification ||
             (classification && !classificationText[classification]))
             classification = "default";
-        return (hAsync(Host, { key: '4d06c781318ef854931702315e73054f65b85259', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '251f6ced1270c823b1be9e39375139756adcd3e2', "aria-label": "Protective marking", class: {
+        if (!customClassificationText)
+            customClassificationText = "";
+        return (hAsync(Host, { key: 'dbf7b4fe92229fd32723c06070338a3611939bd5', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '23e95a6a2ca33447e1b64cda93690cf6781bd14f', "aria-label": "Protective marking", class: {
                 ["classification-banner"]: true,
                 [`${classification}`]: classification,
-            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '3fd3a609c017ed0b5b24296464bae43dcf8cba67', variant: "caption-uppercase" }, classification === "default"
-            ? classificationText[classification]
-            : `${upTo ? "up to" : ""} 
+            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: 'ff41a45d594eeeffe2f078b3ae3a99792a6f38c3', variant: "caption-uppercase" }, customClassificationText !== ""
+            ? customClassificationText
+            : classification === "default"
+                ? classificationText[classification]
+                : `${upTo ? "up to" : ""} 
                ${country} 
                ${classificationText[classification]} 
                ${additionalSelectors}`))));
@@ -6688,6 +6690,7 @@ class ClassificationBanner {
             "additionalSelectors": [1, "additional-selectors"],
             "classification": [1],
             "country": [1],
+            "customClassificationText": [1, "custom-classification-text"],
             "inline": [4],
             "upTo": [4, "up-to"]
         },
@@ -10668,7 +10671,7 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof win
 
 var purify = {exports: {}};
 
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
 
 (function (module, exports) {
 (function (global, factory) {
@@ -10701,12 +10704,18 @@ var purify = {exports: {}};
     };
   }
   if (!apply) {
-    apply = function apply(fun, thisValue, args) {
-      return fun.apply(thisValue, args);
+    apply = function apply(func, thisArg) {
+      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        args[_key - 2] = arguments[_key];
+      }
+      return func.apply(thisArg, args);
     };
   }
   if (!construct) {
-    construct = function construct(Func, args) {
+    construct = function construct(Func) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
       return new Func(...args);
     };
   }
@@ -10735,8 +10744,8 @@ var purify = {exports: {}};
       if (thisArg instanceof RegExp) {
         thisArg.lastIndex = 0;
       }
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
+      for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+        args[_key3 - 1] = arguments[_key3];
       }
       return apply(func, thisArg, args);
     };
@@ -10747,12 +10756,12 @@ var purify = {exports: {}};
    * @param func - The constructor function to be wrapped and called.
    * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
    */
-  function unconstruct(func) {
+  function unconstruct(Func) {
     return function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
       }
-      return construct(func, args);
+      return construct(Func, args);
     };
   }
   /**
@@ -10851,8 +10860,8 @@ var purify = {exports: {}};
     return fallbackValue;
   }
 
-  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
-  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'search', 'section', 'select', 'shadow', 'slot', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
   const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
   // List of SVG elements that are disallowed by default.
   // We still need to know them so that we can do namespace
@@ -10865,8 +10874,8 @@ var purify = {exports: {}};
   const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
   const text = freeze(['#text']);
 
-  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
-  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'mask-type', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
   const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
   const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
 
@@ -10973,7 +10982,7 @@ var purify = {exports: {}};
   function createDOMPurify() {
     let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
     const DOMPurify = root => createDOMPurify(root);
-    DOMPurify.version = '3.2.6';
+    DOMPurify.version = '3.3.3';
     DOMPurify.removed = [];
     if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
       // Not running in a browser, provide a factory function
@@ -11084,6 +11093,21 @@ var purify = {exports: {}};
     let FORBID_TAGS = null;
     /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
     let FORBID_ATTR = null;
+    /* Config object to store ADD_TAGS/ADD_ATTR functions (when used as functions) */
+    const EXTRA_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      }
+    }));
     /* Decide if ARIA attributes are okay */
     let ALLOW_ARIA_ATTR = true;
     /* Decide if custom data attributes are okay */
@@ -11253,7 +11277,7 @@ var purify = {exports: {}};
       /* Parse profile info */
       if (USE_PROFILES) {
         ALLOWED_TAGS = addToSet({}, text);
-        ALLOWED_ATTR = [];
+        ALLOWED_ATTR = create(null);
         if (USE_PROFILES.html === true) {
           addToSet(ALLOWED_TAGS, html$1);
           addToSet(ALLOWED_ATTR, html);
@@ -11274,18 +11298,33 @@ var purify = {exports: {}};
           addToSet(ALLOWED_ATTR, xml);
         }
       }
+      /* Prevent function-based ADD_ATTR / ADD_TAGS from leaking across calls */
+      if (!objectHasOwnProperty(cfg, 'ADD_TAGS')) {
+        EXTRA_ELEMENT_HANDLING.tagCheck = null;
+      }
+      if (!objectHasOwnProperty(cfg, 'ADD_ATTR')) {
+        EXTRA_ELEMENT_HANDLING.attributeCheck = null;
+      }
       /* Merge configuration parameters */
       if (cfg.ADD_TAGS) {
-        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
-          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        if (typeof cfg.ADD_TAGS === 'function') {
+          EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS;
+        } else {
+          if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+            ALLOWED_TAGS = clone(ALLOWED_TAGS);
+          }
+          addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
         }
-        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
       }
       if (cfg.ADD_ATTR) {
-        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
-          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        if (typeof cfg.ADD_ATTR === 'function') {
+          EXTRA_ELEMENT_HANDLING.attributeCheck = cfg.ADD_ATTR;
+        } else {
+          if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+            ALLOWED_ATTR = clone(ALLOWED_ATTR);
+          }
+          addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
         }
-        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
       }
       if (cfg.ADD_URI_SAFE_ATTR) {
         addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
@@ -11296,6 +11335,12 @@ var purify = {exports: {}};
         }
         addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
       }
+      if (cfg.ADD_FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.ADD_FORBID_CONTENTS, transformCaseFunc);
+      }
       /* Add #text in case KEEP_CONTENT is set to true */
       if (KEEP_CONTENT) {
         ALLOWED_TAGS['#text'] = true;
@@ -11593,7 +11638,7 @@ var purify = {exports: {}};
         return true;
       }
       /* Remove element if anything forbids its presence */
-      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+      if (!(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName])) {
         /* Check if we have a custom element to handle */
         if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
           if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
@@ -11657,6 +11702,10 @@ var purify = {exports: {}};
      */
     // eslint-disable-next-line complexity
     const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+      /* FORBID_ATTR must always win, even if ADD_ATTR predicate would allow it */
+      if (FORBID_ATTR[lcName]) {
+        return false;
+      }
       /* Make sure attribute cannot clobber */
       if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
         return false;
@@ -11665,12 +11714,12 @@ var purify = {exports: {}};
           (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
           XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
           We don't need to check the value; it's always URI safe. */
-      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
         if (
         // First condition does a very basic check if a) it's basically a valid custom element tagname AND
         // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) ||
         // Alternative, second condition checks if it's an `is`-attribute, AND
         // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
@@ -11749,7 +11798,12 @@ var purify = {exports: {}};
           value = SANITIZE_NAMED_PROPS_PREFIX + value;
         }
         /* Work around a security issue with comments inside attributes */
-        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Make sure we cannot easily use animated hrefs, even if animations are allowed */
+        if (lcName === 'attributename' && stringMatch(value, 'href')) {
           _removeAttribute(name, currentNode);
           continue;
         }
@@ -12039,10 +12093,9 @@ const sanitizeHTMLIconString = (html) => {
     return purifier.sanitize(html, getCustomElementHandling(false));
 };
 
-const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;gap:var(--ic-space-xs)}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{flex-grow:1}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}@media screen AND (max-width: 22rem){.sc-ic-menu-h{max-width:var(--menu-width, var(--input-width, 20rem));width:100%}}@media (prefers-reduced-motion: reduce){.ic-menu-open.sc-ic-menu-h{transition:none}}";
+const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;gap:var(--ic-space-xs)}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{flex-grow:1}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.sc-ic-menu:first-child>.option-group-title.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs)}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}@media screen AND (max-width: 22rem){.sc-ic-menu-h{max-width:var(--menu-width, var(--input-width, 20rem));width:100%}}@media (prefers-reduced-motion: reduce){.ic-menu-open.sc-ic-menu-h{transition:none}}";
 var IcMenuStyle0 = icMenuCss;
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 class Menu {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -12122,6 +12175,30 @@ class Menu {
          * The custom name for the value field for IcMenuOption.
          */
         this.valueField = "value";
+        /**
+         * @internal If `true`, allows the menu to receive focus when opened.
+         */
+        this.allowMenuFocus = true;
+        this.emitOptionId = (index) => {
+            let option;
+            if (index >= 0 && index < this.ungroupedOptions.length) {
+                option = this.ungroupedOptions[index];
+            }
+            else if (this.ungroupedOptions.length > 0) {
+                option =
+                    index < 0
+                        ? this.ungroupedOptions[this.ungroupedOptions.length - 1]
+                        : this.ungroupedOptions[0];
+            }
+            if (option) {
+                this.menuOptionId.emit({
+                    optionId: this.getOptionId(option[this.valueField]),
+                });
+            }
+            else {
+                this.menuOptionId.emit({ optionId: undefined });
+            }
+        };
         this.handleClearListener = () => {
             this.optionHighlighted = "";
         };
@@ -12134,7 +12211,9 @@ class Menu {
             this.menuStateChange.emit({ open, focusInput });
             if (!open) {
                 if (focusInput !== false) {
-                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
+                    if (this.allowMenuFocus) {
+                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
+                    }
                     this.preventClickOpen = false;
                 }
                 // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
@@ -12193,16 +12272,42 @@ class Menu {
             const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
             this.keyboardNav = false;
             switch (event.key) {
-                case "ArrowDown":
+                case "ArrowDown": {
                     this.keyboardNav = true;
                     this.arrowBehaviour(event);
+                    const nextIndex = selectedOptionIndex < this.ungroupedOptions.length - 1
+                        ? selectedOptionIndex + 1
+                        : 0;
                     this.setNextOptionValue(selectedOptionIndex);
+                    this.emitOptionId(nextIndex);
                     break;
-                case "ArrowUp":
+                }
+                case "ArrowUp": {
                     this.keyboardNav = true;
                     this.arrowBehaviour(event);
+                    const prevIndex = selectedOptionIndex > 0
+                        ? selectedOptionIndex - 1
+                        : this.ungroupedOptions.length - 1;
                     this.setPreviousOptionValue(selectedOptionIndex);
+                    this.emitOptionId(prevIndex);
+                    break;
+                }
+                case "Home": {
+                    this.keyboardNav = true;
+                    event.preventDefault();
+                    this.arrowBehaviour(event);
+                    this.setNextOptionValue(-1);
+                    this.emitOptionId(0);
+                    break;
+                }
+                case "End": {
+                    this.keyboardNav = true;
+                    event.preventDefault();
+                    this.arrowBehaviour(event);
+                    this.setPreviousOptionValue(this.ungroupedOptions.length);
+                    this.emitOptionId(this.ungroupedOptions.length - 1);
                     break;
+                }
                 case " ":
                 case "Enter":
                     if (event.target.id !== this.CLEAR_BUTTON_ID) {
@@ -12402,14 +12507,15 @@ class Menu {
                         if (this.open) {
                             event.stopImmediatePropagation();
                         }
-                        this.handleMenuChange(false);
+                        this.handleMenuChange(false, !this.allowMenuFocus);
                         this.menuOptionId.emit({ optionId: undefined });
                         break;
                     case "a":
                         // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)
                         // Otherwise, if a different OS, checks Ctrl key
-                        if ((isMacDevice() && event.metaKey) ||
-                            (!isMacDevice() && event.ctrlKey)) {
+                        if (this.multiSelect &&
+                            ((isMacDevice() && event.metaKey) ||
+                                (!isMacDevice() && event.ctrlKey))) {
                             this.emitSelectAllEvents();
                             this.lastOptionFocused = null;
                             this.lastOptionSelected = null;
@@ -12514,14 +12620,6 @@ class Menu {
         this.handleMouseDown = (event) => {
             event.preventDefault();
         };
-        this.handleMenuKeyDown = (event) => {
-            if (this.activationType === "automatic") {
-                this.autoSetValueOnMenuKeyDown(event);
-            }
-            else if (this.activationType === "manual" && !this.searchBar) {
-                this.manualSetInputValueKeyboardOpen(event);
-            }
-        };
         this.handleMenuKeyUp = (event) => {
             if (event.key === "Tab" && event.shiftKey) {
                 this.preventClickOpen = false;
@@ -12537,15 +12635,19 @@ class Menu {
         this.handleSelectAllClick = () => {
             var _a;
             this.keyboardNav = false;
-            (_a = this.menu) === null || _a === void 0 ? void 0 : _a.focus();
+            if (this.allowMenuFocus) {
+                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.focus();
+            }
             this.emitSelectAllEvents();
             this.lastOptionFocused = null;
             this.lastOptionSelected = null;
         };
         this.handleSelectAllBlur = (event) => {
-            var _a;
+            var _a, _b, _c;
             this.host.classList.remove("ic-select-select-all-focused");
-            if (!((_a = this.menu) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {
+            const relatedTarget = event.relatedTarget;
+            if (!((_a = this.menu) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget)) &&
+                !((_c = (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.contains(relatedTarget))) {
                 this.handleMenuChange(false, false);
             }
         };
@@ -12629,7 +12731,7 @@ class Menu {
         // (i.e. you don't have to press Enter select an option - just focus on it)
         // and menu is focused
         this.autoSetValueOnMenuKeyDown = (event) => {
-            var _a, _b;
+            var _a;
             event.cancelBubble = true;
             const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
             const isSearchableSelect = !!this.inputEl && this.inputEl.tagName === "INPUT";
@@ -12642,6 +12744,9 @@ class Menu {
                     if (!this.hasTimedOut) {
                         event.preventDefault();
                         this.setPreviousOptionValue(selectedOptionIndex);
+                        this.emitOptionId(selectedOptionIndex > 0
+                            ? selectedOptionIndex - 1
+                            : this.ungroupedOptions.length - 1);
                         this.keyboardNav = true;
                     }
                     break;
@@ -12649,6 +12754,9 @@ class Menu {
                     if (!this.hasTimedOut) {
                         event.preventDefault();
                         this.setNextOptionValue(selectedOptionIndex);
+                        this.emitOptionId(selectedOptionIndex < this.ungroupedOptions.length - 1
+                            ? selectedOptionIndex + 1
+                            : 0);
                         this.keyboardNav = true;
                     }
                     break;
@@ -12656,30 +12764,29 @@ class Menu {
                     this.menuOptionSelect.emit({
                         value: this.ungroupedOptions[0][this.valueField],
                     });
+                    this.emitOptionId(0);
                     this.keyboardNav = true;
                     break;
                 case "End":
                     this.menuOptionSelect.emit({
                         value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],
                     });
+                    this.emitOptionId(this.ungroupedOptions.length - 1);
                     this.keyboardNav = true;
                     break;
                 case "Enter":
                     !this.hasTimedOut && this.handleMenuChange(false);
                     break;
                 case "Escape":
-                    this.handleMenuChange(false);
+                    this.handleMenuChange(false, !this.allowMenuFocus);
                     break;
                 case "Backspace":
-                    if (isSearchableSelect) {
-                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
-                    }
                     break;
                 case "Shift":
                     break;
                 default:
                     if (isSearchableSelect && event.key !== "Tab" && !this.hasTimedOut) {
-                        (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.focus();
+                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
                     }
                     if (event.key.length === 1) {
                         this.keyboardNav = true;
@@ -12718,21 +12825,28 @@ class Menu {
             return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
         };
         this.isManualMode = this.activationType === "manual";
-        this.scrollToSelected = (menu) => {
+        // Scroll to highlighted option, or selected option if no highlighted option (i.e. when the menu opens)
+        this.scrollToSelected = () => {
             var _a;
-            const selectedOption = this.selectOnEnter
+            const menu = this.menu;
+            const selectedOption = this.selectOnEnter || this.searchableSelect || this.multiSelect
                 ? this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`)
                 : menu.querySelector(".option[aria-selected='true']");
             if (selectedOption) {
-                const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;
-                if (elTop > menu.scrollTop + menu.offsetHeight ||
-                    elTop < menu.scrollTop + menu.offsetHeight) {
-                    menu.scrollTop = selectedOption.offsetTop;
+                const menuRect = menu.getBoundingClientRect();
+                const optionRect = selectedOption.getBoundingClientRect();
+                if (optionRect.top < menuRect.top) {
+                    menu.scrollTop -= menuRect.top - optionRect.top;
+                }
+                else if (optionRect.bottom > menuRect.bottom) {
+                    menu.scrollTop += optionRect.bottom - menuRect.bottom;
                 }
                 // 'aria-activedescendant' affects screen reader focus
                 // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant
                 (_a = this.menu) === null || _a === void 0 ? void 0 : _a.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);
-                selectedOption.focus();
+                if (this.allowMenuFocus) {
+                    selectedOption.focus();
+                }
             }
         };
         // Set 'ungroupedOptions' variable and emit its value
@@ -12775,7 +12889,7 @@ class Menu {
                     "show-check-icon": showCheckIcon,
                 } }, (option.icon || !option.hideLabel) && (hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: sanitizeHTMLIconString(option.icon), "aria-hidden": "true" })), !option.hideLabel && (hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])))), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: {
                     "option-element": option.icon || !option.hideLabel || option.description,
-                }, innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
+                }, innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && (hAsync("span", { class: "check-icon", innerHTML: checkIcon, "aria-hidden": "true" }))));
         };
         this.displayOption = (option, selected, index, parentOption) => {
             var _a;
@@ -12792,11 +12906,13 @@ class Menu {
                     "disabled-option": !!option.disabled,
                     "loading-option": !!option.loading,
                     timeout: !!option.timedOut,
-                }, role: "option", tabindex: open &&
-                    (selected || option[this.valueField] === optionHighlighted) &&
-                    keyboardNav
-                    ? "0"
-                    : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading
+                }, role: "option", tabindex: !this.allowMenuFocus
+                    ? "-1"
+                    : open &&
+                        (selected || option[this.valueField] === optionHighlighted) &&
+                        keyboardNav
+                        ? "0"
+                        : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading
                     ? this.handleOptionClick
                     : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, ((_a = option.htmlProps) !== null && _a !== void 0 ? _a : {})), option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", null, "Error"), hAsync("g", null, hAsync("path", { d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
         };
@@ -12858,10 +12974,7 @@ class Menu {
                 inputValueInOptions &&
                 this.autofocusOnSelected &&
                 !this.searchableSelect) {
-                this.scrollToSelected(this.menu);
-            }
-            else if (this.selectOnEnter) {
-                this.menu.focus();
+                this.scrollToSelected();
             }
             else if (!!this.optionHighlighted &&
                 !this.focusFromSearchKeypress &&
@@ -12869,15 +12982,19 @@ class Menu {
                 const highlightedEl = this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);
                 if (highlightedEl) {
                     this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);
-                    highlightedEl.focus();
+                    if (this.allowMenuFocus) {
+                        highlightedEl.focus();
+                    }
                 }
             }
-            else if (this.inputEl && this.inputEl.tagName !== "INPUT") {
+            else if (this.inputEl &&
+                this.inputEl.tagName !== "INPUT" &&
+                this.allowMenuFocus) {
                 this.menu.focus();
             }
         }
-        if (this.menu && this.open && !this.value && this.selectOnEnter) {
-            this.scrollToSelected(this.menu);
+        if (this.menu && this.open) {
+            this.scrollToSelected();
         }
         this.preventMenuFocus = false;
     }
@@ -12912,6 +13029,19 @@ class Menu {
             this.manualSetInputValueKeyboardOpen(event);
         }
     }
+    /**
+     * Used alongside activationType
+     * If menu is open and user navigates options via keyboard, emit optionSelect custom event.
+     * @param {KeyboardEvent} event The keyboard event which is available when handleMenuKeydown is invoked.
+     */
+    async handleMenuKeyDown(event) {
+        if (this.activationType === "automatic") {
+            this.autoSetValueOnMenuKeyDown(event);
+        }
+        else if (this.activationType === "manual" && !this.searchBar) {
+            this.manualSetInputValueKeyboardOpen(event);
+        }
+    }
     /**
      * @internal Used to highlight the first option in the menu.
      */
@@ -12965,7 +13095,7 @@ class Menu {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (hAsync(Host, { key: 'a2934ccf16727c0f37d89f77186a58b5ba8e25e1', class: {
+        return (hAsync(Host, { key: '8b0e06f14c1979c3658e6e13fca3e4c6828c795d', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -12974,12 +13104,16 @@ class Menu {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (hAsync("ul", { key: '7ba54b5a6c29e2ca30f893806d9ee076324469bf', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
-                !keyboardNav &&
-                ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
-                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
-                ? "0"
-                : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
+            } }, options.length !== 0 && (hAsync("ul", { key: '5af8ebaf798f09d020cab17adf4ef04e0fe2f9d4', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", "aria-activedescendant": this.optionHighlighted
+                ? this.getOptionId(this.optionHighlighted)
+                : undefined, tabindex: !this.allowMenuFocus
+                ? "-1"
+                : open &&
+                    !keyboardNav &&
+                    ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
+                        (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
+                    ? "0"
+                    : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
             if (option.children) {
                 if (option.children.length > 0) {
                     return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption[this.labelField] &&
@@ -13002,7 +13136,7 @@ class Menu {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (hAsync("div", { key: '0cdb01a79cabee7e3a18d16d0372b67a759b0af4', class: "option-bar" }, hAsync("ic-typography", { key: '05d91feb3af7fb333972edf4dece4d337af15de4' }, hAsync("p", { key: 'e7238b5cf18695dd705ad1fb71c1ab72dbde3fc2' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '4aaa496abb80408776573f5ae26cf1adf62d7ed3', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (hAsync("div", { key: 'f1a670781a41df910d8d55d2a956e062faf5a425', class: "option-bar" }, hAsync("ic-typography", { key: '9687b26a0a275e9a6cff54180f2962d836ef4262' }, hAsync("p", { key: '33e219ebba6ad3eb4ed60d77d9ed86551cb93a48' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '05e39e54ef176fb303ba59dcc3b91745cf38deef', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -13034,6 +13168,7 @@ class Menu {
             "options": [16],
             "value": [1],
             "valueField": [1, "value-field"],
+            "allowMenuFocus": [4, "allow-menu-focus"],
             "focusFromSearchKeypress": [32],
             "initialOptionsListRender": [32],
             "keyboardNav": [32],
@@ -13043,6 +13178,7 @@ class Menu {
             "popperProps": [32],
             "handleClickOpen": [64],
             "handleKeyboardOpen": [64],
+            "handleMenuKeyDown": [64],
             "handleSetFirstOption": [64],
             "initPopperJs": [64],
             "setExternalPopperProps": [64]
@@ -14547,6 +14683,427 @@ class Pagination {
     }; }
 }
 
+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}}";
+var IcPaginationBarStyle0 = icPaginationBarCss;
+
+class PaginationBar {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.icPageChange = createEvent(this, "icPageChange", 7);
+        this.icItemsPerPageChange = createEvent(this, "icItemsPerPageChange", 7);
+        this.PAGE_INPUT_FIELD_ID = "go-to-page-input";
+        this.INVALID_PAGE_ERROR = "Please enter a valid page";
+        this.resizeObserver = null;
+        this.activePage = 1;
+        this.inputError = "Please enter a valid page";
+        this.itemsPerPage = 10;
+        this.itemsPerPageString = "10";
+        this.lowerBound = 1;
+        this.paginationWrapped = false;
+        /**
+         * The accessible label passed down to the pagination component to provide context for screen reader users.
+         */
+        this.accessibleLabel = "Pagination Navigation";
+        /**
+         * Sets the alignment of the items in the pagination bar.
+         */
+        this.alignment = "right";
+        /**
+         * The current page number to be displayed on the pagination bar.
+         */
+        this.currentPage = 1;
+        /**
+         * If `true`, the 'All' option will be hidden from the 'items per page' select input.
+         */
+        this.hideAllFromItemsPerPage = false;
+        /**
+         * If `true`, the current page of the simple pagination will not be displayed.
+         */
+        this.hideCurrentPage = false;
+        /**
+         * If `true`, the first and last page buttons will not be displayed.
+         */
+        this.hideFirstAndLastPageButton = false;
+        /**
+         * The text which will be used in place of 'Item' on the pagination bar.
+         */
+        this.itemLabel = "Item";
+        /**
+         * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.
+         */
+        this.monochrome = false;
+        /**
+         * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+         */
+        this.theme = "inherit";
+        /**
+         * Whether the displayed pagination is simple or complex.
+         */
+        this.type = "simple";
+        /**
+         * Whether total number of items and current item range or total number of pages and current page is displayed.
+         */
+        this.rangeLabelType = "page";
+        /**
+         * The text which will be used in place of 'Page' on the pagination bar.
+         */
+        this.pageLabel = "Page";
+        /**
+         * If `true`, the 'go to page' control should be displayed.
+         */
+        this.showGoToPageControl = false;
+        /**
+         * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
+         */
+        this.hideRangeLabel = false;
+        /**
+         * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed.
+         */
+        this.selectItemsPerPageOnEnter = true;
+        /**
+         * If `true`, the select input to control 'items per page' should be displayed.
+         */
+        this.showItemsPerPageControl = false;
+        /**
+         If `true`, the pagination bar is set to the first page when the 'items per page' changes
+         */
+        this.setToFirstPageOnPaginationChange = false;
+        this.setSelectedItemsPerPage = (selectedItemsPerPage, displayedItemsPerPageOptions = []) => {
+            const isSelectedItemsPerPagePresent = displayedItemsPerPageOptions === null || displayedItemsPerPageOptions === void 0 ? void 0 : displayedItemsPerPageOptions.some(({ value }) => { var _a; return value === ((_a = this.selectedItemsPerPage) === null || _a === void 0 ? void 0 : _a.toString()); });
+            if (isSelectedItemsPerPagePresent) {
+                this.setItemsPerPage(selectedItemsPerPage, false);
+            }
+            else {
+                console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`);
+                this.setItemsPerPage(+this.totalItems, false);
+            }
+        };
+        this.changeItemsPerPage = () => {
+            this.setItemsPerPage(Number(this.pageDropdownEl.value));
+            this.userSetItemsPerPage = Number(this.pageDropdownEl.value);
+        };
+        this.changePage = (page) => {
+            this.activePage = page;
+            this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;
+            this.setUpperBound();
+        };
+        this.focusElFromLabel = (el) => {
+            var _a, _b;
+            (_b = (_a = this.paginationBarEl) === null || _a === void 0 ? void 0 : _a.querySelector(el)) === null || _b === void 0 ? void 0 : _b.setFocus();
+        };
+        this.goToPage = () => {
+            var _a;
+            const input = this.pageInputEl;
+            const page = Number(input.value);
+            if (page <= this.totalPages && page > 0) {
+                this.changePage(page);
+                (_a = this.paginationEl) === null || _a === void 0 ? void 0 : _a.setCurrentPage(page);
+                this.activePage = page;
+                input.value = "";
+                this.icPageChange.emit({ value: page });
+                this.pageInputTooltipEl.displayTooltip(false, false);
+                input.validationStatus = "";
+            }
+            else {
+                this.setInputError(input, this.INVALID_PAGE_ERROR);
+            }
+        };
+        this.goToPageLabelClickHandler = () => {
+            this.focusElFromLabel("ic-text-field");
+        };
+        this.handleBlur = () => {
+            const textField = this.pageInputEl;
+            if ((Number(textField.value) <= this.totalPages &&
+                Number(textField.value) > 0) ||
+                textField.value === "") {
+                textField.validationStatus = "";
+            }
+            this.pageInputTooltipEl.displayTooltip(false, false);
+        };
+        this.handleFocus = () => {
+            if (this.pageInputEl.validationStatus === "error") {
+                this.pageInputTooltipEl.displayTooltip(true, true);
+            }
+        };
+        this.handleInputChange = () => {
+            const inputValue = parseInt(this.pageInputEl.value);
+            if (inputValue > this.totalPages || inputValue <= 0) {
+                this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);
+                this.pageInputTooltipEl.displayTooltip(true, true);
+            }
+        };
+        this.handleKeydown = (ev) => {
+            if (ev.key === "Enter") {
+                if (this.pageInputEl.validationStatus === "error") {
+                    this.pageInputTooltipEl.displayTooltip(true, true);
+                }
+                else {
+                    this.goToPage();
+                }
+            }
+            else {
+                this.pageInputTooltipEl.displayTooltip(false, false);
+                this.pageInputEl.validationStatus = "";
+            }
+        };
+        this.handleKeyUp = (ev) => {
+            if (Number.isNaN(parseInt(this.pageInputEl.value)) &&
+                ev.key !== "Backspace" &&
+                ev.key !== "Enter" &&
+                ev.key !== "Tab" &&
+                ev.key !== "Shift") {
+                this.setInputError(this.pageInputEl, "Please enter a number", false);
+                this.pageInputTooltipEl.displayTooltip(true, false);
+            }
+        };
+        this.itemsPerPageLabelClickHandler = () => {
+            this.focusElFromLabel("ic-select");
+        };
+        this.paginationShouldWrap = () => {
+            if (this.type === "simple") {
+                this.paginationWrapped = this.paginationEl.clientHeight > 63;
+            }
+        };
+        this.runResizeObserver = () => {
+            if (this.paginationBarEl) {
+                this.resizeObserver = new ResizeObserver(() => {
+                    const { clientWidth } = this.paginationBarEl;
+                    if (clientWidth - this.paginationWidth > 50 ||
+                        clientWidth - this.paginationWidth < -50) {
+                        this.paginationWidth = clientWidth;
+                        this.paginationShouldWrap();
+                    }
+                });
+                this.resizeObserver.observe(this.paginationBarEl);
+            }
+        };
+        this.setInputError = (el, error, focus = true) => {
+            this.inputError = error;
+            el.validationStatus = "error";
+            if (focus)
+                el.setFocus();
+        };
+        this.setToFirstPage = () => {
+            var _a;
+            const firstPage = 1;
+            this.changePage(firstPage);
+            (_a = this.paginationEl) === null || _a === void 0 ? void 0 : _a.setCurrentPage(firstPage);
+            this.activePage = firstPage;
+            this.icPageChange.emit({ value: firstPage });
+        };
+        this.setItemsPerPage = (newValue, isUserAction = true) => {
+            var _a;
+            if (this.itemsPerPage !== newValue) {
+                this.itemsPerPage = newValue;
+                this.itemsPerPageString = newValue.toString();
+                this.icItemsPerPageChange.emit({
+                    value: this.itemsPerPage,
+                    isUserAction,
+                });
+                if (this.setToFirstPageOnPaginationChange) {
+                    this.setToFirstPage();
+                }
+            }
+            this.totalPages =
+                this.totalItems > this.itemsPerPage
+                    ? Math.ceil(this.totalItems / this.itemsPerPage)
+                    : 1;
+            this.setUpperBound();
+            if (this.activePage > this.totalPages) {
+                (_a = this.paginationEl) === null || _a === void 0 ? void 0 : _a.setCurrentPage(this.totalPages);
+                this.activePage = this.totalPages;
+            }
+            this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });
+        };
+        this.setPaginationBarContent = () => {
+            const clonedItemsPerPageOptions = this.itemsPerPageOptions
+                ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))
+                : null;
+            const displayedItemsPerPageOptions = clonedItemsPerPageOptions ||
+                (this.totalItems <= 100
+                    ? [
+                        { label: "10", value: "10" },
+                        { label: "25", value: "25" },
+                        { label: "50", value: "50" },
+                    ]
+                    : [
+                        { label: "25", value: "25" },
+                        { label: "100", value: "100" },
+                        { label: "1000", value: "1000" },
+                    ]);
+            !this.hideAllFromItemsPerPage &&
+                displayedItemsPerPageOptions.push({
+                    label: "All",
+                    value: String(this.totalItems),
+                });
+            this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(({ value }) => this.totalItems >= Number(value));
+            let lastOptionValue = 0;
+            if (this.userSetItemsPerPage) {
+                this.displayedItemsPerPageOptions.some(({ value }) => {
+                    lastOptionValue = Number(value);
+                    return this.userSetItemsPerPage <= lastOptionValue;
+                });
+                this.setItemsPerPage(lastOptionValue);
+            }
+            else {
+                if (this.selectedItemsPerPage !== null &&
+                    this.selectedItemsPerPage !== undefined) {
+                    this.setSelectedItemsPerPage(this.selectedItemsPerPage, this.displayedItemsPerPageOptions);
+                }
+                else {
+                    const updated = this.displayedItemsPerPageOptions.some(({ value }) => {
+                        lastOptionValue = Number(value);
+                        return this.itemsPerPage <= lastOptionValue;
+                    });
+                    this.setItemsPerPage(updated || (!updated && this.itemsPerPage > lastOptionValue)
+                        ? lastOptionValue
+                        : this.itemsPerPage, false);
+                }
+            }
+        };
+        this.setUpperBound = () => {
+            this.upperBound = Math.min(this.lowerBound + this.itemsPerPage - 1, this.totalItems);
+        };
+    }
+    watchPageNumberHandler() {
+        this.setPaginationBarContent();
+        if (typeof this.currentPage === "number" && this.currentPage) {
+            if (this.currentPage < 1 ||
+                (this.totalPages && this.currentPage > this.totalPages)) {
+                console.warn(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`);
+            }
+            else {
+                this.activePage = this.currentPage;
+            }
+        }
+    }
+    watchSelectedItemsPerPageHandler() {
+        if (this.selectedItemsPerPage !== null &&
+            this.selectedItemsPerPage !== undefined) {
+            this.setSelectedItemsPerPage(this.selectedItemsPerPage, this.displayedItemsPerPageOptions);
+        }
+    }
+    watchItemLabelHandler() {
+        this.capitalizedItemLabel = capitalize(this.itemLabel);
+        this.lowerCaseItemLabel = this.itemLabel.toLowerCase();
+    }
+    watchItemsPerPageOptionsHandler(newVal, oldVal) {
+        if (JSON.stringify(newVal) === JSON.stringify(oldVal))
+            return;
+        this.setPaginationBarContent();
+    }
+    watchPageLabelHandler() {
+        this.capitalizedPageLabel = capitalize(this.pageLabel);
+        this.lowerCasePageLabel = this.pageLabel.toLowerCase();
+    }
+    watchTotalItemsHandler() {
+        this.setPaginationBarContent();
+    }
+    watchSetToFirstPageOnPaginationChange() {
+        this.setPaginationBarContent();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    componentWillLoad() {
+        this.watchPageNumberHandler();
+        this.watchPageLabelHandler();
+        this.watchItemLabelHandler();
+        this.setPaginationBarContent();
+    }
+    componentDidLoad() {
+        var _a, _b, _c;
+        this.paginationWidth = ((_a = this.paginationBarEl) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
+        checkResizeObserver(this.runResizeObserver);
+        const textField = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);
+        if (textField) {
+            const input = (_c = textField === null || textField === void 0 ? void 0 : textField.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector("input");
+            if (input) {
+                input.style.textAlign = "center";
+                input.style.padding = "0";
+            }
+        }
+        this.paginationShouldWrap();
+    }
+    pageChangeHandler(ev) {
+        const page = ev.detail.value;
+        this.changePage(page);
+    }
+    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 (hAsync(Host, { key: 'c11938d14250e5435166136014565a78c8fbe1b0', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '14cef9faa92a11d48b0f569524f69a75924fcea5', class: {
+                ["pagination-bar"]: true,
+                [`pagination-bar-${alignment}`]: true,
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: 'ce45782788e8a0fa10c1c4be4c88dd66238abc0d', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: '988fd5587d581f707c859b116c0523a09b1fc629', class: "items-per-page-holder" }, hAsync("ic-typography", { key: '78062c53ca82dcc53fa6de6da987284760a75411', class: {
+                ["items-per-page-control-label"]: true,
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("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 &&
+            (rangeLabelType === "data" ? (hAsync("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" : ""}`)) : (hAsync("ic-typography", { class: {
+                    ["page-pagination-label"]: true,
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '2fe098d17de85749fb85b9da97e821c1102e30d5', class: {
+                ["pagination-controls"]: true,
+                ["pagination-controls-wrap"]: this.paginationWrapped,
+            } }, hAsync("div", { key: '2df84c3e3e46f8915c3cc223343af2d628025f9f', class: "pagination-holder" }, hAsync("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 && (hAsync("div", { key: '107a7b12ce7d9dd3f3ea2b62bd43c5556dfc2145', class: "go-to-page-holder" }, hAsync("ic-typography", { key: '6042313933f74fa385a6cd5244eb32f650b3efe6', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '2667de79e971e45b48b17f6479f17c34b94b9630', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("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) })), hAsync("ic-button", { key: 'a5159ea7b8994d71d04a13e4e7dd2f778b9e6e63', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "currentPage": ["watchPageNumberHandler"],
+        "selectedItemsPerPage": ["watchSelectedItemsPerPageHandler"],
+        "itemLabel": ["watchItemLabelHandler"],
+        "itemsPerPageOptions": ["watchItemsPerPageOptionsHandler"],
+        "pageLabel": ["watchPageLabelHandler"],
+        "totalItems": ["watchTotalItemsHandler"],
+        "setToFirstPageOnPaginationChange": ["watchSetToFirstPageOnPaginationChange"]
+    }; }
+    static get style() { return IcPaginationBarStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "ic-pagination-bar",
+        "$members$": {
+            "accessibleLabel": [1, "accessible-label"],
+            "alignment": [1],
+            "currentPage": [2, "current-page"],
+            "selectedItemsPerPage": [2, "selected-items-per-page"],
+            "hideAllFromItemsPerPage": [4, "hide-all-from-items-per-page"],
+            "hideCurrentPage": [4, "hide-current-page"],
+            "hideFirstAndLastPageButton": [4, "hide-first-and-last-page-button"],
+            "itemLabel": [1, "item-label"],
+            "itemsPerPageOptions": [16],
+            "monochrome": [4],
+            "theme": [1],
+            "type": [1],
+            "rangeLabelType": [1, "range-label-type"],
+            "pageLabel": [1, "page-label"],
+            "showGoToPageControl": [4, "show-go-to-page-control"],
+            "hideRangeLabel": [4, "hide-range-label"],
+            "selectItemsPerPageOnEnter": [4, "select-items-per-page-on-enter"],
+            "showItemsPerPageControl": [4, "show-items-per-page-control"],
+            "totalItems": [2, "total-items"],
+            "setToFirstPageOnPaginationChange": [4, "set-to-first-page-on-pagination-change"],
+            "capitalizedItemLabel": [32],
+            "capitalizedPageLabel": [32],
+            "activePage": [32],
+            "displayedItemsPerPageOptions": [32],
+            "inputError": [32],
+            "itemsPerPage": [32],
+            "itemsPerPageString": [32],
+            "lowerBound": [32],
+            "lowerCaseItemLabel": [32],
+            "lowerCasePageLabel": [32],
+            "paginationWidth": [32],
+            "paginationWrapped": [32],
+            "totalPages": [32],
+            "upperBound": [32]
+        },
+        "$listeners$": [[0, "icPageChange", "pageChangeHandler"]],
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 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}}";
 var IcPaginationItemStyle0 = icPaginationItemCss;
 
@@ -14909,17 +15466,17 @@ class PopoverMenu {
         this.popperProps = props;
     }
     render() {
-        return (hAsync(Host, { key: '8ab9e16a2208bdd2ce36933b62354a4cf36a1655', class: {
+        return (hAsync(Host, { key: '2df7f8dce86b2a069e36c528cde49fab2a59e14d', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '2d234fdb7f0632ac7fe8080d32fd076b174bc43b', id: this.parentPopover === undefined
+            } }, hAsync("div", { key: '274adfbbf14f57d3538bd5076d4f3eaba4246b9f', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, hAsync("span", { key: '4d92490bac8e470c989ebc736c7cb88beab07283', class: {
+            } }, hAsync("span", { key: 'dbb75e11d95ab6dd331e8fdde4c698627ebce128', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: 'a86c2b55ce825077cafc58514d2fd9a67c00df49' }, hAsync("span", { key: 'd05b38782f21d1667252fcb5dbfad6f2cbf266cb', role: "menu" }, hAsync("ic-menu-item", { key: '7b607af7cb58bcc560d1d4b35a0b471515293be6', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: 'ee6dd9b9e61fde3599aaf04b1061558d5a147b33', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '03149b62b07f36182f7d70711b7f752041a6ad2d', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'd30272951d72997bcc4fc4092f5428ba74c22c9b', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: '85b7b75bd2ae9b2c57f6e790e09e3f0c364d6c9e', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'cce0bf0426bc4dfe89754e240c81f3d5ee50f96e' }))))));
+            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: 'd4f921888dbb9225abcb2470dd28df727f3beee0' }, hAsync("span", { key: '35d3b4ef74cb4d777f50299aa374a9e3cee34889', role: "menu" }, hAsync("ic-menu-item", { key: '1f389ff42de3e6a71f8d119a0d77c303bdd680a8', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '68719e50bc2f6735c0f7dcf6f44c9ff63c5acdea', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '2ba5c53d18fb50b729ae2246817f7c9cf30257b0', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '6932f008b6d3444e0c9310c60c3fcbafae48f3ff', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: '75f0187e8474d97fce7f8436cba7e6168cfd2b63', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'a547d619787fda1c2f529a0b4ec7fe3745f416ab' }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -15439,7 +15996,6 @@ let inputIds$3 = 0;
 /**
  * @slot helper-text - Content is set as the helper text for the search bar.
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 class SearchBar {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -15619,7 +16175,7 @@ class SearchBar {
                 this.setMenuChange(true);
                 this.preLoad = false;
                 if (this.disableAutoFiltering === false) {
-                    const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
+                    const rawFilteredOptions = getFilteredMenuOptions(this.options, this.value, this.labelField);
                     this.filteredOptions =
                         rawFilteredOptions.length > 0
                             ? rawFilteredOptions
@@ -15974,39 +16530,39 @@ class SearchBar {
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput(this.el, value, name, disabledMode);
-        return (hAsync(Host, { key: 'a157a6642fdbf3b08a6e3715ed4b3caf2a4a2cc3', class: {
+        return (hAsync(Host, { key: '04e5c15ac492b502e560a905f83f3a250412ca06', class: {
                 "ic-search-bar-search": true,
                 "ic-search-bar-full-width": fullWidth,
                 "ic-search-bar-disabled": disabled,
                 "ic-search-bar-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '2505f6cacc6484e069a4550443c316c1c0969835', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'aa4f12f89adfba413e723ef51d39d1c9d455d462', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: '166a66746961e4dd48d17f7896f63322c0398391', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '9c64fed1a8540b98441ede3bcb50e7004e576206', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '9d2de773bf2bf546dbc521766886f72910054d15', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '8fef7c014864aef9293542ab21524aa45d9241ac', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '43f1de8b93e14b829f581e0d394a75cb03c9d946', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'f5f1c33908f9083f84e162e6967e8b40d903f264', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '9fa5ed5c57101c905259eacdf81a1d7f8189f086', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '853c5c33a1760d96d447332df4c3bff6e79f91f8', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
                 "no-left-pad": readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: 'fce57d94b8c5d5f5cd10dbca9d77f83775ef2e14', class: {
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: '0d72210be324fa78ae66ce350c163e9633917978', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, hAsync("ic-button", { key: '9f4c9508a7809f8803683b98cba337949ed7b075', id: "clear-button", class: {
+            } }, hAsync("ic-button", { key: 'be2a08dde69a638dc26f0c479c691e65d80ece9e', id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !clearButtonFocused,
-            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: 'c8d3f7329e2c85efb0b15c69d25ef33066a078d7', class: "divider" })), hAsync("div", { key: '9c2e7064fc15b9f95b79f42ebbbcfe0a86efa33a', class: {
+            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '5043e6629e6c2c925bc8464a65339bad98e915dc', class: "divider" })), hAsync("div", { key: 'a36f9243178a2dc0da8e45e7dfe649816cf2b978', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, hAsync("ic-button", { key: '6581d4240e0c61a2d351469ce42f4e5b073d5359', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, hAsync("ic-button", { key: '9bdca735d409bd35d38d586b69172a72673fd275', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 "search-submit-button": true,
                 "search-submit-button-small": size === "small",
                 "search-submit-button-unfocused": !searchSubmitFocused,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '6c5e68dfdd233ffba7640a960e59b68a6e59f3ad', class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '642e60a52c92b6fda82276a827236c4651d0cbf7', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '15acc1549f899dc228da307d4dd2a1550a8482d4', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '025843659ad91751380c71f373c8e8f9fa118eb1', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][labelField] === loadingLabel ||
                             filteredOptions[0][labelField] === loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '15460d9ef215264449cecc99c1d4f01d1dbc8598', "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '17f2a14197fa3051a70345fd10e30a5cb98a13de', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -16090,12 +16646,12 @@ class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: '24dccdddcc53a53ea167ac1d563dcf58cf4c011f', class: {
+        return (hAsync(Host, { key: '141dc39bbd1e9fda7617f8bff574f1e25ada9fe8', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: 'f1fff1aa3ea5c3e5917e73db0c7ee01bb1352d24' })));
+            } }, hAsync("slot", { key: '8f1f0cdc5a22c0de9e0e3346ba1b7dcc8c3bf295' })));
     }
     static get style() { return IcSectionContainerStyle0; }
     static get cmpMeta() { return {
@@ -16121,19 +16677,31 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
 </svg>
 `;
 
-const icSelectCss = "/*! 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;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-label);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle-disabled\n  )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs)}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot=\"icon\"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot=\"icon\"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}@media (prefers-reduced-motion: reduce){.clear-button,ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{transition:none}}";
+const icSelectCss = "/*! 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;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-label);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle-disabled\n  )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs)}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.aria-live-hidden-text{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot=\"icon\"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot=\"icon\"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}@media (prefers-reduced-motion: reduce){.clear-button,ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{transition:none}}";
 var IcSelectStyle0 = icSelectCss;
 
-let inputIds$2 = 0;
-const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
-/**
- * @slot helper-text - Content is set as the helper text for the select.
- * @slot icon - Content will be placed to the left of the select text input.
- */
-class Select {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.icBlur = createEvent(this, "icBlur", 7);
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+let inputIds$2 = 0;
+const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
+/**
+ * @slot helper-text - Content is set as the helper text for the select.
+ * @slot icon - Content will be placed to the left of the select text input.
+ */
+class Select {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.icBlur = createEvent(this, "icBlur", 7);
         this.icChange = createEvent(this, "icChange", 7);
         this.icClear = createEvent(this, "icClear", 7);
         this.icClose = createEvent(this, "icClose", 7);
@@ -16143,22 +16711,18 @@ class Select {
         this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
         this.icOptionDeselect = createEvent(this, "icOptionDeselect", 7);
         this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
-        this.blurredBecauseButtonPressed = false;
-        this.hasSetDefaultValue = false;
-        this.hasTimedOut = false;
-        this.inheritedAttributes = {};
-        this.initialOptionsEmpty = false;
         this.inputId = `ic-select-input-${inputIds$2++}`;
         this.menuId = `${this.inputId}-menu`;
-        this.retryButtonClick = false;
-        this.searchableMenuItemSelected = false;
-        this.ungroupedOptions = [];
+        this.inheritedAttributes = {};
         this.hostMutationObserver = null;
-        this.clearButtonFocused = false;
-        this.noOptions = null;
-        this.open = false;
+        this.timeoutTimer = null;
+        this.hasTimedOut = false;
+        this.initialRender = true;
         this.pressedCharacters = "";
-        this.searchableSelectInputValue = null;
+        this.hasError = false;
+        this.searchableSelectInputValue = "";
+        this.selectButtonAriaLiveText = "";
+        this.selectInputAriaLiveText = "";
         /**
          * If `true`, the disabled state will be set.
          */
@@ -16255,6 +16819,10 @@ class Select {
          * The text to display as the validation message.
          */
         this.validationText = "";
+        /**
+         * If `true` and on a mobile or tablet device, the native select element will be used instead of the custom select component for better usability.
+         */
+        this.useNativeSelectOnMobile = true;
         /**
          * If `true`, the loading state will be triggered when fetching options asynchronously.
          */
@@ -16263,8 +16831,7 @@ class Select {
          * The possible selection options.
          */
         this.options = [];
-        this.filteredOptions = this.options;
-        this.uniqueOptions = this.options;
+        this.flatOptions = [];
         /**
          * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
          */
@@ -16277,142 +16844,125 @@ class Select {
          */
         this.value = null;
         this.initialValue = this.value;
-        this.inputValueToFilter = this.value;
-        // triggered when attributes of host element change
-        this.hostMutationCallback = (mutationList) => {
-            mutationList.forEach(({ attributeName, type, addedNodes, removedNodes }) => {
-                if (attributeName) {
-                    const attribute = this.el.getAttribute(attributeName);
-                    if (attribute && MUTABLE_ATTRIBUTES$1.includes(attributeName)) {
-                        this.inheritedAttributes[attributeName] = attribute;
-                    }
-                }
-                else if (type === "childList") {
-                    checkSlotInChildMutations(addedNodes, removedNodes, "icon");
-                }
-            });
-        };
-        this.handleRetry = (ev) => {
-            var _a;
-            if (ev.detail.keyPressed)
-                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
-            this.blurredBecauseButtonPressed = true;
-            this.retryButtonClick = true;
-            this.hasSetDefaultValue = true;
-            this.icRetryLoad.emit({
-                value: this.searchable
-                    ? this.searchableSelectInputValue
-                    : this.hiddenInputValue,
-            });
-        };
-        this.emitIcChange = (value) => {
-            // If "Select all" button clicked, replace value with new value (array of all option values)
-            if (this.multiple && !Array.isArray(value) && value !== null) {
-                // Update selected options - adds / removes them, in order of option list
-                // Create new array if value prop is undefined
-                if (this.value) {
-                    let valueArray = this.value.slice();
-                    if (this.value.includes(value)) {
-                        valueArray.splice(valueArray.indexOf(value), 1);
-                    }
-                    else {
-                        valueArray.push(value);
-                        valueArray = this.getValueSortedByOptions(valueArray);
+        this.open = false;
+        this.getValidatedValue = (value) => {
+            const validValues = this.flatOptions.map((opt) => opt.value);
+            if (validValues.length === 0)
+                return value;
+            if (this.multiple) {
+                if (!value)
+                    return null;
+                const arr = Array.isArray(value) ? value : [value]; // Ensure value is an array
+                const filtered = validValues.filter((v) => arr.includes(v)); // Keep only valid values
+                return filtered.length > 0 ? filtered : null;
+            }
+            else {
+                return validValues.includes(value) ? value : null;
+            }
+        };
+        this.getFilteredOptions = (searchString, searchMatchPosition, includeDescriptionsInSearch, includeGroupTitlesInSearch) => {
+            const search = searchString.toLowerCase();
+            const match = (text, method) => method === "anywhere" ? text.includes(search) : text.startsWith(search);
+            return this.unflattenOptions(this.flatOptions.filter((option) => {
+                var _a, _b, _c, _d;
+                const label = option.label.toLowerCase();
+                const group = (_b = (_a = option.group) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
+                const description = (_d = (_c = option.description) === null || _c === void 0 ? void 0 : _c.toLowerCase()) !== null && _d !== void 0 ? _d : "";
+                return (match(label, searchMatchPosition) ||
+                    (includeDescriptionsInSearch &&
+                        match(description, searchMatchPosition)) ||
+                    (includeGroupTitlesInSearch && match(group, searchMatchPosition)));
+            }));
+        };
+        this.getOptions = () => {
+            const options = this.searchable &&
+                !this.disableAutoFiltering &&
+                this.searchableSelectInputValue
+                ? this.getFilteredOptions(this.searchableSelectInputValue, this.searchMatchPosition, this.includeDescriptionsInSearch, this.includeGroupTitlesInSearch)
+                : this.unflattenOptions(this.flatOptions);
+            if (this.hasTimedOut)
+                return [{ label: this.loadingErrorLabel, value: "", timedOut: true }];
+            if (this.loading)
+                return [{ label: this.loadingLabel, value: "", loading: true }];
+            if (options.length > 0)
+                return options;
+            return [{ label: this.emptyOptionListText, value: "" }];
+        };
+        this.getFlatOptions = (options) => options.flatMap((item) => ("children" in item && item.children
+            ? [...item.children.map((child) => (Object.assign({ group: item.label }, child)))]
+            : [item]));
+        this.unflattenOptions = (flatOptions) => {
+            const groupMap = new Map();
+            const result = [];
+            for (const option of flatOptions) {
+                if (option.group) {
+                    let group = groupMap.get(option.group);
+                    if (!group) {
+                        group = { label: option.group, children: [] };
+                        groupMap.set(option.group, group);
+                        result.push(group);
                     }
-                    this.value = valueArray.length === 0 ? null : valueArray;
+                    const rest = __rest(option, ["group"]);
+                    group.children.push(rest);
                 }
                 else {
-                    this.value = [value];
+                    result.push(option);
                 }
             }
-            else {
-                this.value = value;
+            return result;
+        };
+        this.getLabelFromValue = (value) => { var _a, _b; return (_b = (_a = this.flatOptions.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : ""; };
+        // Construct the string that will be shown in the select input or button
+        this.getLabelString = () => {
+            if (Array.isArray(this.value)) {
+                return this.value.map(this.getLabelFromValue).filter(Boolean).join(", ");
             }
-            this.icChange.emit({ value: this.multiple ? this.value : value });
+            return (this.getLabelFromValue(this.value) ||
+                (this.searchable ? "" : this.placeholder));
         };
-        this.emitIcInput = (value) => {
-            clearTimeout(this.debounceIcInput);
-            this.debounceIcInput = window.setTimeout(() => this.icInput.emit({ value }), this.currDebounce);
+        this.handleClick = (event) => {
+            var _a;
+            if (event.detail !== 0) {
+                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleClickOpen();
+            }
         };
-        this.setOptions = () => {
-            if (!this.hasTimedOut && this.options !== this.noOptions) {
-                this.loading = false;
-                clearTimeout(this.timeoutTimer);
-                if (this.options.length > 0) {
-                    this.setOptionsValuesFromLabels();
-                    this.uniqueOptions = this.deduplicateOptions(this.options);
-                }
-                else {
-                    this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
-                    this.uniqueOptions = this.noOptions;
-                }
-                this.filteredOptions = this.uniqueOptions;
-                if (this.isExternalFiltering()) {
-                    // When searchable select
-                    this.noOptions = null;
-                    this.updateSearchableSelectResultAriaLive();
-                    this.setDefaultValue();
-                }
-                else if (this.initialOptionsEmpty) {
-                    this.setDefaultValue();
-                    this.initialOptionsEmpty = false;
-                }
+        this.handleExpandIconMouseDown = (event) => {
+            var _a;
+            if (!this.disabled) {
+                event.preventDefault();
+                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
+                this.handleClick(event);
             }
-            else if (!this.searchable) {
-                this.options = this.noOptions || [];
+        };
+        this.handleBlur = ({ relatedTarget }) => {
+            var _a, _b;
+            const target = relatedTarget;
+            if (this.el.contains(target) ||
+                ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target)) ||
+                ((_b = this.menu) === null || _b === void 0 ? void 0 : _b.contains(target)) ||
+                target === this.clearButton) {
+                return;
             }
+            this.open = false;
+            this.handleFocusIndicatorDisplay();
+            if (this.searchable) {
+                this.searchableSelectInputValue = "";
+            }
+            this.icBlur.emit();
         };
-        /**
-         * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
-         * @param options array of IcMenuOptions
-         * @returns a new options object, with all entries possessing a duplicate 'value' field removed
-         */
-        this.deduplicateOptions = (options) => {
-            const uniqueValues = [];
-            const dedupedOptions = [];
-            options.forEach((option) => {
-                if (option.children) {
-                    //If an option has children, we will loop through them
-                    const dedupedChildren = [];
-                    option.children.forEach((child) => {
-                        if (uniqueValues.includes(child.value)) {
-                            console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${child.value}) which has been removed.`);
-                        }
-                        else {
-                            uniqueValues.push(child.value);
-                            dedupedChildren.push(child);
-                        }
-                    });
-                    // construct a modified option, inserting the deduplicated children alongside the original information
-                    dedupedOptions.push(Object.assign(Object.assign({}, option), { children: dedupedChildren }));
-                }
-                else {
-                    // If an option does not have children, assess to see if it's value has been included already
-                    if (uniqueValues.includes(option.value)) {
-                        console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${option.value}) which has been removed.`);
-                    }
-                    else {
-                        uniqueValues.push(option.value);
-                        dedupedOptions.push(option);
-                    }
-                }
-            });
-            return dedupedOptions;
+        this.handleTimeoutBlur = (event) => {
+            this.handleBlur(event.detail.ev);
         };
-        /**
-         * Loop through options array and for all options with no value, infer it from the label
-         */
-        this.setOptionsValuesFromLabels = () => {
-            if (this.options.length > 0) {
-                this.options.map((option) => {
-                    if (!option.value) {
-                        option.value = option.label;
-                    }
-                });
-            }
+        this.handleFocus = () => {
+            this.icFocus.emit();
         };
-        this.setUngroupedOptions = (event) => {
-            this.ungroupedOptions = event.detail.options;
+        this.handleClear = () => {
+            this.clearTimer();
+            this.loading = false;
+            this.value = null;
+            this.searchableSelectInputValue = "";
+            this.icClear.emit();
+            this.setFocus();
         };
         this.setTextColor = () => {
             if (this.nativeSelectElement) {
@@ -16422,94 +16972,13 @@ class Select {
                         : "select-option-selected";
             }
         };
-        this.setMenuChange = (open) => {
-            if (this.open !== open) {
-                this.open = open;
-            }
-        };
-        this.getLabelFromValue = (value) => getLabelFromValue(value, this.uniqueOptions);
-        this.getMultipleOptionsString = (selectedValues) => selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.map((value) => this.getLabelFromValue(value)).filter((label) => !!label).join(", ");
-        this.getFilteredChildMenuOptions = (option) => (Object.assign(Object.assign({}, option), { children: option.children &&
-                getFilteredMenuOptions(option.children, this.searchable && !!this.includeDescriptionsInSearch, this.searchable
-                    ? this.searchableSelectInputValue || ""
-                    : this.pressedCharacters, this.searchable ? this.searchMatchPosition : "start") }));
-        // (For multi-select) get value array, i.e. selected option values, in order they appear in option list
-        this.getValueSortedByOptions = (value) => {
-            const valueArray = value;
-            const valuesFromAllOptions = this.ungroupedOptions.map((option) => option.value);
-            valueArray.sort((a, b) => valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b));
-            return valueArray;
-        };
         this.handleNativeSelectChange = () => {
             if (this.nativeSelectElement) {
                 this.icOptionSelect.emit({ value: this.nativeSelectElement.value });
-                this.emitIcChange(this.nativeSelectElement.value);
+                this.icChange.emit({ value: this.nativeSelectElement.value });
             }
             this.setTextColor();
         };
-        // Handle option select for when a custom input box and menu is rendered
-        // (rather than native <select> - rendered when viewed on a mobile / tablet screen)
-        this.handleCustomSelectChange = (event) => {
-            var _a, _b;
-            const { value, label, optionId } = event.detail;
-            if (label === this.emptyOptionListText) {
-                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
-                return;
-            }
-            if (this.searchable) {
-                this.value = value || null;
-                this.searchableMenuItemSelected = true;
-                // After editing the input, if selecting the same option as before, set the input value to label again
-                if (this.value === this.currValue) {
-                    this.searchableSelectInputValue =
-                        this.getLabelFromValue(this.value) || null;
-                }
-                this.inputValueToFilter = null;
-                this.hiddenInputValue =
-                    this.getValueFromLabel(this.searchableSelectInputValue) || null;
-            }
-            if (value) {
-                if (this.multiple && ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(value))) {
-                    this.icOptionDeselect.emit({ value });
-                }
-                else {
-                    this.icOptionSelect.emit({ value });
-                }
-            }
-            this.ariaActiveDescendant = optionId;
-            this.emitIcChange(value || null);
-        };
-        this.handleSelectAllChange = ({ detail, }) => {
-            const allValues = this.ungroupedOptions
-                .filter((option) => !option.disabled)
-                .map((option) => option.value);
-            if (detail.select) {
-                // Only emit icOptionSelect for all values that are newly selected
-                const unselectedValues = this.value
-                    ? allValues.filter((value) => this.value && !this.value.includes(value))
-                    : allValues;
-                unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));
-            }
-            else {
-                // Only emit icOptionDeselect for values that were selected
-                this.value.forEach((value) => this.icOptionDeselect.emit({ value }));
-            }
-            this.emitIcChange(detail.select ? allValues : null);
-        };
-        this.handleMenuChange = (event) => {
-            this.open = event.detail.open;
-            this.pressedCharacters = "";
-            if (this.searchable)
-                this.handleFocusIndicatorDisplay();
-        };
-        // clears the debounce delay when navigating the menu with arrow keys etc
-        // to prevent delay in change event, which should only occur when typing in input
-        this.handleMenuKeyPress = (ev) => {
-            ev.cancelBubble = true;
-            if (!this.multiple) {
-                this.handleCharacterKeyDown(ev.detail.key);
-            }
-        };
         this.handleFocusIndicatorDisplay = () => {
             var _a;
             const focusIndicator = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".focus-indicator");
@@ -16522,58 +16991,27 @@ class Select {
                 }
             }
         };
-        this.handleMouseDown = (event) => {
-            if (!this.open) {
-                event.preventDefault();
-            }
-        };
-        this.isExternalFiltering = () => this.searchable && !!this.disableAutoFiltering;
-        this.handleClick = (event) => {
+        this.handleKeyDown = (event) => {
             var _a, _b;
-            if (!this.open && this.menu) {
-                if (this.isExternalFiltering()) {
-                    this.menu.options = this.filteredOptions;
+            if (!(event.key === " " && this.pressedCharacters.length > 0)) {
+                if (this.open) {
+                    (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleMenuKeyDown(event);
                 }
-                else if (!this.hasTimedOut &&
-                    !this.loading &&
-                    !((_a = this.noOptions) === null || _a === void 0 ? void 0 : _a.length) &&
-                    (!this.searchable || this.searchableMenuItemSelected)) {
-                    this.noOptions = null;
-                    this.menu.options = this.uniqueOptions;
+                else {
+                    (_b = this.menu) === null || _b === void 0 ? void 0 : _b.handleKeyboardOpen(event);
                 }
             }
-            if (event.detail !== 0) {
-                (_b = this.menu) === null || _b === void 0 ? void 0 : _b.handleClickOpen();
-            }
-        };
-        this.handleExpandIconMouseDown = (event) => {
-            var _a;
-            if (!this.disabled) {
-                event.preventDefault();
-                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
-                this.handleClick(event);
-            }
-        };
-        this.handleClear = (event) => {
-            var _a, _b;
-            event.stopPropagation();
-            this.hasTimedOut = false;
-            clearTimeout(this.timeoutTimer);
-            this.clearInput();
-            this.emitIcChange(null);
-            this.icClear.emit();
-            if (this.searchable) {
-                this.hiddenInputValue = null;
-                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else {
-                (_b = this.customSelectElement) === null || _b === void 0 ? void 0 : _b.focus();
+            if (!this.multiple &&
+                !this.searchable &&
+                !this.selectOnEnter &&
+                /^[a-zA-Z0-9 ]$/.test(event.key)) {
+                this.handleCharacterKeyDown(event.key);
             }
         };
         this.handleCharacterKeyDown = (key) => {
             // Only close menu when space is pressed if not being used alongside character keys to quickly select options
             if (this.open && key === " " && this.pressedCharacters.length === 0) {
-                this.setMenuChange(false);
+                this.open = false;
             }
             if (key.length !== 1 || this.searchable) {
                 this.pressedCharacters = "";
@@ -16583,385 +17021,309 @@ class Select {
             this.characterKeyPressTimer = window.setTimeout(() => (this.pressedCharacters = ""), 1000);
             if (key !== " " || !!this.pressedCharacters) {
                 this.pressedCharacters += key;
-                this.handleFilter();
-                if (!this.noOptions) {
-                    this.emitIcChange(this.filteredOptions[0].value);
+                const filteredOptions = this.getFilteredOptions(this.pressedCharacters, "start", false, false);
+                if (filteredOptions.length > 0) {
+                    const firstOption = filteredOptions[0];
+                    if ("children" in firstOption) {
+                        this.value = firstOption.children[0].value;
+                    }
+                    else {
+                        this.value = firstOption.value;
+                    }
                 }
             }
         };
         this.handleNativeSelectKeyDown = (event) => {
-            if ((event.key !== "Escape" && event.key !== "Tab") || this.open) {
-                event.cancelBubble = true;
-            }
-            this.handleCharacterKeyDown(event.key);
+            this.handleKeyDown(event);
         };
-        this.handleKeyDown = (event) => {
-            var _a;
-            if ((event.key !== "Escape" && event.key !== "Tab") || this.open) {
-                event.cancelBubble = true;
+        this.handleSelectChange = (event) => {
+            const { value } = event.detail;
+            if (!value || this.getLabelFromValue(value) === this.emptyOptionListText) {
+                this.value = null;
+                return;
             }
-            const isArrowKey = event.key === "ArrowDown" || event.key === "ArrowUp";
-            if (this.menu && !this.open) {
-                if (this.isExternalFiltering() && (event.key === "Enter" || isArrowKey)) {
-                    this.menu.options = this.filteredOptions;
+            if (this.multiple) {
+                let valueArray = Array.isArray(this.value) ? [...this.value] : [];
+                const index = valueArray.indexOf(value);
+                if (index > -1) {
+                    valueArray.splice(index, 1);
+                    this.icOptionDeselect.emit({ value });
                 }
-                else if (!this.hasTimedOut) {
-                    this.noOptions = null;
-                    this.menu.options = this.uniqueOptions;
+                else {
+                    this.icOptionSelect.emit({ value });
+                    valueArray.push(value);
+                    valueArray = this.getValidatedValue(valueArray);
                 }
-            }
-            if (this.open && event.key === "Enter") {
-                this.setMenuChange(false);
+                this.value = valueArray.length ? valueArray : null;
             }
             else {
-                if (!isArrowKey || this.noOptions === null) {
-                    if (event.key !== " " || this.pressedCharacters.length <= 0) {
-                        // Keyboard events get passed onto ic-menu except in the case of ctrl-a on a searchable select
-                        const isCtrlA = event.key === "a" &&
-                            ((isMacDevice() && event.metaKey) ||
-                                (!isMacDevice() && event.ctrlKey));
-                        if (!(this.searchable && isCtrlA)) {
-                            (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
-                        }
-                    }
-                    if (!this.multiple) {
-                        this.handleCharacterKeyDown(event.key);
-                    }
-                }
-            }
-        };
-        this.handleClearButtonFocus = () => {
-            this.clearButtonFocused = true;
-        };
-        this.handleClearButtonBlur = (ev) => {
-            var _a;
-            const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
-            if ((!this.searchableSelectElement ||
-                ev.relatedTarget !== this.searchableSelectElement) &&
-                (!retryButton || ev.relatedTarget !== retryButton)) {
-                this.setMenuChange(false);
-                this.handleFocusIndicatorDisplay();
+                this.icOptionSelect.emit({ value });
+                this.value = value;
+                if (this.searchable)
+                    this.searchableSelectInputValue = "";
             }
-            this.clearButtonFocused = false;
         };
-        this.handleFilter = () => {
-            var _a;
-            const options = this.deduplicateOptions(this.searchable ? [...this.uniqueOptions] : this.ungroupedOptions);
-            const isGrouped = options.some((option) => !!option.children);
-            let newFilteredOptions = [];
-            let menuOptionsFiltered;
-            if (this.searchable) {
-                menuOptionsFiltered = getFilteredMenuOptions(options, !!this.includeDescriptionsInSearch, this.inputValueToFilter || "", this.searchMatchPosition);
-                this.searchableMenuItemSelected = false;
+        this.handleSelectAllChange = ({ detail, }) => {
+            const allSelectableValues = this.flatOptions
+                .filter((option) => !option.disabled)
+                .map((option) => option.value);
+            if (detail.select) {
+                allSelectableValues
+                    .filter((value) => { var _a; return !((_a = this.value) !== null && _a !== void 0 ? _a : []).includes(value); })
+                    .forEach((value) => {
+                    this.icOptionSelect.emit({ value });
+                });
+                this.value = allSelectableValues;
             }
             else {
-                menuOptionsFiltered = getFilteredMenuOptions(options, false, this.pressedCharacters, "start");
-            }
-            if (!isGrouped &&
-                ((_a = menuOptionsFiltered[0]) === null || _a === void 0 ? void 0 : _a.label) !== this.emptyOptionListText) {
-                newFilteredOptions = menuOptionsFiltered;
-            }
-            else if (isGrouped) {
-                newFilteredOptions = options.map((option) => this.includeGroupTitlesInSearch &&
-                    menuOptionsFiltered.indexOf(option) !== -1
-                    ? option
-                    : this.getFilteredChildMenuOptions(option));
-            }
-            if (newFilteredOptions.length > 0 &&
-                (!isGrouped ||
-                    newFilteredOptions.some(({ children }) => children && children.length > 0))) {
-                this.noOptions = null;
-                this.filteredOptions = newFilteredOptions;
+                this.value.forEach((value) => this.icOptionDeselect.emit({ value }));
+                this.value = null;
             }
-            else {
-                this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
-                this.filteredOptions = this.noOptions;
+        };
+        this.handleFormReset = () => {
+            this.value = this.initialValue;
+            this.searchableSelectInputValue = "";
+            if (this.searchable) {
+                this.hiddenInputValue = this.initialValue;
             }
         };
-        /**
-         * Put the select component into loading state.
-         * Replace options with the loading message. If timeout is enabled, set the timeout and once passed, replace options with the loading error message
-         */
-        this.triggerLoading = () => {
+        this.handleRetry = () => {
+            this.clearTimer();
             this.hasTimedOut = false;
-            this.noOptions = [{ label: this.loadingLabel, value: "", loading: true }];
-            if (this.filteredOptions !== this.noOptions && this.searchable) {
-                this.filteredOptions = this.noOptions;
-            }
-            else if (this.uniqueOptions !== this.noOptions && !this.searchable) {
-                this.uniqueOptions = this.noOptions;
-            }
-            if (this.timeout) {
-                this.timeoutTimer = window.setTimeout(() => {
-                    this.loading = false;
-                    this.hasTimedOut = true;
-                    this.noOptions = [
-                        { label: this.loadingErrorLabel, value: "", timedOut: true },
-                    ];
-                    this.filteredOptions = this.noOptions;
-                    if (!this.searchable)
-                        this.uniqueOptions = this.noOptions;
-                }, this.timeout);
-            }
+            this.hasError = false;
+            this.loading = true;
+            this.icRetryLoad.emit({
+                value: this.searchable
+                    ? this.searchableSelectInputValue
+                    : this.hiddenInputValue,
+            });
+            this.setFocus();
         };
-        this.getValueFromLabel = (label) => { var _a; return label && ((_a = this.uniqueOptions.find((option) => option.label === label)) === null || _a === void 0 ? void 0 : _a.value); };
         this.handleSearchableSelectInput = (event) => {
-            this.searchableSelectInputValue = event.target.value;
-            this.emitIcInput(this.searchableSelectInputValue);
-            // De-select previous selection when input is edited
-            // Only emit icChange once when editing input
-            if (this.value != null) {
-                this.emitIcChange(null);
-            }
-            this.hiddenInputValue = null;
-            this.inputValueToFilter = this.searchableSelectInputValue;
-            this.setMenuChange(true);
-            if (!this.disableAutoFiltering) {
-                this.handleFilter();
-                clearTimeout(this.debounceAria);
-                window.setTimeout(() => {
-                    this.updateSearchableSelectResultAriaLive();
-                }, 800);
-            }
-        };
-        this.updateSearchableSelectResultAriaLive = () => {
             var _a;
-            const searchableSelectResultsStatusEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".searchable-select-results-status");
-            if (searchableSelectResultsStatusEl) {
-                searchableSelectResultsStatusEl.innerText =
-                    this.noOptions !== null ? this.emptyOptionListText : "";
-            }
-        };
-        this.updateMultiSelectedCountAriaLive = () => {
-            var _a, _b;
-            const multiSelectSelectedCountEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".multi-select-selected-count");
-            const selectedCount = `${(_b = this.currValue) === null || _b === void 0 ? void 0 : _b.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
-            if (multiSelectSelectedCountEl &&
-                multiSelectSelectedCountEl.innerText !== selectedCount) {
-                multiSelectSelectedCountEl.innerText = selectedCount;
-            }
-        };
-        this.getDefaultValue = (value) => this.getLabelFromValue(value) || null;
-        this.setDefaultValue = () => {
-            if (!this.hasSetDefaultValue && this.currValue) {
-                this.searchableSelectInputValue = this.searchable
-                    ? this.getDefaultValue(this.currValue)
-                    : null;
-                this.initialValue = this.currValue;
-                this.hasSetDefaultValue = true;
+            this.updateSearchableSelectResultAriaLive();
+            if (!this.multiple) {
+                this.value = null;
             }
+            this.searchableSelectInputValue =
+                (_a = event.target.value) !== null && _a !== void 0 ? _a : "";
+            this.open = true;
+            clearTimeout(this.debounceIcInput);
+            this.debounceIcInput = window.setTimeout(() => this.icInput.emit({ value: this.searchableSelectInputValue }), this.currDebounce);
         };
-        this.onFocus = () => {
-            this.icFocus.emit();
-        };
-        this.onBlur = ({ relatedTarget }) => {
-            var _a;
-            const target = relatedTarget;
-            if (target !== null &&
-                ((target.tagName === "UL" && target.className.includes("menu")) ||
-                    (target.tagName === "LI" && target.className.includes("option")))) {
-                return;
-            }
-            const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
-            if (this.searchable &&
-                !!this.menu &&
-                target !== this.menu &&
-                !Array.from(this.menu.querySelectorAll("[role='option']")).includes(target) &&
-                (!this.clearButton || target !== this.clearButton) &&
-                (!retryButton || target !== retryButton)) {
-                if (!this.retryButtonClick) {
-                    this.setMenuChange(false);
-                    // Clear input field on blur when searchable if no option is selected
-                    if (!this.value) {
-                        this.clearInput();
+        this.hostMutationCallback = (mutationList) => {
+            mutationList.forEach(({ attributeName, type, addedNodes, removedNodes }) => {
+                if (attributeName) {
+                    const attribute = this.el.getAttribute(attributeName);
+                    if (attribute && MUTABLE_ATTRIBUTES$1.includes(attributeName)) {
+                        this.inheritedAttributes[attributeName] = attribute;
                     }
                 }
-                this.handleFocusIndicatorDisplay();
-            }
-            this.retryButtonClick = false;
-            this.icBlur.emit();
+                else if (type === "childList") {
+                    checkSlotInChildMutations(addedNodes, removedNodes, "icon");
+                }
+            });
         };
-        this.onTimeoutBlur = (ev) => {
-            if (ev.detail.ev.relatedTarget !==
-                this.searchableSelectElement &&
-                !this.blurredBecauseButtonPressed) {
-                this.setMenuChange(false);
-                this.handleFocusIndicatorDisplay();
-                this.icBlur.emit();
-            }
-            this.blurredBecauseButtonPressed = false;
+        this.updateSelectButtonAriaLive = () => {
+            const value_label = this.getLabelFromValue(this.value);
+            this.selectButtonAriaLiveText = this.multiple
+                ? `${this.value ? this.value.length : 0} of ${this.flatOptions.length} selected`
+                : this.value
+                    ? value_label !== null && value_label !== void 0 ? value_label : `${value_label} selected`
+                    : "";
         };
-        this.handleFormReset = () => {
-            this.value = this.initialValue;
-            if (this.searchable) {
-                this.searchableSelectInputValue = this.getDefaultValue(this.value);
-                this.hiddenInputValue = this.value;
-            }
+        this.updateSearchableSelectResultAriaLive = () => {
+            var _a, _b;
+            this.selectInputAriaLiveText =
+                ((_b = (_a = this.getOptions()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label) == this.emptyOptionListText
+                    ? this.emptyOptionListText
+                    : "";
         };
-        this.clearInput = () => {
-            var _a;
-            this.noOptions = null;
-            if (this.searchable) {
-                (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.setAttribute("value", "");
-                this.searchableSelectInputValue = null;
-                this.filteredOptions = this.uniqueOptions;
-            }
+        this.updateAriaActiveDescendant = (event) => {
+            this.ariaActiveDescendant = event.detail.optionId;
+        };
+        this.handleMenuChange = (event) => {
+            this.open = event.detail.open;
+            this.pressedCharacters = "";
+        };
+        this.getDeduplicatedOptions = (flatOptions) => {
+            const seen = new Set();
+            return flatOptions.filter((option) => {
+                if (option.value && seen.has(option.value)) {
+                    console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${option.value}) which has been removed.`);
+                    return false;
+                }
+                if (option.value)
+                    seen.add(option.value);
+                return true;
+            });
         };
-        this.renderNativeOption = (option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === this.currValue }, option.label));
+        this.renderNativeOption = (option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === this.value }, option.label));
     }
     watchDisabledHandler() {
         removeDisabledFalse(this.disabled, this.el);
     }
     loadingHandler(newValue) {
-        newValue ? this.triggerLoading() : this.setOptions();
+        this.hasTimedOut = false;
+        if (newValue) {
+            this.hasError = false;
+            if (this.timeout) {
+                if (this.timeoutTimer) {
+                    this.clearTimer();
+                }
+                this.timeoutTimer = window.setTimeout(() => {
+                    this.loading = false;
+                    this.hasTimedOut = true;
+                }, this.timeout);
+            }
+        }
+        else {
+            if (this.timeoutTimer) {
+                this.clearTimer();
+            }
+        }
     }
-    watchOptionsHandler() {
-        this.setOptions();
+    clearTimer() {
+        if (this.timeoutTimer) {
+            clearTimeout(this.timeoutTimer);
+            this.timeoutTimer = null;
+        }
+    }
+    optionsChangedHandler() {
+        const flat = this.getFlatOptions(this.options)
+            .filter((option) => option.value != null || option.label != null) // filter out options missing both value and label
+            .map((option) => {
+            var _a, _b;
+            return (Object.assign(Object.assign({}, option), { value: (_a = option.value) !== null && _a !== void 0 ? _a : option.label, label: (_b = option.label) !== null && _b !== void 0 ? _b : option.value }));
+        });
+        this.flatOptions = this.getDeduplicatedOptions(flat);
+        if (!this.initialRender)
+            this.loading = false;
+        this.clearTimer();
+        this.updateSelectButtonAriaLive();
     }
     debounceChangedHandler(newValue) {
         if (this.currDebounce !== newValue) {
             this.currDebounce = newValue;
         }
     }
-    valueChangedHandler() {
-        if (this.value !== this.currValue) {
-            if (this.value && this.multiple) {
-                this.currValue = this.getMultipleOptionsString(this.value)
-                    ? this.getValueSortedByOptions(this.value)
-                    : null;
-                this.updateMultiSelectedCountAriaLive();
-            }
-            else {
-                this.currValue = this.getLabelFromValue(this.value)
-                    ? this.value
-                    : null;
-            }
-        }
-        if (this.searchable && this.value) {
-            // Only set if value not null - prevents whole input value being cleared when edited
-            this.searchableSelectInputValue =
-                this.getLabelFromValue(String(this.currValue)) || null;
+    valueChangedHandler(newValue) {
+        const validated = this.getValidatedValue(newValue);
+        const isEqual = Array.isArray(validated) && Array.isArray(this.value)
+            ? validated.length === this.value.length &&
+                validated.every((v, i) => v === this.value[i])
+            : validated === this.value;
+        if (!isEqual) {
+            this.value = validated;
+            return;
         }
+        this.updateSelectButtonAriaLive();
+        this.icChange.emit({ value: this.value });
     }
     openChangedHandler() {
         this.open ? this.icOpen.emit() : this.icClose.emit();
+        if (!this.open) {
+            this.ariaActiveDescendant = undefined;
+        }
+        this.handleFocusIndicatorDisplay();
+    }
+    /**
+     * Sets focus on the select component.
+     */
+    async setFocus() {
+        if (this.nativeSelectElement) {
+            this.nativeSelectElement.focus();
+        }
+        else if (this.selectElement) {
+            this.selectElement.focus();
+        }
+        else if (this.searchableSelectElement) {
+            this.searchableSelectElement.focus();
+        }
+    }
+    componentDidRender() {
+        if (this.nativeSelectElement && !this.disabled) {
+            this.setTextColor();
+        }
+        this.initialRender = false;
     }
     disconnectedCallback() {
         var _a;
         removeFormResetListener(this.el, this.handleFormReset);
         (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    componentWillLoad() {
-        const valueInOptions = this.multiple
-            ? this.getMultipleOptionsString(this.value)
-            : this.getLabelFromValue(this.value);
-        this.currValue = valueInOptions ? this.value : null;
-        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$1);
-        removeDisabledFalse(this.disabled, this.el);
-        this.setOptionsValuesFromLabels();
-        addFormResetListener(this.el, this.handleFormReset);
-        if (!this.options.length) {
-            this.initialOptionsEmpty = true;
-            this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
-            this.uniqueOptions = this.noOptions;
-            this.filteredOptions = this.noOptions;
-        }
-        else {
-            this.setDefaultValue();
-            this.uniqueOptions = this.deduplicateOptions(this.options);
-        }
+        this.clearTimer();
     }
     componentDidLoad() {
-        onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
-        if (this.loading) {
-            this.triggerLoading();
-        }
-        if (this.searchable) {
-            this.hiddenInputValue = this.currValue;
-        }
         this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
         this.hostMutationObserver.observe(this.el, {
             attributes: true,
             childList: true,
         });
     }
-    componentDidRender() {
-        if (this.nativeSelectElement && !this.disabled) {
-            this.setTextColor();
-        }
-    }
-    /**
-     * Sets focus on the input box.
-     */
-    async setFocus() {
-        if (this.nativeSelectElement) {
-            this.nativeSelectElement.focus();
-        }
-        else if (this.customSelectElement) {
-            this.customSelectElement.focus();
-        }
-        else if (this.searchableSelectElement) {
-            this.searchableSelectElement.focus();
-        }
+    componentWillLoad() {
+        this.optionsChangedHandler();
+        this.value = this.getValidatedValue(this.value);
+        this.initialValue = this.value;
+        if (this.loading)
+            this.loadingHandler(true);
+        addFormResetListener(this.el, this.handleFormReset);
     }
     render() {
-        var _a, _b, _c, _d;
-        const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationAriaLive, validationStatus, validationText, currValue, theme, hiddenInputValue, open, inputId, searchableSelectInputValue, loading, value, emptyOptionListText, uniqueOptions, selectOnEnter, form, inheritedAttributes, ariaActiveDescendant, hasTimedOut, filteredOptions, clearButtonFocused, } = this;
-        // HTML inputs only accept 'string' for their value
-        // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
-        renderHiddenInput(this.el, searchable ? hiddenInputValue : currValue, name || inputId, disabled);
-        const invalid = `${validationStatus === IcInformationStatus.Error}`;
-        const showValidation = hasValidationStatus(validationStatus, !!disabled);
-        const describedBy = getInputDescribedByText(this.el, inputId, helperText !== "", showValidation).trim();
-        const valueLabelString = multiple
-            ? this.getMultipleOptionsString(currValue)
-            : this.getLabelFromValue(currValue);
+        const { disabled, searchable, size, fullWidth, theme, readonly, hideLabel, inputId, label, helperText, required, value, options, menuId, multiple, validationStatus, open, showClearButton, selectOnEnter, loading, searchableSelectInputValue, validationText, validationAriaLive, form, ariaActiveDescendant, placeholder, name, inheritedAttributes, selectInputAriaLiveText, selectButtonAriaLiveText, } = this;
+        const hasValue = !!value;
+        const hasInput = !!searchableSelectInputValue;
         const isClearable = !disabled &&
-            (searchable
-                ? !!searchableSelectInputValue
-                : !!currValue && !loading && showClearButton);
-        return (hAsync(Host, { key: '9c3955b4ba942dd962018252d50aad7bbb1f1744', class: {
+            ((searchable && (hasInput || hasValue)) ||
+                (!searchable && hasValue && !loading && showClearButton));
+        const showValidation = !!validationStatus && !disabled;
+        const invalid = validationStatus === IcInformationStatus.Error;
+        const describedBy = getInputDescribedByText(this.el, inputId, helperText !== "", showValidation).trim();
+        const menuOptions = this.getOptions();
+        const noOptions = disabled ||
+            (menuOptions.length === 1 &&
+                (menuOptions[0].label === this.emptyOptionListText ||
+                    "loading" in menuOptions[0] ||
+                    "timedOut" in menuOptions[0]));
+        renderHiddenInput(this.el, value, name || inputId, disabled);
+        const ClearButton = () => (hAsync("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 = () => (hAsync("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), hAsync("option", { key: '5fb827fef7ab7c597a2361ac4d019f9e07adb55f', value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => "children" in option ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option)))));
+        const SelectButton = () => (hAsync("div", { key: '47ad04d6da391fcb88a8b6a6a841dec93f53cd74', class: "select-container" }, hAsync("button", { key: '7ee23a4f16c4aca4b287391ac5bf5f6ee4441b07', 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 }, hAsync("ic-typography", { key: '438cce7c257e37d0a0aef5247d28d31586725a1e', variant: "body", class: {
+                "value-text": true,
+                "with-clear-button": !!isClearable,
+                placeholder: !value,
+            } }, this.getLabelString()), hAsync("div", { key: '8926d05851401339717c159651b802fb41e53096', class: "select-input-end" }, isClearable && hAsync("div", { key: '5c94e4ba98ad972001890d639b00c82887e0fb5d', class: "divider" }), hAsync("span", { key: '23569f5196d66f2b4a834d44006f6a05446598cd', class: {
+                "expand-icon": true,
+                "expand-icon-open": open,
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && hAsync(ClearButton, { key: 'e4165cb01b0bdc1681e3d9490007182b934f40ea' }), hAsync("div", { key: '6208229358ee8ba7a007a08f5e551d494015a347', "aria-live": "polite", "aria-atomic": "true", class: "aria-live-hidden-text" }, selectButtonAriaLiveText)));
+        const SelectInput = () => (hAsync("div", { key: 'af39791c29e8d792c16fed1fffe08db8f621fcac', class: "searchable-select-container" }, hAsync("input", { key: '366bd3c57ad76f130d73ab2390c557b9e8fe98c8', class: {
+                "value-text": true,
+                "select-input": true,
+                "with-clear-button": !!searchableSelectInputValue,
+            }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${open}`, "aria-invalid": invalid ? "true" : "false", "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: inputId, value: multiple
+                ? ""
+                : 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 && (hAsync("div", { key: 'e9260358a6c8ac3683d1de3015064665d32d907f', class: "clear-button-container" }, hAsync(ClearButton, { key: '0c05ed1cf92ac8fde61ba55192a8a1511338239e' }), hAsync("div", { key: 'e44933edcc7c79459f1ecd551eec43a86fd53b11', class: "divider" }))), hAsync("span", { key: '36e7fe34e7d438caab2967fae27bfe4fb2e49041', onMouseDown: this.handleExpandIconMouseDown, class: {
+                "expand-icon": true,
+                "expand-icon-open": open,
+            }, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { key: 'c3e06f04e62b273b8a7a6f9df0aa27bf71060ed4', "aria-live": "polite", role: "status", class: "aria-live-hidden-text" }, selectInputAriaLiveText)));
+        const ReadOnly = () => (hAsync("ic-typography", { key: '979d342f453fdb2ed79a6cf231d9a40275662a44' }, hAsync("p", { key: '221530958da8731657b5ad4d455041dc3934718f' }, this.getLabelString() === placeholder ? "" : this.getLabelString())));
+        return (hAsync(Host, { key: 'efbdccb0f0b7e86142cd530d52a86f7ce95d6c1c', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'c67e465c4a39b81ef2f9f861a02a9d9d89e5c3de', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '9554f5a63ea338139b1cf1be426ef97d829694a5', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '3749b881b972bf1143f67587e2d70bce773eb597', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '61c1d6fc5c5bd6535e502e9e15ca013612ab009b', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
+            } }, hAsync("ic-input-container", { key: '48fe83c1c79ec578f94a2d8af4b8b452570a421f', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '8410dabe6d0d62c7c1459991631807cfa6546735', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '77ce0ab9ca879ecf515de633ff27ba8e2320cf2c', name: "helper-text", slot: "helper-text" }))), hAsync("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 }, isSlotUsed(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (hAsync("span", { key: 'f81e4bd0e7548bfe8206928808475083b2b641ee', slot: "left-icon", class: {
+            (!readonly || !!value) && (hAsync("span", { key: 'fcfec6b75fdb0eb41950460af3c6d7dc5ad43657', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, hAsync("slot", { key: '792566ca482c7ebca0804ac0a18a5beeb3e6f15a', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
-                "value-text": true,
-                "select-input": true,
-                "with-clear-button": !!searchableSelectInputValue,
-            }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: inputId, value: searchableSelectInputValue || undefined, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: form }), isClearable && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": searchableSelectInputValue &&
-                (currValue === null || loading)
-                ? "Clear input"
-                : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
-                "expand-icon": true,
-                "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (hAsync("div", { class: "select-container" }, hAsync("button", { role: "combobox", class: "select-input", ref: (el) => (this.customSelectElement = el), id: inputId, "aria-label": `${label}, ${(multiple && currValue
-                ? `${currValue.length} of ${getOptionsWithoutGroupTitlesCount(options)} selected, ${valueLabelString}`
-                : valueLabelString) || placeholder}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": `${open}`, "aria-owns": menuId, "aria-controls": menuId, "aria-required": `${required}`, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
-                "value-text": true,
-                "with-clear-button": isClearable,
-                placeholder: !loading && multiple
-                    ? !value || value.length < 1
-                    : !this.getLabelFromValue(currValue),
-            } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
-                "expand-icon": true,
-                "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'bb2e95961d8685349e46edf1c93a2dce9792657b', class: {
-                "no-results": loading ||
-                    hasTimedOut ||
-                    (searchable &&
-                        ((_b = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label) === emptyOptionListText) ||
-                    (!searchable &&
-                        ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
-            }, ref: (el) => (this.menu = el), inputEl: searchable
-                ? this.searchableSelectElement
-                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '5d6db7b55942499db04a942c7980ad09e5db65f8', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: '5133bf75be8a86fe3134491d659b934dac271e57', class: {
+            } }, hAsync("slot", { key: '08d321011ba86b6d50bf3c8c85bf16595c8df657', name: "icon" }))), isMobileOrTablet() && this.useNativeSelectOnMobile && !multiple ? (hAsync(NativeSelect, null)) : readonly ? (hAsync(ReadOnly, null)) : !searchable ? (hAsync(SelectButton, null)) : (hAsync(SelectInput, null))), !(isMobileOrTablet() &&
+            this.useNativeSelectOnMobile &&
+            !multiple) && (hAsync("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 })), hAsync("ic-input-validation", { key: '6b8bd66f22d67776d418e0aac1b41d2f03f3c9cd', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }
@@ -16970,7 +17332,7 @@ class Select {
     static get watchers() { return {
         "disabled": ["watchDisabledHandler"],
         "loading": ["loadingHandler"],
-        "options": ["watchOptionsHandler"],
+        "options": ["optionsChangedHandler"],
         "debounce": ["debounceChangedHandler"],
         "value": ["valueChangedHandler"],
         "open": ["openChangedHandler"]
@@ -17007,24 +17369,22 @@ class Select {
             "validationAriaLive": [1, "validation-aria-live"],
             "validationStatus": [1, "validation-status"],
             "validationText": [1, "validation-text"],
+            "useNativeSelectOnMobile": [4, "use-native-select-on-mobile"],
             "loading": [1028],
             "options": [16],
             "debounce": [2],
             "value": [1025],
             "ariaActiveDescendant": [32],
-            "clearButtonFocused": [32],
             "debounceIcInput": [32],
             "hiddenInputValue": [32],
-            "noOptions": [32],
-            "open": [32],
-            "pressedCharacters": [32],
+            "hasError": [32],
             "searchableSelectInputValue": [32],
-            "filteredOptions": [32],
-            "uniqueOptions": [32],
+            "selectButtonAriaLiveText": [32],
+            "selectInputAriaLiveText": [32],
+            "flatOptions": [32],
             "currDebounce": [32],
             "initialValue": [32],
-            "inputValueToFilter": [32],
-            "currValue": [32],
+            "open": [32],
             "setFocus": [64]
         },
         "$listeners$": undefined,
@@ -17056,10 +17416,11 @@ class SideNavigation {
         this.ANIMATION_DURATION = window.matchMedia("(prefers-reduced-motion: reduce)").matches
             ? 0
             : parseInt(getCssProperty("--ic-transition-duration-slow")) || 0;
-        this.IC_NAVIGATION_ITEM = "ic-navigation-item";
-        this.resizeObserver = null;
         this.COLLAPSED_ICON_LABELS_END = "collapsed-icon-labels-end";
         this.COLLAPSED_ICON_LABELS_START = "collapsed-icon-labels-start";
+        this.IC_NAVIGATION_ITEM = "ic-navigation-item";
+        this.hostMutationObserver = null;
+        this.resizeObserver = null;
         this.deviceSize = getCurrentDeviceSize();
         this.deviceSizeAppTitle = DEVICE_SIZES.S;
         this.foregroundColor = getBrandForegroundAppearance();
@@ -17468,13 +17829,21 @@ class SideNavigation {
         }
         !isSlotUsed(this.el, "app-title") &&
             onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: "app-title" }], "Side Navigation");
+        this.hostMutationObserver = new MutationObserver((mutationList) => {
+            renderDynamicChildSlots(mutationList, ["primary-navigation", "secondary-navigation"]);
+            this.arrangeSlottedNavigationItem(this.menuExpanded);
+        });
+        this.hostMutationObserver.observe(this.el, {
+            childList: true,
+        });
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         if (this.resizeObserver !== null) {
             this.resizeObserver.disconnect();
         }
-        (_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionEndHandler);
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.el) === null || _b === void 0 ? void 0 : _b.removeEventListener("transitionend", this.transitionEndHandler);
         if (this.closeOnNavItemClick) {
             this.el.removeEventListener("navItemClicked", this.handleNavItemClicked);
         }
@@ -17498,7 +17867,7 @@ class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (hAsync(Host, { key: '048b8b8cc51848714f6f0367995c271b39b1a9a2', class: {
+        return (hAsync(Host, { key: '886d59eacfc6a79fa8b4caae8a2cdb775dff6067', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -17507,12 +17876,12 @@ class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '2a83fe000c46bc9ce54ca9de5cead38dddb5f88f', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '464c9687f196364f27ab261377b523a6a7d19b5a', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '6eeedc489baacc84591354bf7be4537ff1d9fc56', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '8b49aaab6a419cae1198c1cc4295ea15aa10523f', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '90e051cd18572f31bb02e8dc1832aa2105328f6c', class: "navigation-list" }, hAsync("slot", { key: 'b06759220c19e6a243bf84d17a6bcb0c321fee73', name: "primary-navigation" }))))), hAsync("div", { key: 'db63c182321cbe7d77bebd732a3a5f2ddedbff7d', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '92d8098c0824f92ff4f639385d9ef1aae6fda26e', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '5a35143cf052d624a03308c8a727b8714e1896a6', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '4239354cce9eede321351b68744550e0de08c3ae', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'f8a95a420530e9114eb4560a8e77b5be51282906', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: 'b660e71252c4c16dda5f3850c2769312b26397ff', class: "navigation-list" }, hAsync("slot", { key: 'b3c7b371935ef0f4b5d604c5ebe1dda873419d75', name: "primary-navigation" }))))), hAsync("div", { key: '2fcca3fc56a443b064541f3c595214693fe76b37', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '953cd6095e452078d068efc58cf689d558bdd4a1', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '8d5b3dcfce47bc1594e5541ed41731a0fd795589', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '57b6d08a7a6f0f15341a4b0289bf4a876fc5b30e', class: "navigation-list" }, hAsync("slot", { key: '36c42a128bbc9f0144496d6af042656bfe26d713', name: "secondary-navigation" })))), hAsync("div", { key: 'e34d40920163c830039d772d997549ebf0ff2162', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '2984e8ca896aef5c7e6374e5c996c8a3fe4dc4a7' }), displayExpandBtn && (hAsync("button", { key: 'cbf4ae4787ae4b5c2beaf9629db0c22df6e3910e', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: 'a330285250b908cb7ac14e9ae9f39612d4bcfce2', class: "app-status-wrapper" }, status && (hAsync("div", { key: 'd90a9dd03f2ba41f1305afb96d78d46c85611aef', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '3b0b5d0d656206768109c4e4065c14d831962cb2', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '637fe5abe5383946e97277b089c7dd1d46e703a3', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '78640f1d84d55e53414094fff6abad155b44f35d', class: "navigation-list" }, hAsync("slot", { key: '35d6d19470f2b2694084b55c08905cfc8e3a0a97', name: "secondary-navigation" })))), hAsync("div", { key: '78cd12a09800d0e83634ad7ca75daa2bd1adcd35', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'b600544aa406b829069b6f7cdefeee16e9b4c40f' }), displayExpandBtn && (hAsync("button", { key: 'a48355b059c6e41f141a41ca1aed6bf363be51cc', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '6f51db95e92d73c8c59ca5e337e0e6083e0d95b5', class: "app-status-wrapper" }, status && (hAsync("div", { key: 'aea4cbab412fd1a89d65517d355a41538505527c', class: {
                 ["app-status"]: true,
-            } }, hAsync("ic-typography", { key: '070e2696a97002c88022049ceb4af7e204ce509e', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: 'acb4321ec1814ab47772570c0098b1998f9ea68e', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, hAsync("ic-typography", { key: '1a23249530701743408ac1003ce89a0c91f5165c', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '430aa919fdf4eaca59e0fa6523f014a1885de38a', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17591,11 +17960,11 @@ class Skeleton {
                 width: el.style.width || width || DEFAULT_WIDTHS[variant],
             }
             : undefined;
-        return (hAsync(Host, { key: '73e213037cb181ecae2e3f9428a35e247d70a450', class: {
+        return (hAsync(Host, { key: 'a68ad9122c6ad09b2283f2d6168e6286c8c8157f', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '25f2bc03cfcb793f1723c75ccbdb6994228255fa' })));
+            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'a44bc7abbfb1f33581eec83e06556936ee410636' })));
     }
     get el() { return getElement(this); }
     static get style() { return IcSkeletonStyle0; }
@@ -17654,9 +18023,9 @@ class SkipLink {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (hAsync(Host, { key: '477955b53d5ca2ee5774db9a08d4721a7540c100', class: {
+        return (hAsync(Host, { key: '90a25f2594d0169a8ee6f1d03b30a30fccb17168', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-link", { key: '0583ea1158ce831a6eae9408a1a13f4b411f2d58', class: {
+            } }, hAsync("ic-link", { key: '79c0f5121c3ac8bae5992756f3c628f381ebe576', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,
@@ -17721,12 +18090,12 @@ class StatusTag {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (hAsync(Host, { key: 'f725fbd83518b847fd27ef96dbf8255fe6ff2cf2', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '93abc20a9d3e062257a097a125fab957c47dcd13', class: {
+        return (hAsync(Host, { key: 'e6dae50277c14c03b3d42bc12b880fa421ba5e5b', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'e92f10182a350fd9ea993bb6376b77463a865c6d', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, hAsync("ic-typography", { key: '1e6ed9d25763ece6f07513edf293d22a760e4d03', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '3c3d3fefe821e5017de6eba6492c0dcb1ec2cd5e' }, label)))));
+            } }, hAsync("ic-typography", { key: 'b3a5f6504550096511aa0b0e577be5ed46b9fd84', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'd7cdc4dc4b3e635432d57799cbaea26d5380fea9' }, label)))));
     }
     static get style() { return IcStatusTagStyle0; }
     static get cmpMeta() { return {
@@ -17830,27 +18199,27 @@ class Step {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (type === "completed" || compactStepStyling === "completed") {
-            statusIcon = (hAsync("span", { key: 'e40ecc76bd5a18ea9a8d7289b5a4ff379dbb2ab3', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
+            statusIcon = (hAsync("span", { key: '3e6a788d03556019e87781e4e58306d0081da72a', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
         }
         else if (type === "disabled" || compactStepStyling === "disabled") {
-            statusIcon = (hAsync("span", { key: '1f6c966fa834689f62ae996ac818e86e9600ddb9', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (hAsync("span", { key: 'd3df77790e474794ac3a74cc99c98ec73a51530a', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (hAsync("div", { key: 'fc3010558a6755ff90cbe0ac62309efa8f432ca6', class: {
+        const compactStep = (hAsync("div", { key: '58e72e89eb93fd00ea4a76704c3744050eed25d2', class: {
                 ["step"]: true,
                 ["current"]: !!current,
                 [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
                 ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
-            } }, hAsync("ic-loading-indicator", { key: 'dcd439c5149ad136fb6efba531bf9e334f6e348b', class: {
+            } }, hAsync("ic-loading-indicator", { key: 'c7a6e8e70fe3e3a485a5b0c9353b6a7eaf5888d0', class: {
                 "compact-step-progress-indicator": true,
                 "not-required": type === "disabled" || compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: 'c5f15c52ca3f3bda8df684e526affa64a18350ae', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: '5ca74136bc31b81ffae7d2273deb6b9e6960e878', class: "info-line" }, hAsync("ic-typography", { key: 'db1c09c01ba31c419ccfcc5a13ddd44be37b837f', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: '525884b307ce52eefe02ecdac3a97a0cecfc7516', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '13209e08fa212f80ee2b6b2f04dd65cd3a36f461', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: '7c71fc4f8ce1b59c792c60f2d18cc464ebfc3b0f', class: "info-line" }, hAsync("ic-typography", { key: '942f6be75ff898fccda479f36003b80dcdcad9ed', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: 'a3ced0ecff13af724c007fa1ca32f7396f114612', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
             type === "completed" ||
             type === "disabled" ||
             (this.variant === "compact" &&
                 !!compactStepStyling &&
                 compactStepStyling !== "active") ||
-            !!status) && (hAsync("div", { key: '1c7eb4db0ee9d1e855b750ec8aa579b0fb5d1e92', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '4fa38808e69cdc8d536ab890faff63e46a47207e', variant: "caption" }, subheading !== null && isPropDefined(subheading)
+            !!status) && (hAsync("div", { key: '04bb305951a0de96241c64e478b26e12afcd838a', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '3487444c46756faf3f1a88ce4cebd129cbd14d87', variant: "caption" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : type === "disabled" ||
                 (variant === "compact" &&
@@ -17863,26 +18232,26 @@ class Step {
         // ICON FOR DEFAULT STEP
         let icon;
         if (type !== "completed") {
-            icon = (hAsync("ic-typography", { key: '8da555d94b21f0e3fd6fa7c6f4d4cf2abbe32ac8', variant: "subtitle-small" }, hAsync("span", { key: '4e7d49eafbdee617ae656db3338758fb34616b2e', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (hAsync("ic-typography", { key: 'e25e3e2da7abbf17fcf8ede4dde3ce26010f68e0', variant: "subtitle-small" }, hAsync("span", { key: 'ae4b4e77475d060dc7ce62796118fd03a0cbdb1f', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (hAsync("div", { key: 'b952dfad90463f9ea6ad42b75adf22753e7fb3d3', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '1a1af244897e7a7cdb145b3d6b5e4c56844fcc3e', class: "check-icon", innerHTML: checkIcon })));
+            icon = (hAsync("div", { key: '86b31c3ca79c025e185a5461c210be965b42dc2a', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '9854c6981f84ed0984fb98666a123de0c2a32048', class: "check-icon", innerHTML: checkIcon })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = type === "current" && (hAsync("div", { key: '46f103bf5fb1b96cc0ecd320c3a7d2cd44cda524', class: "step-connect-inner" }));
-        const finalStep = !lastStep && (hAsync("div", { key: '4bb2a4a4de790c3cdc56ce7ba099e8388a500bcb', class: {
+        const partialBar = type === "current" && (hAsync("div", { key: 'af4367f38115d9ee7f0e2112ab62ae7fdfe5b801', class: "step-connect-inner" }));
+        const finalStep = !lastStep && (hAsync("div", { key: '979da51621c8e026ab2b2d59d7ad83764e0330a7', class: {
                 ["step-connect"]: true,
                 ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
             } }, partialBar));
         // DEFAULT STEP COMPONENT
-        const defaultStep = (hAsync("div", { key: '645b517e8c4c7b56b127389abb02059d40d59624', class: {
+        const defaultStep = (hAsync("div", { key: 'd91c5752a70b8062c91c7a2563229968ed832a2f', class: {
                 ["step"]: true,
                 [`${type}`]: true,
-            } }, hAsync("div", { key: 'ff48045641a0fa2334b2c9749c7a8498b040ab01', class: "step-top" }, hAsync("div", { key: '0d1dd0b9e73cce4c13f8558dd9dd64126d100790', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: 'c1b1d2870f1d99c326f52123a3a14d3b5a0c3e4e', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: '1a59f2da6d32d0c51af7c96f9e68dd79673c5972', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
+            } }, hAsync("div", { key: 'df780502b324c87db8eb701d9b4c43e12e6d6b32', class: "step-top" }, hAsync("div", { key: '7e2b4c244ecfe20c71f53d8f825938af39b62f71', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: 'e645cb62ca795ee554a1b580e6fdae6555bc410c', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: '8498b50dd12915ac9e39ad329e35b0a585c77f46', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : stepStatus))))));
-        return (hAsync(Host, { key: '0092be886c35688e5ec3b12c68fbaee1a3762784', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
+        return (hAsync(Host, { key: '356617f292b301db2b92d8c1d111fa32831705c1', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
                 ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
                 [`ic-step-${variant}`]: true,
@@ -18202,11 +18571,11 @@ class Stepper {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (hAsync(Host, { key: 'd0e5a0b04ef681cdd52d094498209e17f219e9d1', class: {
+        return (hAsync(Host, { key: '457ee30e4513044d1160e73ab9e868c796d996e2', class: {
                 [`ic-stepper-${this.variant}`]: true,
                 ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("ul", { key: '19aa3c7fb194f59cd6f7a70d0427568ebb534c13', class: "step-item-list" }, hAsync("slot", { key: '99dc833bd8f3dfcca8707003217782ef36cb0f08' }))));
+            } }, hAsync("ul", { key: '32a6e9ee86bc0a89d9997aa7f74250874f1e466f', class: "step-item-list" }, hAsync("slot", { key: '9571c50056c525a853cd0469d81fa2dead8cec1f' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18337,16 +18706,16 @@ class Switch {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
         renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
-        return (hAsync(Host, { key: '9f0cb27fcd7c2604ce4435bd7f4a431918146d1e', class: {
+        return (hAsync(Host, { key: '88d2bde84ec11e0b5e23de8b291684eae49ba48f', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("label", { key: 'cb13d2051bfed9902d2029d0dfac343dccf3cd5e', class: {
+            } }, hAsync("label", { key: '46de14be85f760c6267141eb1fe36bc710a9e251', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '5904849e7cc3e0c04415c93c4d0c59804071d2cb', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'c361f411bf189a5aae8c90e331bc5a07535c3b64', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } }, hAsync("slot", { key: '67d98793571ae87084250ce826f88834dab05255', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'f76fbe9cb69e5122d8f14af6fcc0234b8aaa4bbd', class: "ic-switch-line-break" }), hAsync("input", { key: '4660b4356dadd500b15f6b818104e0d4007b4f66', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: 'cb2a021795f12459a627e99d9367bc6dc1aece8a', class: "ic-switch-toggle" }, hAsync("svg", { key: 'd7e801f7de68d43769113cde11bf8386809bd198', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '4c1902e8316757adb667d7a977ec162653204559', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '86da1f336dea202dbd81258e37fb115f39a7b5d7', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '8e453a3fe4c0b10f459d245e7a81a420cee18ad8', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'cd015f585121ed6b7f850f7a43799a767927688c', name: "right-adornment" }))));
+            } }, hAsync("slot", { key: 'd0ec1f628328f0e3938964248ac38c576ee602ce', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: '60474539357c0bd43823042d06e0292f1769a879', class: "ic-switch-line-break" }), hAsync("input", { key: 'e9f17d56e514e1a545fae25631c835a714515461', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: 'ec6530e9f6d0a9248d6104068a8dc08c98142d44', class: "ic-switch-toggle" }, hAsync("svg", { key: '9dbe1ccb311d5d3cf836b1db84f783f3f4aa1b1c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '019b9a398510349b9fbb41784aa01f77af2c482f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '36806f4ca85eb87212f155f42293cffc9d7b2f2e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '5d34317d431ea7b8e10d6a379b02148b4fc69b4e', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'bfb4599c8cfad3efa9466eefe7dc84b580a2a3d2', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -18621,7 +18990,6 @@ class TabContext {
                 this.selectedTab = newIndex;
             }
             else {
-                /* eslint-disable no-unexpected-multiline */
                 this.icTabSelect.emit({
                     tabIndex: newIndex,
                     tabLabel: ((_b = (_a = this.el.querySelectorAll("ic-tab")[newIndex]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) ||
@@ -18732,7 +19100,7 @@ class TabContext {
         }
     }
     render() {
-        return hAsync("slot", { key: 'd0ebb24c2c1465f0ff8f0e314a427c55b68e376c' });
+        return hAsync("slot", { key: '6a473d128002201d91b16855f088cb013b3e6b09' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18779,11 +19147,11 @@ class TabGroup {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (hAsync(Host, { key: '326b33f030a84fa6ae754e839d9b8b6f4725f59e', role: "tablist", "aria-label": label, class: {
+        return (hAsync(Host, { key: '1e0f683aa804fe2dde78bce4c8d9b60c5d6a4396', role: "tablist", "aria-label": label, class: {
                 ["ic-tab-group-inline"]: !!inline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-group-monochrome"]: !!monochrome,
-            } }, hAsync("ic-horizontal-scroll", { key: 'e0d011740806f98aac6f4dc93478b45b6a1babf3', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'f373580e73b7bbe4150e5360d781c26bfdd825c2', class: "tabs-container" }, hAsync("slot", { key: '2b03afbf67a1533ce0d7a4174ae1913ba6d44f65' })))));
+            } }, hAsync("ic-horizontal-scroll", { key: 'fdca176d28c2e6619d787f3d141a78c3cf06176a', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'f3255d04eebecdd81e5badd671fee33b885df3c5', class: "tabs-container" }, hAsync("slot", { key: '9499e87ed5fd26e3936fcc7c9af353d7acd2fb36' })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return IcTabGroupStyle0; }
@@ -18826,10 +19194,10 @@ class TabPanel {
     }
     render() {
         const { active, theme } = this;
-        return (hAsync(Host, { key: 'ce4c6494df00abd53674195613178433f606a7c8', class: {
+        return (hAsync(Host, { key: '7daba74123d072e8ebdac9f217451b67a734dbc4', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '6ce24843cf107ac2e9e9b09925ea532fcb00e53a' }, hAsync("slot", { key: '9b6726ad06a079061240ef6a3c47ff30df5270e0' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '552b91bfa6a9570da568982b693d13f5ce8911e7' }, hAsync("slot", { key: '3f2f5d3de12ab65d949bccfdc9aa5ea09a6dfa8d' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcTabPanelStyle0; }
@@ -19400,7 +19768,7 @@ class Theme {
     }
     render() {
         const { themeClass } = this;
-        return (hAsync(Host, { key: '301671bef390c7266016438443348bdea1b65b86', class: themeClass }, hAsync("slot", { key: '3c52aa87d35d985321c344f813916e0088ab1d74' })));
+        return (hAsync(Host, { key: '29325dda558601bd748d1712aa146bfd5c2d1240', class: themeClass }, hAsync("slot", { key: 'c352dc6c92ee972a7542c01f8fefa62c38575034' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],
@@ -19593,7 +19961,8 @@ class Toast {
             return null;
         }
         else {
-            window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);
+            this.interactiveElements[0] &&
+                window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);
             return document.activeElement;
         }
     }
@@ -19629,20 +19998,20 @@ class Toast {
     }
     render() {
         const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, theme, } = this;
-        return (hAsync(Host, { key: 'c8fedaa23c230e8b2299000e1c9aea68961916f3', class: {
+        return (hAsync(Host, { key: 'ff2cb4fa83ec20e9226dac7e6d65692877f6ba18', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-toast-hidden"]: !visible,
                 [`ic-toast-variant-${variant}`]: variant !== undefined,
-            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '75db86baea219a3698a32627179b80d6cf463b08', class: {
+            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '96a06262e46b6fd4eefe8e3eb84c3b67c5a85335', class: {
                 ["container"]: true,
                 [`container-${variant}`]: variant !== undefined,
-            } }, variant && visible && (hAsync("div", { key: '2eb16a7ec1e4dd08a3dd0ba02888add51ca56f74', class: "toast-icon-container" }, hAsync("div", { key: 'bbf3a9b0a5a2489117f53b75a3c389c4b003a117', class: {
+            } }, variant && visible && (hAsync("div", { key: '30eec9ac65d800405983859cada0514bce740b6a', class: "toast-icon-container" }, hAsync("div", { key: '741228b2fa872bc5f6c4a2e57d76b2ce1ae313da', class: {
                 ["divider"]: true,
                 [`divider-${variant}`]: true,
-            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '4c9a91c17da4e1f3cf7fe3ed88ab0f85536b8d41', class: {
+            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '5068418007424fb1e8074a51c3d48b44d3d4960d', class: {
                 ["toast-content"]: true,
                 ["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
-            } }, hAsync("div", { key: '796c3f516d82e60b9bddfd45b86f8fd1e396e6be', class: "toast-text" }, hAsync("ic-typography", { key: 'ffe3776de66c8c8551234d5ae32b96adc56b2f95', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '23b9cc12a0dc8b5c639dcde7730a1a0ab27b2e84', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '850b8a0149abc59e5c810f899a6fc1d50df8eddf' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '249dbb025b56106c4f801e837e46144d5d1409be', class: "toast-action-container" }, hAsync("slot", { key: 'b4f7d3014dbc7e1f661c78b2b607cf2f21160521', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
+            } }, hAsync("div", { key: '99bb37a24570386689e6712e1b5e55cfce64fba9', class: "toast-text" }, hAsync("ic-typography", { key: '017c9e715e6f60aeb95ee28d67130541b6df4888', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '30d276906aec46c8ac41ef3275dc3b7b5c96177b', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'f1648dc19f63770974cc92ef9da333e000677bb9' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: 'a8e396c4263d937de7c76c15aa68cf499ad5df78', class: "toast-action-container" }, hAsync("slot", { key: '22d5e4ef0f50a3b65067c27d305ade75eab441a0', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19715,7 +20084,7 @@ class ToastRegion {
         }
     }
     render() {
-        return hAsync("slot", { key: '68b0bbf04f10ce91d94e9adb057dca51445d71b1' });
+        return hAsync("slot", { key: 'a8f7702ec7c396139a9fa455dd6900e4d3232f73' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19888,7 +20257,7 @@ class ToggleButton {
     render() {
         const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
         const iconVariant = variant === "icon";
-        return (hAsync(Host, { key: '0cfed487c1d423ea46af8c14ed8e795b754b552f', class: {
+        return (hAsync(Host, { key: '40cd81ec38848d6b7b68707348ae0a2b7ee5a976', class: {
                 "ic-toggle-button-checked": checked,
                 "ic-toggle-button-disabled": disabled,
                 "ic-toggle-button-icon": iconVariant,
@@ -19898,7 +20267,7 @@ class ToggleButton {
                 "ic-toggle-button-hide-outline": !outline,
                 [`ic-toggle-button-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '0bf623128691b77aca29773c05d2de69f88c3c5a', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: '19a15835cac2e6b7a513d3f64ea6cf1bb830e0d5' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '06eb81d7939f48574f00f91a8ca7acc15ce93ada', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: 'eeaeca232c6ac320d18c571182a2339f13364d5d', name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'ba600a5f546ef45e668800e9f26226f6f7e4985a', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: '881f7a3d2789ee1d5ba98851380c7dd8527a5ae2' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '2ef62044db8f5c13f280b74cfcadcf6dcec7859e', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '6fcb625790392bc0602cd58a2ce669aa55073e57', name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -20178,14 +20547,14 @@ class ToggleButtonGroup {
     }
     render() {
         const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
-        return (hAsync(Host, { key: '9928f2bb1773af6779a9777cc69e636d8148cc4c', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: '1238ec0b93b309a3945791eff6f847fb10b0abf5', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
                 "ic-toggle-button-group-disabled": disabled,
                 "ic-toggle-button-group-full-width": fullWidth,
                 "ic-toggle-button-group-loading": loading,
                 "ic-toggle-button-group-monochrome": monochrome,
                 "ic-toggle-button-group-hide-outline": !outline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'a85cd7354087a410b5e0f6708dec26ae4b2e8f24' })));
+            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '6dfd004b9e0c386362d8172334dfca2f1e6274fc' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21000,6 +21369,7 @@ registerComponents([
   NavigationMenu,
   PageHeader,
   Pagination,
+  PaginationBar,
   PaginationItem,
   PopoverMenu,
   RadioGroup,