@ukic/canary-web-components 3.0.0-canary.17 → 3.0.0-canary.19

package/dist/core/p-4933549f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTreeItemCss","IcTreeItemStyle0","treeItemIds","TreeItem","constructor","hostRef","this","treeItemId","treeItemTag","hostMutationObserver","TOOLTIP","TREE_ITEM_LABEL_CLASS_SELECTOR","TREE_ITEM_CONTENT_CLASS_SELECTOR","disabled","expanded","focusInset","hasParentExpanded","hreflang","isParent","label","selected","size","theme","handleTreeItemClicked","updateAriaLabel","watchSelectedHandler","setTreeItemPadding","level","parentElement","el","treeItemContent","_a","shadowRoot","querySelector","isSiblingOfParent","Array","from","children","some","sibling","length","tagName","hasRouterSlot","routerSlot","classList","add","style","paddingLeft","truncateTreeItemLabel","treeItem","typographyEl","slottedContent","contentHeight","scrollHeight","newTypographyEl","document","createElement","innerHTML","textContent","replaceChild","firstChild","tooltipAlreadyExists","closest","treeContent","_b","clientHeight","tooltipEl","setAttribute","id","addEventListener","handleDisplayTooltip","appendChild","removeTreeItemTruncation","remove","display","tooltip","displayTooltip","watchDisabledHandler","removeDisabledFalse","icTreeItemSelected","emit","disconnectedCallback","disconnect","componentWillLoad","childTreeItems","filter","child","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentDidRender","truncateTreeItem","forEach","componentDidUpdate","handleKeyDown","ev","key","stopImmediatePropagation","setFocus","focus","treeItemElement","ariaLabel","treeItems","index","indexOf","parentChildren","render","Component","href","attrs","hrefLang","referrerPolicy","referrerpolicy","rel","target","h","Host","class","name","Object","assign","tabIndex","onClick","ref","onFocus","onBlur","arrowDropdown"],"sources":["src/components/ic-tree-item/ic-tree-item.css?tag=ic-tree-item&encapsulation=shadow","src/components/ic-tree-item/ic-tree-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  border: none;\n  position: relative;\n}\n\n:host .tree-item-content {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  padding: 0 var(--ic-space-xs);\n  text-decoration: none;\n  color: var(--ic-tree-view-text);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n::slotted([slot=\"router-item\"]) {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  text-decoration: none;\n  font-family: var(--ic-font-body-family);\n  color: var(--ic-tree-view-text);\n  padding: 0 var(--ic-space-xs) !important;\n}\n\n:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n::slotted([slot=\"router-item\"].ic-tree-item-single) {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs)) !important;\n}\n\n:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]: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}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]) {\n  padding: 0 var(--ic-space-sm);\n}\n\n:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover) {\n  background-color: var(--ic-tree-view-hover) !important;\n  cursor: pointer;\n}\n\n:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active) {\n  background-color: var(--ic-tree-view-pressed) !important;\n}\n\n:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n  background-color: var(--ic-tree-view-selected) !important;\n}\n\n:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-disabled) {\n  pointer-events: none;\n}\n\n:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n  color: var(--ic-tree-view-text-disabled) !important;\n\n  --ic-typography-color: var(--ic-tree-view-text-disabled) !important;\n\n  fill: var(--ic-tree-view-icon-disabled);\n  pointer-events: none;\n}\n\n:host .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow);\n  margin-right: var(--ic-space-xs);\n}\n\n:host(.ic-tree-item-disabled) .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow-disabled);\n}\n\n:host(.ic-tree-item-small) .arrow-dropdown {\n  margin-right: var(--ic-space-xxs);\n}\n\n:host .tree-item-expanded {\n  transform: rotate(180deg);\n  margin-top: calc(-1 * var(--ic-space-xxs));\n}\n\n:host .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-tree-item-small) .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xxs));\n}\n\n.icon-container {\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-item-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n\n  :host .tree-item-content:hover,\n  ::slotted([slot=\"router-item\"]:hover),\n  :host .tree-item-content:active,\n  ::slotted([slot=\"router-item\"]:active),\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    background-color: none !important;\n  }\n\n  :host(.ic-tree-item-disabled) .tree-item-content,\n  :host(.ic-tree-item-disabled) .arrow-dropdown,\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n    color: GrayText !important;\n\n    --ic-typography-color: GrayText !important;\n\n    fill: GrayText !important;\n  }\n\n  :host .tree-item-content:focus,\n  ::slotted([slot=\"router-item\"]:focus) {\n    border: var(--ic-border-hc) !important;\n  }\n\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    color: Highlight !important;\n\n    --ic-typography-color: Highlight !important;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Watch,\n  State,\n  Listen,\n  Method,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet treeItemIds = 0;\n\n/**\n * @slot label - Content is set as the tree item label.\n * @slot icon - Content is placed to the left of the label.\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n@Component({\n  tag: \"ic-tree-item\",\n  styleUrl: \"ic-tree-item.css\",\n  shadow: true,\n})\nexport class TreeItem {\n  private treeItemId = `ic-tree-item-${treeItemIds++}`;\n  private treeItemElement: HTMLElement | undefined;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private routerSlot: HTMLElement | null;\n  private hostMutationObserver: MutationObserver | null = null;\n  private TOOLTIP = \"ic-tooltip\";\n  private TREE_ITEM_LABEL_CLASS_SELECTOR = \".tree-item-label\";\n  private TREE_ITEM_CONTENT_CLASS_SELECTOR = \".tree-item-content\";\n\n  @Element() el: HTMLIcTreeItemElement;\n\n  @State() childTreeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, the tree item appears in the disabled state.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the tree item appears in the expanded state.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * @internal If `true`, the tree item will have an inset focus border.\n   */\n  @Prop() focusInset: boolean = false;\n\n  /**\n   * @internal Determines if the parent tree item has been expanded.\n   */\n  @Prop({ mutable: true }) hasParentExpanded: boolean = false;\n\n  /**\n   * The URL that the tree item link points to. If set, the tree item will render as an \"a\" tag, otherwise it will render as a div.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * @internal If `true`, the tree item is a parent of other tree items.\n   */\n  @Prop({ mutable: true }) isParent: boolean = false;\n\n  /**\n   * The label of the tree item.\n   */\n  @Prop() label: string = \"\";\n\n  /**\n   * @internal Holds the previous truncation state before the screen switches to a small viewport, so it can be reset when screen size changes again.\n   */\n  @Prop() previousTruncateTreeItem?: boolean;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * If `true`, the tree item appears in the selected state.\n   */\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    if (this.selected) {\n      this.icTreeItemSelected.emit({ id: this.el.id });\n    }\n    this.updateAriaLabel();\n  }\n\n  /**\n   * @internal Determines the size of the tree item.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\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 tree item label will be truncated instead of text wrapping.\n   */\n  @Prop() truncateTreeItem?: boolean;\n\n  /**\n   * Emitted when tree item is selected.\n   */\n  @Event() icTreeItemSelected: EventEmitter<{ id: string }>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.childTreeItems = Array.from((this.el as HTMLElement).children).filter(\n      (child) => child.tagName === this.treeItemTag\n    ) as HTMLIcTreeItemElement[];\n\n    if (this.childTreeItems.length > 0) {\n      this.isParent = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setTreeItemPadding();\n\n    this.updateAriaLabel();\n\n    !isSlotUsed(this.el, \"label\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.label, propName: \"label\" }],\n        \"Tree item\"\n      );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n  componentDidRender(): void {\n    this.truncateTreeItem\n      ? this.truncateTreeItemLabel(this.el)\n      : this.removeTreeItemTruncation(this.el);\n    if (this.expanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem\n          ? this.truncateTreeItemLabel(child)\n          : this.removeTreeItemTruncation(child);\n      });\n    }\n  }\n\n  componentDidUpdate(): void {\n    if (this.hasParentExpanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem\n          ? this.truncateTreeItemLabel(child)\n          : this.removeTreeItemTruncation(child);\n      });\n      this.hasParentExpanded = false;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.stopImmediatePropagation();\n      this.handleTreeItemClicked();\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.hasRouterSlot()) {\n      this.routerSlot?.focus();\n    } else {\n      this.treeItemElement?.focus();\n    }\n  }\n\n  private handleTreeItemClicked = (): void => {\n    if (this.isParent) {\n      this.expanded = !this.expanded;\n      this.hasParentExpanded = true;\n    }\n\n    this.updateAriaLabel();\n    this.selected = true;\n    this.watchSelectedHandler();\n  };\n\n  /**\n   * @internal Updates the aria-label of the tree item.\n   */\n  @Method()\n  async updateAriaLabel(): Promise<void> {\n    let ariaLabel;\n\n    if (this.hasRouterSlot()) {\n      ariaLabel = this.routerSlot!.textContent;\n    } else if (isSlotUsed(this.el, \"label\")) {\n      ariaLabel = this.el.querySelector('[slot=\"label\"]')!.textContent;\n    } else {\n      ariaLabel = this.label;\n    }\n\n    if (this.isParent) {\n      ariaLabel = `${ariaLabel}, triggers submenu, ${\n        this.expanded ? \"expanded\" : \"collapsed\"\n      }`;\n    }\n\n    if (this.el.parentElement) {\n      const treeItems = Array.from(\n        (this.el.parentElement as HTMLElement).children\n      ).filter(\n        (child) => child.tagName === this.treeItemTag\n      ) as HTMLIcTreeItemElement[];\n\n      const index = treeItems.indexOf(this.el) + 1;\n      const parentChildren = treeItems.length;\n\n      ariaLabel = `${ariaLabel}, ${index} of ${parentChildren}`;\n    }\n\n    if (this.selected) {\n      ariaLabel = `${ariaLabel}, active`;\n    }\n\n    if (this.disabled) {\n      ariaLabel = `${ariaLabel}, dimmed`;\n    }\n\n    if (this.hasRouterSlot()) {\n      this.routerSlot!.ariaLabel = ariaLabel;\n    } else {\n      this.treeItemElement!.ariaLabel = ariaLabel;\n    }\n  }\n\n  private setTreeItemPadding = () => {\n    let level = 1;\n    let parentElement = this.el.parentElement;\n    const treeItemContent = this.el.shadowRoot?.querySelector(\n      this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n    ) as HTMLElement;\n\n    if (!parentElement) {\n      return;\n    }\n\n    const isSiblingOfParent = Array.from(parentElement.children).some(\n      (sibling) =>\n        sibling !== this.el &&\n        !sibling.querySelector('[slot=\"router-item\"]') &&\n        !sibling.querySelector('[slot=\"label\"]') &&\n        sibling.children.length > 0\n    );\n\n    if (\n      (isSiblingOfParent && !this.el.isParent) ||\n      (parentElement.tagName === this.treeItemTag && !this.el.isParent)\n    ) {\n      if (this.hasRouterSlot()) {\n        this.routerSlot!.classList.add(\"ic-tree-item-single\");\n      } else {\n        treeItemContent.classList.add(\"ic-tree-item-single\");\n      }\n    }\n\n    while (parentElement) {\n      if (parentElement.tagName === this.treeItemTag) {\n        level++;\n        treeItemContent.style.paddingLeft = !this.el.isParent\n          ? `calc(var(--ic-space-${isSiblingOfParent ? \"xl\" : \"xs\"}) + ${\n              level * (isSiblingOfParent ? 16 : 24)\n            }px)`\n          : `${level * 16}px`;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  };\n\n  private truncateTreeItemLabel = (treeItem: HTMLIcTreeItemElement) => {\n    let typographyEl =\n      treeItem.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        this.TREE_ITEM_LABEL_CLASS_SELECTOR\n      );\n    const slottedContent = treeItem.querySelector(\"[slot='router-item']\");\n    let contentHeight = slottedContent?.scrollHeight;\n\n    if (!typographyEl && slottedContent) {\n      const newTypographyEl = document.createElement(\"ic-typography\");\n      newTypographyEl.innerHTML = slottedContent.textContent!;\n      newTypographyEl.classList.add(\"tree-item-label\");\n      slottedContent.replaceChild(newTypographyEl, slottedContent.firstChild!);\n      typographyEl = newTypographyEl;\n    } else if (typographyEl) {\n      contentHeight = typographyEl.scrollHeight;\n    }\n\n    const tooltipAlreadyExists = !!typographyEl?.closest(this.TOOLTIP);\n    const treeContent =\n      treeItem.shadowRoot?.querySelector(\n        this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n      ) || slottedContent;\n\n    if (\n      contentHeight &&\n      treeContent?.clientHeight &&\n      contentHeight > treeContent.clientHeight &&\n      !tooltipAlreadyExists &&\n      typographyEl\n    ) {\n      const tooltipEl = document.createElement(\"ic-tooltip\");\n      tooltipEl.setAttribute(\"target\", this.el.id);\n      tooltipEl.setAttribute(\"label\", typographyEl.textContent!);\n      tooltipEl.setAttribute(\"placement\", \"right\");\n\n      if (treeContent === slottedContent) {\n        treeContent.addEventListener(\"focus\", () =>\n          this.handleDisplayTooltip(true)\n        );\n        treeContent.addEventListener(\"blur\", () =>\n          this.handleDisplayTooltip(false)\n        );\n        tooltipEl.setAttribute(\"style\", \"overflow:hidden;\");\n        typographyEl.setAttribute(\n          \"style\",\n          \"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\"\n        );\n      } else {\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        typographyEl.classList.add(\"ic-text-overflow\");\n      }\n\n      treeContent.appendChild(tooltipEl);\n      tooltipEl.appendChild(typographyEl);\n    }\n  };\n\n  private removeTreeItemTruncation = (treeItem: HTMLIcTreeItemElement) => {\n    const slottedContent = treeItem.querySelector(\"[slot='router-item']\");\n    const typographyEl: HTMLIcTypographyElement =\n      treeItem.shadowRoot?.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR) ||\n      slottedContent!.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR)!;\n    const tooltipEl = typographyEl?.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n    const treeContent =\n      treeItem.shadowRoot?.querySelector(\n        this.TREE_ITEM_CONTENT_CLASS_SELECTOR\n      ) || slottedContent!;\n\n    if (tooltipEl) {\n      typographyEl.classList.remove(\"ic-text-overflow\");\n      treeContent.replaceChild(\n        treeContent === slottedContent\n          ? typographyEl.firstChild!\n          : typographyEl,\n        tooltipEl\n      );\n    }\n  };\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    return !!this.routerSlot;\n  }\n\n  private handleDisplayTooltip = (display: boolean) => {\n    const typographyEl =\n      this.el.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        this.TREE_ITEM_LABEL_CLASS_SELECTOR\n      ) || this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);\n    const tooltip = typographyEl?.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n\n    tooltip?.displayTooltip(display);\n  };\n\n  render() {\n    const { disabled, label, selected, size, expanded, focusInset, theme } =\n      this;\n\n    const Component = this.href && !this.disabled ? \"a\" : \"div\";\n\n    const attrs = Component == \"a\" && {\n      href: this.href,\n      hrefLang: this.hreflang,\n      referrerPolicy: this.referrerpolicy,\n      rel: this.rel,\n      target: this.target,\n    };\n\n    return (\n      <Host\n        class={{\n          \"ic-tree-item-disabled\": disabled,\n          \"ic-tree-item-selected\": !disabled && selected,\n          [`ic-tree-item-${size}`]: size !== \"medium\",\n          \"ic-tree-item-focus-inset\": focusInset,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-item-truncate\": !!this.truncateTreeItem,\n        }}\n        id={this.treeItemId}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\" />\n        ) : (\n          <Component\n            class={{\n              \"tree-item-content\": true,\n            }}\n            tabIndex={disabled ? -1 : 0}\n            onClick={this.handleTreeItemClicked}\n            ref={(el) => (this.treeItemElement = el)}\n            aria-disabled={disabled ? \"true\" : \"false\"}\n            aria-live=\"polite\"\n            {...attrs}\n            onFocus={() => this.handleDisplayTooltip(true)}\n            onBlur={() => this.handleDisplayTooltip(false)}\n          >\n            {this.isParent && (\n              <span\n                class={{\n                  [\"arrow-dropdown\"]: true,\n                  [\"tree-item-expanded\"]: expanded,\n                }}\n                aria-hidden=\"true\"\n                innerHTML={arrowDropdown}\n              />\n            )}\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography class=\"tree-item-label\">\n              {isSlotUsed(this.el, \"label\") ? <slot name=\"label\" /> : label}\n            </ic-typography>\n          </Component>\n        )}\n        {expanded && (\n          <div aria-hidden={`${!expanded}`}>\n            <slot />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-4c77e828.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i,H as t,g as e}from"./p-8e4e97b4.js";import{D as h,e as a,f as r}from"./p-bdbd185c.js";const c=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";const l=c;const d=class{constructor(i){s(this,i);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.resizeObserver=null;this.SHOW_BACK_ICON="show-back-icon";this.deviceSize=h.XL;this.expandedBreadcrumbs=false;this.backBreadcrumbOnly=false;this.collapsed=false;this.monochrome=false;this.theme="inherit";this.setBreadcrumbTheme=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));s.forEach((s=>{s.theme=this.theme}))};this.setBreadcrumbMonochrome=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));s.forEach((s=>{s.monochrome=this.monochrome}))};this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setLastParentCollapsedBackBreadcrumb()}else{this.revertLastParentCollapsedBreadcrumb()}};this.setBackBreadcrumbAttr=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")}};this.getLastParentBreadcrumb=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(s.length===1){return null}this.breadcrumbs=s;this.breadcrumb=this.breadcrumbs[this.breadcrumbs.length-2];return this.breadcrumb};this.lastParentBreadcrumb=this.getLastParentBreadcrumb();this.setDefaultBreadcrumbs=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));s.forEach((s=>{s.setAttribute(this.SHOW_BACK_ICON,"false")}))};this.setCollapsed=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));const i=s[0];if(this.collapsedBreadcrumbs){this.collapsedBreadcrumbs.forEach((s=>{s.classList.remove("visuallyhidden");s.classList.remove("fade")}))}if(this.collapsed){this.renderCollapsedBreadcrumb();this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((s=>!s.classList.contains("collapsed-breadcrumb-wrapper")));if(!this.backBreadcrumbOnly){this.collapsedBreadcrumbs.forEach((s=>s.classList.add("hide")))}if(i){i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}else{this.collapsedBreadcrumbWrapper.remove()}};this.clickHandler=()=>{this.handleHiddenCollapsedBreadcrumbs()};this.renderCollapsedBreadcrumb=()=>{if(this.collapsedBreadcrumbEl===undefined){this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const s=document.createElement("span");s.id="collapsed-button-label";s.innerText="Collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby","collapsed-button-label");const i=document.createElement("span");i.id="collapsed-button-described";i.innerText="Select to view collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby","collapsed-button-described");this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl)}};this.handleHiddenCollapsedBreadcrumbs=()=>{this.collapsedBreadcrumbWrapper.remove();this.collapsedBreadcrumbs.forEach((s=>{s.classList.add("visuallyhidden");s.classList.remove("hide");setTimeout((()=>{s.classList.add("fade")}),this.ADD_CLASS_DELAY);this.removeVisuallyHiddenClass(s)}));this.expandedBreadcrumbs=true;this.collapsedBreadcrumbs[0].setFocus()};this.transitionendHandler=s=>{if(s.propertyName==="opacity"){s.target.classList.remove("visuallyhidden")}};this.removeVisuallyHiddenClass=s=>{s.addEventListener("transitionend",this.transitionendHandler)};this.setLastParentCollapsedBackBreadcrumb=()=>{this.lastParentBreadcrumb=this.getLastParentBreadcrumb();this.setBackBreadcrumbAttr();if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.remove("hide");this.lastParentBreadcrumb.classList.add("show")}};this.revertLastParentCollapsedBreadcrumb=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false");if(this.collapsed){this.lastParentBreadcrumb.classList.add("hide")}}};this.resizeObserverCallback=s=>{if(s!==this.deviceSize){this.deviceSize=s;if(this.deviceSize<=h.S){this.el.setAttribute("back-breadcrumb-only","true");if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{this.el.setAttribute("back-breadcrumb-only","false");if(this.collapsed&&this.breadcrumbs&&this.breadcrumbs.length>2){this.revertLastParentCollapsedBreadcrumb();if(this.expandedBreadcrumbs){this.setDefaultBreadcrumbs()}else{this.setCollapsed()}}else{this.setDefaultBreadcrumbs()}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const s=a();this.resizeObserverCallback(s)}));this.resizeObserver.observe(this.el)}}watchBackBreadcrumbHandler(){this.setBackBreadcrumb()}watchCollapsedHandler(){this.setCollapsed()}watchMonochromeHandler(){this.setBreadcrumbMonochrome()}watchThemeHandler(){this.setBreadcrumbTheme()}componentWillLoad(){const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.setBreadcrumbTheme();this.setBreadcrumbMonochrome();if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{r(this.runResizeObserver)}if(this.collapsed&&s.length>2){if(a()===h.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}}disconnectedCallback(){this.breadcrumb&&this.breadcrumb.removeEventListener("transitionend",this.transitionendHandler);this.collapsedBreadcrumbEl&&this.collapsedBreadcrumbEl.removeEventListener("click",this.clickHandler)}render(){return i(t,{key:"b505c4bef9ebc23c7f77b21f77f9db5975d0eea1",class:{"ic-breadcrumb-group-back":!!this.backBreadcrumbOnly,"ic-breadcrumb-group-collapsed":!!this.collapsed,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("nav",{key:"ec1db09900bbff5be1e7f2e83518834a0eb0ff22","aria-label":"breadcrumbs"},i("ol",{key:"b13e6daeefb0e4d1785221249f4d38bf3f207922"},i("slot",{key:"b33ff6c552a6f7251afeb6a804b4761e0febe198"}))))}get el(){return e(this)}static get watchers(){return{backBreadcrumbOnly:["watchBackBreadcrumbHandler"],collapsed:["watchCollapsedHandler"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};d.style=l;export{d as ic_breadcrumb_group};
-//# sourceMappingURL=p-4c77e828.entry.js.map

package/dist/core/p-4c77e828.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icBreadcrumbGroupCss","IcBreadcrumbGroupStyle0","BreadcrumbGroup","constructor","hostRef","this","ADD_CLASS_DELAY","IC_BREADCRUMB","resizeObserver","SHOW_BACK_ICON","deviceSize","DEVICE_SIZES","XL","expandedBreadcrumbs","backBreadcrumbOnly","collapsed","monochrome","theme","setBreadcrumbTheme","allBreadcrumbs","Array","from","el","querySelectorAll","forEach","breadcrumb","setBreadcrumbMonochrome","setBackBreadcrumb","setLastParentCollapsedBackBreadcrumb","revertLastParentCollapsedBreadcrumb","setBackBreadcrumbAttr","lastParentBreadcrumb","classList","add","setAttribute","getLastParentBreadcrumb","length","breadcrumbs","setDefaultBreadcrumbs","setCollapsed","firstBreadcrumb","collapsedBreadcrumbs","remove","renderCollapsedBreadcrumb","splice","filter","contains","insertAdjacentElement","collapsedBreadcrumbWrapper","clickHandler","handleHiddenCollapsedBreadcrumbs","collapsedBreadcrumbEl","undefined","document","createElement","ariaLabel","id","innerText","className","ariaDescribed","addEventListener","append","setTimeout","removeVisuallyHiddenClass","setFocus","transitionendHandler","event","propertyName","target","resizeObserverCallback","currSize","S","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","watchBackBreadcrumbHandler","watchCollapsedHandler","watchMonochromeHandler","watchThemeHandler","componentWillLoad","checkResizeObserver","disconnectedCallback","removeEventListener","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host ol {\n  display: flex;\n  list-style-type: none;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: 0;\n  margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n  display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n  display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n  ol\n  ::slotted(ic-breadcrumb.visuallyhidden) {\n  display: block;\n  opacity: 0;\n  transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n  opacity: 1;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, } from \"../../utils/helpers\";\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n    constructor() {\n        this.ADD_CLASS_DELAY = 50;\n        this.IC_BREADCRUMB = \"ic-breadcrumb\";\n        this.resizeObserver = null;\n        this.SHOW_BACK_ICON = \"show-back-icon\";\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.expandedBreadcrumbs = false;\n        /**\n         * If `true`, display only a single breadcrumb for the parent page with a back icon.\n         */\n        this.backBreadcrumbOnly = false;\n        /**\n         * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n         */\n        this.collapsed = false;\n        /**\n         * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\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        this.theme = \"inherit\";\n        this.setBreadcrumbTheme = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.theme = this.theme;\n            });\n        };\n        this.setBreadcrumbMonochrome = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.monochrome = this.monochrome;\n            });\n        };\n        this.setBackBreadcrumb = () => {\n            if (this.backBreadcrumbOnly) {\n                this.setLastParentCollapsedBackBreadcrumb();\n            }\n            else {\n                this.revertLastParentCollapsedBreadcrumb();\n            }\n        };\n        this.setBackBreadcrumbAttr = () => {\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.classList.add(\"show\");\n                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n            }\n        };\n        this.getLastParentBreadcrumb = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            if (allBreadcrumbs.length === 1) {\n                return null;\n            }\n            this.breadcrumbs = allBreadcrumbs;\n            this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];\n            return this.breadcrumb;\n        };\n        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n        this.setDefaultBreadcrumbs = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n            });\n        };\n        this.setCollapsed = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            const firstBreadcrumb = allBreadcrumbs[0];\n            if (this.collapsedBreadcrumbs) {\n                this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n                    breadcrumb.classList.remove(\"visuallyhidden\");\n                    breadcrumb.classList.remove(\"fade\");\n                });\n            }\n            if (this.collapsed) {\n                this.renderCollapsedBreadcrumb();\n                this.collapsedBreadcrumbs = allBreadcrumbs\n                    .splice(1, allBreadcrumbs.length - 2)\n                    .filter((breadcrumb) => !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\"));\n                if (!this.backBreadcrumbOnly) {\n                    this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n                }\n                if (firstBreadcrumb) {\n                    firstBreadcrumb.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n                }\n            }\n            else {\n                this.collapsedBreadcrumbWrapper.remove();\n            }\n        };\n        this.clickHandler = () => {\n            this.handleHiddenCollapsedBreadcrumbs();\n        };\n        this.renderCollapsedBreadcrumb = () => {\n            if (this.collapsedBreadcrumbEl === undefined) {\n                this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n                this.collapsedBreadcrumbWrapper.classList.add(\"collapsed-breadcrumb-wrapper\");\n                this.collapsedBreadcrumbEl = document.createElement(\"button\");\n                const ariaLabel = document.createElement(\"span\");\n                ariaLabel.id = \"collapsed-button-label\";\n                ariaLabel.innerText = \"Collapsed breadcrumbs\";\n                ariaLabel.className = \"hide\";\n                this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", \"collapsed-button-label\");\n                const ariaDescribed = document.createElement(\"span\");\n                ariaDescribed.id = \"collapsed-button-described\";\n                ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n                ariaDescribed.className = \"hide\";\n                this.collapsedBreadcrumbEl.setAttribute(\"aria-describedby\", \"collapsed-button-described\");\n                this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n                this.collapsedBreadcrumbEl.innerText = \"...\";\n                this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n                this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n                this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n                this.collapsedBreadcrumbWrapper.append(ariaLabel);\n                this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n            }\n        };\n        this.handleHiddenCollapsedBreadcrumbs = () => {\n            this.collapsedBreadcrumbWrapper.remove();\n            this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.classList.add(\"visuallyhidden\");\n                breadcrumb.classList.remove(\"hide\");\n                setTimeout(() => {\n                    breadcrumb.classList.add(\"fade\");\n                }, this.ADD_CLASS_DELAY);\n                this.removeVisuallyHiddenClass(breadcrumb);\n            });\n            this.expandedBreadcrumbs = true;\n            // Set focus to first unhidden breadcrumb\n            this.collapsedBreadcrumbs[0].setFocus();\n        };\n        this.transitionendHandler = (event) => {\n            if (event.propertyName === \"opacity\") {\n                event.target.classList.remove(\"visuallyhidden\");\n            }\n        };\n        this.removeVisuallyHiddenClass = (breadcrumb) => {\n            breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n        };\n        this.setLastParentCollapsedBackBreadcrumb = () => {\n            this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n            this.setBackBreadcrumbAttr();\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.classList.remove(\"hide\");\n                this.lastParentBreadcrumb.classList.add(\"show\");\n            }\n        };\n        this.revertLastParentCollapsedBreadcrumb = () => {\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n                if (this.collapsed) {\n                    this.lastParentBreadcrumb.classList.add(\"hide\");\n                }\n            }\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                if (this.deviceSize <= DEVICE_SIZES.S) {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"true\");\n                    if (this.collapsed) {\n                        this.setLastParentCollapsedBackBreadcrumb();\n                    }\n                    else {\n                        this.setBackBreadcrumb();\n                    }\n                }\n                else {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"false\");\n                    if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {\n                        this.revertLastParentCollapsedBreadcrumb();\n                        if (this.expandedBreadcrumbs) {\n                            this.setDefaultBreadcrumbs();\n                        }\n                        else {\n                            this.setCollapsed();\n                        }\n                    }\n                    else {\n                        this.setDefaultBreadcrumbs();\n                    }\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                const currSize = getCurrentDeviceSize();\n                this.resizeObserverCallback(currSize);\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    watchBackBreadcrumbHandler() {\n        this.setBackBreadcrumb();\n    }\n    watchCollapsedHandler() {\n        this.setCollapsed();\n    }\n    watchMonochromeHandler() {\n        this.setBreadcrumbMonochrome();\n    }\n    watchThemeHandler() {\n        this.setBreadcrumbTheme();\n    }\n    componentWillLoad() {\n        const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n        this.setBreadcrumbTheme();\n        this.setBreadcrumbMonochrome();\n        if (this.backBreadcrumbOnly) {\n            this.setBackBreadcrumb();\n        }\n        else {\n            checkResizeObserver(this.runResizeObserver);\n        }\n        if (this.collapsed && allBreadcrumbs.length > 2) {\n            if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n                this.setLastParentCollapsedBackBreadcrumb();\n            }\n            else {\n                this.setCollapsed();\n            }\n        }\n    }\n    disconnectedCallback() {\n        this.breadcrumb &&\n            this.breadcrumb.removeEventListener(\"transitionend\", this.transitionendHandler);\n        this.collapsedBreadcrumbEl &&\n            this.collapsedBreadcrumbEl.removeEventListener(\"click\", this.clickHandler);\n    }\n    render() {\n        return (h(Host, { key: 'b505c4bef9ebc23c7f77b21f77f9db5975d0eea1', class: {\n                \"ic-breadcrumb-group-back\": !!this.backBreadcrumbOnly,\n                \"ic-breadcrumb-group-collapsed\": !!this.collapsed,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"nav\", { key: 'ec1db09900bbff5be1e7f2e83518834a0eb0ff22', \"aria-label\": \"breadcrumbs\" }, h(\"ol\", { key: 'b13e6daeefb0e4d1785221249f4d38bf3f207922' }, h(\"slot\", { key: 'b33ff6c552a6f7251afeb6a804b4761e0febe198' })))));\n    }\n    static get is() { return \"ic-breadcrumb-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"backBreadcrumbOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, display only a single breadcrumb for the parent page with a back icon.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"back-breadcrumb-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"collapsed\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"expandedBreadcrumbs\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"backBreadcrumbOnly\",\n                \"methodName\": \"watchBackBreadcrumbHandler\"\n            }, {\n                \"propName\": \"collapsed\",\n                \"methodName\": \"watchCollapsedHandler\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-657321ee.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as a,g as s}from"./p-8e4e97b4.js";import{r as c,y as r,b as o,x as n,d as l,E as h,L as d,i as b,a as p}from"./p-bdbd185c.js";import{u as m,h as g}from"./p-ed542433.js";const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const u=f;const v=class{constructor(i){e(this,i);this.icCheck=t(this,"icCheck",7);this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.nativeIndeterminateBehaviour=false;this.theme="inherit";this.hideLabel=false;this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked}}watchDisabledHandler(){c(this.disabled,this.el)}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&!!this.checked}componentWillLoad(){c(this.disabled,this.el);r(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){o([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){n(this.el,this.handleFormReset)}async setFocus(){var e,t;(t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".checkbox"))===null||t===void 0?void 0:t.focus()}render(){const{additionalFieldDisplay:e,checked:t,disabled:s,dynamicText:c,el:r,form:o,displayIndeterminate:n,groupLabel:p,label:m,name:g,size:f,value:u,theme:v}=this;const k=`ic-checkbox-${l(m)||u}-${p}`.replace(/ /g,"-");const x=r.parentElement.size;t?h(true,r,g,t&&u,s):d(r);return i(a,{key:"1b4f1fd6e5e8848ef63134541cbc314fe5976b2b",class:{"ic-checkbox-disabled":!!s,[`ic-checkbox-${f||x}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"3ec8b6cc45dcf275c6340c2d7321e335c9383ac5",class:"container"},n&&i("div",{key:"d38202c75ef2f3a90a8b57efcb4030fc222e1038",class:"indeterminate-symbol"}),!n&&t&&i("svg",{key:"134ea738eb2858a4a27ed8792edb7668790d59a7",class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},i("title",{key:"e8113684e52bb9e6b66200886a8aef0e4eeeaf28"},"checkmark icon"),i("path",{key:"342f98d89977388cfabb77fdf08cb4ecb7d7cc14",d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),i("input",{key:"1b0ad31864fc8d7b7d40bc50e975162cf387ae01",role:"checkbox",class:{checkbox:true,checked:!!t,indeterminate:!!n},type:"checkbox",name:g,id:k,value:u,disabled:s,checked:t,indeterminate:n,onClick:this.handleClick,form:o,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&i("ic-typography",{key:"4e0aacf944928ed74162bb779ea2aa7f69cfd88d",class:"checkbox-label",variant:"body"},i("label",{key:"cd6a349ecf42e327806161ff4eb38680a4b9d91b",htmlFor:k},m))),b(r,"additional-field")&&i("div",{key:"d658a44ea59a92e254ec4d5e097b43205c81d06a",class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&i("div",{key:"ed31c233420f6f8c88951e7d208c7bcc418d382a",class:"branch-corner"}),i("div",{key:"9cffdb6170b03336348940da135cb8c686235610"},e==="dynamic"&&i("ic-typography",{key:"c6b1518d6f7641afaba0befc8de0a8ccb23cc7e9",variant:"caption"},i("p",{key:"931a9b34320375e0ff79014aa9ae4e9100a3c860",class:"dynamic-text","aria-live":"polite"},c)),i("div",{key:"1d1034308c125fd0ec86a5bcfe91103742141b8c",class:{"additional-field-wrapper":e==="static"}},i("slot",{key:"6b3c352f0fb38399cfdea480687fc69d39358e7a",name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],indeterminate:["watchIndeterminateHandler"]}}};v.style=u;const k=':host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot="heading"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot="subheading"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot="body"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}';const x=k;const y=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.aligned="left";this.imageSize="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){!b(this.el,"heading")&&o([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver((e=>p(e,["image","actions"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:e,body:t,maxLines:s,heading:c,imageSize:r,subheading:o,theme:n}=this;return i(a,{key:"4bb35d1c3476b88cc58e952b1b8785e4425d5339",class:{[`ic-empty-state-${e}`]:true,[`image-${r}`]:b(this.el,"image"),[`ic-theme-${n}`]:n!=="inherit"}},b(this.el,"image")&&i("slot",{key:"9e87ed9f746d37f57505a75c62b10279b31ef54e",name:"image"}),i("div",{key:"4f94dc11d843660d3fecd976fa71f9c57644c89b"},i("slot",{key:"be23c55a8dc832904fbae342890d2a3d2d74ae85",name:"heading"},i("ic-typography",{key:"52bf3dca695fecff3e5d650bd81db23d09665258",variant:"h4",class:"empty-state-heading"},c)),i("slot",{key:"7ed10d78475ac8b9c3f5a084a1294ad1be180f15",name:"subheading"},i("ic-typography",{key:"5772d056578a64a951178c3c3026b36d4b316496",variant:"subtitle-small",class:"empty-state-subheading"},o)),i("slot",{key:"14a8815b51a06521642921f09fa8346483522e84",name:"body"},i("ic-typography",{key:"bca780cc2275e81d4e25bae45f5065f6fab3bcd5",maxLines:s,class:"empty-state-body"},t))),b(this.el,"actions")&&i("div",{key:"d6c0f61a358c1d0c86c4da922ed0504ffdc8228f",class:"action-area"},i("slot",{key:"ac150a34e883376bfee43a6edbeb8992c3bc3f96",name:"actions"})))}get el(){return s(this)}};y.style=x;const w=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box;--ic-typography-color:var(--ic-pagination-text)}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem;--ic-typography-color:var(--ic-pagination-select-content)}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.items-per-page-control-label{white-space:nowrap}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const P=w;const z=class{constructor(i){e(this,i);this.icPageChange=t(this,"icPageChange",7);this.icItemsPerPageChange=t(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.activePage=1;this.inputError="Please enter a valid page";this.itemsPerPage=10;this.itemsPerPageString="10";this.lowerBound=1;this.paginationWrapped=false;this.alignment="right";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.monochrome=false;this.theme="inherit";this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.setToFirstPageOnPaginationChange=false;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value));this.userSetItemsPerPage=Number(this.pageDropdownEl.value)};this.changePage=e=>{this.activePage=e;this.lowerBound=e!==1?(e-1)*this.itemsPerPage+1:e;this.setUpperBound()};this.focusElFromLabel=e=>{var t,i;(i=(t=this.paginationBarEl)===null||t===void 0?void 0:t.querySelector(e))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{var e;const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const e=this.pageInputEl;if(Number(e.value)<=this.totalPages&&Number(e.value)>0||e.value===""){e.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const e=parseInt(this.pageInputEl.value);if(e>this.totalPages||e<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=e=>{if(e.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=e=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&e.key!=="Backspace"&&e.key!=="Enter"&&e.key!=="Tab"&&e.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{if(this.paginationBarEl){this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:e}=this.paginationBarEl;if(e-this.paginationWidth>50||e-this.paginationWidth<-50){this.paginationWidth=e;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)}};this.setInputError=(e,t,i=true)=>{this.inputError=t;e.validationStatus="error";if(i)e.setFocus()};this.setToFirstPage=()=>{var e;const t=1;this.changePage(t);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(t);this.activePage=t;this.icPageChange.emit({value:t})};this.setItemsPerPage=e=>{var t;if(this.itemsPerPage!==e){this.itemsPerPage=e;this.itemsPerPageString=e.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage});if(this.setToFirstPageOnPaginationChange){this.setToFirstPage()}}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){(t=this.paginationEl)===null||t===void 0?void 0:t.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const e=this.itemsPerPageOptions?JSON.parse(JSON.stringify(this.itemsPerPageOptions)):null;const t=e||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:e})=>this.totalItems>=Number(e)));let i=0;if(this.userSetItemsPerPage){this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.userSetItemsPerPage<=i}));this.setItemsPerPage(i)}else{const e=this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)}};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.handleButtonAppearance=()=>{if(this.monochrome){if(this.theme==="dark"||this.theme==="inherit"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){return"light"}else{return"dark"}}else{return"default"}}}watchPageNumberHandler(){this.setPaginationBarContent();if(typeof this.currentPage==="number"&&this.currentPage){if(this.currentPage<1||this.totalPages&&this.currentPage>this.totalPages){console.error(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`)}else{this.activePage=this.currentPage}}}watchSelectedItemsPerPageHandler(){var e;if(this.selectedItemsPerPage!==null&&this.selectedItemsPerPage!==undefined){if((e=this.displayedItemsPerPageOptions)===null||e===void 0?void 0:e.filter((e=>e.value===`${this.selectedItemsPerPage}`)).length){this.setItemsPerPage(this.selectedItemsPerPage)}else{console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`)}}}watchItemLabelHandler(){this.capitalizedItemLabel=m(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(e,t){if(JSON.stringify(e)===JSON.stringify(t))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=m(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}watchSetToFirstPageOnPaginationChange(){this.setPaginationBarContent()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent();this.watchSelectedItemsPerPageHandler()}componentDidLoad(){var e,t,i;this.paginationWidth=((e=this.paginationBarEl)===null||e===void 0?void 0:e.clientWidth)||0;g(this.runResizeObserver);const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(a){const e=(i=a===null||a===void 0?void 0:a.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(e){e.style.textAlign="center";e.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(e){const t=e.detail.value;this.changePage(t)}render(){const{alignment:e,displayedItemsPerPageOptions:t,PAGE_INPUT_FIELD_ID:s,type:c,rangeLabelType:r,hideRangeLabel:o,showItemsPerPageControl:n,showGoToPageControl:l,pageLabel:h,capitalizedPageLabel:d,lowerCasePageLabel:b,capitalizedItemLabel:p,lowerCaseItemLabel:m,totalPages:g,activePage:f,itemsPerPageString:u,theme:v,monochrome:k}=this;return i(a,{key:"67aec388114190d8a4f229d474f554ae29a524c8",class:{[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"b1dda605384e9049425b28f9638843fc80ffbea4",class:{["pagination-bar"]:true,[`pagination-bar-${e}`]:true},ref:e=>this.paginationBarEl=e},(!o||n)&&i("div",{key:"ef090d0b893ddc8e3da12d5c476b3b87dd991dd3",class:"item-controls"},n&&i("div",{key:"eeaad0a16f7d0f303f8ecea6b2ab3c9f9aa22e7e",class:"items-per-page-holder"},i("ic-typography",{key:"51d4a14ebf7d9ce4fe07e4d1a832abc80f7b85d6",class:{["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},p,"s per ",b),i("ic-select",{key:"75ce8f26a71f2be9f785ad802295152c03e4ab56",theme:v,size:"small",label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:t,value:u,onIcChange:this.changeItemsPerPage,ref:e=>this.pageDropdownEl=e})),!o&&(r==="data"?i("ic-typography",{class:{["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):i("ic-typography",{class:{["page-pagination-label"]:true},variant:"label","aria-live":"polite"},d," ",f," of ",g))),i("div",{key:"35f5c5199bf3567a16e8ee0421831a6db53ff751",class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},i("div",{key:"86b0a5a35af9c0906cac145e824d395fe2849f91",class:"pagination-holder"},i("ic-pagination",{key:"37713ff47842f04a038efe4f2f97718c38e4d35b",type:c,pages:g,label:h,ref:e=>this.paginationEl=e,currentPage:f,theme:v,monochrome:k})),l&&i("div",{key:"c0ad6f401ef4ba4d5eb58dc15b8313e3cf227a15",class:"go-to-page-holder"},i("ic-typography",{key:"0749d7a68ffa9259cedcca5e4fdf2c48b1facc73",variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",b),i("ic-tooltip",{key:"5cd37e20a6128e45444fb88ab4068029eebae5bb",label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:e=>this.pageInputTooltipEl=e},i("ic-text-field",{key:"1db591684779fff24c5b8d241bcb40b7410070e1",theme:v,type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:g,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:e=>this.pageInputEl=e})),i("ic-button",{key:"6343bc5e0ccf0ccda69b89b421a8f6c8fa606e84",appearance:this.handleButtonAppearance(),variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go")))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],selectedItemsPerPage:["watchSelectedItemsPerPageHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"],setToFirstPageOnPaginationChange:["watchSetToFirstPageOnPaginationChange"]}}};z.style=P;export{v as ic_checkbox,y as ic_empty_state,z as ic_pagination_bar};
-//# sourceMappingURL=p-657321ee.entry.js.map

package/dist/core/p-657321ee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icCheckboxCss","IcCheckboxStyle0","Checkbox","constructor","hostRef","this","additionalFieldDisplay","checked","initiallyChecked","disabled","dynamicText","indeterminate","displayIndeterminate","nativeIndeterminateBehaviour","theme","hideLabel","handleClick","icCheck","emit","handleFormReset","watchDisabledHandler","removeDisabledFalse","el","watchIndeterminateHandler","componentWillLoad","addFormResetListener","checkboxGroup","parentElement","name","groupLabel","label","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","value","componentDidRender","textfield","querySelector","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","setFocus","_a","_b","shadowRoot","focus","render","form","size","id","isPropDefined","replace","parentElementSize","renderHiddenInput","removeHiddenInput","h","Host","key","class","viewBox","xmlns","d","role","checkbox","type","onClick","undefined","variant","htmlFor","isSlotUsed","ref","delegatesFocus","icEmptyStateCss","IcEmptyStateStyle0","EmptyState","hostMutationObserver","aligned","imageSize","disconnect","heading","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","body","maxLines","subheading","icPaginationBarCss","IcPaginationBarStyle0","PaginationBar","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","resizeObserver","activePage","inputError","itemsPerPage","itemsPerPageString","lowerBound","paginationWrapped","alignment","currentPage","hideAllFromItemsPerPage","itemLabel","monochrome","rangeLabelType","pageLabel","showGoToPageControl","hideRangeLabel","showItemsPerPageControl","setToFirstPageOnPaginationChange","changeItemsPerPage","setItemsPerPage","Number","pageDropdownEl","userSetItemsPerPage","changePage","page","setUpperBound","focusElFromLabel","paginationBarEl","goToPage","input","pageInputEl","totalPages","paginationEl","setCurrentPage","icPageChange","pageInputTooltipEl","displayTooltip","validationStatus","setInputError","goToPageLabelClickHandler","handleBlur","textField","handleFocus","handleInputChange","inputValue","parseInt","handleKeydown","ev","handleKeyUp","isNaN","itemsPerPageLabelClickHandler","paginationShouldWrap","clientHeight","runResizeObserver","ResizeObserver","clientWidth","paginationWidth","error","setToFirstPage","firstPage","newValue","toString","icItemsPerPageChange","totalItems","Math","ceil","fromItemsPerPage","setPaginationBarContent","clonedItemsPerPageOptions","itemsPerPageOptions","JSON","parse","stringify","displayedItemsPerPageOptions","push","String","filter","lastOptionValue","some","updated","upperBound","min","handleButtonAppearance","window","matchMedia","matches","watchPageNumberHandler","console","watchSelectedItemsPerPageHandler","selectedItemsPerPage","option","length","watchItemLabelHandler","capitalizedItemLabel","capitalize","lowerCaseItemLabel","toLowerCase","watchItemsPerPageOptionsHandler","newVal","oldVal","watchPageLabelHandler","capitalizedPageLabel","lowerCasePageLabel","watchTotalItemsHandler","watchSetToFirstPageOnPaginationChange","checkResizeObserver","_c","textAlign","padding","pageChangeHandler","detail","options","onIcChange","pages","target","disableHover","disableClick","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus","appearance"],"sources":["../web-components/dist/collection/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox/ic-checkbox.js","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js","src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.ic-checkbox-disabled) {\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-xxs);\n  align-items: center;\n}\n\n:host(.ic-data-table-checkbox) .container {\n  padding: 0;\n  margin-bottom: 0;\n}\n\n:host(.ic-checkbox-small) .container {\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: var(--ic-checkbox-background-unselected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-border-unselected);\n  border-radius: var(--ic-border-radius);\n  outline: none;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  flex-shrink: 0;\n}\n\n:host .container svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n  background-color: var(--ic-checkbox-background-selected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-background-selected);\n  transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n  background-color: var(--ic-checkbox-background-selected-disabled);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n  background-color: var(--ic-checkbox-background-indeterminate);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate);\n}\n\n.checkbox:indeterminate:disabled,\n.checkbox.indeterminate:checked:disabled {\n  background-color: var(--ic-checkbox-background-indeterminate-disabled);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-disabled);\n}\n\n.checkbox:checked:hover {\n  background-color: var(--ic-checkbox-background-selected-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n  background-color: var(--ic-checkbox-background-indeterminate-hover);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-hover);\n}\n\n.checkbox:checked:active {\n  background-color: var(--ic-checkbox-background-selected-pressed);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n  background-color: var(--ic-checkbox-background-indeterminate-pressed);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-pressed);\n}\n\n.checkbox:hover {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-hover);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover);\n}\n\n.checkbox:active {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed);\n}\n\n.checkbox:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n  border: var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled);\n}\n\n.checkbox-label {\n  padding-left: var(--ic-space-sm);\n  color: var(--ic-checkbox-text);\n\n  --ic-typography-color: var(--ic-checkbox-text);\n}\n\n:host(.ic-checkbox-disabled) .checkbox-label {\n  color: var(--ic-checkbox-text-disabled);\n\n  --ic-typography-color: var(--ic-checkbox-text-disabled);\n}\n\n.checkbox-label:hover {\n  cursor: pointer;\n}\n\n.checkmark {\n  position: relative;\n  right: calc(-1 * var(--ic-space-lg));\n  margin-left: calc(-1 * var(--ic-space-lg));\n  fill: var(--ic-checkbox-icon-pressed);\n  z-index: 1;\n  background-color: transparent;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-md));\n  right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.ic-checkbox-large) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-xl));\n  right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n  position: relative;\n  width: 0.875rem;\n  height: var(--ic-space-xxxs);\n  right: -1.188rem;\n  margin-left: -0.875rem;\n  z-index: 1;\n  background-color: var(--ic-checkbox-icon-indeterminate);\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .indeterminate-symbol {\n  width: 0.6rem;\n  right: -0.8rem;\n  margin-left: -0.6rem;\n}\n\n:host(.ic-checkbox-large) .indeterminate-symbol {\n  width: 1.25rem;\n  right: -1.625rem;\n  margin-left: -1.25rem;\n}\n\n.additional-field-wrapper {\n  margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-checkbox-required-bar);\n  border-left: 0.125rem solid var(--ic-checkbox-required-bar);\n}\n\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n  color: var(--ic-checkbox-required-text);\n\n  --ic-typography-color: var(--ic-checkbox-required-text);\n\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  .checkbox {\n    -webkit-appearance: revert;\n       -moz-appearance: revert;\n            appearance: revert;\n    transition: none;\n  }\n\n  .checkbox:checked {\n    transition: none;\n  }\n\n  .checkbox:focus-visible {\n    outline: 0.125rem solid highlight;\n  }\n\n  .checkbox:disabled:not(:checked) {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-color: GrayText;\n  }\n\n  .checkmark {\n    fill: none;\n  }\n\n  .indeterminate-symbol {\n    display: none;\n  }\n}\n\n/* Right to left */\n.checkmark:dir(rtl) {\n  right: 0;\n}\n\n.checkbox-label:dir(rtl) {\n  padding-right: var(--ic-space-sm);\n  padding-left: 0;\n}\n\n.indeterminate-symbol:dir(rtl) {\n  right: 0.288rem;\n}\n\n.branch-corner:dir(rtl) {\n  border-radius: 0 0 0.188rem;\n  border-right: 0.125rem solid var(--ic-action-default);\n  border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n  margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderHiddenInput, removeHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot additional-field - Content to be displayed alongside a checkbox.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n    constructor() {\n        /**\n         * The style of additionalField that will be displayed if used.\n         */\n        this.additionalFieldDisplay = \"static\";\n        /**\n         * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\n         */\n        this.checked = false;\n        this.initiallyChecked = this.checked;\n        /**\n         * If `true`, the checkbox will be set to the disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The text to be displayed when dynamic.\n         */\n        this.dynamicText = \"This selection requires additional answers\";\n        /**\n         * If `true`, the indeterminate state will be displayed when checked.\n         */\n        this.indeterminate = false;\n        this.displayIndeterminate = this.indeterminate;\n        /**\n         * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\n         */\n        this.nativeIndeterminateBehaviour = false;\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        this.theme = \"inherit\";\n        /**\n         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n         */\n        this.hideLabel = false;\n        this.handleClick = () => {\n            this.checked = !this.checked;\n            this.displayIndeterminate = this.nativeIndeterminateBehaviour\n                ? false\n                : this.indeterminate && this.checked;\n            this.icCheck.emit();\n        };\n        this.handleFormReset = () => {\n            this.checked = this.initiallyChecked;\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchIndeterminateHandler() {\n        this.displayIndeterminate = this.nativeIndeterminateBehaviour\n            ? this.indeterminate\n            : this.indeterminate && !!this.checked;\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        addFormResetListener(this.el, this.handleFormReset);\n        const checkboxGroup = this.el.parentElement;\n        if (checkboxGroup) {\n            if (!this.name)\n                this.name = checkboxGroup.name;\n            this.groupLabel = checkboxGroup.label;\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            { prop: this.label, propName: \"label\" },\n            { prop: this.value, propName: \"value\" },\n        ], \"Checkbox\");\n    }\n    componentDidRender() {\n        if (this.additionalFieldDisplay === \"static\") {\n            const textfield = this.el.querySelector(\"ic-text-field\");\n            if (!this.checked) {\n                textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n            }\n            else {\n                textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n            }\n        }\n        else if (this.additionalFieldContainer) {\n            this.additionalFieldContainer.style.display = !this.checked\n                ? \"none\"\n                : \"flex\";\n        }\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    /**\n     * Sets focus on the checkbox.\n     */\n    async setFocus() {\n        var _a, _b;\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".checkbox\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    render() {\n        const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, displayIndeterminate, groupLabel, label, name, size, value, theme, } = this;\n        const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, \"-\");\n        const parentElementSize = el.parentElement\n            .size;\n        checked\n            ? renderHiddenInput(true, el, name, checked && value, disabled)\n            : removeHiddenInput(el);\n        return (h(Host, { key: '1b4f1fd6e5e8848ef63134541cbc314fe5976b2b', class: {\n                \"ic-checkbox-disabled\": !!disabled,\n                [`ic-checkbox-${size || parentElementSize}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: '3ec8b6cc45dcf275c6340c2d7321e335c9383ac5', class: \"container\" }, displayIndeterminate && h(\"div\", { key: 'd38202c75ef2f3a90a8b57efcb4030fc222e1038', class: \"indeterminate-symbol\" }), !displayIndeterminate && checked && (h(\"svg\", { key: '134ea738eb2858a4a27ed8792edb7668790d59a7', class: \"checkmark\", viewBox: \"0 0 24 24\", xmlns: \"http://www.w3.org/2000/svg\", \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\" }, h(\"title\", { key: 'e8113684e52bb9e6b66200886a8aef0e4eeeaf28' }, \"checkmark icon\"), h(\"path\", { key: '342f98d89977388cfabb77fdf08cb4ecb7d7cc14', d: \"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" }))), h(\"input\", { key: '1b0ad31864fc8d7b7d40bc50e975162cf387ae01', role: \"checkbox\", class: {\n                checkbox: true,\n                checked: !!checked,\n                indeterminate: !!displayIndeterminate,\n            }, type: \"checkbox\", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, \"aria-label\": this.hideLabel ? this.label : undefined }), !this.hideLabel && (h(\"ic-typography\", { key: '4e0aacf944928ed74162bb779ea2aa7f69cfd88d', class: \"checkbox-label\", variant: \"body\" }, h(\"label\", { key: 'cd6a349ecf42e327806161ff4eb38680a4b9d91b', htmlFor: id }, label)))), isSlotUsed(el, \"additional-field\") && (h(\"div\", { key: 'd658a44ea59a92e254ec4d5e097b43205c81d06a', class: \"dynamic-container\", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { key: 'ed31c233420f6f8c88951e7d208c7bcc418d382a', class: \"branch-corner\" })), h(\"div\", { key: '9cffdb6170b03336348940da135cb8c686235610' }, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { key: 'c6b1518d6f7641afaba0befc8de0a8ccb23cc7e9', variant: \"caption\" }, h(\"p\", { key: '931a9b34320375e0ff79014aa9ae4e9100a3c860', class: \"dynamic-text\", \"aria-live\": \"polite\" }, dynamicText))), h(\"div\", { key: '1d1034308c125fd0ec86a5bcfe91103742141b8c', class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { key: '6b3c352f0fb38399cfdea480687fc69d39358e7a', name: \"additional-field\" })))))));\n    }\n    static get is() { return \"ic-checkbox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"additionalFieldDisplay\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAdditionalFieldTypes\",\n                    \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\" | undefined\",\n                    \"references\": {\n                        \"IcAdditionalFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The style of additionalField that will be displayed if used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"additional-field-display\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"static\\\"\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will be set to the disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dynamicText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to be displayed when dynamic.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dynamic-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n            },\n            \"form\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The <form> element to associate the checkbox with.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"groupLabel\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The group label for the checkbox.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"group-label\",\n                \"reflect\": false\n            },\n            \"indeterminate\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the indeterminate state will be displayed when checked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"indeterminate\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the checkbox.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"nativeIndeterminateBehaviour\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"native-indeterminate-behaviour\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value for the checkbox.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initiallyChecked\": {},\n            \"displayIndeterminate\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icCheck\",\n                \"name\": \"icCheck\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a checkbox has been checked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the checkbox.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"indeterminate\",\n                \"methodName\": \"watchIndeterminateHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox.js.map\n",":host {\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n  display: flex;\n  flex-direction: column;\n}\n\n.action-area {\n  gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n  border-radius: var(--ic-space-xxs);\n}\n\n:host(.ic-empty-state-right),\n:host(.ic-empty-state-right) .action-area {\n  align-items: flex-end;\n  text-align: right;\n}\n\n:host(.ic-empty-state-center),\n:host(.ic-empty-state-center) .action-area {\n  align-items: center;\n  text-align: center;\n}\n\n:host(.image-medium) ::slotted(svg),\n:host(.image-medium) ::slotted(img) {\n  height: calc(3 * var(--ic-space-lg)) !important;\n  width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n  height: var(--ic-space-xxl) !important;\n  width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n  height: calc(4 * var(--ic-space-xl)) !important;\n  width: calc(4 * var(--ic-space-xl)) !important;\n}\n\n::slotted([slot=\"heading\"]),\n.empty-state-heading {\n  --ic-typography-color: var(--ic-empty-state-title);\n}\n\n::slotted([slot=\"subheading\"]),\n.empty-state-subheading {\n  --ic-typography-color: var(--ic-empty-state-subtitle);\n}\n\n::slotted([slot=\"body\"]),\n.empty-state-body {\n  --ic-typography-color: var(--ic-empty-state-body);\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderDynamicChildSlots, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n    constructor() {\n        this.hostMutationObserver = null;\n        /**\n         * The alignment of the empty state container.\n         */\n        this.aligned = \"left\";\n        /**\n         * The size of the image or icon used in the image slot.\n         */\n        this.imageSize = \"medium\";\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        this.theme = \"inherit\";\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentDidLoad() {\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [\"image\", \"actions\"], this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    render() {\n        const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;\n        return (h(Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {\n                [`ic-empty-state-${aligned}`]: true,\n                [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: \"image\" }), h(\"div\", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, h(\"slot\", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: \"heading\" }, h(\"ic-typography\", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: \"h4\", class: \"empty-state-heading\" }, heading)), h(\"slot\", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: \"subheading\" }, h(\"ic-typography\", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: \"subtitle-small\", class: \"empty-state-subheading\" }, subheading)), h(\"slot\", { key: '14a8815b51a06521642921f09fa8346483522e84', name: \"body\" }, h(\"ic-typography\", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: \"empty-state-body\" }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: \"action-area\" }, h(\"slot\", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: \"actions\" })))));\n    }\n    static get is() { return \"ic-empty-state\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmptyStateAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\" | undefined\",\n                    \"references\": {\n                        \"IcEmptyStateAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-empty-state.types\",\n                            \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"body\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The body text rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"body\",\n                \"reflect\": false\n            },\n            \"maxLines\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines of body text to display before truncating.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"imageSize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the image or icon used in the image slot.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"image-size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The subtitle rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n",":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n\n  --ic-typography-color: var(--ic-pagination-text);\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n  --ic-typography-color: var(--ic-pagination-select-content);\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.items-per-page-control-label {\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { IcThemeMode } from \"@ukic/web-components\";\nimport { capitalize, checkResizeObserver } from \"../../utils/helpers\";\nimport { IcPageChangeEventDetail } from \"./ic-pagination-bar.types\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n  private resizeObserver: ResizeObserver | null = null;\n  private pageDropdownEl: HTMLIcSelectElement;\n  private pageInputEl: HTMLIcTextFieldElement;\n  private pageInputTooltipEl: HTMLIcTooltipElement;\n  private paginationBarEl?: HTMLElement;\n  private paginationEl: HTMLIcPaginationElement;\n  private userSetItemsPerPage: number;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() capitalizedItemLabel: string;\n\n  @State() capitalizedPageLabel: string;\n\n  @State() activePage: number = 1;\n\n  @State() displayedItemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: number = 10;\n\n  @State() itemsPerPageString: string = \"10\";\n\n  @State() lowerBound: number = 1;\n\n  @State() lowerCaseItemLabel: string;\n\n  @State() lowerCasePageLabel: string;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * The current page number to be displayed on the pagination bar.\n   */\n  @Prop() currentPage?: number = 1;\n\n  @Watch(\"currentPage\")\n  watchPageNumberHandler(): void {\n    this.setPaginationBarContent();\n\n    if (typeof this.currentPage === \"number\" && this.currentPage) {\n      if (\n        this.currentPage < 1 ||\n        (this.totalPages && this.currentPage > this.totalPages)\n      ) {\n        console.error(\n          `The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`\n        );\n      } else {\n        this.activePage = this.currentPage;\n      }\n    }\n  }\n\n  /**\n   * The items per page option to be selected.\n   */\n  @Prop() selectedItemsPerPage?: number;\n\n  @Watch(\"selectedItemsPerPage\")\n  watchSelectedItemsPerPageHandler(): void {\n    if (\n      this.selectedItemsPerPage !== null &&\n      this.selectedItemsPerPage !== undefined\n    ) {\n      if (\n        this.displayedItemsPerPageOptions?.filter(\n          (option) => option.value === `${this.selectedItemsPerPage}`\n        ).length\n      ) {\n        this.setItemsPerPage(this.selectedItemsPerPage);\n      } else {\n        console.error(\n          `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n        );\n      }\n    }\n  }\n\n  /**\n   * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n   */\n  @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n  /**\n   * The text which will be used in place of 'Item' on the pagination bar.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  @Watch(\"itemLabel\")\n  watchItemLabelHandler(): void {\n    this.capitalizedItemLabel = capitalize(this.itemLabel!);\n    this.lowerCaseItemLabel = this.itemLabel!.toLowerCase();\n  }\n\n  /**\n   * The options which will be displayed for 'items per page' select input.\n   */\n  @Prop() itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @Watch(\"itemsPerPageOptions\")\n  watchItemsPerPageOptionsHandler(\n    newVal: {\n      label: string;\n      value: string;\n    }[],\n    oldVal: {\n      label: string;\n      value: string;\n    }[]\n  ): void {\n    if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\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   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() type?: IcPaginationTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n  /**\n   * The text which will be used in place of 'Page' on the pagination bar.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  @Watch(\"pageLabel\")\n  watchPageLabelHandler(): void {\n    this.capitalizedPageLabel = capitalize(this.pageLabel!);\n    this.lowerCasePageLabel = this.pageLabel!.toLowerCase();\n  }\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n   */\n  @Prop() hideRangeLabel?: boolean = false;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  @Watch(\"totalItems\")\n  watchTotalItemsHandler(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   If `true`, the pagination bar is set to the first page when the 'items per page' changes\n   */\n  @Prop() setToFirstPageOnPaginationChange?: boolean = false;\n\n  @Watch(\"setToFirstPageOnPaginationChange\")\n  watchSetToFirstPageOnPaginationChange(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n   */\n  @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.watchPageNumberHandler();\n    this.watchPageLabelHandler();\n    this.watchItemLabelHandler();\n    this.setPaginationBarContent();\n    this.watchSelectedItemsPerPageHandler();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl?.clientWidth || 0;\n    checkResizeObserver(this.runResizeObserver);\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    this.setItemsPerPage(Number(this.pageDropdownEl.value));\n\n    this.userSetItemsPerPage = Number(this.pageDropdownEl.value);\n  };\n\n  private changePage = (page: number) => {\n    this.activePage = page;\n    this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n    this.setUpperBound();\n  };\n\n  private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n    this.paginationBarEl?.querySelector(el)?.setFocus();\n  };\n\n  private goToPage = () => {\n    const input = this.pageInputEl;\n    const page = Number(input.value);\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      this.paginationEl?.setCurrentPage(page);\n      this.activePage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.setInputError(input, this.INVALID_PAGE_ERROR);\n    }\n  };\n\n  private goToPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-text-field\");\n  };\n\n  private handleBlur = () => {\n    const textField = this.pageInputEl;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    this.pageInputTooltipEl.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    if (this.pageInputEl.validationStatus === \"error\") {\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const inputValue = parseInt(this.pageInputEl.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \"Enter\") {\n      if (this.pageInputEl.validationStatus === \"error\") {\n        this.pageInputTooltipEl.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      this.pageInputEl.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    if (\n      Number.isNaN(parseInt(this.pageInputEl.value)) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n      this.pageInputTooltipEl.displayTooltip(true, false);\n    }\n  };\n\n  private itemsPerPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-select\");\n  };\n\n  private paginationShouldWrap = () => {\n    if (this.type === \"simple\") {\n      this.paginationWrapped = this.paginationEl.clientHeight > 63;\n    }\n  };\n\n  private runResizeObserver = () => {\n    if (this.paginationBarEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        const { clientWidth } = this.paginationBarEl!;\n        if (\n          clientWidth - this.paginationWidth > 50 ||\n          clientWidth - this.paginationWidth < -50\n        ) {\n          this.paginationWidth = clientWidth;\n          this.paginationShouldWrap();\n        }\n      });\n\n      this.resizeObserver.observe(this.paginationBarEl);\n    }\n  };\n\n  private setInputError = (\n    el: HTMLIcTextFieldElement,\n    error: string,\n    focus = true\n  ) => {\n    this.inputError = error;\n    el.validationStatus = \"error\";\n    if (focus) el.setFocus();\n  };\n\n  private setToFirstPage = () => {\n    const firstPage = 1;\n    this.changePage(firstPage);\n    this.paginationEl?.setCurrentPage(firstPage);\n    this.activePage = firstPage;\n    this.icPageChange.emit({ value: firstPage });\n  };\n\n  private setItemsPerPage = (newValue: number) => {\n    if (this.itemsPerPage !== newValue) {\n      this.itemsPerPage = newValue;\n      this.itemsPerPageString = newValue.toString();\n      this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n\n      if (this.setToFirstPageOnPaginationChange) {\n        this.setToFirstPage();\n      }\n    }\n\n    this.totalPages =\n      this.totalItems > this.itemsPerPage\n        ? Math.ceil(this.totalItems / this.itemsPerPage)\n        : 1;\n\n    this.setUpperBound();\n    if (this.activePage > this.totalPages) {\n      this.paginationEl?.setCurrentPage(this.totalPages);\n      this.activePage = this.totalPages;\n    }\n    this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n  };\n\n  private setPaginationBarContent = (): void => {\n    const clonedItemsPerPageOptions: {\n      label: string;\n      value: string;\n    }[] = this.itemsPerPageOptions\n      ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n      : null;\n\n    const displayedItemsPerPageOptions =\n      clonedItemsPerPageOptions ||\n      (this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n          ]);\n    !this.hideAllFromItemsPerPage &&\n      displayedItemsPerPageOptions.push({\n        label: \"All\",\n        value: String(this.totalItems),\n      });\n\n    this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n      ({ value }) => this.totalItems >= Number(value)\n    );\n\n    let lastOptionValue = 0;\n\n    if (this.userSetItemsPerPage) {\n      this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.userSetItemsPerPage <= lastOptionValue;\n      });\n      this.setItemsPerPage(lastOptionValue);\n    } else {\n      const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.itemsPerPage <= lastOptionValue;\n      });\n\n      this.setItemsPerPage(\n        updated || (!updated && this.itemsPerPage > lastOptionValue)\n          ? lastOptionValue\n          : this.itemsPerPage\n      );\n    }\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + this.itemsPerPage - 1,\n      this.totalItems\n    );\n  };\n\n  private handleButtonAppearance = () => {\n    if (this.monochrome) {\n      if (\n        this.theme === \"dark\" ||\n        (this.theme === \"inherit\" &&\n          window.matchMedia &&\n          window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n      ) {\n        return \"light\";\n      } else {\n        return \"dark\";\n      }\n    } else {\n      return \"default\";\n    }\n  };\n\n  render() {\n    const {\n      alignment,\n      displayedItemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      type,\n      rangeLabelType,\n      hideRangeLabel,\n      showItemsPerPageControl,\n      showGoToPageControl,\n      pageLabel,\n      capitalizedPageLabel,\n      lowerCasePageLabel,\n      capitalizedItemLabel,\n      lowerCaseItemLabel,\n      totalPages,\n      activePage,\n      itemsPerPageString,\n      theme,\n      monochrome,\n    } = this;\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <div\n          class={{\n            [\"pagination-bar\"]: true,\n            [`pagination-bar-${alignment}`]: true,\n          }}\n          ref={(el) => (this.paginationBarEl = el)}\n        >\n          {(!hideRangeLabel || showItemsPerPageControl) && (\n            <div class=\"item-controls\">\n              {showItemsPerPageControl && (\n                <div class=\"items-per-page-holder\">\n                  <ic-typography\n                    class={{\n                      [\"items-per-page-control-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    onClick={this.itemsPerPageLabelClickHandler}\n                  >\n                    {capitalizedItemLabel}s per {lowerCasePageLabel}\n                  </ic-typography>\n                  <ic-select\n                    theme={theme}\n                    size=\"small\"\n                    label=\"items-per-page-input\"\n                    class=\"items-per-page-input\"\n                    hideLabel\n                    options={displayedItemsPerPageOptions}\n                    value={itemsPerPageString}\n                    onIcChange={this.changeItemsPerPage}\n                    ref={(el: HTMLIcSelectElement) =>\n                      (this.pageDropdownEl = el)\n                    }\n                  ></ic-select>\n                </div>\n              )}\n              {!hideRangeLabel &&\n                (rangeLabelType === \"data\" ? (\n                  <ic-typography\n                    class={{\n                      [\"item-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n                    {this.upperBound > 0 &&\n                      `${this.lowerBound} - ${this.upperBound} of ${\n                        this.totalItems\n                      } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n                  </ic-typography>\n                ) : (\n                  <ic-typography\n                    class={{\n                      [\"page-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {capitalizedPageLabel} {activePage} of {totalPages}\n                  </ic-typography>\n                ))}\n            </div>\n          )}\n          <div\n            class={{\n              [\"pagination-controls\"]: true,\n              [\"pagination-controls-wrap\"]: this.paginationWrapped,\n            }}\n          >\n            <div class=\"pagination-holder\">\n              <ic-pagination\n                type={type}\n                pages={totalPages}\n                label={pageLabel}\n                ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n                currentPage={activePage}\n                theme={theme}\n                monochrome={monochrome}\n              ></ic-pagination>\n            </div>\n            {showGoToPageControl && (\n              <div class=\"go-to-page-holder\">\n                <ic-typography\n                  variant=\"label\"\n                  onClick={this.goToPageLabelClickHandler}\n                >\n                  Go to {lowerCasePageLabel}\n                </ic-typography>\n                <ic-tooltip\n                  label={this.inputError}\n                  target={`#${PAGE_INPUT_FIELD_ID}`}\n                  disableHover\n                  disableClick\n                  ref={(el: HTMLIcTooltipElement) =>\n                    (this.pageInputTooltipEl = el)\n                  }\n                >\n                  <ic-text-field\n                    theme={theme}\n                    type=\"number\"\n                    size=\"small\"\n                    label={PAGE_INPUT_FIELD_ID}\n                    class={PAGE_INPUT_FIELD_ID}\n                    id={PAGE_INPUT_FIELD_ID}\n                    hideLabel\n                    onKeyDown={this.handleKeydown}\n                    onKeyUp={this.handleKeyUp}\n                    onInput={this.handleInputChange}\n                    max={totalPages}\n                    min=\"1\"\n                    validationInlineInternal\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={(el: HTMLIcTextFieldElement) =>\n                      (this.pageInputEl = el)\n                    }\n                  ></ic-text-field>\n                </ic-tooltip>\n                <ic-button\n                  appearance={this.handleButtonAppearance()}\n                  variant=\"secondary\"\n                  onClick={this.goToPage}\n                  size=\"small\"\n                  class=\"go-to-page-button\"\n                >\n                  Go\n                </ic-button>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-661f22bd.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as a,H as e,g as s}from"./p-8e4e97b4.js";import{c as o}from"./p-e081702e.js";import{C as n}from"./p-170ddfc2.js";import{w as d,e as l,D as r,g as p,i as c,F as h,f as v,b as g,q as m,I as b,d as u}from"./p-bdbd185c.js";const f=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n  <path d="M0 0h24v24H0V0z" fill="none" />\n  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n  <title>menu icon</title>\n</svg>\n`;const y=':host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}';const x=y;const w=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=parseInt(d("--ic-transition-duration-slow"))||0;this.IC_NAVIGATION_ITEM="ic-navigation-item";this.resizeObserver=null;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;if(this.deviceSize>r.S){this.menuExpanded=i}if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.setExpandedButtonHeight();this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=s===null||s===void 0?void 0:s.querySelector("ic-badge");const l=(a=t.textContent)===null||a===void 0?void 0:a.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.position="relative";o.style.height="var(--ic-space-lg)";n&&o.append(n);d&&o.append(d);if(l){r.textContent=l}if(s){s.textContent="";s.append(o);s.append(r)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,r)}else{this.styleSlottedIconLabels(!!i,r)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.setExpandedButtonHeight=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}else{t.style.opacity="0";t.style.visibility="hidden";t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}};this.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if((i>r.S||this.disableTopBarBehaviour)&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&u(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:f}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation")}disconnectedCallback(){var i;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.el)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionEndHandler)}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const u=this.deviceSize===r.M;const f=this.deviceSize>=r.L;const y=this.deviceSizeAppTitle===r.S;const x=u||this.disableTopBarBehaviour||f&&!this.static;const w={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:y,appTitle:i||""};return a(e,{key:"fdb4a05a49ad2a1cabfe754e1bd1a37f3a8edc92",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${b.Dark}`]:s===b.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"09442ef9598068b6b7d26a892c8add34aee04327",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},w)),a("div",{key:"656b0247b2ec236979226649a34c845449c08e41",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"6f919c889f8977764ff20179f15fcfb3543b80c4",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"571d80e8268f254c01eeeaa71a50538a27418f14","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"dc213683a411f643beec4daba6149279121a5d69",class:"navigation-list"},a("slot",{key:"250094a991fa798e8dbbfde7b2d92533e28450fb",name:"primary-navigation"})))),a("div",{key:"c224bc9fcc202af5e4bd422665eba6435370ca6b",class:{["bottom-wrapper"]:true,["classification-spacing"]:m()}},c(this.el,"secondary-navigation")&&a("nav",{key:"7454932cc0e6a47625fbb5b5d561a4f5aa4946fc",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"5c31b58a771c1c815a2ffbb897bbcc3d0b0ec9b8","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"8812e8135d7834b16be2519128da55df35fbd5cc",class:"navigation-list"},a("slot",{key:"3cea0343138a77b5d347cdaff1655518cb3535aa",name:"secondary-navigation"}))),a("div",{key:"fe6d7574d5e858d568055779fc9c59002173f0f8",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"9a0612520ccd9bb03254231fcaa0e4028fc229db"}),x&&a("button",{key:"4c31a8e2418fa83bb4360d804c4e0911b880dafd",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"18c3118a75f9b8705c7657c8a8b8bd70c2fa8af5",class:"app-status-wrapper"},l!==""&&a("div",{key:"236d0139bbe5e1f76a10f97a7b783fbd3279e967",class:{["app-status"]:true}},a("ic-typography",{key:"6b5e19ca0adffcee91c888303f2b63fcb6399526","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p!==""&&a("ic-typography",{key:"4bc19eedcb3e3be4f55d20a2e9716531f4c59e20",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};w.style=x;export{w as ic_side_navigation};
-//# sourceMappingURL=p-661f22bd.entry.js.map