@ukic/web-components 3.14.0 → 3.16.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","expanded","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","removeEventListener","_b","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon"],"sources":["src/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","src/components/ic-navigation-group/ic-navigation-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: fit-content;\n  color: var(--ic-brand-text-color);\n  display: flex;\n  gap: var(--ic-space-xxs);\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  text-align: left;\n  box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-text-primary-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n  min-height: 2.5rem;\n  width: 100%;\n  gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  min-height: 0.45em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-hover);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  background: none;\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-top-navigation-menu-background);\n  border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  min-height: var(--navigation-group-height);\n  height: fit-content;\n  min-width: 100%;\n  width: var(--navigation-group-width, auto);\n  justify-content: var(--navigation-group-justify-content);\n  padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group {\n  padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:active {\n  background: none;\n  cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Listen,\n  h,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  getBrandForegroundAppearance,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport {\n  IcNavType,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundNoDefault,\n  IcThemeMode,\n} from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport {\n  IcNavigationExpandEventDetail,\n  IcNavigationOpenEventDetail,\n} from \"./ic-navigation-group.types\";\n\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\n\n@Component({\n  tag: \"ic-navigation-group\",\n  styleUrl: \"ic-navigation-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationGroup {\n  private allGroupedNavigationItemHeights = \"\";\n  private collapsedNavItemsHeight: string | null = null;\n  private dropdown?: HTMLElement;\n  private expandedNavItemsHeight: string | null = null;\n  private groupEl?: HTMLElement;\n  private mouseGate = false;\n  private linkWrapper?: HTMLUListElement;\n\n  @Element() el: HTMLIcNavigationGroupElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() dropdownOpen = false;\n  @State() focusStyle: IcBrandForegroundNoDefault | IcBrandForeground =\n    getBrandForegroundAppearance();\n  @State() inTopNavSideMenu = false;\n  @State() navigationType: IcNavType | \"\";\n  @State() parentEl: HTMLElement | null;\n  @State() isSideNavExpanded = false;\n\n  /**\n   *  If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n   */\n  @Prop() expandable = false;\n\n  /**\n   * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\n   */\n  @Prop({ mutable: true }) expanded = true;\n\n  /**\n   * The label to display on the group.\n   */\n  @Prop() label!: 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   * @internal Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\n   */\n  @Event() navigationGroupOpened: EventEmitter<IcNavigationOpenEventDetail>;\n\n  /**\n   * @internal Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\n   */\n  @Event() navigationGroupExpanded: EventEmitter<IcNavigationExpandEventDetail>;\n\n  disconnectedCallback(): void {\n    if (this.navigationType === \"side\") {\n      this.parentEl?.removeEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.removeEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n    }\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    const { navType, parent } = getNavItemParentDetails(this.el);\n    this.navigationType = navType;\n    this.parentEl = parent;\n\n    if (this.navigationType === \"side\") {\n      this.parentEl?.addEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.addEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n      if (\n        this.deviceSize <=\n        (this.parentEl as HTMLIcTopNavigationElement).customMobileBreakpoint\n      )\n        this.inTopNavSideMenu = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.allGroupedNavigationItemHeights = `${Array.from(\n      this.el.querySelectorAll(IC_NAVIGATION_ITEM)\n    ).reduce(\n      (childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight,\n      0\n    )}px`;\n\n    /**\n     * debounce is required as the incorrect height was retrieved instantly after\n     * componentDidLoad is invoked.\n     */\n    setTimeout(() => {\n      if (!this.linkWrapper || !this.expanded) return;\n\n      if (!this.isSideNavExpanded)\n        this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n      else this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n\n      this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n    }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n  }\n\n  @Listen(\"childBlur\")\n  childBlurHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"navigationGroupOpened\", { target: \"document\" })\n  handleNavigationGroupOpened(event: CustomEvent): void {\n    if (event.detail.source !== this.el) {\n      this.hideDropdown();\n    }\n  }\n\n  @Listen(\"navItemClicked\")\n  navItemClickHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.focusStyle = ev.detail.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.groupEl?.focus();\n  }\n\n  private sideNavExpandHandler = (event: CustomEvent) => {\n    this.isSideNavExpanded = event.detail.sideNavExpanded;\n\n    if (!this.linkWrapper || !this.expanded) return;\n\n    const navItemsHeight = this.isSideNavExpanded\n      ? this.expandedNavItemsHeight\n      : this.collapsedNavItemsHeight;\n\n    if (navItemsHeight) {\n      this.setGroupedLinksElementHeight(navItemsHeight);\n    } else {\n      setTimeout(() => {\n        if (this.isSideNavExpanded) {\n          this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        } else {\n          this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        }\n\n        this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n      }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n  };\n\n  private topNavResizedHandler = ({\n    detail: { size },\n  }: CustomEvent<{ size: number }>) => {\n    if (size === this.deviceSize) return;\n\n    this.deviceSize = size;\n    this.inTopNavSideMenu =\n      size <=\n      ((this.parentEl as HTMLIcTopNavigationElement)?.customMobileBreakpoint ||\n        DEVICE_SIZES.L);\n  };\n\n  private toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n    if (this.inTopNavSideMenu) {\n      this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n    }\n  }\n\n  private toggleExpanded = () => {\n    this.expanded = !this.expanded;\n    if (!this.linkWrapper) return;\n\n    this.setGroupedLinksElementHeight(\n      !this.expanded\n        ? \"0\"\n        : this.isSideNavExpanded\n        ? this.expandedNavItemsHeight\n        : this.collapsedNavItemsHeight\n    );\n\n    this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n      const navItem =\n        navigationItem.shadowRoot?.querySelector(\"a\") ||\n        navigationItem.querySelector(\"a\");\n      navItem?.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n    });\n  };\n\n  private showDropdown() {\n    if (!this.dropdownOpen) {\n      this.navigationGroupOpened.emit({\n        source: this.el,\n      });\n\n      this.toggleDropdown();\n    }\n  }\n\n  private hideDropdown() {\n    document.removeEventListener(\"keydown\", this.handleKeydown);\n    if (this.dropdownOpen) {\n      this.toggleDropdown();\n    }\n  }\n\n  private handleClick = (ev: MouseEvent) => {\n    if (this.navigationType === \"top\" && ev.detail) {\n      this.toggleDropdown();\n    } else {\n      this.toggleExpanded();\n    }\n  };\n\n  private handleBlur = (ev: FocusEvent) => {\n    if (!this.el.contains(ev.relatedTarget as HTMLElement)) {\n      this.hideDropdown();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const { key } = ev;\n    if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\") return;\n\n    switch (this.navigationType) {\n      case \"top\":\n        if (key === \" \" || key === \"Enter\") {\n          this.toggleDropdown();\n        } else if (!this.inTopNavSideMenu) {\n          this.hideDropdown();\n        }\n        break;\n      case \"side\":\n        this.toggleExpanded();\n        ev.preventDefault();\n        break;\n      default:\n        this.toggleExpanded();\n        break;\n    }\n  };\n\n  private handleMouseLeave = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement;\n\n    this.mouseGate = false;\n\n    if (\n      this.el.contains(relTarget) ||\n      relTarget === this.dropdown ||\n      this.el.contains(document.activeElement)\n    )\n      return;\n\n    if (\n      document.activeElement !== this.el &&\n      relTarget?.nodeName === NODE_NAME &&\n      this.dropdownOpen\n    ) {\n      this.mouseGate = true;\n      this.hideDropdown();\n    } else {\n      this.mouseGate = false;\n      setTimeout(() => {\n        this.dropdownOpen ? this.hideDropdown() : null;\n      }, 500);\n    }\n  };\n\n  private handleMouseEnter = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement | null;\n    document.addEventListener(\"keydown\", this.handleKeydown);\n\n    if (relTarget?.nodeName === NODE_NAME && this.mouseGate) {\n      this.showDropdown();\n    } else if (!this.dropdownOpen && !this.mouseGate) {\n      this.mouseGate = true;\n      setTimeout(() => {\n        if (this.mouseGate) this.showDropdown();\n      }, 500);\n    }\n  };\n\n  private renderGroupTitleText = () => (\n    <ic-typography\n      id=\"nav-group-title\"\n      variant={this.navigationType === \"side\" ? \"caption\" : \"label\"}\n    >\n      {this.label}\n    </ic-typography>\n  );\n\n  private renderNavigationItems = () => {\n    if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n      return (\n        <div\n          class={{\n            [this.inTopNavSideMenu\n              ? \"navigation-group-dropdown-side-menu\"\n              : \"navigation-group-dropdown\"]: true,\n            selected: this.dropdownOpen && !this.inTopNavSideMenu,\n          }}\n          onMouseLeave={\n            !this.inTopNavSideMenu ? this.handleMouseLeave : undefined\n          }\n          ref={(el) => (this.dropdown = el)}\n        >\n          <nav\n            class={{\n              \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n            }}\n            aria-labelledby=\"nav-group-title\"\n          >\n            <ul>\n              <slot></slot>\n            </ul>\n          </nav>\n        </div>\n      );\n    }\n\n    if (this.navigationType !== \"top\") {\n      return (\n        <ul ref={(el) => (this.linkWrapper = el)} class=\"grouped-links-wrapper\">\n          <slot></slot>\n        </ul>\n      );\n    }\n\n    return null;\n  };\n\n  private setGroupedLinksElementHeight = (height: string | null) => {\n    this.linkWrapper?.style.setProperty(\n      \"--navigation-child-items-height\",\n      height\n    );\n  };\n\n  render() {\n    const {\n      dropdownOpen,\n      expanded,\n      inTopNavSideMenu,\n      expandable,\n      theme,\n      isSideNavExpanded,\n      focusStyle,\n    } = this;\n\n    const getExpandedClassSuffix = (prop: boolean) =>\n      prop ? \"expanded\" : \"collapsed\";\n\n    const navGroupTitleClassNames = {\n      \"navigation-group\": true,\n      [focusStyle]: !inTopNavSideMenu,\n      [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]:\n        inTopNavSideMenu && expandable,\n      selected: dropdownOpen && !inTopNavSideMenu,\n    };\n\n    const isSideNav = this.navigationType === \"side\";\n    const isTopNav = this.navigationType === \"top\";\n    const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n\n    const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);\n\n    return (\n      <Host\n        class={{\n          \"in-side-menu\": inTopNavSideMenu,\n          \"ic-navigation-group-expandable\": expandable,\n          \"ic-navigation-group-side-nav\": isSideNav,\n          [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        role=\"listitem\"\n      >\n        {expandable || isTopNavDesktop ? (\n          <button\n            onMouseEnter={isTopNavDesktop ? this.handleMouseEnter : undefined}\n            onMouseLeave={isTopNav ? this.handleMouseLeave : undefined}\n            onBlur={this.handleBlur}\n            onClick={this.handleClick}\n            onKeyDown={this.handleKeydown}\n            class={navGroupTitleClassNames}\n            ref={(el) => (this.groupEl = el)}\n            aria-expanded={`${ariaExpanded}`}\n            aria-haspopup={`${isTopNavDesktop}`}\n          >\n            {this.renderGroupTitleText()}\n            {isSideNav && expandable && (\n              <div\n                class={{\n                  \"chevron-toggle-icon-wrapper\": true,\n                  \"chevron-toggle-icon-closed\": !!expanded,\n                }}\n                innerHTML={chevronIcon}\n              ></div>\n            )}\n          </button>\n        ) : (\n          (!isSideNav || isSideNavExpanded) && (\n            <div class={navGroupTitleClassNames}>\n              {this.renderGroupTitleText()}\n            </div>\n          )\n        )}\n        {this.renderNavigationItems()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icFooterCss","IcFooterStyle0","Footer","constructor","hostRef","this","resizeObserver","hostMutationObserver","deviceSize","IC_DEVICE_SIZES","XL","foregroundColor","getBrandForegroundAppearance","aligned","breakpoint","copyright","groupLinks","resizeObserverCallback","currSize","footerResized","emit","runResizeObserver","footerEl","ResizeObserver","getCurrentDeviceSize","observe","disconnectedCallback","disconnect","_a","componentWillLoad","componentDidLoad","checkResizeObserver","MutationObserver","mutationList","renderDynamicChildSlots","el","childList","brandChangeHandler","ev","detail","mode","isSmall","bp","XS","S","M","L","render","caption","description","small","showComplianceSection","isSlotUsed","h","Host","key","class","IcBrandForegroundEnum","Dark","Light","ref","fullHeight","variant","name","role","hasClassificationBanner"],"sources":["src/components/ic-footer/ic-footer.css?tag=ic-footer&encapsulation=shadow","src/components/ic-footer/ic-footer.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n\n  --footer-compliance-padding: 1rem 0;\n}\n\n:host(.ic-footer-sparse) {\n  --footer-links-padding: 1.5rem 0;\n  --footer-logo-margin-bottom: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  --footer-link-inner-flex-direction: row;\n}\n\n:host(.ic-footer-small) {\n  --footer-links-padding: 0 0;\n  --footer-logo-margin-bottom: var(--ic-space-md);\n  --footer-link-inner-flex-direction: column;\n}\n\n:host(.ic-footer-foreground-dark) {\n  --ic-footer-background: var(--ic-brand-color-secondary-light);\n  --ic-footer-bottom-background: var(--ic-brand-color-tertiary-light);\n  --ic-footer-keyline: var(--ic-state-layer-darken-20);\n  --ic-footer-text: var(--ic-color-text-primary-light);\n  --ic-footer-link: var(--ic-color-text-primary-light);\n  --ic-footer-icon: var(--ic-color-icon-neutral);\n  --ic-footer-chevron-icon: var(--ic-color-icon-neutral);\n  --ic-footer-logo: var(--ic-color-icon-neutral);\n  --ic-footer-hover: var(--ic-architectural-700-state-layer-10);\n  --ic-footer-pressed: var(--ic-architectural-700-state-layer-20);\n}\n\n:host(.ic-footer-small.ic-footer-ungrouped) {\n  --footer-links-padding: var(--ic-space-md) 0 0 0;\n}\n\n/* Main inner footer element */\nfooter {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* Description */\n\n.footer-description {\n  background-color: var(--ic-footer-background);\n  color: var(--ic-footer-text);\n\n  --ic-typography-color: var(--ic-footer-text);\n\n  border-bottom: var(--ic-space-1px) solid var(--ic-footer-keyline);\n}\n\n.footer-description-inner {\n  padding: 1rem 0;\n}\n\n/* Links */\n\n.footer-links {\n  padding: var(--footer-links-padding);\n  background-color: var(--ic-footer-background);\n  color: var(--ic-footer-link);\n\n  --ic-typography-color: var(--ic-footer-link);\n}\n\n.footer-links-inner {\n  display: flex;\n  flex-direction: var(--footer-link-inner-flex-direction);\n}\n\n/* Compliance */\n\n.footer-compliance {\n  background-color: var(--ic-footer-bottom-background);\n  color: var(--ic-footer-text);\n\n  --ic-typography-color: var(--ic-footer-text);\n}\n\n.footer-compliance-inner {\n  padding: var(--footer-compliance-padding);\n}\n\n.footer-logo {\n  margin-bottom: var(--footer-logo-margin-bottom);\n  display: flex;\n  gap: var(--ic-space-xxl);\n}\n\n.footer-logo > ::slotted() {\n  margin-right: var(--ic-space-md);\n}\n\n.footer-caption {\n  margin-bottom: var(--ic-space-md);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n@media (forced-colors: active) {\n  footer {\n    border-top: var(--ic-border-hc);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getBrandForegroundAppearance,\n  checkResizeObserver,\n  hasClassificationBanner,\n  isSlotUsed,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  private footerEl?: HTMLElement;\n  private resizeObserver: ResizeObserver | null = null;\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el: HTMLIcFooterElement;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n  @State() foregroundColor: IcBrandForeground = getBrandForegroundAppearance();\n\n  /**\n   * The alignment of the section containers used within the footer.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * The screen size breakpoint at which to switch to the small layout.\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"medium\";\n\n  /**\n   * The caption displayed at the bottom of the footer.\n   */\n  @Prop() caption?: string;\n\n  /**\n   * If `true`, the footer will display the crown copyright at the bottom.\n   */\n  @Prop() copyright?: boolean = true;\n\n  /**\n   * The description displayed at the top of the footer.\n   */\n  @Prop() description?: string;\n\n  /**\n   * If `true`, the footer will be set up to handle link groups instead of standalone links.\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   *  @internal Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() footerResized: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n\n    this.hostMutationObserver = new MutationObserver((mutationList) => {\n      return renderDynamicChildSlots(mutationList, \"link\", this);\n    });\n\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.foregroundColor = ev.detail.mode;\n  }\n\n  private isSmall() {\n    const bp = this.breakpoint;\n\n    return bp === \"extra small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"medium\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"extra large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.footerResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    if (this.footerEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        const currSize = getCurrentDeviceSize();\n        this.resizeObserverCallback(currSize);\n      });\n\n      this.resizeObserver.observe(this.footerEl);\n    }\n  };\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      deviceSize,\n      el,\n      foregroundColor,\n      groupLinks,\n    } = this;\n    const small = this.isSmall();\n\n    const showComplianceSection =\n      isSlotUsed(el, \"logo\") ||\n      isSlotUsed(el, \"caption\") ||\n      caption ||\n      copyright;\n\n    return (\n      <Host\n        class={{\n          [\"ic-footer\"]: true,\n          [`ic-footer-${small ? \"small\" : \"sparse\"}`]: true,\n          [`ic-footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`ic-footer-foreground-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [`ic-footer-${IcBrandForegroundEnum.Dark}`]:\n            foregroundColor === IcBrandForegroundEnum.Dark,\n          [`ic-footer-${IcBrandForegroundEnum.Light}`]:\n            foregroundColor === IcBrandForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(el) => (this.footerEl = el)}>\n          {/* Description */}\n          {(isSlotUsed(el, \"description\") || description) && (\n            <div class=\"footer-description\">\n              <ic-section-container aligned={aligned} fullHeight={true}>\n                <div class=\"footer-description-inner\">\n                  <ic-typography variant=\"body\">\n                    <slot name=\"description\">{description}</slot>\n                  </ic-typography>\n                </div>\n              </ic-section-container>\n            </div>\n          )}\n\n          {/* Links */}\n          {isSlotUsed(el, \"link\") && (\n            <div class=\"footer-links\">\n              {groupLinks && small ? (\n                <div class=\"footer-links-inner\" role=\"list\">\n                  <slot name=\"link\" />\n                </div>\n              ) : (\n                <ic-section-container fullHeight aligned={aligned}>\n                  <div class=\"footer-links-inner\" role=\"list\">\n                    <slot name=\"link\" />\n                  </div>\n                </ic-section-container>\n              )}\n            </div>\n          )}\n\n          {/* Compliance (logo, caption, copyright) */}\n          {showComplianceSection && (\n            <div class=\"footer-compliance\">\n              <ic-section-container aligned={aligned} fullHeight={true}>\n                <div class=\"footer-compliance-inner\">\n                  {isSlotUsed(el, \"logo\") && (\n                    <div class=\"footer-logo\">\n                      <slot name=\"logo\" />\n                    </div>\n                  )}\n                  {(isSlotUsed(el, \"caption\") || caption) && (\n                    <div class=\"footer-caption\">\n                      <ic-typography\n                        variant={\n                          deviceSize <= IC_DEVICE_SIZES.M ? \"caption\" : \"body\"\n                        }\n                      >\n                        <slot name=\"caption\">{caption}</slot>\n                      </ic-typography>\n                    </div>\n                  )}\n                  {copyright && (\n                    <div\n                      class={{\n                        [\"footer-copyright\"]: true,\n                        [\"classification-spacing\"]: hasClassificationBanner(),\n                      }}\n                    >\n                      <ic-typography\n                        variant={\n                          deviceSize <= IC_DEVICE_SIZES.M\n                            ? \"caption-uppercase\"\n                            : \"label-uppercase\"\n                        }\n                      >\n                        &copy; Crown Copyright\n                      </ic-typography>\n                    </div>\n                  )}\n                </div>\n              </ic-section-container>\n            </div>\n          )}\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-6e61c48a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as i,g as e}from"./p-8e4e97b4.js";import{o as l,S as r,T as o,K as n}from"./p-a5658054.js";import{w as s,g as c,s as p}from"./p-bddf799a.js";const d="ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-label.with-helper{margin-bottom:0}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext,ic-input-label .helpertext ::slotted(*){margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";const u=d;const h=class{constructor(a){t(this,a);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true;this.isHelperTextSlotUsed=t=>{const a=t===null||t===void 0?void 0:t.assignedElements();if(a&&a.length){for(const t of a){if(t.tagName==="SLOT"){if(this.isHelperTextSlotUsed(t)){return true}}else{return true}}}return false}}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:t,readonly:e,label:l,required:o,helperText:n,status:s,hideLabel:c,useLabelTag:p}=this;const d=o?l+" *":l;const u=this.for&&r(this.for);const h={helpertext:true,"helpertext-normal":!t&&!e,"helpertext-readonly":e};const b=this.el.querySelector("slot[name='helper-text']");return a(i,{key:"632235f5528b1ee7cbdc981b1fd8f83f81317ac5",class:{"ic-input-label-disabled":!!t,"ic-input-label-readonly":e,"with-helper":this.isHelperTextSlotUsed(b)||n!==""}},!c&&a("ic-typography",{key:"4d5ffe88dcfd61697ac5c10bbfe72da69d6cd09e",variant:"label",class:{"readonly-label":e,"error-label":s==="error"&&!(e||t)}},e||!p?`${d}`:a("label",{htmlFor:this.for},d)),this.isHelperTextSlotUsed(b)?a("span",{id:u,class:h},a("slot",{name:"helper-text"})):n!==""&&a("ic-typography",{variant:"caption",class:h},a("span",{id:u},n)))}get el(){return e(this)}};h.style=u;const b="ic-input-validation{width:var(--input-width, 20rem);display:flex}ic-input-validation.ic-input-validation-with-status{margin-top:var(--ic-space-xs)}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );--ic-typography-color:var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-validation .sr-only{position:absolute;left:-9999px}";const v=b;const y={[n.Warning]:s,[n.Error]:c,[n.Success]:p};const f="​";const g=class{constructor(a){t(this,a);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}watchMessageHandler(t){this.messageEl.textContent=f;setTimeout((()=>{this.messageEl.textContent=t}),200)}componentDidLoad(){l([{prop:this.message,propName:"message"}],"Input Validation");this.messageEl.textContent=f}render(){const{ariaLiveMode:t,fullWidth:e,status:l,message:r}=this;const n=l!==""?y[l]:"";return a(i,{key:"71585fc1ea14fdb61bb1557d2da4df16b26cfc0d",class:{[`ic-input-validation-${l}`]:l!=="","ic-input-validation-full-width":!!e,"ic-input-validation-with-status":l!==""}},n!==""&&a("span",{key:"4cbb1c03f511ea994a7ef9af769bd1040d9a4b26",class:{"status-icon":true,[`icon-${l}`]:true},innerHTML:n}),a("ic-typography",{key:"89de4e97c599c21ab5d28fb5d2cad72af25d0142",variant:"caption",class:"statustext"},a("span",{key:"ea899c6c80ca2036ab6388f7814ea5022b9681b3",id:this.for&&o(this.for)},r),a("span",{key:"f77fea85dda248f4e1b0d1cb4ee390926fe67116",ref:t=>this.messageEl=t,class:"sr-only","aria-live":t})),a("slot",{key:"39452a262baec0db33f97951762ddc6b1e33b26b",name:"validation-message-adornment"}))}get el(){return e(this)}static get watchers(){return{message:["watchMessageHandler"]}}};g.style=v;export{h as ic_input_label,g as ic_input_validation};
-//# sourceMappingURL=p-6e61c48a.entry.js.map

package/dist/core/p-6e61c48a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icInputLabelCss","IcInputLabelStyle0","InputLabel","constructor","hostRef","this","disabled","helperText","hideLabel","readonly","required","status","useLabelTag","isHelperTextSlotUsed","slot","assignedEls","assignedElements","length","el","tagName","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","labelText","helperTextId","for","getInputHelperTextID","helperTextClass","helpertext","helperTextSlot","querySelector","h","Host","key","class","variant","htmlFor","id","name","icInputValidationCss","IcInputValidationStyle0","ICON","IcInformationStatus","Warning","warningIcon","Error","errorIcon","Success","successIcon","INVISIBLE_CHAR","InputValidation","ariaLiveMode","fullWidth","watchMessageHandler","newValue","messageEl","textContent","setTimeout","message","displayIcon","innerHTML","getInputValidationTextID","ref"],"sources":["src/components/ic-input-label/ic-input-label.css?tag=ic-input-label","src/components/ic-input-label/ic-input-label.tsx","src/components/ic-input-validation/ic-input-validation.css?tag=ic-input-validation","src/components/ic-input-validation/ic-input-validation.tsx"],"sourcesContent":["ic-input-label {\n  margin-bottom: var(--ic-space-xs);\n\n  --ic-typography-color: var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  );\n}\n\nic-input-label.with-helper {\n  margin-bottom: 0;\n}\n\nic-input-label.ic-input-label-readonly {\n  --ic-typography-color: var(--ic-input-label-readonly-typography-color);\n}\n\nic-input-label .helpertext,\nic-input-label .helpertext ::slotted(*) {\n  margin-top: var(--ic-space-xxxs);\n  padding-bottom: var(--ic-input-label-helpertext-padding, 0);\n\n  --ic-typography-color: var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  );\n}\n\nic-input-label .helpertext-normal {\n  --ic-typography-color: var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  );\n}\n\nic-input-label .helpertext-readonly {\n  --ic-typography-color: var(--ic-input-label-readonly-helpertext-color);\n}\n\nic-input-label .readonly-label {\n  --ic-typography-color: var(--ic-input-label-readonly-label-color);\n}\n\nic-input-label .error-label {\n  --ic-typography-color: var(--ic-input-label-error-label-color);\n}\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\n\nimport {\n  getInputHelperTextID,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-input-label\",\n  styleUrl: \"./ic-input-label.css\",\n})\nexport class InputLabel {\n  @Element() el: HTMLIcInputLabelElement;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The ID of the form element the label is bound to.\n   */\n  @Prop() for?: string;\n\n  /**\n   * The helper text that will be displayed.\n   */\n  @Prop() helperText: string = \"\";\n\n  /**\n   * The label will be visually hidden.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * The text content of the label.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * If `true`, the input label will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The status of the label - e.g. 'error'.\n   */\n  @Prop() status: \"error\" | \"\" = \"\";\n\n  /**\n   * @internal If `true`, wraps label text in label tag\n   */\n  @Prop() useLabelTag: boolean = true;\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Input Label\"\n    );\n  }\n\n  private isHelperTextSlotUsed = (slot: Element | null): boolean => {\n    const assignedEls = (slot as HTMLSlotElement)?.assignedElements();\n    if (assignedEls && assignedEls.length) {\n      for (const el of assignedEls) {\n        if (el.tagName === \"SLOT\") {\n          // Recursion needed for when slot is forwarded multiple times - through child components\n          // (e.g. in date picker)\n          if (this.isHelperTextSlotUsed(el as HTMLSlotElement)) {\n            return true;\n          }\n        } else {\n          // Found an assigned element which is not a nested <slot>\n          return true;\n        }\n      }\n    }\n    return false;\n  };\n\n  render() {\n    const {\n      disabled,\n      readonly,\n      label,\n      required,\n      helperText,\n      status,\n      hideLabel,\n      useLabelTag,\n    } = this;\n    const labelText = required ? label + \" *\" : label;\n    const helperTextId = this.for && getInputHelperTextID(this.for);\n    const helperTextClass = {\n      helpertext: true,\n      \"helpertext-normal\": !disabled && !readonly,\n      \"helpertext-readonly\": readonly,\n    };\n\n    const helperTextSlot = this.el.querySelector(\"slot[name='helper-text']\");\n\n    return (\n      <Host\n        class={{\n          \"ic-input-label-disabled\": !!disabled,\n          \"ic-input-label-readonly\": readonly,\n          \"with-helper\":\n            this.isHelperTextSlotUsed(helperTextSlot) || helperText !== \"\",\n        }}\n      >\n        {!hideLabel && (\n          <ic-typography\n            variant=\"label\"\n            class={{\n              \"readonly-label\": readonly,\n              \"error-label\": status === \"error\" && !(readonly || disabled),\n            }}\n          >\n            {readonly || !useLabelTag ? (\n              `${labelText}`\n            ) : (\n              <label htmlFor={this.for}>{labelText}</label>\n            )}\n          </ic-typography>\n        )}\n        {this.isHelperTextSlotUsed(helperTextSlot) ? (\n          <span id={helperTextId} class={helperTextClass}>\n            <slot name=\"helper-text\"></slot>\n          </span>\n        ) : (\n          helperText !== \"\" && (\n            <ic-typography variant=\"caption\" class={helperTextClass}>\n              <span id={helperTextId}>{helperText}</span>\n            </ic-typography>\n          )\n        )}\n      </Host>\n    );\n  }\n}\n","ic-input-validation {\n  width: var(--input-width, 20rem);\n  display: flex;\n}\n\nic-input-validation.ic-input-validation-with-status {\n  margin-top: var(--ic-space-xs);\n}\n\nic-input-validation.ic-input-validation-full-width {\n  width: 100%;\n}\n\nic-input-validation span.status-icon {\n  padding-right: var(--ic-space-xxs);\n}\n\nic-input-validation span.status-icon > svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-validation span.icon-success > svg {\n  fill: var(--ic-input-validation-success-icon-color);\n}\n\nic-input-validation span.icon-error > svg {\n  fill: var(--ic-input-validation-error, var(--ic-atoms-status-icon-error));\n}\n\nic-input-validation span.icon-warning > svg {\n  fill: var(--ic-input-validation-warning-icon-color);\n}\n\nic-input-validation .statustext {\n  flex-grow: 1;\n  color: var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );\n\n  --ic-typography-color: var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );\n}\n\nic-input-validation .sr-only {\n  position: absolute;\n  left: -9999px;\n}\n","import { Element, Component, Host, Prop, h, Watch } from \"@stencil/core\";\n\nimport {\n  IcAriaLive,\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n} from \"../../utils/types\";\nimport errorIcon from \"../../assets/error-icon.svg\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon.svg\";\n\nimport {\n  getInputValidationTextID,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\nconst ICON = {\n  [IcInformationStatus.Warning]: warningIcon,\n  [IcInformationStatus.Error]: errorIcon,\n  [IcInformationStatus.Success]: successIcon,\n};\nconst INVISIBLE_CHAR = \"\\u200B\";\n\n/**\n * @slot validation-message-adornment - Content will be placed to the right of the validation message.\n */\n@Component({\n  tag: \"ic-input-validation\",\n  styleUrl: \"ic-input-validation.css\",\n})\nexport class InputValidation {\n  private messageEl!: HTMLSpanElement;\n\n  @Element() el: HTMLIcInputValidationElement;\n\n  /**\n   *  The ARIA live mode to apply to the message.\n   */\n  @Prop() ariaLiveMode?: IcAriaLive = \"polite\";\n\n  /**\n   * The ID of the form element the validation is bound to.\n   */\n  @Prop() for?: string;\n\n  /**\n   *  If `true`, the input validation will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The validation message to display.\n   */\n  @Prop() message!: string;\n  @Watch(\"message\")\n  watchMessageHandler(newValue: string) {\n    // Force detectable DOM changes\n    // Invisible character used as screen readers can ignore whitespace changes e.g. \"\" and \" \"\n    this.messageEl.textContent = INVISIBLE_CHAR;\n    setTimeout(() => {\n      this.messageEl.textContent = newValue;\n    }, 200); // Delay to help ensure screen readers detect change\n  }\n\n  /**\n   * The status of the validation - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() status?: IcInformationStatusOrEmpty = \"\";\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.message, propName: \"message\" }],\n      \"Input Validation\"\n    );\n    this.messageEl.textContent = INVISIBLE_CHAR;\n  }\n\n  render() {\n    const { ariaLiveMode, fullWidth, status, message } = this;\n    const displayIcon = status !== \"\" ? ICON[status!] : \"\";\n    return (\n      <Host\n        class={{\n          [`ic-input-validation-${status}`]: status !== \"\",\n          \"ic-input-validation-full-width\": !!fullWidth,\n          \"ic-input-validation-with-status\": status !== \"\",\n        }}\n      >\n        {displayIcon !== \"\" && (\n          <span\n            class={{\n              \"status-icon\": true,\n              [`icon-${status}`]: true,\n            }}\n            innerHTML={displayIcon}\n          />\n        )}\n        <ic-typography variant=\"caption\" class=\"statustext\">\n          <span id={this.for && getInputValidationTextID(this.for)}>\n            {message}\n          </span>\n          {/* Separate aria-live region to avoid flashing due to textContent delay */}\n          <span\n            ref={(el) => (this.messageEl = el as HTMLSpanElement)}\n            class=\"sr-only\"\n            aria-live={ariaLiveMode}\n          ></span>\n        </ic-typography>\n        <slot name=\"validation-message-adornment\"></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oKAAA,MAAMA,EAAkB,6+BACxB,MAAAC,EAAeD,E,MCUFE,EAAU,MAJvB,WAAAC,CAAAC,G,UAUUC,KAAAC,SAAqB,MAUrBD,KAAAE,WAAqB,GAKrBF,KAAAG,UAAqB,MAUrBH,KAAAI,SAAoB,MAKpBJ,KAAAK,SAAoB,MAKpBL,KAAAM,OAAuB,GAKvBN,KAAAO,YAAuB,KASvBP,KAAAQ,qBAAwBC,IAC9B,MAAMC,EAAeD,IAAwB,MAAxBA,SAAI,SAAJA,EAA0BE,mBAC/C,GAAID,GAAeA,EAAYE,OAAQ,CACrC,IAAK,MAAMC,KAAMH,EAAa,CAC5B,GAAIG,EAAGC,UAAY,OAAQ,CAGzB,GAAId,KAAKQ,qBAAqBK,GAAwB,CACpD,OAAO,I,MAEJ,CAEL,OAAO,I,GAIb,OAAO,KAAK,C,CAvBd,gBAAAE,GACEC,EACE,CAAC,CAAEC,KAAMjB,KAAKkB,MAAOC,SAAU,UAC/B,c,CAuBJ,MAAAC,GACE,MAAMnB,SACJA,EAAQG,SACRA,EAAQc,MACRA,EAAKb,SACLA,EAAQH,WACRA,EAAUI,OACVA,EAAMH,UACNA,EAASI,YACTA,GACEP,KACJ,MAAMqB,EAAYhB,EAAWa,EAAQ,KAAOA,EAC5C,MAAMI,EAAetB,KAAKuB,KAAOC,EAAqBxB,KAAKuB,KAC3D,MAAME,EAAkB,CACtBC,WAAY,KACZ,qBAAsBzB,IAAaG,EACnC,sBAAuBA,GAGzB,MAAMuB,EAAiB3B,KAAKa,GAAGe,cAAc,4BAE7C,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,4BAA6B/B,EAC7B,0BAA2BG,EAC3B,cACEJ,KAAKQ,qBAAqBmB,IAAmBzB,IAAe,MAG9DC,GACA0B,EAAA,iBAAAE,IAAA,2CACEE,QAAQ,QACRD,MAAO,CACL,iBAAkB5B,EAClB,cAAeE,IAAW,WAAaF,GAAYH,KAGpDG,IAAaG,EAAW,GACpBc,IAEHQ,EAAA,SAAOK,QAASlC,KAAKuB,KAAMF,IAIhCrB,KAAKQ,qBAAqBmB,GACzBE,EAAA,QAAMM,GAAIb,EAAcU,MAAOP,GAC7BI,EAAA,QAAMO,KAAK,iBAGblC,IAAe,IACb2B,EAAA,iBAAeI,QAAQ,UAAUD,MAAOP,GACtCI,EAAA,QAAMM,GAAIb,GAAepB,I,qCCzIvC,MAAMmC,EAAuB,o8BAC7B,MAAAC,EAAeD,ECef,MAAME,EAAO,CACX,CAACC,EAAoBC,SAAUC,EAC/B,CAACF,EAAoBG,OAAQC,EAC7B,CAACJ,EAAoBK,SAAUC,GAEjC,MAAMC,EAAiB,I,MASVC,EAAe,MAJ5B,WAAAlD,CAAAC,G,UAYUC,KAAAiD,aAA4B,SAU5BjD,KAAAkD,UAAsB,MAmBtBlD,KAAAM,OAAsC,E,CAZ9C,mBAAA6C,CAAoBC,GAGlBpD,KAAKqD,UAAUC,YAAcP,EAC7BQ,YAAW,KACTvD,KAAKqD,UAAUC,YAAcF,CAAQ,GACpC,I,CAQL,gBAAArC,GACEC,EACE,CAAC,CAAEC,KAAMjB,KAAKwD,QAASrC,SAAU,YACjC,oBAEFnB,KAAKqD,UAAUC,YAAcP,C,CAG/B,MAAA3B,GACE,MAAM6B,aAAEA,EAAYC,UAAEA,EAAS5C,OAAEA,EAAMkD,QAAEA,GAAYxD,KACrD,MAAMyD,EAAcnD,IAAW,GAAKiC,EAAKjC,GAAW,GACpD,OACEuB,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,uBAAuB1B,KAAWA,IAAW,GAC9C,mCAAoC4C,EACpC,kCAAmC5C,IAAW,KAG/CmD,IAAgB,IACf5B,EAAA,QAAAE,IAAA,2CACEC,MAAO,CACL,cAAe,KACf,CAAC,QAAQ1B,KAAW,MAEtBoD,UAAWD,IAGf5B,EAAA,iBAAAE,IAAA,2CAAeE,QAAQ,UAAUD,MAAM,cACrCH,EAAA,QAAAE,IAAA,2CAAMI,GAAInC,KAAKuB,KAAOoC,EAAyB3D,KAAKuB,MACjDiC,GAGH3B,EAAA,QAAAE,IAAA,2CACE6B,IAAM/C,GAAQb,KAAKqD,UAAYxC,EAC/BmB,MAAM,UAAS,YACJiB,KAGfpB,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iC","ignoreList":[]}

package/dist/core/p-6f60262e.entry.js

@@ -1,3 +0,0 @@
-import{r as t,h as i,H as e,g as n,c as s,F as o}from"./p-8e4e97b4.js";import{r as c,a as r,t as a,K as l,G as u,o as h,H as d}from"./p-a5658054.js";import{s as p,f as m}from"./p-bddf799a.js";import{C as f}from"./p-c2e091d7.js";import{c as b}from"./p-68a5aaff.js";const v="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";const g=v;const y=class{constructor(i){t(this,i);this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="medium";this.validationInline=false;this.validationStatus=""}watchDisabledHandler(){c(this.disabled,this.el)}componentWillLoad(){c(this.disabled,this.el)}componentDidLoad(){this.hostMutationObserver=new MutationObserver((t=>r(t,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:t,validationStatus:n,disabled:s,readonly:o,multiLine:c,fullWidth:r,validationInline:u}=this;return i(e,{key:"20c111945d3fea6c2ec9ddcb70a0e5c74489fcd0",class:{[`ic-input-component-container-${t}`]:true,[`ic-input-component-container-${n}`]:n!==""&&!s&&!o,"ic-input-component-container-disabled":!!s,"ic-input-component-container-readonly":!!o,"ic-input-component-container-multiline":!!c,"ic-input-component-container-full-width":!!r},"aria-disabled":s?"true":null},i("div",{key:"10974ddaa6b7e895645b50a73501ef8004036e8d",class:"focus-indicator"},a(this.el,"left-icon")&&i("div",{key:"29b14de6450c67f924e6820cc4ef74f20abad132",class:"icon-container"},i("slot",{key:"9c35122ee4308cd2782cf405a80b4b986a4b3fe8",name:"left-icon"})),i("slot",{key:"71782b3c047c6bc14d63bb2218fc825ee644ed12"}),u&&n===l.Success&&i("span",{key:"e3ad09a64f224428e5a38127390751d86b5db914",class:"inline-success",innerHTML:p})))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};y.style=g;const x="ic-input-container .component-container{display:flex;flex-direction:column}";const w=x;const k=class{constructor(i){t(this,i);this.disabled=false;this.readonly=false}render(){return i(e,{key:"25d076eaba3bd1c7e469a5a3c44b26990dfcb43c"},i("div",{key:"77559c5ab0557c9d42eb30d4a6487962dc8d2462",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},i("slot",{key:"0b579f90ba6c9b7b5c515632b9e3f78a3a47c9a2"})))}};k.style=w;var T=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var E={exports:{}};
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */(function(t,i){(function(i,e){t.exports=e()})(T,(function(){const{entries:t,setPrototypeOf:i,isFrozen:e,getPrototypeOf:n,getOwnPropertyDescriptor:s}=Object;let{freeze:o,seal:c,create:r}=Object;let{apply:a,construct:l}=typeof Reflect!=="undefined"&&Reflect;if(!o){o=function t(i){return i}}if(!c){c=function t(i){return i}}if(!a){a=function t(i,e,n){return i.apply(e,n)}}if(!l){l=function t(i,e){return new i(...e)}}const u=E(Array.prototype.forEach);const h=E(Array.prototype.lastIndexOf);const d=E(Array.prototype.pop);const p=E(Array.prototype.push);const m=E(Array.prototype.splice);const f=E(String.prototype.toLowerCase);const b=E(String.prototype.toString);const v=E(String.prototype.match);const g=E(String.prototype.replace);const y=E(String.prototype.indexOf);const x=E(String.prototype.trim);const w=E(Object.prototype.hasOwnProperty);const k=E(RegExp.prototype.test);const T=S(TypeError);function E(t){return function(i){if(i instanceof RegExp){i.lastIndex=0}for(var e=arguments.length,n=new Array(e>1?e-1:0),s=1;s<e;s++){n[s-1]=arguments[s]}return a(t,i,n)}}function S(t){return function(){for(var i=arguments.length,e=new Array(i),n=0;n<i;n++){e[n]=arguments[n]}return l(t,e)}}function A(t,n){let s=arguments.length>2&&arguments[2]!==undefined?arguments[2]:f;if(i){i(t,null)}let o=n.length;while(o--){let i=n[o];if(typeof i==="string"){const t=s(i);if(t!==i){if(!e(n)){n[o]=t}i=t}}t[i]=true}return t}function L(t){for(let i=0;i<t.length;i++){const e=w(t,i);if(!e){t[i]=null}}return t}function z(i){const e=r(null);for(const[n,s]of t(i)){const t=w(i,n);if(t){if(Array.isArray(s)){e[n]=L(s)}else if(s&&typeof s==="object"&&s.constructor===Object){e[n]=z(s)}else{e[n]=s}}}return e}function R(t,i){while(t!==null){const e=s(t,i);if(e){if(e.get){return E(e.get)}if(typeof e.value==="function"){return E(e.value)}}t=n(t)}function e(){return null}return e}const _=o(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const I=o(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const O=o(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const D=o(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const M=o(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const C=o(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const N=o(["#text"]);const P=o(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const H=o(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const F=o(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const j=o(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const B=c(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const U=c(/<%[\w\W]*|[\w\W]*%>/gm);const $=c(/\$\{[\w\W]*/gm);const W=c(/^data-[\-\w.\u00B7-\uFFFF]+$/);const G=c(/^aria-[\-\w]+$/);const q=c(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const K=c(/^(?:\w+script|data):/i);const Y=c(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const X=c(/^html$/i);const V=c(/^[a-z][.\w]*(-[.\w]+)+$/i);var J=Object.freeze({__proto__:null,ARIA_ATTR:G,ATTR_WHITESPACE:Y,CUSTOM_ELEMENT:V,DATA_ATTR:W,DOCTYPE_NAME:X,ERB_EXPR:U,IS_ALLOWED_URI:q,IS_SCRIPT_OR_DATA:K,MUSTACHE_EXPR:B,TMPLIT_EXPR:$});const Q={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,progressingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12};const Z=function t(){return typeof window==="undefined"?null:window};const tt=function t(i,e){if(typeof i!=="object"||typeof i.createPolicy!=="function"){return null}let n=null;const s="data-tt-policy-suffix";if(e&&e.hasAttribute(s)){n=e.getAttribute(s)}const o="dompurify"+(n?"#"+n:"");try{return i.createPolicy(o,{createHTML(t){return t},createScriptURL(t){return t}})}catch(t){console.warn("TrustedTypes policy "+o+" could not be created.");return null}};const it=function t(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function et(){let i=arguments.length>0&&arguments[0]!==undefined?arguments[0]:Z();const e=t=>et(t);e.version="3.2.6";e.removed=[];if(!i||!i.document||i.document.nodeType!==Q.document||!i.Element){e.isSupported=false;return e}let{document:n}=i;const s=n;const c=s.currentScript;const{DocumentFragment:a,HTMLTemplateElement:l,Node:E,Element:S,NodeFilter:L,NamedNodeMap:B=i.NamedNodeMap||i.MozNamedAttrMap,HTMLFormElement:U,DOMParser:$,trustedTypes:W}=i;const G=S.prototype;const K=R(G,"cloneNode");const Y=R(G,"remove");const V=R(G,"nextSibling");const nt=R(G,"childNodes");const st=R(G,"parentNode");if(typeof l==="function"){const t=n.createElement("template");if(t.content&&t.content.ownerDocument){n=t.content.ownerDocument}}let ot;let ct="";const{implementation:rt,createNodeIterator:at,createDocumentFragment:lt,getElementsByTagName:ut}=n;const{importNode:ht}=s;let dt=it();e.isSupported=typeof t==="function"&&typeof st==="function"&&rt&&rt.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:pt,ERB_EXPR:mt,TMPLIT_EXPR:ft,DATA_ATTR:bt,ARIA_ATTR:vt,IS_SCRIPT_OR_DATA:gt,ATTR_WHITESPACE:yt,CUSTOM_ELEMENT:xt}=J;let{IS_ALLOWED_URI:wt}=J;let kt=null;const Tt=A({},[..._,...I,...O,...M,...N]);let Et=null;const St=A({},[...P,...H,...F,...j]);let At=Object.seal(r(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let Lt=null;let zt=null;let Rt=true;let _t=true;let It=false;let Ot=true;let Dt=false;let Mt=true;let Ct=false;let Nt=false;let Pt=false;let Ht=false;let Ft=false;let jt=false;let Bt=true;let Ut=false;const $t="user-content-";let Wt=true;let Gt=false;let qt={};let Kt=null;const Yt=A({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Xt=null;const Vt=A({},["audio","video","img","source","image","track"]);let Jt=null;const Qt=A({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const Zt="http://www.w3.org/1998/Math/MathML";const ti="http://www.w3.org/2000/svg";const ii="http://www.w3.org/1999/xhtml";let ei=ii;let ni=false;let si=null;const oi=A({},[Zt,ti,ii],b);let ci=A({},["mi","mo","mn","ms","mtext"]);let ri=A({},["annotation-xml"]);const ai=A({},["title","style","font","a","script"]);let li=null;const ui=["application/xhtml+xml","text/html"];const hi="text/html";let di=null;let pi=null;const mi=n.createElement("form");const fi=function t(i){return i instanceof RegExp||i instanceof Function};const bi=function t(){let i=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(pi&&pi===i){return}if(!i||typeof i!=="object"){i={}}i=z(i);li=ui.indexOf(i.PARSER_MEDIA_TYPE)===-1?hi:i.PARSER_MEDIA_TYPE;di=li==="application/xhtml+xml"?b:f;kt=w(i,"ALLOWED_TAGS")?A({},i.ALLOWED_TAGS,di):Tt;Et=w(i,"ALLOWED_ATTR")?A({},i.ALLOWED_ATTR,di):St;si=w(i,"ALLOWED_NAMESPACES")?A({},i.ALLOWED_NAMESPACES,b):oi;Jt=w(i,"ADD_URI_SAFE_ATTR")?A(z(Qt),i.ADD_URI_SAFE_ATTR,di):Qt;Xt=w(i,"ADD_DATA_URI_TAGS")?A(z(Vt),i.ADD_DATA_URI_TAGS,di):Vt;Kt=w(i,"FORBID_CONTENTS")?A({},i.FORBID_CONTENTS,di):Yt;Lt=w(i,"FORBID_TAGS")?A({},i.FORBID_TAGS,di):z({});zt=w(i,"FORBID_ATTR")?A({},i.FORBID_ATTR,di):z({});qt=w(i,"USE_PROFILES")?i.USE_PROFILES:false;Rt=i.ALLOW_ARIA_ATTR!==false;_t=i.ALLOW_DATA_ATTR!==false;It=i.ALLOW_UNKNOWN_PROTOCOLS||false;Ot=i.ALLOW_SELF_CLOSE_IN_ATTR!==false;Dt=i.SAFE_FOR_TEMPLATES||false;Mt=i.SAFE_FOR_XML!==false;Ct=i.WHOLE_DOCUMENT||false;Ht=i.RETURN_DOM||false;Ft=i.RETURN_DOM_FRAGMENT||false;jt=i.RETURN_TRUSTED_TYPE||false;Pt=i.FORCE_BODY||false;Bt=i.SANITIZE_DOM!==false;Ut=i.SANITIZE_NAMED_PROPS||false;Wt=i.KEEP_CONTENT!==false;Gt=i.IN_PLACE||false;wt=i.ALLOWED_URI_REGEXP||q;ei=i.NAMESPACE||ii;ci=i.MATHML_TEXT_INTEGRATION_POINTS||ci;ri=i.HTML_INTEGRATION_POINTS||ri;At=i.CUSTOM_ELEMENT_HANDLING||{};if(i.CUSTOM_ELEMENT_HANDLING&&fi(i.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){At.tagNameCheck=i.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(i.CUSTOM_ELEMENT_HANDLING&&fi(i.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){At.attributeNameCheck=i.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(i.CUSTOM_ELEMENT_HANDLING&&typeof i.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){At.allowCustomizedBuiltInElements=i.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Dt){_t=false}if(Ft){Ht=true}if(qt){kt=A({},N);Et=[];if(qt.html===true){A(kt,_);A(Et,P)}if(qt.svg===true){A(kt,I);A(Et,H);A(Et,j)}if(qt.svgFilters===true){A(kt,O);A(Et,H);A(Et,j)}if(qt.mathMl===true){A(kt,M);A(Et,F);A(Et,j)}}if(i.ADD_TAGS){if(kt===Tt){kt=z(kt)}A(kt,i.ADD_TAGS,di)}if(i.ADD_ATTR){if(Et===St){Et=z(Et)}A(Et,i.ADD_ATTR,di)}if(i.ADD_URI_SAFE_ATTR){A(Jt,i.ADD_URI_SAFE_ATTR,di)}if(i.FORBID_CONTENTS){if(Kt===Yt){Kt=z(Kt)}A(Kt,i.FORBID_CONTENTS,di)}if(Wt){kt["#text"]=true}if(Ct){A(kt,["html","head","body"])}if(kt.table){A(kt,["tbody"]);delete Lt.tbody}if(i.TRUSTED_TYPES_POLICY){if(typeof i.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw T('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof i.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw T('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}ot=i.TRUSTED_TYPES_POLICY;ct=ot.createHTML("")}else{if(ot===undefined){ot=tt(W,c)}if(ot!==null&&typeof ct==="string"){ct=ot.createHTML("")}}if(o){o(i)}pi=i};const vi=A({},[...I,...O,...D]);const gi=A({},[...M,...C]);const yi=function t(i){let e=st(i);if(!e||!e.tagName){e={namespaceURI:ei,tagName:"template"}}const n=f(i.tagName);const s=f(e.tagName);if(!si[i.namespaceURI]){return false}if(i.namespaceURI===ti){if(e.namespaceURI===ii){return n==="svg"}if(e.namespaceURI===Zt){return n==="svg"&&(s==="annotation-xml"||ci[s])}return Boolean(vi[n])}if(i.namespaceURI===Zt){if(e.namespaceURI===ii){return n==="math"}if(e.namespaceURI===ti){return n==="math"&&ri[s]}return Boolean(gi[n])}if(i.namespaceURI===ii){if(e.namespaceURI===ti&&!ri[s]){return false}if(e.namespaceURI===Zt&&!ci[s]){return false}return!gi[n]&&(ai[n]||!vi[n])}if(li==="application/xhtml+xml"&&si[i.namespaceURI]){return true}return false};const xi=function t(i){p(e.removed,{element:i});try{st(i).removeChild(i)}catch(t){Y(i)}};const wi=function t(i,n){try{p(e.removed,{attribute:n.getAttributeNode(i),from:n})}catch(t){p(e.removed,{attribute:null,from:n})}n.removeAttribute(i);if(i==="is"){if(Ht||Ft){try{xi(n)}catch(t){}}else{try{n.setAttribute(i,"")}catch(t){}}}};const ki=function t(i){let e=null;let s=null;if(Pt){i="<remove></remove>"+i}else{const t=v(i,/^[\r\n\t ]+/);s=t&&t[0]}if(li==="application/xhtml+xml"&&ei===ii){i='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+i+"</body></html>"}const o=ot?ot.createHTML(i):i;if(ei===ii){try{e=(new $).parseFromString(o,li)}catch(t){}}if(!e||!e.documentElement){e=rt.createDocument(ei,"template",null);try{e.documentElement.innerHTML=ni?ct:o}catch(t){}}const c=e.body||e.documentElement;if(i&&s){c.insertBefore(n.createTextNode(s),c.childNodes[0]||null)}if(ei===ii){return ut.call(e,Ct?"html":"body")[0]}return Ct?e.documentElement:c};const Ti=function t(i){return at.call(i.ownerDocument||i,i,L.SHOW_ELEMENT|L.SHOW_COMMENT|L.SHOW_TEXT|L.SHOW_PROCESSING_INSTRUCTION|L.SHOW_CDATA_SECTION,null)};const Ei=function t(i){return i instanceof U&&(typeof i.nodeName!=="string"||typeof i.textContent!=="string"||typeof i.removeChild!=="function"||!(i.attributes instanceof B)||typeof i.removeAttribute!=="function"||typeof i.setAttribute!=="function"||typeof i.namespaceURI!=="string"||typeof i.insertBefore!=="function"||typeof i.hasChildNodes!=="function")};const Si=function t(i){return typeof E==="function"&&i instanceof E};function Ai(t,i,n){u(t,(t=>{t.call(e,i,n,pi)}))}const Li=function t(i){let n=null;Ai(dt.beforeSanitizeElements,i,null);if(Ei(i)){xi(i);return true}const s=di(i.nodeName);Ai(dt.uponSanitizeElement,i,{tagName:s,allowedTags:kt});if(Mt&&i.hasChildNodes()&&!Si(i.firstElementChild)&&k(/<[/\w!]/g,i.innerHTML)&&k(/<[/\w!]/g,i.textContent)){xi(i);return true}if(i.nodeType===Q.progressingInstruction){xi(i);return true}if(Mt&&i.nodeType===Q.comment&&k(/<[/\w]/g,i.data)){xi(i);return true}if(!kt[s]||Lt[s]){if(!Lt[s]&&Ri(s)){if(At.tagNameCheck instanceof RegExp&&k(At.tagNameCheck,s)){return false}if(At.tagNameCheck instanceof Function&&At.tagNameCheck(s)){return false}}if(Wt&&!Kt[s]){const t=st(i)||i.parentNode;const e=nt(i)||i.childNodes;if(e&&t){const n=e.length;for(let s=n-1;s>=0;--s){const n=K(e[s],true);n.__removalCount=(i.__removalCount||0)+1;t.insertBefore(n,V(i))}}}xi(i);return true}if(i instanceof S&&!yi(i)){xi(i);return true}if((s==="noscript"||s==="noembed"||s==="noframes")&&k(/<\/no(script|embed|frames)/i,i.innerHTML)){xi(i);return true}if(Dt&&i.nodeType===Q.text){n=i.textContent;u([pt,mt,ft],(t=>{n=g(n,t," ")}));if(i.textContent!==n){p(e.removed,{element:i.cloneNode()});i.textContent=n}}Ai(dt.afterSanitizeElements,i,null);return false};const zi=function t(i,e,s){if(Bt&&(e==="id"||e==="name")&&(s in n||s in mi)){return false}if(_t&&!zt[e]&&k(bt,e));else if(Rt&&k(vt,e));else if(!Et[e]||zt[e]){if(Ri(i)&&(At.tagNameCheck instanceof RegExp&&k(At.tagNameCheck,i)||At.tagNameCheck instanceof Function&&At.tagNameCheck(i))&&(At.attributeNameCheck instanceof RegExp&&k(At.attributeNameCheck,e)||At.attributeNameCheck instanceof Function&&At.attributeNameCheck(e))||e==="is"&&At.allowCustomizedBuiltInElements&&(At.tagNameCheck instanceof RegExp&&k(At.tagNameCheck,s)||At.tagNameCheck instanceof Function&&At.tagNameCheck(s)));else{return false}}else if(Jt[e]);else if(k(wt,g(s,yt,"")));else if((e==="src"||e==="xlink:href"||e==="href")&&i!=="script"&&y(s,"data:")===0&&Xt[i]);else if(It&&!k(gt,g(s,yt,"")));else if(s){return false}else;return true};const Ri=function t(i){return i!=="annotation-xml"&&v(i,xt)};const _i=function t(i){Ai(dt.beforeSanitizeAttributes,i,null);const{attributes:n}=i;if(!n||Ei(i)){return}const s={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:Et,forceKeepAttr:undefined};let o=n.length;while(o--){const t=n[o];const{name:c,namespaceURI:r,value:a}=t;const l=di(c);const h=a;let p=c==="value"?h:x(h);s.attrName=l;s.attrValue=p;s.keepAttr=true;s.forceKeepAttr=undefined;Ai(dt.uponSanitizeAttribute,i,s);p=s.attrValue;if(Ut&&(l==="id"||l==="name")){wi(c,i);p=$t+p}if(Mt&&k(/((--!?|])>)|<\/(style|title)/i,p)){wi(c,i);continue}if(s.forceKeepAttr){continue}if(!s.keepAttr){wi(c,i);continue}if(!Ot&&k(/\/>/i,p)){wi(c,i);continue}if(Dt){u([pt,mt,ft],(t=>{p=g(p,t," ")}))}const m=di(i.nodeName);if(!zi(m,l,p)){wi(c,i);continue}if(ot&&typeof W==="object"&&typeof W.getAttributeType==="function"){if(r);else{switch(W.getAttributeType(m,l)){case"TrustedHTML":{p=ot.createHTML(p);break}case"TrustedScriptURL":{p=ot.createScriptURL(p);break}}}}if(p!==h){try{if(r){i.setAttributeNS(r,c,p)}else{i.setAttribute(c,p)}if(Ei(i)){xi(i)}else{d(e.removed)}}catch(t){wi(c,i)}}}Ai(dt.afterSanitizeAttributes,i,null)};const Ii=function t(i){let e=null;const n=Ti(i);Ai(dt.beforeSanitizeShadowDOM,i,null);while(e=n.nextNode()){Ai(dt.uponSanitizeShadowNode,e,null);Li(e);_i(e);if(e.content instanceof a){t(e.content)}}Ai(dt.afterSanitizeShadowDOM,i,null)};e.sanitize=function(t){let i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let n=null;let o=null;let c=null;let r=null;ni=!t;if(ni){t="\x3c!--\x3e"}if(typeof t!=="string"&&!Si(t)){if(typeof t.toString==="function"){t=t.toString();if(typeof t!=="string"){throw T("dirty is not a string, aborting")}}else{throw T("toString is not a function")}}if(!e.isSupported){return t}if(!Nt){bi(i)}e.removed=[];if(typeof t==="string"){Gt=false}if(Gt){if(t.nodeName){const i=di(t.nodeName);if(!kt[i]||Lt[i]){throw T("root node is forbidden and cannot be sanitized in-place")}}}else if(t instanceof E){n=ki("\x3c!----\x3e");o=n.ownerDocument.importNode(t,true);if(o.nodeType===Q.element&&o.nodeName==="BODY"){n=o}else if(o.nodeName==="HTML"){n=o}else{n.appendChild(o)}}else{if(!Ht&&!Dt&&!Ct&&t.indexOf("<")===-1){return ot&&jt?ot.createHTML(t):t}n=ki(t);if(!n){return Ht?null:jt?ct:""}}if(n&&Pt){xi(n.firstChild)}const l=Ti(Gt?t:n);while(c=l.nextNode()){Li(c);_i(c);if(c.content instanceof a){Ii(c.content)}}if(Gt){return t}if(Ht){if(Ft){r=lt.call(n.ownerDocument);while(n.firstChild){r.appendChild(n.firstChild)}}else{r=n}if(Et.shadowroot||Et.shadowrootmode){r=ht.call(s,r,true)}return r}let h=Ct?n.outerHTML:n.innerHTML;if(Ct&&kt["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&k(X,n.ownerDocument.doctype.name)){h="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+h}if(Dt){u([pt,mt,ft],(t=>{h=g(h,t," ")}))}return ot&&jt?ot.createHTML(h):h};e.setConfig=function(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};bi(t);Nt=true};e.clearConfig=function(){pi=null;Nt=false};e.isValidAttribute=function(t,i,e){if(!pi){bi({})}const n=di(t);const s=di(i);return zi(n,s,e)};e.addHook=function(t,i){if(typeof i!=="function"){return}p(dt[t],i)};e.removeHook=function(t,i){if(i!==undefined){const e=h(dt[t],i);return e===-1?undefined:m(dt[t],e,1)[0]}return d(dt[t])};e.removeHooks=function(t){dt[t]=[]};e.removeAllHooks=function(){dt=it()};return e}var nt=et();return nt}))})(E);const S=E.exports;const A=t=>({CUSTOM_ELEMENT_HANDLING:{tagNameCheck:i=>t&&i.startsWith("ic-")||m.includes(i),attributeNameCheck:/.*/}});const L=t=>S.sanitize(t,A(true));const z=t=>S.sanitize(t,A(false));const R='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;gap:var(--ic-space-xs)}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{flex-grow:1}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}';const _=R;const I=class{constructor(e){t(this,e);this.icClear=s(this,"icClear",7);this.menuKeyPress=s(this,"menuKeyPress",7);this.menuOptionId=s(this,"menuOptionId",7);this.menuOptionSelect=s(this,"menuOptionSelect",7);this.menuOptionSelectAll=s(this,"menuOptionSelectAll",7);this.menuStateChange=s(this,"menuStateChange",7);this.retryButtonClicked=s(this,"retryButtonClicked",7);this.timeoutBlur=s(this,"timeoutBlur",7);this.ungroupedOptionsSet=s(this,"ungroupedOptionsSet",7);this.ACTIVE_DESCENDANT="aria-activedescendant";this.CLEAR_BUTTON_ID="clear-button";this.SEARCH_BAR_TAG="IC-SEARCH-BAR";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.preventIncorrectTabOrder=false;this.popperProps={};this.activationType="automatic";this.autofocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.labelField="label";this.multiSelect=false;this.searchableSelect=false;this.searchBar=false;this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.valueField="value";this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const t=this.options.findIndex((t=>t[this.valueField]===this.optionHighlighted));this.setInputValue(t)};this.handleMenuChange=(t,i)=>{var e;this.menuStateChange.emit({open:t,focusInput:i});if(!t){if(i!==false){(e=this.inputEl)===null||e===void 0?void 0:e.focus();this.preventClickOpen=false}if(this.multiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=t=>{if(this.ungroupedOptions[t+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[t+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[t+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=t=>{if(this.ungroupedOptions[t-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[t-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[t-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.arrowBehaviour=t=>{t.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.searchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=t=>{const i=this.getMenuOptions();i[t]&&!i[t].timedOut&&(this.optionHighlighted=i[t][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=t=>{const i=this.ungroupedOptions.findIndex((t=>t[this.valueField]===this.value));this.keyboardNav=false;switch(t.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(t);this.setNextOptionValue(i);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(t);this.setPreviousOptionValue(i);break;case" ":case"Enter":if(t.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(t,i)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const e=this.searchBar||this.searchableSelect||this.open;if(e){if(i>=0){if(t[i]!==undefined){if(this.searchBar&&t[i].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(i)}}}else{this.setInputValue(i)}}else{this.handleMenuChange(true)}};this.isOptionSelected=t=>{const i=this.getMenuOptions();return this.value?this.value.includes(i[t][this.valueField]):false};this.deselectSelectedOptions=t=>{const i=this.getMenuOptions();if(this.value){const e=this.value.map((t=>i.findIndex((i=>i[this.valueField]===t))));e.forEach((i=>!t.includes(i)&&this.setInputValue(i)))}};this.manualSetInputValueKeyboardOpen=t=>{const i=this.getMenuOptions();const e=t.shiftKey||t.metaKey||t.ctrlKey;const n=this.getOptionHighlightedIndex();const s=i.findIndex((t=>t[this.valueField]===this.multiOptionClicked));const o=t=>{var i;return(i=Array.from(this.host.querySelectorAll("li"))[t])===null||i===void 0?void 0:i.id};if(t.key===" "&&this.multiSelect){this.handleOptionSelect(t,n)}else{switch(t.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(t);if(this.multiOptionClicked){this.setHighlightedOption(s);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(t,n,i);if(n<i.length-1){this.setHighlightedOption(n+1);this.menuOptionId.emit({optionId:o(n+1)});this.handleSingleShiftSelect(t,n+1,i)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:o(0)});this.handleSingleShiftSelect(t,0,i)}if(this.multiSelect&&this.shiftPressed){this.deselectSelectedOptions([n,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(t);if(this.multiOptionClicked){this.setHighlightedOption(s);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(t,n,i);if(n<=0||n>i.length+1){this.setHighlightedOption(i.length-1);this.menuOptionId.emit({optionId:o(i.length-1)});this.handleSingleShiftSelect(t,i.length-1,i)}else{this.setHighlightedOption(n-1);this.menuOptionId.emit({optionId:o(n-1)});this.handleSingleShiftSelect(t,n-1,i)}if(this.multiSelect&&this.shiftPressed){this.deselectSelectedOptions([n,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const i=0;this.keyboardNav=true;t.preventDefault();this.arrowBehaviour(t);this.setHighlightedOption(i);this.menuOptionId.emit({optionId:o(i)});if(t.shiftKey&&t.ctrlKey){this.handleMultipleShiftSelect(i)}this.lastOptionFocused=i;this.lastOptionSelected=i;break}case"End":{const e=i.length-1;this.keyboardNav=true;t.preventDefault();this.arrowBehaviour(t);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:o(e)});if(t.shiftKey&&t.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(!e){this.keyboardNav=false}if(this.searchBar||this.searchableSelect){break}else{if(t.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}}break;case"Enter":t.preventDefault();if(!e){this.keyboardNav=false}this.handleOptionSelect(t,n);break;case"Escape":if(this.open){t.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(u()&&t.metaKey||!u()&&t.ctrlKey){this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(t.key==="Shift"){this.shiftPressed=true}if(this.searchBar){this.keyboardNav=true}if(this.multiSelect){if(this.open&&!t.shiftKey&&this.selectAllButton){t.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;default:if(!e){this.keyboardNav=false}this.focusOnSearchOrSelectInput(i,n)}}};this.setInputValue=t=>{const i=this.getMenuOptions();if(i[t]!==undefined){this.menuOptionSelect.emit({value:i[t][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=t=>{const{value:i,label:e}=t.target.dataset;if(this.multiSelect){const e=this.getMenuOptions();const n=e.findIndex((t=>t[this.valueField]===i));this.handleOptionSelect(t,n,true);this.multiOptionClicked=i||null}else{this.menuOptionSelect.emit({value:i,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:t.key})}};this.handleBlur=t=>{var i,e,n,s;if(t.relatedTarget!==this.inputEl){if(t.relatedTarget===this.selectAllButton){(i=this.menu)===null||i===void 0?void 0:i.removeAttribute(this.ACTIVE_DESCENDANT)}if(!(((e=this.menu)===null||e===void 0?void 0:e.contains(t.relatedTarget))||t.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);(n=this.menu)===null||n===void 0?void 0:n.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;(s=this.menu)===null||s===void 0?void 0:s.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.searchBar)this.hasPreviouslyBlurred=!!t.relatedTarget};this.handleMouseDown=t=>{t.preventDefault()};this.handleMenuKeyDown=t=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(t)}else if(this.activationType==="manual"&&!this.searchBar){this.manualSetInputValueKeyboardOpen(t)}};this.handleMenuKeyUp=t=>{if(t.key==="Tab"&&t.shiftKey){this.preventClickOpen=false}if(t.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;t.stopImmediatePropagation()}if(t.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{var t;this.keyboardNav=false;(t=this.menu)===null||t===void 0?void 0:t.focus();this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=t=>{var i;this.host.classList.remove("ic-select-select-all-focused");if(!((i=this.menu)===null||i===void 0?void 0:i.contains(t.relatedTarget))){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.host.classList.add("ic-select-select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=t=>{t.preventDefault()};this.handleSingleShiftSelect=(t,i,e)=>{if(this.multiSelect&&t.shiftKey&&!this.isOptionSelected(i)){this.selectHighlightedOption(e,i);this.lastOptionSelected=i}};this.handleMultipleShiftSelect=(t,i=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(i):e;if(n!==null){const i=[];if(n<t){for(let e=n;e<t+1;e++){i.push(e)}}else{for(let e=n;e>t-1;e--){i.push(e)}}i.forEach((t=>!this.isOptionSelected(t)&&this.setInputValue(t)));this.deselectSelectedOptions(i)}};this.handleOptionSelect=(t,i,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(t.shiftKey&&s!==null){this.handleMultipleShiftSelect(i,e,s)}else{this.selectHighlightedOption(n,i)}this.lastOptionFocused=i;this.lastOptionSelected=i};this.getFirstOptionInSelection=t=>t&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAllEvents=()=>{var t,i;this.menuOptionSelectAll.emit({select:!this.value||!(((t=this.value)===null||t===void 0?void 0:t.length)===this.ungroupedOptions.length)});if(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length){this.icClear.emit()}};this.emitMenuKeyPress=(t,i)=>{this.menuKeyPress.emit({isNavKey:t,key:i})};this.autoSetValueOnMenuKeyDown=t=>{var i,e;t.cancelBubble=true;const n=this.ungroupedOptions.findIndex((t=>t[this.valueField]===this.value));const s=!!this.inputEl&&this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(t.key){case" ":t.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){t.preventDefault();this.setPreviousOptionValue(n);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){t.preventDefault();this.setNextOptionValue(n);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(s){(i=this.inputEl)===null||i===void 0?void 0:i.focus()}break;case"Shift":break;default:if(s&&t.key!=="Tab"&&!this.hasTimedOut){(e=this.inputEl)===null||e===void 0?void 0:e.focus()}if(t.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,t.key)};this.getOptionId=t=>`${this.menuId}-${t}`;this.getOptionAriaLabel=(t,i)=>{let e=t[this.labelField];if(t.description){e=`${e}, ${t.description}`}if(t.element){e=`${e}, ${t.element.ariaLabel}`}if(i){return`${e}, ${i[this.labelField]} group`}else{return e}};this.getSortedOptions=t=>{let i=[];if(t.sort){i=t.sort(((t,i)=>t.recommended&&!i.recommended?-1:0))}return i};this.getOptionHighlightedIndex=()=>{const t=this.getMenuOptions();return t.findIndex((t=>t[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=t=>{var i;const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):t.querySelector(".option[aria-selected='true']");if(e){const n=e.offsetTop+e.offsetHeight;if(n>t.scrollTop+t.offsetHeight||n<t.scrollTop+t.offsetHeight){t.scrollTop=e.offsetTop}(i=this.menu)===null||i===void 0?void 0:i.setAttribute(this.ACTIVE_DESCENDANT,e.id);e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((t=>{if(t.children){t.children.map((t=>!t.disabled&&this.ungroupedOptions.push(t)))}else if(!t.disabled){this.ungroupedOptions.push(t)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{var t;let i=0;this.host.querySelectorAll(".option, .option-group-title").forEach((t=>i+=t.clientHeight));if(i>=320){(t=this.menu)===null||t===void 0?void 0:t.classList.add("menu-scroll")}};this.handleTimeoutBlur=t=>{this.timeoutBlur.emit({ev:t})};this.optionContent=(t,e)=>{var n;const s=!!t[this.valueField]&&!!this.value&&e&&((n=this.parentEl)===null||n===void 0?void 0:n.tagName)!==this.SEARCH_BAR_TAG;return i(o,null,t.loading&&i("ic-loading-indicator",{size:"icon"}),i("div",{class:{"option-text-container":true,"show-check-icon":s}},(t.icon||!t.hideLabel)&&i("div",{class:"option-label"},t.icon&&i("div",{class:"option-icon",innerHTML:z(t.icon),"aria-hidden":"true"}),!t.hideLabel&&i("ic-typography",{variant:"body","aria-hidden":"true"},t[this.labelField])),t.description&&i("ic-typography",{id:`${this.getOptionId(t[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},i("p",null,t.description)),t.element&&i("div",{class:{"option-element":t.icon||!t.hideLabel||t.description},innerHTML:L(t.element.component),"aria-hidden":"true"})),s&&i("span",{class:"check-icon",innerHTML:f}))};this.displayOption=(t,e,n,s)=>{var c;const{open:r,keyboardNav:a,isManualMode:l,initialOptionsListRender:u,optionHighlighted:h,options:d}=this;return i("li",Object.assign({id:this.getOptionId(t[this.valueField]),class:{option:true,"focused-option":l?(a||u)&&t[this.valueField]===h:a&&e,"last-recommended-option":!!(t.recommended&&d[n+1]&&!d[n+1].recommended),"disabled-option":!!t.disabled,"loading-option":!!t.loading,timeout:!!t.timedOut},role:"option",tabindex:r&&(e||t[this.valueField]===h)&&a?"0":"-1","aria-label":this.getOptionAriaLabel(t,s),"aria-selected":e?"true":"false","aria-disabled":t.disabled?"true":"false",onClick:!t.timedOut&&!t.loading?this.handleOptionClick:undefined,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":t[this.valueField],"data-label":t[this.labelField]},(c=t.htmlProps)!==null&&c!==void 0?c:{}),t.timedOut?i(o,null,i("div",{class:"loading-error-info"},i("svg",{class:"error-icon-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},i("title",null,"Error"),i("g",null,i("path",{d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),i("ic-typography",{variant:"label"},t[this.labelField])),i("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(t,e))}}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(t){this.hasTimedOut=t.some((t=>t.timedOut));this.isLoading=t.some((t=>t.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){if(this.searchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){var t,i,e;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy();(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icClear",this.handleClearListener);(e=this.parentEl)===null||e===void 0?void 0:e.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var t,i,e,n;this.loadUngroupedOptions();(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icClear",this.handleClearListener);(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(e=this.options)===null||e===void 0?void 0:e.some((t=>t.timedOut));this.isLoading=(n=this.options)===null||n===void 0?void 0:n.some((t=>t.loading))}componentDidLoad(){if(this.searchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}h([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const t=this.options.some((t=>t[this.valueField]===this.value));if(this.menu&&this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&t&&this.autofocusOnSelected&&!this.searchableSelect){this.scrollToSelected(this.menu)}else if(this.selectOnEnter){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const t=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(t){this.menu.setAttribute(this.ACTIVE_DESCENDANT,t.id);t.focus()}}else if(this.inputEl&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.menu&&this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(t){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(t)}else{this.manualSetInputValueKeyboardOpen(t)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(t){this.popperInstance=b(t,this.host,Object.assign({placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]},this.popperProps))}async setExternalPopperProps(t){this.popperProps=t}focusOnSearchOrSelectInput(t,i){if(!t[i])return;if(this.searchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.searchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:t,options:n,menuId:s,value:o,fullWidth:c,hasTimedOut:r,isLoading:a,size:l,open:u,inputEl:h,keyboardNav:p,parentEl:m,SEARCH_BAR_TAG:f,multiSelect:b}=this;const v=`${(o===null||o===void 0?void 0:o.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const g=this.host.classList.contains("no-results");return i(e,{key:"1e4da9c2108dc9df947dcf92f558fcbc14c3f686",class:{"ic-menu-full-width":!!c,"ic-menu-no-focus":(h===null||h===void 0?void 0:h.tagName)==="INPUT"&&(m===null||m===void 0?void 0:m.tagName)!==f||r||a,[`ic-menu-${l}`]:true,"ic-menu-open":u&&n.length!==0,"ic-menu-multiple":b}},n.length!==0&&i("ul",{key:"0861edb24bdb21aecd3b70ec4d7f11112d4ad3eb",id:s,class:"menu",role:"listbox","aria-label":`${t} pop-up`,"aria-multiselectable":b?"true":"false",tabindex:u&&!p&&((h===null||h===void 0?void 0:h.tagName)!=="INPUT"||(m===null||m===void 0?void 0:m.tagName)===f)?"0":"-1",ref:t=>this.menu=t,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(n).map(((t,e)=>{if(t.children){if(t.children.length>0){return i("div",null,i("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},i("p",null,t[this.labelField])),t.children.map((i=>i[this.labelField]&&this.displayOption(i,b?o===null||o===void 0?void 0:o.includes(i[this.valueField]):i[this.valueField]===o,e,t))))}else{return null}}else{return t[this.labelField]&&this.displayOption(t,b?o===null||o===void 0?void 0:o.includes(t[this.valueField]):t[this.valueField]===o,e)}}))),n.length!==0&&b&&!a&&!r&&!g&&i("div",{key:"aa5a9084985ac02f145acbc5d45ff726ae5d575e",class:"option-bar"},i("ic-typography",{key:"c9854cfb8d9ddf6b54a4b66445020f1e437dece7"},i("p",{key:"47b9491c4332bc7d547df9a6edbd97290cdb9535"},`${o?o.length:0}/${d(this.options)} selected`)),i("ic-button",{key:"a07f28d90a7fd4efa5d3a0574f161a111a46c048",class:"select-all-button","aria-label":`${v} options for ${t}`,ref:t=>this.selectAllButton=t,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:l==="small"?"small":"medium"},v)))}get host(){return n(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};I.style=_;export{y as ic_input_component_container,k as ic_input_container,I as ic_menu};
-//# sourceMappingURL=p-6f60262e.entry.js.map