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

package/dist/cjs/ic-table-of-contents.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"ic-table-of-contents.entry.cjs.js","mappings":"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","names":["h","DEVICE_SIZES","Host"],"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/cjs/ic-theme.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-56717660.js');
+const helpers = require('./helpers-b55826ba.js');
 
 const Theme = class {
     constructor(hostRef) {
@@ -71,7 +71,7 @@ const Theme = class {
     }
     render() {
         const { themeClass } = this;
-        return (index.h(index.Host, { key: 'ee89cdd36cb4cb7e0589dfea2dd5a60b5de40041', class: themeClass }, index.h("slot", { key: 'e7803bf5fc0974bfcf9a2a52cb5870254453a1bd' })));
+        return (index.h(index.Host, { key: '5acfd70fc7d5cec478027487b121829ad9258623', class: themeClass }, index.h("slot", { key: '962d9fdd42ceb26a48c49a06aa3df3cb13bb9157' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],

package/dist/cjs/ic-theme.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ic-theme.entry.cjs.js","mappings":";;;;;;;MAIa,KAAK;IACd;;;;QACI,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;;;;QAIrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;;;;QAIvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACrB,IAAI,CAAC,qBAAqB,GAAG;YACzB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,IAAI,CAAC,UAAU;oBACX,MAAM,CAAC,UAAU;wBACb,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;0BACvD,eAAe;0BACf,gBAAgB,CAAC;aAC9B;iBACI;gBACD,IAAI,CAAC,UAAU,GAAG,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;aAC9C;YACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACvC,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG;YAC3B,IAAIA,+BAAuB,EAAE,GAAGC,kCAA0B;gBACtDD,+BAAuB,EAAE,GAAGE,kCAA0B,EAAE;gBACxD,OAAO,CAAC,IAAI,CAAC,2TAA2T,CAAC,CAAC;aAC7U;SACJ,CAAC;QACF,IAAI,CAAC,aAAa,GAAG;YACjB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,GAAGC,qBAAa,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;YAC1E,IAAI,SAAS,EAAE;gBACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;gBACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;gBAC3C,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;oBAClB,IAAI,EAAEC,oCAA4B,EAAE;oBACpC,KAAK,EAAE,SAAS;iBACnB,CAAC,CAAC;aACN;SACJ,CAAC;KACL;IACD,0BAA0B;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IACD,qBAAqB;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;IACD,iBAAiB;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,CAAC,UAAU;YACb,MAAM;iBACD,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;KACnE;IACD,MAAM;QACF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;KAC5J;;;;;;;;;","names":["getBrandColorBrightness","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","convertToRGBA","getBrandForegroundAppearance","h","Host"],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport { getBrandColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.themeClass = \"\";\n        /**\n         * The brand colour. Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n         */\n        this.brandColor = null;\n        /**\n         * The theme mode. Can be \"dark\", \"light\", or \"system\". \"system\" will use the device or browser settings.\n         */\n        this.theme = \"light\";\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n            this.icThemeChange.emit(this.theme);\n        };\n        this.checkBrandColorContrast = () => {\n            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setBrandColor = () => {\n            const colorRGBA = this.brandColor ? convertToRGBA(this.brandColor) : null;\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-brand-color-primary-r\", `${r}`);\n                style.setProperty(\"--ic-brand-color-primary-g\", `${g}`);\n                style.setProperty(\"--ic-brand-color-primary-b\", `${b}`);\n                style.setProperty(\"--ic-brand-color-primary-a\", `${a}`);\n                this.checkBrandColorContrast();\n                this.brandChange.emit({\n                    mode: getBrandForegroundAppearance(),\n                    color: colorRGBA,\n                });\n            }\n        };\n    }\n    watchBrandColorPropHandler() {\n        this.setBrandColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setBrandColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { key: 'ee89cdd36cb4cb7e0589dfea2dd5a60b5de40041', class: themeClass }, h(\"slot\", { key: 'e7803bf5fc0974bfcf9a2a52cb5870254453a1bd' })));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"brandColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor | null\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | null | undefined\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The brand colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"brand-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"brandChange\",\n                \"name\": \"brandChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the brand color is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBrand\",\n                    \"resolved\": \"{ mode: IcBrandForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcBrand\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrand\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icThemeChange\",\n                \"name\": \"icThemeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the theme is changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"brandColor\",\n                \"methodName\": \"watchBrandColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"version":3}
+{"file":"ic-theme.entry.cjs.js","mappings":";;;;;;;MAIa,KAAK;IACd;;;;QACI,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;;;;QAIrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;;;;QAIvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACrB,IAAI,CAAC,qBAAqB,GAAG;YACzB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,IAAI,CAAC,UAAU;oBACX,MAAM,CAAC,UAAU;wBACb,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;0BACvD,eAAe;0BACf,gBAAgB,CAAC;aAC9B;iBACI;gBACD,IAAI,CAAC,UAAU,GAAG,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;aAC9C;YACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACvC,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG;YAC3B,IAAIA,+BAAuB,EAAE,GAAGC,kCAA0B;gBACtDD,+BAAuB,EAAE,GAAGE,kCAA0B,EAAE;gBACxD,OAAO,CAAC,IAAI,CAAC,2TAA2T,CAAC,CAAC;aAC7U;SACJ,CAAC;QACF,IAAI,CAAC,aAAa,GAAG;YACjB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,GAAGC,qBAAa,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;YAC1E,IAAI,SAAS,EAAE;gBACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;gBACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;gBAC3C,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;oBAClB,IAAI,EAAEC,oCAA4B,EAAE;oBACpC,KAAK,EAAE,SAAS;iBACnB,CAAC,CAAC;aACN;SACJ,CAAC;KACL;IACD,0BAA0B;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IACD,qBAAqB;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;IACD,iBAAiB;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,CAAC,UAAU;YACb,MAAM;iBACD,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;KACnE;IACD,MAAM;QACF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;KAC5J;;;;;;;;;","names":["getBrandColorBrightness","BLACK_MIN_COLOR_BRIGHTNESS","WHITE_MAX_COLOR_BRIGHTNESS","convertToRGBA","getBrandForegroundAppearance","h","Host"],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport { getBrandColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.themeClass = \"\";\n        /**\n         * The brand colour. Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n         */\n        this.brandColor = null;\n        /**\n         * The theme mode. Can be \"dark\", \"light\", or \"system\". \"system\" will use the device or browser settings.\n         */\n        this.theme = \"light\";\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n            this.icThemeChange.emit(this.theme);\n        };\n        this.checkBrandColorContrast = () => {\n            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setBrandColor = () => {\n            const colorRGBA = this.brandColor ? convertToRGBA(this.brandColor) : null;\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-brand-color-primary-r\", `${r}`);\n                style.setProperty(\"--ic-brand-color-primary-g\", `${g}`);\n                style.setProperty(\"--ic-brand-color-primary-b\", `${b}`);\n                style.setProperty(\"--ic-brand-color-primary-a\", `${a}`);\n                this.checkBrandColorContrast();\n                this.brandChange.emit({\n                    mode: getBrandForegroundAppearance(),\n                    color: colorRGBA,\n                });\n            }\n        };\n    }\n    watchBrandColorPropHandler() {\n        this.setBrandColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setBrandColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { key: '5acfd70fc7d5cec478027487b121829ad9258623', class: themeClass }, h(\"slot\", { key: '962d9fdd42ceb26a48c49a06aa3df3cb13bb9157' })));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"brandColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor | null\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | null | undefined\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The brand colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"brand-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"brandChange\",\n                \"name\": \"brandChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the brand color is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBrand\",\n                    \"resolved\": \"{ mode: IcBrandForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcBrand\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrand\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icThemeChange\",\n                \"name\": \"icThemeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the theme is changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcThemeSettings\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {\n                        \"IcThemeSettings\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeSettings\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"brandColor\",\n                \"methodName\": \"watchBrandColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"version":3}

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

@@ -676,12 +676,12 @@ const TimeInput = class {
             return timeParts.map((part) => {
                 switch (part.substring(0, 1)) {
                     case "H":
-                        return (index.h("input", { class: "hour-input", id: "hour-input", ref: (el) => (this.hourInputEl = el), "aria-label": "hour", placeholder: "HH", disabled: this.disabled, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventHourInput) }));
+                        return (index.h("input", { class: "hour-input", id: "hour-input", ref: (el) => (this.hourInputEl = el), "aria-label": "hour", placeholder: "HH", disabled: this.disabled, "aria-required": `${this.required}`, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventHourInput) }));
                     case "M":
-                        return (index.h("input", { id: "minute-input", class: "minute-input", ref: (el) => (this.minuteInputEl = el), "aria-label": "minute", placeholder: "MM", disabled: this.disabled, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventMinuteInput) }));
+                        return (index.h("input", { id: "minute-input", class: "minute-input", ref: (el) => (this.minuteInputEl = el), "aria-label": "minute", placeholder: "MM", disabled: this.disabled, "aria-required": `${this.required}`, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventMinuteInput) }));
                     case "S":
                         if (!this.isHHMMFormat()) {
-                            return (index.h("input", { id: "second-input", class: "second-input", ref: (el) => (this.secondInputEl = el), "aria-label": "second", placeholder: "SS", disabled: this.disabled, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventSecondInput) }));
+                            return (index.h("input", { id: "second-input", class: "second-input", ref: (el) => (this.secondInputEl = el), "aria-label": "second", placeholder: "SS", disabled: this.disabled, "aria-required": `${this.required}`, inputmode: "number", pattern: "[0-9]*", onPaste: this.handlePaste, onKeyDown: (event) => this.handleKeyDown(event, this.preventSecondInput) }));
                         }
                         return null;
                     default:
@@ -906,23 +906,23 @@ const TimeInput = class {
             !(helpers.isEmptyString(this.hour) &&
                 helpers.isEmptyString(this.minute) &&
                 helpers.isEmptyString(this.second)));
-        return (index.h(index.Host, { key: 'cf8b05ab0ccc0a0a779296e4dd3ba52375547b13', class: {
+        return (index.h(index.Host, { key: 'b98385e4ce15e3a5710472b5222b062055ffc5c5', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-time-input-disabled`]: disabled,
                 [`ic-time-input-${size}`]: true,
-            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, index.h("ic-input-container", { key: 'b104968d5b191f040358a7e800f11cb6dd036407', disabled: disabled }, !(hideLabel && hideHelperText) && (index.h("ic-input-label", { key: 'fa0eaeef4aab6aef24b830e466ba87d68eb84b84', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, index.h("slot", { key: 'e4548928534459ff788ff576483b560cf90fed53', name: "helper-text", slot: "helper-text" }))), index.h("span", { key: '6f119c460880a9adb8661309c3a59cfee061ae7c', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), index.h("span", { key: 'bd5ce20dab45d2514cd4219eee0d1645596e5e6e', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), index.h("span", { key: 'e3d4a1e518f7bcb1b35ee065b5f038f9f6f3ffe7', id: "live-region", "aria-live": "assertive", class: "sr-only" }), index.h("ic-input-component-container", { key: '396b05aa89aa0e24a1853cc5de20abb5341c49e5', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '2ac49a3454ce8dbabb546e54af197f0a66840499', class: "input-container" }, index.h("div", { key: '6917d370b61c997d888c133bb27d5fa8f94a79c0', class: "time-inputs" }, [
+            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, index.h("ic-input-container", { key: '85a0e77c6a4bb16625ae45ae8d24a481d3a69690', disabled: disabled }, !(hideLabel && hideHelperText) && (index.h("ic-input-label", { key: '85608f12ae185946d470a85cbb92e572ef5c52a6', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, index.h("slot", { key: 'a5ec9992107902e14c015a27dc9333db5acc722d', name: "helper-text", slot: "helper-text" }))), index.h("span", { key: 'a54568674212ce84618de7d2543daaf8c9f3b290', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), index.h("span", { key: '36ac6bb759ba70d5501605103dbc9a43e5315d20', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), index.h("span", { key: '032b22fa3b0be5abc67f6ce5d99be575df66ff97', id: "live-region", "aria-live": "assertive", class: "sr-only" }), index.h("ic-input-component-container", { key: '3faf515b455f03682a502048cb2f36220dbd824c', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '1aec859059b9f6bc96a6d17318565704f80735e5', class: "input-container" }, index.h("div", { key: '6d165dd62cfbe88945da06f08402179c65836799', class: "time-inputs" }, [
             this.getInputsInOrder()[0],
             ":",
             this.getInputsInOrder()[1],
             !this.isHHMMFormat()
                 ? [":", this.getInputsInOrder()[2]]
                 : null,
-        ]), index.h("div", { key: 'f09f3442355e75170fb1916727fdcac001df885d', class: "action-buttons" }, showClearButton && (index.h("ic-button", { key: '27173fcbdcd13798c4adc66eda9469bc471693ea', id: "clear-button", "aria-label": "Clear input", class: {
+        ]), index.h("div", { key: '508be4617c9d5bdd08fabad5eded1a94dcb9e659', class: "action-buttons" }, showClearButton && (index.h("ic-button", { key: 'ad5c9ecd381947bec5aec738bfbc0680c360f2ab', id: "clear-button", "aria-label": "Clear input", class: {
                 ["clear-button"]: true,
                 ["hidden"]: helpers.isEmptyString(this.hour) &&
                     helpers.isEmptyString(this.minute) &&
                     helpers.isEmptyString(this.second),
-            }, disabled: this.disabled, innerHTML: clearIcon.Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (index.h("div", { key: '606a05c923fc4b95c21d0418be14168982117938', class: "show-clock-button-wrapper" }, index.h("div", { key: '4b9b2d37ed3a9661615685f3b077ac244295fbd1', class: { divider: showDivider, [size]: true } }), index.h("ic-button", { key: 'ab6ec2ca4b1442a23834e1a514800cd0f77c92d5', id: "clock-button", "aria-label": "Display clock", "aria-haspopup": "dialog", class: "clock-button", disabled: this.disabled, innerHTML: Clock, variant: "icon-tertiary", size: size, onFocus: this.handleClockFocus, onBlur: this.handleClockBlur, theme: this.clockFocused ? "light" : "dark" })))))), index.h("span", { key: '1695846e5d626056f5a0e372c8513fcf0001f0b9', id: this.selectedTimeInfoId, class: "sr-only", "aria-live": "polite" }, index.h("span", { key: '34f41adff4bc3642d21014b85e525b6f80814bb6', ref: (el) => (this.selectedTimeInfoEl = el), role: "status" })), (hasCustomValidation || !helpers.isEmptyString(this.invalidTimeText)) && (index.h("ic-input-validation", { key: '4b9326e9e9df98698c2c6643262122658a1434de', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidTimeText, for: inputId })))));
+            }, disabled: this.disabled, innerHTML: clearIcon.Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (index.h("div", { key: '38c7534df37f29db9273b165193c784e364f8b2a', class: "show-clock-button-wrapper" }, index.h("div", { key: '20b447295797a275fc37469045891d0e456873ed', class: { divider: showDivider, [size]: true } }), index.h("ic-button", { key: 'b2cfad7af3b6a582e4633e4b519b0d940df53bf6', id: "clock-button", "aria-label": "Display clock", "aria-haspopup": "dialog", class: "clock-button", disabled: this.disabled, innerHTML: Clock, variant: "icon-tertiary", size: size, onFocus: this.handleClockFocus, onBlur: this.handleClockBlur, theme: this.clockFocused ? "light" : "dark" })))))), index.h("span", { key: '29117a343282c60d5554da7e93fd730ee0fc9f73', id: this.selectedTimeInfoId, class: "sr-only", "aria-live": "polite" }, index.h("span", { key: '741936fd61e72d7a116db2d09a4d0b4aca52af0e', ref: (el) => (this.selectedTimeInfoEl = el), role: "status" })), (hasCustomValidation || !helpers.isEmptyString(this.invalidTimeText)) && (index.h("ic-input-validation", { key: '836cb0b14412f8f74bf73833897eb9be7355b636', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidTimeText, for: inputId })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }