@ukic/canary-web-components 3.0.0-canary.24 → 3.0.0-canary.26

package/dist/components/ic-table-of-contents.js.map

@@ -0,0 +1 @@
+{"file":"ic-table-of-contents.js","mappings":"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","names":[],"sources":["src/components/ic-table-of-contents/ic-table-of-contents-item.tsx","src/components/ic-table-of-contents/ic-table-of-contents.css?tag=ic-table-of-contents&encapsulation=shadow","src/components/ic-table-of-contents/ic-table-of-contents.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface IcTableOfContentsItemElement {\n  id: string;\n  className: string;\n  label: string;\n  target: string;\n  variant: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n  setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n  id: string;\n  className: string;\n  variant: string;\n  label: string;\n  target: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n  // adds offset to the item based on its variant\n  // e.g. h2 = 4 + (8*(2-2)) = 4px\n  // h3 = 4 + (8*(3-2)) = 12px\n  const setItemLevelOffset = (variant: string): string => {\n    return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n  };\n\n  return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n  itemProps\n) => {\n  const {\n    id,\n    className,\n    label,\n    target,\n    selected,\n    truncate,\n    variant,\n    position,\n    size,\n    updateSelected,\n    setItemLevelOffset,\n  } = itemProps;\n\n  return (\n    <a\n      id={id}\n      onClick={() => updateSelected(position)}\n      class={`${selected && \"table-of-contents-item-content-selected\"}\n        ${\n          size === \"large\"\n            ? `table-of-contents-item-content-large`\n            : `table-of-contents-item-content-default`\n        }\n        ${className}\n       `}\n      href={`#${target}`}\n    >\n      <ic-typography\n        id={`${id}-label`}\n        bold={selected === position}\n        class={`${truncate && \"truncated-item-text\"}  ${\n          size && `table-of-contents-item-content-${size}`\n        }\n          table-of-contents-item-label\n          `}\n        style={{\n          paddingLeft: setItemLevelOffset(variant),\n        }}\n      >\n        {label}\n      </ic-typography>\n    </a>\n  );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n  const innerProps = ItemHook();\n  return <ItemComponent {...props} {...innerProps} />;\n};\n",":host {\n  display: block;\n  border: none;\n  max-height: 100vh;\n}\n\n.table-of-contents-section-container {\n  display: flex;\n}\n\n.table-of-contents-content {\n  top: 0;\n  left: 0;\n  padding: 0 var(--ic-space-md);\n  font: var(--ic-color-text-primary);\n  max-height: 100vh;\n  z-index: 1;\n}\n\n:host .table-of-contents-position-top {\n  min-width: 10rem;\n  max-width: 50rem;\n}\n\n:host .table-of-contents-position-side {\n  min-width: 8rem;\n  max-width: 20rem;\n  width: 20rem;\n  position: sticky;\n}\n\n.table-of-contents-list {\n  display: flex;\n  flex-direction: row;\n  max-width: inherit;\n}\n\n:host ol {\n  list-style: none;\n  margin-block-start: 0;\n  padding-inline-start: 0;\n}\n\n.table-of-contents-list-items {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.table-of-contents-sidebar {\n  background-color: var(--ic-table-of-contents-banner);\n  height: 1.75rem;\n  min-width: 0.25rem;\n}\n\n.table-of-contents-sidebar-monochrome {\n  background-color: var(--ic-table-of-contents-banner-monochrome);\n}\n\n.table-of-contents-item {\n  min-height: 1.5rem;\n  line-height: 1.5rem;\n}\n\n.table-of-contents-item-content:hover {\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-monochrome-content:hover {\n  background-color: var(--ic-table-of-contents-hover-monochrome);\n}\n\n.table-of-contents-item-content {\n  border: none;\n  max-width: inherit;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  position: relative;\n  color: var(--ic-table-of-contents-text);\n  min-height: 1.5rem;\n\n  --ic-typography-color: var(--ic-table-of-contents-text);\n}\n\n.table-of-contents-item-content-default {\n  padding-top: var(--ic-space-xxxs);\n  padding-bottom: var(--ic-space-xxxs);\n}\n\n.table-of-contents-item-content:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-content:active {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-pressed);\n}\n\n.truncated-item-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Large styles */\n\n.table-of-contents-item-content-large {\n  padding-top: var(--ic-space-xxs);\n  padding-bottom: var(--ic-space-xxs);\n}\n\n.table-of-contents-sidebar.large {\n  height: 2.5rem;\n}\n\n.table-of-contents-heading.large {\n  padding-bottom: var(--ic-space-xs);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .table-of-contents-sidebar {\n    transition: all 0.3s ease;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  /* limit sidebar scroll animation */\n  .table-of-contents-sidebar {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .table-of-contents-sidebar {\n    background-color: Highlight;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { IcPositionTopOrRight, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { TableOfContentsItem } from \"./ic-table-of-contents-item\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\nconst TOC_CONTENT_CLASS = \"table-of-contents-content\";\nconst TOC_LIST_ITEMS_CLASS = \"table-of-contents-list-items\";\nconst TOC_ITEM_CLASS = \"table-of-contents-item-content\";\nconst TOC_CONTAINER_CLASS = \"table-of-contents-section-container\";\n\ninterface RankedElement extends Element {\n  rank: string;\n  textLabel: string;\n  treeChildren: RankedElement[];\n  trueIndex: number;\n}\n\n@Component({\n  tag: \"ic-table-of-contents\",\n  styleUrl: \"ic-table-of-contents.css\",\n  shadow: true,\n})\nexport class TableOfContents {\n  @Element() el: HTMLIcTableOfContentsElement;\n\n  /**\n   * Heading text of the table of contents.\n   */\n  @Prop() heading: string = \"Contents\";\n\n  /**\n   * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.\n   */\n  @Prop() maximumHeadingLevel: number = 3;\n\n  /**\n   * If `true`, the table of contents will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Whether the table of contents will appear on the right of or above child content on large viewport widths.\n   */\n  @Prop({ mutable: true }) position: IcPositionTopOrRight = \"right\";\n\n  /**\n   * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.\n   */\n  @Prop() setScrollHeight: number = 50;\n\n  /**\n   * The size of the table of contents items.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * 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.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the table of contents item label will be truncated.\n   */\n  @Prop() truncate: boolean = true;\n\n  @State() focusedElement: number = 0;\n\n  // heading items\n  private referenceElements: HTMLElement[] = [];\n\n  // heights of heading items\n  private currentTargetHeights: number[] = [];\n\n  private resizeObserver: ResizeObserver;\n  // header height if present\n  private headerHeight: number = 0;\n  // holds initial position to allow for responsive changes\n  private initialPosition: IcPositionTopOrRight = this.position;\n\n  // suppress scroll listener to allow for click selection without scroll listener firing\n  @State() suppressListener: boolean = false;\n\n  @Watch(\"suppressListener\")\n  suppressListenerHandler(): void {\n    window.scrollTo(0, window.scrollY - this.headerHeight - 50);\n  }\n\n  /**\n   * Generate a TOC Item.\n   * These items are wrapped in empty tooltips that will be populated by addTooltip()\n   * @param tocHeading heading element to refer item information from\n   * @param children\n   * @returns TocItem ready to be rendered, with nested children if applicable\n   */\n  private createTocItem = (\n    tocHeading: RankedElement,\n    children?: HTMLElement[]\n  ): HTMLElement => {\n    const tocId = `toc_${tocHeading.id}`;\n\n    const tocItem = (\n      <TableOfContentsItem\n        id={tocId}\n        className={TOC_ITEM_CLASS}\n        variant={tocHeading.tagName.toLowerCase()}\n        label={tocHeading.textLabel}\n        target={tocHeading.id}\n        truncate={this.truncate}\n        selected={this.focusedElement}\n        updateSelected={this.updateOnSelection}\n        position={tocHeading.trueIndex}\n        size={this.size}\n      />\n    );\n\n    const wrappedToc = this.truncate ? (\n      <ic-tooltip target={tocId} label={tocHeading.innerHTML}>\n        {tocItem}\n      </ic-tooltip>\n    ) : (\n      tocItem\n    );\n    return (\n      <li\n        class={`table-of-contents-item  ${\n          this.monochrome && \"table-of-contents-item-monochrome\"\n        }`}\n      >\n        {wrappedToc}\n        {children ? <ol>{children}</ol> : null}\n      </li>\n    );\n  };\n\n  /**\n   * Render TocItems and recursively render children items if they exist\n   * @param listItem\n   * @returns HTML Element array to be rendered\n   */\n  private renderTocTree = (listItem: RankedElement): HTMLElement => {\n    let results;\n    if (listItem.treeChildren.length > 0) {\n      const children = listItem.treeChildren.map((i) => this.renderTocTree(i));\n      results = this.createTocItem(listItem, children);\n    } else {\n      results = this.createTocItem(listItem);\n    }\n    return results;\n  };\n\n  /**\n   * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.\n   * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.\n   * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array\n   */\n  private generateHeadingTree(): RankedElement[] {\n    const resultArray: RankedElement[] = [];\n\n    const headingDepth =\n      this.maximumHeadingLevel < 5\n        ? [\"h2\", \"h3\", \"h4\", \"h5\"]\n            .slice(\n              0,\n              (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1\n            )\n            .join(\",\")\n        : \"h2, h3, h4, h5\";\n    const headingList = this.el.querySelectorAll(headingDepth);\n\n    if (headingList) {\n      const headingArray = Array.from(headingList) as RankedElement[];\n      headingArray.forEach((item, index) => {\n        this.referenceElements.push(item as unknown as HTMLElement);\n        item.trueIndex = index;\n        item.rank = item.tagName.toLowerCase().slice(1, 2);\n        item.textLabel = item.textContent\n          ? item.textContent.trimStart().split(\"\\n\")[0]\n          : `${item.rank}-${index}`;\n        item.treeChildren = [];\n      });\n\n      let currentRank = headingArray[0]?.rank || 2;\n\n      headingArray.reverse().forEach((h, i) => {\n        if (!h.id) {\n          h.setAttribute(\"id\", h.textLabel.replace(/\\s+/g, \"-\").toLowerCase());\n        }\n        if (h.rank > currentRank && h.trueIndex > 0) {\n          if (headingArray[i] && headingArray[i].rank < h.rank) {\n            headingArray[i].treeChildren.unshift(h);\n          } else {\n            resultArray.push(h);\n          }\n        } else {\n          currentRank = h.rank;\n          resultArray.push(h);\n        }\n      });\n    }\n    return resultArray.reverse();\n  }\n\n  //container orientation logic\n  private containerPosition(): void {\n    if (this.position) {\n      const container = this.el.shadowRoot?.querySelector(\n        `.${TOC_CONTAINER_CLASS}`\n      ) as HTMLIcSectionContainerElement;\n      switch (this.position) {\n        case \"right\":\n          container.style.flexDirection = \"row-reverse\";\n          break;\n        case \"top\":\n          container.style.flexDirection = \"column\";\n          break;\n      }\n    }\n  }\n\n  /**\n   * Move the sidebar to the provided position on the page.\n   * Also, resize the sidebar to stretch the height of the selected heading.\n   * @param newPosition\n   */\n  private sidebarTranslation(newPosition: number): void {\n    const sidebar = this.el.shadowRoot?.querySelector(\n      \".table-of-contents-sidebar\"\n    ) as HTMLIcSectionContainerElement;\n\n    const itemHeights: number[] = [];\n    let previousItemsHeight = 0;\n    this.el.shadowRoot\n      ?.querySelectorAll(`.${TOC_ITEM_CLASS}`)\n      ?.forEach((item: any) => {\n        if (item !== null) itemHeights.push(item.offsetHeight);\n      });\n    itemHeights\n      .slice(0, newPosition)\n      .forEach((i) => (previousItemsHeight += i));\n\n    sidebar.style.transform = `translateY(${previousItemsHeight}px)`;\n    sidebar.style.height = `${itemHeights[newPosition]}px`;\n  }\n\n  // list item clicked logic\n  private updateOnSelection = (position: number) => {\n    this.suppressListener = true;\n    this.focusedElement = position;\n    this.sidebarTranslation(this.focusedElement);\n  };\n\n  // find element heights to be used to determine focused item from scroll position\n  private findElementsHeights() {\n    const contentBounds: number[] = [];\n    this.referenceElements.forEach((element) => {\n      contentBounds.push(element.getBoundingClientRect().top);\n    });\n    this.currentTargetHeights = contentBounds;\n  }\n\n  //resize window logic\n  private handleResizeBounds() {\n    if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== \"top\") {\n      this.position = \"top\";\n      this.containerPosition();\n    } else if (\n      window.innerWidth > DEVICE_SIZES.XL &&\n      this.position === \"top\" &&\n      this.initialPosition === \"right\"\n    ) {\n      this.position = \"right\";\n      this.containerPosition();\n    }\n    this.findElementsHeights();\n    this.truncateText();\n  }\n\n  // scroll logic\n  private updateSelectedItemFromScroll() {\n    const targetHeight =\n      window.scrollY + window.innerHeight * (this.setScrollHeight / 100);\n    if (window.scrollY === 0) {\n      this.focusedElement = 0;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {\n      const previousItems = this.currentTargetHeights.slice(\n        0,\n        this.focusedElement\n      );\n      const closestItem = previousItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n          Math.abs(previousItems[newValue] - targetHeight)\n        )\n          return index;\n        return newValue;\n      }, 0);\n      this.focusedElement = closestItem;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (\n      targetHeight > this.currentTargetHeights[this.focusedElement] &&\n      this.focusedElement !== this.currentTargetHeights.length\n    ) {\n      const relevantItems = this.currentTargetHeights.slice(\n        this.focusedElement\n      );\n\n      const closestItem = relevantItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n            Math.abs(relevantItems[newValue] - targetHeight) &&\n          curr < targetHeight\n        )\n          return index;\n        return newValue;\n      }, 0);\n      if (closestItem + this.focusedElement !== this.focusedElement) {\n        this.focusedElement += closestItem;\n        this.sidebarTranslation(this.focusedElement);\n      }\n    }\n  }\n\n  // find header element height\n  private findHeaderElement(): number {\n    const element = document.querySelector(\"ic-page-header\");\n    if (element) {\n      return element.clientHeight;\n    }\n    const header = document.querySelector(\"header\");\n    if (header) {\n      return header.clientHeight;\n    }\n    return 0;\n  }\n\n  // add margin to the list based off the header element height\n  private addListMargin(): void {\n    const content = this.el.shadowRoot?.querySelector(\n      `.${TOC_CONTENT_CLASS}`\n    ) as HTMLDivElement;\n    content?.style.setProperty(\"top\", `${this.headerHeight}px`);\n  }\n\n  // add tooltip to the item if it is too wide\n  private addTooltip(item: any, widthBreakpoint: number) {\n    const itemLabel = item.querySelector(\".table-of-contents-item-label\");\n    if (item.parentNode?.tagName == \"IC-TOOLTIP\") {\n      const tooltip = item.parentNode;\n      if (itemLabel?.offsetWidth < itemLabel?.scrollWidth) {\n        const tooltipPosition =\n          window.innerWidth < widthBreakpoint\n            ? \"bottom\"\n            : this.position === \"right\"\n            ? \"left\"\n            : \"right\";\n        //Modify the ic-tooltip wrapped around the list item\n        tooltip.setAttribute(\"disable-click\", false);\n        tooltip.setAttribute(\"disable-hover\", false);\n        tooltip.setAttribute(\"placement\", tooltipPosition);\n        tooltip.setAttribute(\"target\", item.id);\n        tooltip.setAttribute(\"style\", \"overflow:hidden\");\n      } else {\n        //disable the tooltip if the item does not need to truncate\n        tooltip.setAttribute(\"disable-click\", true);\n        tooltip.setAttribute(\"disable-hover\", true);\n      }\n    }\n  }\n\n  // truncate text if it goes out of bounds of the container\n  private truncateText = () => {\n    const links = this.el.shadowRoot?.querySelectorAll(`.${TOC_ITEM_CLASS}`);\n    const contentList = this.el.shadowRoot?.querySelector(\n      `.${TOC_LIST_ITEMS_CLASS}`\n    );\n    if (contentList)\n      links?.forEach((item) => {\n        this.addTooltip(item, DEVICE_SIZES.S);\n      });\n  };\n\n  // initialise resize observer\n  componentWillLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());\n    this.resizeObserver.observe(this.el);\n  }\n\n  // initialise scroll listener\n  componentDidRender(): void {\n    document.addEventListener(\"scroll\", () => {\n      if (!this.suppressListener) this.updateSelectedItemFromScroll();\n      else this.suppressListener = false;\n    });\n    this.containerPosition();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // after component has loaded modify the list based of position, size and surrounding elements\n  async componentDidLoad(): Promise<void> {\n    this.focusedElement = 0;\n    this.headerHeight = this.findHeaderElement();\n    this.addListMargin();\n    this.truncateText();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // Component is a wrapper for page contents, and will build list from heading items\n  render() {\n    const { heading, monochrome, position, size, theme } = this;\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <ic-section-container class={TOC_CONTAINER_CLASS} aligned=\"full-width\">\n          <div\n            role=\"navigation\"\n            class={`${TOC_CONTENT_CLASS} ${\n              position === \"top\" && \"table-of-contents-position-top\"\n            }\n            ${position === \"right\" && \"table-of-contents-position-side\"}`}\n          >\n            <ic-typography\n              class={`table-of-contents-heading ${size}`}\n              variant=\"subtitle-large\"\n            >\n              {heading}\n            </ic-typography>\n            <div class=\"table-of-contents-list\">\n              <div\n                class={`table-of-contents-sidebar ${\n                  monochrome && `table-of-contents-sidebar-monochrome`\n                }\n                ${size}\n                `}\n              />\n              <ol class={TOC_LIST_ITEMS_CLASS}>\n                {this.generateHeadingTree().map((item) =>\n                  this.renderTocTree(item)\n                )}\n              </ol>\n            </div>\n          </div>\n          <slot></slot>\n        </ic-section-container>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ic-text-field2.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { K as checkSlotInChildMutations, r as removeDisabledFalse, O as debounceEvent, t as removeFormResetListener, b as inheritAttributes, s as addFormResetListener, o as onComponentRequiredPropUndefined, P as IGNORED_KEYBOARD_CHARACTERS, A as IcInformationStatus, w as getInputDescribedByText, u as renderHiddenInput, v as removeHiddenInput, i as isSlotUsed, Q as isEmptyString, I as IC_INHERITED_ARIA } from './helpers.js';
+import { O as isEmptyString, K as checkSlotInChildMutations, r as removeDisabledFalse, P as debounceEvent, t as removeFormResetListener, b as inheritAttributes, s as addFormResetListener, o as onComponentRequiredPropUndefined, Q as IGNORED_KEYBOARD_CHARACTERS, A as IcInformationStatus, w as getInputDescribedByText, u as renderHiddenInput, v as removeHiddenInput, i as isSlotUsed, I as IC_INHERITED_ARIA } from './helpers.js';
 import { d as defineCustomElement$5 } from './ic-input-component-container2.js';
 import { d as defineCustomElement$4 } from './ic-input-container2.js';
 import { d as defineCustomElement$3 } from './ic-input-label2.js';
 import { d as defineCustomElement$2 } from './ic-input-validation2.js';
 import { d as defineCustomElement$1 } from './ic-typography2.js';
 
-const icTextFieldCss = "/*! 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;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=\"number\"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot=\"icon\"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
+const icTextFieldCss = "/*! 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;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=\"number\"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot=\"icon\"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}.hidden-validation{margin:0}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
 const IcTextFieldStyle0 = icTextFieldCss;
 
 let inputIds = 0;
@@ -32,6 +32,10 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
         this.maxValueExceeded = false;
         this.minValueUnattained = false;
         this.isFocussed = false;
+        /**
+         * The value of the `aria-live` attribute on the validation message. When set to "default", the `aria-live` value will be handled automatically, e.g. "assertive" for `validation-status="error"`.
+         */
+        this.validationAriaLive = "default";
         /**
          * The automatic capitalisation of the text value as it is entered/edited by the user.
          * Available options: "off", "none", "on", "sentences", "words", "characters".
@@ -239,6 +243,15 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
         this.handleFormReset = () => {
             this.value = this.initialValue;
         };
+        this.showValidationMargin = () => {
+            const maxNumChars = this.readonly ? 0 : this.maxCharacters;
+            const emptyString = isEmptyString(this.validationStatus) ||
+                isEmptyString(this.validationText);
+            const valueOutsideRange = this.minValueUnattained || this.maxValueExceeded;
+            const charsOutsideRange = maxNumChars > 0 || this.minCharactersUnattained;
+            return ((!emptyString || valueOutsideRange || charsOutsideRange) &&
+                !this.validationInlineInternal);
+        };
         // triggered when attributes of host element change
         this.hostMutationCallback = (mutationList) => {
             let forceComponentUpdate = false;
@@ -337,7 +350,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
         (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, hideLabel, type, autocapitalize, ariaActiveDescendant, inheritedAttributes, ariaExpanded, ariaOwns, autocomplete, role, isFocussed, } = this;
+        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationAriaLive, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, hideLabel, type, autocapitalize, ariaActiveDescendant, inheritedAttributes, ariaExpanded, ariaOwns, autocomplete, role, isFocussed, } = this;
         const el = this.el;
         const disabledMode = readonly || disabled;
         const currentStatus = maxValueExceeded ||
@@ -358,12 +371,14 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
                         ? minCharactersMessage
                         : validationText;
         const maxNumChars = readonly ? 0 : maxCharacters;
-        const messageAriaLive = maxCharactersWarning ||
-            maxValueExceeded ||
-            minValueUnattained ||
-            currentStatus === IcInformationStatus.Error
-            ? "assertive"
-            : "polite";
+        const messageAriaLive = validationAriaLive === "default"
+            ? maxCharactersWarning ||
+                maxValueExceeded ||
+                minValueUnattained ||
+                currentStatus === IcInformationStatus.Error
+                ? "assertive"
+                : "polite"
+            : validationAriaLive;
         const showStatusText = this.hasStatus(currentStatus) &&
             !(currentStatus == IcInformationStatus.Success && validationInline) &&
             !validationInlineInternal;
@@ -379,14 +394,14 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
         hiddenInput
             ? renderHiddenInput(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (h(Host, { key: 'af9f4dab9e78765b8e1e578d57783e5487d83f6b', class: {
+        return (h(Host, { key: '985b46adc3cee088de75766a4230042e4af8c9c3', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("ic-input-container", { key: '7417dcc2f53f877899b713093e81a4db38c394c7', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '36ae0e2a6a99024c0b8fbd141519dcd4d5390e6d', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, h("slot", { key: '9392299204d1bc2ef1b0bb464984b8f8bc148834', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: 'd6819ae02cab210950e11d74c1dac6dd3c5505ed', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: '660f12ab2717dfd7b75bd19a60c92c167fb06db3', class: {
+            } }, h("ic-input-container", { key: '4b9794b880ab440c1c2e6cf2072c13d9d88cc1fa', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '6ccf8091d697ddce0dade9a81d38e7bc17315da9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, h("slot", { key: '0ecf6a100c43efdca46f3b7c03ac6a5a8f7cc972', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: 'a1d649e733cab8590b92db3c0ecda49ea021103f', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: 'd3228d1ab97951891316b60608ce8a9fbe6295bb', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, h("slot", { key: '8631fc623d4f5b422921add6d01992b736acdf22', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, h("slot", { key: 'ea62e21d7abc5048da1a8e9a15f5a5a535c963b3', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
@@ -394,19 +409,12 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: 'c92ce219c83dccaec610f5caeb2a71b4753cbe2f', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: '4ee50a7855e3a2c3fb5ab4ad655b278bb7a2190d', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: '9ab8449f815482c7cd689d3d22b918de4c72c27b', name: "menu" }), (!isEmptyString(validationStatus) ||
-            !isEmptyString(validationText) ||
-            maxNumChars > 0 ||
-            maxValueExceeded ||
-            maxCharactersWarning ||
-            minCharactersUnattained ||
-            minValueUnattained) &&
-            !validationInlineInternal && (h("ic-input-validation", { key: 'b87afc1859b8a33d5767b5b0c61056936b760de7', status: this.hasStatus(currentStatus) === false ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: 'e02f69a6fd4c654b7f3b5f1593f7a29c7412d10f', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: '2e32b1afd58a382a804a356537489efa523009ce', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: '1cbac8ded359309907e51f16033b03d266eb8828', name: "menu" }), h("ic-input-validation", { key: 'd5c1c75305e3bebe54a48b1a2a99429f4f64019a', class: { "hidden-validation": !this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h("div", { key: 'b0f41b53066d1c7b6fa4442796ec5122198575bf', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: 'acc961a28e30293d1031a8469327e3f70c179936', variant: "caption", class: "char-count-text" }, h("span", { key: '94e2d9e62a04beccd7abc4309a70f6a0908f4d34', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: 'caf33b69417c2a5d956b7a88ea3855212c7e3e19', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), h("span", { key: 'f69c682178137ae9da47c05c15b81de48e06189a', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h("div", { key: '8f44917b384aea5179dd8ec7ecb76c4deac324f4', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: '82c4343bc57ca67df98685ef351032e411010c82', variant: "caption", class: "char-count-text" }, h("span", { key: 'c89807bfa34112d29f906cf540a97639846970fb', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: '24fef83685d9b7ac8c706c8776485b38fea74973', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), h("span", { key: '98d23cac7439da80ea0d72a355cce23b57e5bea4', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -420,6 +428,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends HTMLE
         "ariaAutocomplete": [1, "aria-autocomplete"],
         "ariaExpanded": [1, "aria-expanded"],
         "ariaOwns": [1, "aria-owns"],
+        "validationAriaLive": [1, "validation-aria-live"],
         "autocapitalize": [1],
         "autocomplete": [1],
         "autocorrect": [1],