@esri/calcite-components 2.4.1-next.0 → 2.4.1-next.1

package/dist/calcite/p-fc5f2846.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["menuCss","CalciteMenu","this","menuItems","handleMenuSlotChange","event","slotChangeGetAssignedElements","setMenuItemLayout","layout","handleGlobalAttributesChanged","forceUpdate","handleLayoutChange","value","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","setFocus","componentFocusable","el","focus","calciteInternalNavMenuItemKeyEvent","target","submenuItems","detail","children","key","stopPropagation","focusElementInGroup","isSubmenuOpen","length","focusParentElement","preventDefault","parentEl","parentElement","focusElement","open","items","forEach","item","getEffectiveRole","isTopLevelItem","topLevelMenuLayout","getAttribute","render","h","Host","label","role","onSlotchange","CSS","container","content","dropdownVertical","dropdownMenuItems","dropdownAction","layoutVertical","hoverHrefIcon","icon","iconBreadcrumb","iconDropdown","iconEnd","iconStart","isParentVertical","itemContent","nested","textContainer","menuItemCss","CalciteMenuItem","clickHandler","href","dropdownActionEl","hasSubmenu","selectMenuItem","handleMenuItemSlotChange","keyDownHandler","async","targetIsDropdown","calciteInternalMenuItemKeyEvent","emit","anchorEl","handleClickOut","composedPath","includes","handleFocusOut","contains","relatedTarget","blurHandler","isFocused","focusHandler","calciteMenuItemSelect","renderIconStart","class","flipRtl","iconFlipRtl","scale","renderIconEnd","renderBreadcrumbIcon","dir","renderDropdownIcon","dirChevron","renderDropdownAction","onClick","onKeyDown","text","messages","ref","renderSubmenuItems","CSS_UTILITY","rtl","submenu","name","renderHrefIcon","renderItemContent","hasHref","Fragment","breadcrumb","getElementDir","onBlur","onFocus","rel","tabIndex"],"sources":["src/components/menu/menu.scss?tag=calcite-menu&encapsulation=shadow","src/components/menu/menu.tsx","src/components/menu-item/resources.ts","src/components/menu-item/menu-item.scss?tag=calcite-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":[":host {\n  @apply flex;\n}\n\nul {\n  @apply inline-flex items-center h-full m-0 p-0;\n}\n\n:host([layout=\"vertical\"]) ul {\n  @apply flex flex-col w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuMessages } from \"./assets/menu/t9n\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n@Component({\n  tag: \"calcite-menu\",\n  styleUrl: \"menu.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenu implements LocalizedComponent, T9nComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"role\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"horizontal\";\n\n  @Watch(\"layout\")\n  handleLayoutChange(value: Layout): void {\n    this.setMenuItemLayout(this.menuItems, value);\n  }\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<MenuMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuElement;\n\n  @State() defaultMessages: MenuMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  menuItems: HTMLCalciteMenuItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalMenuItemKeyEvent\")\n  calciteInternalNavMenuItemKeyEvent(event: CustomEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    const submenuItems = event.detail.children;\n    const key = event.detail.event.key;\n    event.stopPropagation();\n\n    if (key === \"ArrowDown\") {\n      if (target.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowUp\") {\n      if (this.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[submenuItems.length - 1].setFocus();\n        }\n      }\n    } else if (key === \"ArrowRight\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowLeft\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n        }\n      }\n    } else if (key === \"Escape\") {\n      this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n    }\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleMenuSlotChange = (event: Event): void => {\n    this.menuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  };\n\n  focusParentElement(el: HTMLCalciteMenuItemElement): void {\n    const parentEl = el.parentElement as HTMLCalciteMenuItemElement;\n    if (parentEl) {\n      focusElement(parentEl);\n      parentEl.open = false;\n    }\n  }\n\n  setMenuItemLayout(items: HTMLCalciteMenuItemElement[], layout: Layout): void {\n    items.forEach((item) => {\n      item.layout = layout;\n      if (this.getEffectiveRole() === \"menubar\") {\n        item.isTopLevelItem = true;\n        item.topLevelMenuLayout = this.layout;\n      }\n    });\n  }\n\n  private getEffectiveRole(): string {\n    return this.el.getAttribute(\"role\") || \"menubar\";\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host>\n        <ul aria-label={this.label} role={this.getEffectiveRole()}>\n          <slot onSlotchange={this.handleMenuSlotChange} />\n        </ul>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  dropdownVertical: \"dropdown--vertical\",\n  dropdownMenuItems: \"dropdown-menu-items\",\n  dropdownAction: \"dropdown-action\",\n  layoutVertical: \"layout--vertical\",\n  hoverHrefIcon: \"hover-href-icon\",\n  icon: \"icon\",\n  iconBreadcrumb: \"icon--breadcrumb\",\n  iconDropdown: \"icon--dropdown\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n  isParentVertical: \"parent--vertical\",\n  itemContent: \"item-content\",\n  open: \"open\",\n  nested: \"nested\",\n  textContainer: \"text-container\",\n};\n",":host {\n  @apply flex\n  items-center\n  relative\n  box-border;\n  flex-shrink: 0;\n  & .container,\n  & .item-content,\n  & .content {\n    min-block-size: theme(\"spacing.12\");\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply w-full;\n}\n\n:host(:not([layout=\"vertical\"])) {\n  @apply h-full;\n}\n\n.container,\n.item-content {\n  @apply flex flex-row w-full h-full items-stretch;\n}\n\n.content {\n  @apply flex\n  items-center\n  relative\n  justify-center\n  cursor-pointer\n  outline-none\n  text-0\n  text-color-2\n  box-border\n  bg-foreground-1\n  px-4\n  h-full\n  w-full;\n  text-decoration: none;\n  border-block-end: theme(\"spacing[0.5]\") solid transparent;\n  padding-block-start: theme(\"spacing[0.5]\");\n  &:hover {\n    @apply bg-foreground-2 text-color-2;\n  }\n  &:focus {\n    @apply bg-foreground-2 text-color-2 focus-inset;\n  }\n  &:active {\n    @apply bg-foreground-3 text-color-1;\n  }\n  & span {\n    display: inline-flex;\n  }\n  &.layout--vertical {\n    @apply flex w-full justify-start;\n    padding-block: 1rem;\n    border-block-end: 0;\n    border-inline-end: theme(\"spacing.1\") solid transparent;\n  }\n}\n\n:host([active]) .content {\n  @apply text-color-1;\n  border-color: var(--calcite-color-brand);\n  .icon {\n    --calcite-ui-icon-color: var(--calcite-color-brand);\n  }\n}\n:host([layout=\"vertical\"]) .content {\n  @apply px-3;\n}\n\n.icon--start {\n  @apply me-3;\n}\n\n.icon--end {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .icon--end {\n  @apply ms-auto ps-3;\n}\n\n.icon--dropdown {\n  @apply ms-auto me-0 ps-2 relative;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--dropdown {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon {\n  @apply ps-2;\n}\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--end {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--breadcrumb {\n  @apply ms-3;\n}\n\n.icon--breadcrumb {\n  @apply ps-2 me-0;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb {\n  @apply ms-auto;\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb ~ .icon--dropdown {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--breadcrumb {\n  @apply ms-2;\n}\n\n:host([breadcrumb]) .content {\n  @apply pe-3;\n}\n\ncalcite-action {\n  @apply relative h-auto;\n  border-inline-start: 1px solid var(--calcite-color-foreground-1);\n  &:after {\n    @apply block w-px  absolute -start-px;\n    content: \"\";\n    inset-block: theme(\"spacing.3\");\n    background-color: var(--calcite-color-border-3);\n  }\n  &:hover:after {\n    @apply h-full;\n    inset-block: 0;\n  }\n}\n\n.content:focus ~ calcite-action,\n.content:hover ~ calcite-action {\n  @apply text-color-1;\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n}\n\n.container:hover .dropdown-action {\n  @apply bg-foreground-2;\n}\n\n.dropdown-menu-items {\n  @apply absolute h-auto flex-col hidden overflow-visible min-w-full;\n  border: 1px solid var(--calcite-color-border-3);\n  background: var(--calcite-color-foreground-1);\n  inset-block-start: 100%;\n  z-index: theme(\"zIndex.dropdown\");\n  &.open {\n    @apply block;\n  }\n  &.nested {\n    @apply absolute;\n    inset-block-start: -1px;\n    transform: translateX(calc(100% - 2px));\n  }\n}\n\n.parent--vertical {\n  @apply flex-col;\n}\n\n.dropdown--vertical.dropdown-menu-items {\n  @apply relative rounded-none;\n  box-shadow: none;\n  inset-block-start: 0;\n  transform: none;\n  &:last-of-type {\n    border-inline: 0;\n  }\n}\n\n:host([layout=\"vertical\"]:last-of-type) .dropdown-menu-items {\n  border-block-end: 0;\n}\n\n:host([slot=\"submenu-item\"]) .parent--vertical {\n  @apply ps-6;\n}\n\n.dropdown-menu-items.nested.calcite--rtl {\n  transform: translateX(calc(-100% + 2px));\n}\n\n.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl {\n  transform: none;\n}\n\n.hover-href-icon {\n  @apply ms-auto relative end-1 opacity-0;\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in-out;\n}\n\n.content:focus .hover-href-icon,\n.content:hover .hover-href-icon {\n  @apply opacity-100 -end-1;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FlipContext } from \"../interfaces\";\nimport { Direction, getElementDir, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\nimport { MenuItemCustomEvent } from \"./interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuItemMessages } from \"./assets/menu-item/t9n\";\nimport { LocalizedComponent, connectLocalized, disconnectLocalized } from \"../../utils/locale\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n/**\n * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.\n */\n@Component({\n  tag: \"calcite-menu-item\",\n  styleUrl: \"menu-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenuItem implements LoadableComponent, T9nComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted. */\n  @Prop({ reflect: true }) active: boolean;\n\n  /** When `true`, the component displays a breadcrumb trail for use as a navigational aid. */\n  @Prop({ reflect: true }) breadcrumb: boolean;\n\n  /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/\n  @Prop() href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop() isTopLevelItem = false;\n\n  /** Accessible name for the component.*/\n  @Prop() label!: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Layout;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<MenuItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuItemMessages;\n\n  /** When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.*/\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /** Specifies the text to display.*/\n  @Prop() text: string;\n\n  /**\n   * @internal\n   */\n  @Prop() topLevelMenuLayout: Layout;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuItemElement;\n\n  @State() defaultMessages: MenuItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasSubmenu = false;\n\n  @State() submenuItems: HTMLCalciteMenuItemElement[];\n\n  anchorEl: HTMLAnchorElement;\n\n  dropdownActionEl: HTMLCalciteActionElement;\n\n  isFocused: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.anchorEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** @internal */\n  @Event({ cancelable: true }) calciteInternalMenuItemKeyEvent: EventEmitter<MenuItemCustomEvent>;\n\n  /** Emits when the component is selected.*/\n  @Event() calciteMenuItemSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  @Listen(\"click\", { target: \"window\" })\n  handleClickOut(event: Event): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      this.hasSubmenu &&\n      this.open &&\n      !event.composedPath().includes(this.el)\n    ) {\n      this.open = false;\n    }\n  }\n\n  @Listen(\"focusout\")\n  handleFocusOut(event: FocusEvent): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      !this.el.contains(event.relatedTarget as Element)\n    ) {\n      this.open = false;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private blurHandler(): void {\n    this.isFocused = false;\n  }\n\n  private clickHandler = (event: MouseEvent): void => {\n    if ((this.href && event.target === this.dropdownActionEl) || (!this.href && this.hasSubmenu)) {\n      this.open = !this.open;\n    }\n    this.selectMenuItem(event);\n  };\n\n  private focusHandler(event: FocusEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    this.isFocused = true;\n    if (target.open && !this.open) {\n      target.open = false;\n    }\n  }\n\n  private handleMenuItemSlotChange = (event: Event): void => {\n    this.submenuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.submenuItems.forEach((item) => {\n      if (!item.topLevelMenuLayout) {\n        item.topLevelMenuLayout = this.topLevelMenuLayout;\n      }\n    });\n    this.hasSubmenu = this.submenuItems.length > 0;\n  };\n\n  private keyDownHandler = async (event: KeyboardEvent): Promise<void> => {\n    const { hasSubmenu, href, layout, open, submenuItems } = this;\n    const key = event.key;\n    const targetIsDropdown = event.target === this.dropdownActionEl;\n    if (key === \" \" || key === \"Enter\") {\n      if (hasSubmenu && (!href || (href && targetIsDropdown))) {\n        this.open = !open;\n      }\n      if (!(href && targetIsDropdown) && key !== \"Enter\") {\n        this.selectMenuItem(event);\n      }\n      if (key === \" \" || (href && targetIsDropdown)) {\n        event.preventDefault();\n      }\n    } else if (key === \"Escape\") {\n      if (open) {\n        this.open = false;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({ event });\n      event.preventDefault();\n    } else if (key === \"ArrowDown\" || key === \"ArrowUp\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"horizontal\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: true,\n      });\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      if ((targetIsDropdown || !href) && hasSubmenu && !open && layout === \"vertical\") {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: submenuItems,\n        isSubmenuOpen: open && hasSubmenu,\n      });\n    }\n  };\n\n  private selectMenuItem(event: MouseEvent | KeyboardEvent): void {\n    if (event.target !== this.dropdownActionEl) {\n      this.calciteMenuItemSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderIconStart(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconStart}`}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        key={CSS.iconStart}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderIconEnd(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconEnd}`}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        key={CSS.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderBreadcrumbIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconBreadcrumb}`}\n        icon={dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\"}\n        key={CSS.iconBreadcrumb}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownIcon(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconDropdown}`}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.iconDropdown}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownAction(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-action\n        class={CSS.dropdownAction}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.dropdownAction}\n        onClick={this.clickHandler}\n        onKeyDown={this.keyDownHandler}\n        text={this.messages.open}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.dropdownActionEl = el)}\n      />\n    );\n  }\n\n  renderSubmenuItems(dir: Direction): VNode {\n    return (\n      <calcite-menu\n        class={{\n          [CSS.dropdownMenuItems]: true,\n          [CSS.open]: this.open,\n          [CSS.nested]: !this.isTopLevelItem,\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.dropdownVertical]: this.topLevelMenuLayout === \"vertical\",\n        }}\n        label={this.messages.submenu}\n        layout=\"vertical\"\n        role=\"menu\"\n      >\n        <slot name=\"submenu-item\" onSlotchange={this.handleMenuItemSlotChange} />\n      </calcite-menu>\n    );\n  }\n\n  renderHrefIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={CSS.hoverHrefIcon}\n        icon={dir === \"rtl\" ? \"arrow-left\" : \"arrow-right\"}\n        key={CSS.hoverHrefIcon}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderItemContent(dir: Direction): VNode {\n    const hasHref = this.href && (this.topLevelMenuLayout === \"vertical\" || !this.isTopLevelItem);\n    return (\n      <Fragment>\n        {this.iconStart && this.renderIconStart()}\n        <div class={CSS.textContainer}>\n          <span>{this.text}</span>\n        </div>\n        {hasHref && this.renderHrefIcon(dir)}\n        {this.iconEnd && this.renderIconEnd()}\n        {this.breadcrumb ? this.renderBreadcrumbIcon(dir) : null}\n        {!this.href && this.hasSubmenu ? this.renderDropdownIcon(dir) : null}\n      </Fragment>\n    );\n  }\n\n  render() {\n    const dir = getElementDir(this.el);\n    return (\n      <Host onBlur={this.blurHandler} onFocus={this.focusHandler}>\n        <li\n          class={{\n            [CSS.container]: true,\n            [CSS.isParentVertical]: this.topLevelMenuLayout === \"vertical\",\n          }}\n          role=\"none\"\n        >\n          <div class={CSS.itemContent}>\n            <a\n              aria-current={this.isFocused ? \"page\" : false}\n              aria-expanded={this.open}\n              aria-haspopup={this.hasSubmenu}\n              aria-label={this.label}\n              class={{ [CSS.layoutVertical]: this.layout === \"vertical\", [CSS.content]: true }}\n              href={this.href}\n              onClick={this.clickHandler}\n              onKeyDown={this.keyDownHandler}\n              rel={this.rel}\n              role=\"menuitem\"\n              tabIndex={this.isTopLevelItem ? 0 : -1}\n              target={this.target}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.anchorEl = el)}\n            >\n              {this.renderItemContent(dir)}\n            </a>\n            {this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null}\n          </div>\n          {this.renderSubmenuItems(dir)}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite-preset.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
+ * v2.4.1-next.1
  */
 import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
 import plugin from "tailwindcss/plugin";
@@ -261,14 +261,14 @@ export default {
                     "outline-color": "transparent",
                 },
                 ".focus-normal": {
-                    outline: "2px solid var(--calcite-color-brand-hover, var(--calcite--color-brand))",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
                 },
                 ".focus-outset": {
-                    outline: "2px solid var(--calcite-color-brand)",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
                     "outline-offset": invert("2px", "--calcite-offset-invert-focus"),
                 },
                 ".focus-inset": {
-                    outline: "2px solid var(--calcite-color-brand)",
+                    outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
                     "outline-offset": invert("-2px", "--calcite-offset-invert-focus"),
                 },
                 ".focus-outset-danger": {

package/dist/calcite-preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"calcite-preset.js","sourceRoot":"","sources":["../calcite-preset.ts"],"names":[],"mappings":"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","sourcesContent":["import flattenColorPalette from \"tailwindcss/lib/util/flattenColorPalette\";\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * This helper inverts a value based on a boolean CSS prop flag\n *\n * When the flag is 0, it will not be inverted. When 1, it will invert it (multiplied by -1)\n *\n * @param {string} value - the CSS value to invert\n * @param {string} flagPropName - the boolean CSS prop (value must be 0 or 1)\n */\nfunction invert(value: string, flagPropName: string): string {\n  return `calc(\n            ${value} *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(${flagPropName}),\n                1\n              )\n            )\n          )`;\n}\n\nexport default {\n  theme: {\n    borderColor: ({ theme }): object => ({\n      color: {\n        1: \"var(--calcite-color-border-1)\",\n        2: \"var(--calcite-color-border-2)\",\n        3: \"var(--calcite-color-border-3)\",\n        input: \"var(--calcite-color-border-input)\",\n        transparent: theme(\"colors.transparent\"),\n      },\n      \"color-brand\": theme(\"colors.brand\"),\n      \"color-brand-hover\": theme(\"colors.brand-hover\"),\n      \"color-brand-press\": theme(\"colors.brand-press\"),\n      \"color-info\": theme(\"colors.info\"),\n      \"color-success\": theme(\"colors.success\"),\n      \"color-warning\": theme(\"colors.warning\"),\n      \"color-danger\": theme(\"colors.danger\"),\n      \"color-danger-hover\": theme(\"colors.danger-hover\"),\n      \"color-danger-press\": theme(\"colors.danger-press\"),\n    }),\n    colors: {\n      current: \"currentColor\",\n      brand: \"var(--calcite-color-brand)\",\n      \"brand-hover\": \"var(--calcite-color-brand-hover)\",\n      \"brand-press\": \"var(--calcite-color-brand-press)\",\n      info: \"var(--calcite-color-status-info)\",\n      success: \"var(--calcite-color-status-success)\",\n      warning: \"var(--calcite-color-status-warning)\",\n      danger: \"var(--calcite-color-status-danger)\",\n      \"danger-hover\": \"var(--calcite-color-status-danger-hover)\",\n      \"danger-press\": \"var(--calcite-color-status-danger-press)\",\n      background: {\n        background: \"var(--calcite-color-background)\",\n        foreground: {\n          1: \"var(--calcite-color-foreground-1)\",\n          2: \"var(--calcite-color-foreground-2)\",\n          3: \"var(--calcite-color-foreground-3)\",\n        },\n      },\n      color: {\n        1: \"var(--calcite-color-text-1)\",\n        2: \"var(--calcite-color-text-2)\",\n        3: \"var(--calcite-color-text-3)\",\n        inverse: \"var(--calcite-color-text-inverse)\",\n        link: \"var(--calcite-color-text-link)\",\n        icon: \"var(--calcite-ui-icon-color)\",\n      },\n      transparent: \"transparent\",\n    },\n    fontFamily: {\n      // assets/styles/_type\n      sans: \"var(--calcite-sans-family)\",\n      mono: \"var(--calcite-code-family)\",\n      inherit: \"inherit\",\n    },\n    fontSize: {\n      // assets/styles/_type\n      n3: \"var(--calcite-font-size--3)\", // 10px\n      n2: \"var(--calcite-font-size--2)\", // 12px\n      n1: \"var(--calcite-font-size--1)\", // 14px\n      0: \"var(--calcite-font-size-0)\", // 16px\n      1: \"var(--calcite-font-size-1)\", // 18px\n      2: \"var(--calcite-font-size-2)\", // 20px\n      3: \"var(--calcite-font-size-3)\", // 26px\n      4: \"var(--calcite-font-size-4)\", // 32px\n      5: \"var(--calcite-font-size-5)\", // 40px\n      6: \"var(--calcite-font-size-6)\", // 48px\n      7: \"var(--calcite-font-size-7)\", // 56px\n      8: \"var(--calcite-font-size-8)\", // 64px\n      // TODO: temp selectors to be renamed before closing https://github.com/Esri/calcite-design-system/issues/1500.\n      // at this point all existing instances of text-N should be replaced with either text-Nh or text-N-wrap and we\n      // should be able to safely drop the \"h\" suffix.\n      n3h: [\"var(--calcite-font-size--3)\", { lineHeight: \"0.75rem\" }], // 10px (0.625rem)\n      n2h: [\"var(--calcite-font-size--2)\", { lineHeight: \"1rem\" }], // 12px (0.75rem)\n      n1h: [\"var(--calcite-font-size--1)\", { lineHeight: \"1rem\" }], // 14px (0.875rem)\n      \"0h\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.25rem\" }], // 16px (1rem)\n      \"1h\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.5rem\" }], // 18px (1.125rem)\n      \"2h\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.5rem\" }], // 20px (1.25rem)\n      \"3h\": [\"var(--calcite-font-size-3)\", { lineHeight: \"2rem\" }], // 26px (1.625rem)\n      \"4h\": [\"var(--calcite-font-size-4)\", { lineHeight: \"2.5rem\" }], // 32px (2rem)\n      \"5h\": [\"var(--calcite-font-size-5)\", { lineHeight: \"3rem\" }], // 40px (2.5rem)\n      \"6h\": [\"var(--calcite-font-size-6)\", { lineHeight: \"4rem\" }], // 48px (3rem)\n      \"7h\": [\"var(--calcite-font-size-7)\", { lineHeight: \"4rem\" }], // 56px (3.5rem)\n      \"8h\": [\"var(--calcite-font-size-8)\", { lineHeight: \"5rem\" }], // 64px (4rem)\n      \"n3-wrap\": [\"var(--calcite-font-size--3)\", { lineHeight: \"1.375\" }],\n      \"n2-wrap\": [\"var(--calcite-font-size--2)\", { lineHeight: \"1.375\" }],\n      \"n1-wrap\": [\"var(--calcite-font-size--1)\", { lineHeight: \"1.375\" }],\n      \"0-wrap\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.375\" }],\n      \"1-wrap\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.375\" }],\n      \"2-wrap\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.375\" }],\n      \"3-wrap\": [\"var(--calcite-font-size-3)\", { lineHeight: \"1.25\" }],\n      \"4-wrap\": [\"var(--calcite-font-size-4)\", { lineHeight: \"1.25\" }],\n      \"5-wrap\": [\"var(--calcite-font-size-5)\", { lineHeight: \"1.25\" }],\n      \"6-wrap\": [\"var(--calcite-font-size-6)\", { lineHeight: \"1.25\" }],\n      \"7-wrap\": [\"var(--calcite-font-size-7)\", { lineHeight: \"1.25\" }],\n      \"8-wrap\": [\"var(--calcite-font-size-8)\", { lineHeight: \"1.25\" }],\n    },\n    fontWeight: {\n      // assets/styles/_type\n      light: \"var(--calcite-font-weight-light)\",\n      normal: \"var(--calcite-font-weight-normal)\",\n      medium: \"var(--calcite-font-weight-medium)\",\n      bold: \"var(--calcite-font-weight-bold)\",\n    },\n    screens: {\n      s: \"480px\",\n      m: \"864px\",\n      l: \"1024px\",\n      xl: \"1440px\",\n    },\n    backgroundColor: ({ theme }): object => ({\n      ...theme(\"colors.background\"),\n      transparent: theme(\"colors.transparent\"),\n      brand: theme(\"colors.brand\"),\n      \"brand-hover\": theme(\"colors.brand-hover\"),\n      \"brand-press\": theme(\"colors.brand-press\"),\n      info: theme(\"colors.info\"),\n      success: theme(\"colors.success\"),\n      warning: theme(\"colors.warning\"),\n      danger: theme(\"colors.danger\"),\n      \"danger-hover\": theme(\"colors.danger-hover\"),\n      \"danger-press\": theme(\"colors.danger-press\"),\n    }),\n    extend: {\n      animation: {\n        in: \"in var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-down\": \"in-down var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-up\": \"in-up var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-scale\": \"in-scale var(--calcite-internal-animation-timing-slow) linear\",\n      },\n      borderRadius: {\n        half: \"50%\",\n      },\n      boxShadow: {\n        0: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        1: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        \"1-lg\": \"var(--calcite-shadow-sm)\",\n        \"1-sm\": \"0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08)\",\n        2: \"0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08)\",\n        \"2-lg\": \"var(--calcite-shadow-md)\",\n        \"2-sm\": \"0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16)\",\n        \"border-bottom\": \"0 1px 0 var(--calcite-color-border-3)\",\n        \"border-top\": \"0 -1px 0 var(--calcite-color-border-3)\",\n        \"outline-active\": \"0 0 0 1px var(--calcite-color-brand)\",\n        none: \"none\",\n        xs: \"0 0 0 1px rgba(0, 0, 0, 0.05)\",\n        outline: \"0 0 0 3px rgba(66, 153, 225, 0.5)\",\n      },\n      keyframes: {\n        in: {\n          \"0%\": {\n            opacity: 0,\n          },\n          \"100%\": {\n            opacity: 1,\n          },\n        },\n        \"in-down\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, -5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-up\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, 5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-scale\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"scale3D(0.95, 0.95, 1)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"scale3D(1, 1, 1)\",\n          },\n        },\n      },\n      opacity: {\n        disabled: \"var(--calcite-opacity-disabled)\",\n      },\n      spacing: {\n        0.5: \"0.125rem\",\n        2.5: \"0.625rem\",\n        3.5: \"0.875rem\",\n        4.5: \"1.125rem\",\n        9: \"2.25rem\",\n        11: \"2.75rem\",\n        13: \"3.25rem\",\n      },\n      transitionProperty: {\n        margin: \"margin\",\n        color: \"color\",\n      },\n      transitionTimingFunction: {\n        cubic: \"cubic-bezier(0.215, 0.440, 0.420, 0.880)\",\n      },\n      maxHeight: {\n        menu: \"45vh\",\n      },\n      zIndex: {\n        deep: \"var(--calcite-z-index-deep)\",\n        default: \"var(--calcite-z-index)\",\n        sticky: \"var(--calcite-z-index-sticky)\",\n        header: \"var(--calcite-z-index-header)\",\n        toast: \"var(--calcite-z-index-toast)\",\n        dropdown: \"var(--calcite-z-index-dropdown)\",\n        overlay: \"var(--calcite-z-index-overlay)\",\n        modal: \"var(--calcite-z-index-modal)\",\n        popover: \"var(--calcite-z-index-popup)\",\n        tooltip: \"var(--calcite-z-index-tooltip)\",\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addUtilities }) => {\n      const newUtilities = {\n        \".word-break\": {\n          \"word-wrap\": \"break-word\",\n          \"word-break\": \"break-word\",\n        },\n        \".focus-base\": {\n          \"outline-color\": \"transparent\",\n        },\n        \".focus-normal\": {\n          outline: \"2px solid var(--calcite-color-brand-hover, var(--calcite--color-brand))\",\n        },\n        \".focus-outset\": {\n          outline: \"2px solid var(--calcite-color-brand)\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset\": {\n          outline: \"2px solid var(--calcite-color-brand)\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-outset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".transition-default\": {\n          transition: \"all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s\",\n        },\n      };\n      addUtilities(newUtilities);\n    }),\n    plugin(({ addUtilities, theme }) => {\n      const colors = flattenColorPalette(theme(\"borderColor\"));\n      delete colors[\"default\"];\n\n      const colorMap = Object.keys(colors).map((color) => ({\n        [`.border-t-${color}`]: { borderTopColor: colors[color] },\n        [`.border-r-${color}`]: { borderRightColor: colors[color] },\n        [`.border-b-${color}`]: { borderBottomColor: colors[color] },\n        [`.border-l-${color}`]: { borderLeftColor: colors[color] },\n      }));\n      const utilities = Object.assign({}, ...colorMap);\n\n      addUtilities(utilities);\n    }),\n  ],\n};\n"]}
+{"version":3,"file":"calcite-preset.js","sourceRoot":"","sources":["../calcite-preset.ts"],"names":[],"mappings":"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","sourcesContent":["import flattenColorPalette from \"tailwindcss/lib/util/flattenColorPalette\";\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * This helper inverts a value based on a boolean CSS prop flag\n *\n * When the flag is 0, it will not be inverted. When 1, it will invert it (multiplied by -1)\n *\n * @param {string} value - the CSS value to invert\n * @param {string} flagPropName - the boolean CSS prop (value must be 0 or 1)\n */\nfunction invert(value: string, flagPropName: string): string {\n  return `calc(\n            ${value} *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(${flagPropName}),\n                1\n              )\n            )\n          )`;\n}\n\nexport default {\n  theme: {\n    borderColor: ({ theme }): object => ({\n      color: {\n        1: \"var(--calcite-color-border-1)\",\n        2: \"var(--calcite-color-border-2)\",\n        3: \"var(--calcite-color-border-3)\",\n        input: \"var(--calcite-color-border-input)\",\n        transparent: theme(\"colors.transparent\"),\n      },\n      \"color-brand\": theme(\"colors.brand\"),\n      \"color-brand-hover\": theme(\"colors.brand-hover\"),\n      \"color-brand-press\": theme(\"colors.brand-press\"),\n      \"color-info\": theme(\"colors.info\"),\n      \"color-success\": theme(\"colors.success\"),\n      \"color-warning\": theme(\"colors.warning\"),\n      \"color-danger\": theme(\"colors.danger\"),\n      \"color-danger-hover\": theme(\"colors.danger-hover\"),\n      \"color-danger-press\": theme(\"colors.danger-press\"),\n    }),\n    colors: {\n      current: \"currentColor\",\n      brand: \"var(--calcite-color-brand)\",\n      \"brand-hover\": \"var(--calcite-color-brand-hover)\",\n      \"brand-press\": \"var(--calcite-color-brand-press)\",\n      info: \"var(--calcite-color-status-info)\",\n      success: \"var(--calcite-color-status-success)\",\n      warning: \"var(--calcite-color-status-warning)\",\n      danger: \"var(--calcite-color-status-danger)\",\n      \"danger-hover\": \"var(--calcite-color-status-danger-hover)\",\n      \"danger-press\": \"var(--calcite-color-status-danger-press)\",\n      background: {\n        background: \"var(--calcite-color-background)\",\n        foreground: {\n          1: \"var(--calcite-color-foreground-1)\",\n          2: \"var(--calcite-color-foreground-2)\",\n          3: \"var(--calcite-color-foreground-3)\",\n        },\n      },\n      color: {\n        1: \"var(--calcite-color-text-1)\",\n        2: \"var(--calcite-color-text-2)\",\n        3: \"var(--calcite-color-text-3)\",\n        inverse: \"var(--calcite-color-text-inverse)\",\n        link: \"var(--calcite-color-text-link)\",\n        icon: \"var(--calcite-ui-icon-color)\",\n      },\n      transparent: \"transparent\",\n    },\n    fontFamily: {\n      // assets/styles/_type\n      sans: \"var(--calcite-sans-family)\",\n      mono: \"var(--calcite-code-family)\",\n      inherit: \"inherit\",\n    },\n    fontSize: {\n      // assets/styles/_type\n      n3: \"var(--calcite-font-size--3)\", // 10px\n      n2: \"var(--calcite-font-size--2)\", // 12px\n      n1: \"var(--calcite-font-size--1)\", // 14px\n      0: \"var(--calcite-font-size-0)\", // 16px\n      1: \"var(--calcite-font-size-1)\", // 18px\n      2: \"var(--calcite-font-size-2)\", // 20px\n      3: \"var(--calcite-font-size-3)\", // 26px\n      4: \"var(--calcite-font-size-4)\", // 32px\n      5: \"var(--calcite-font-size-5)\", // 40px\n      6: \"var(--calcite-font-size-6)\", // 48px\n      7: \"var(--calcite-font-size-7)\", // 56px\n      8: \"var(--calcite-font-size-8)\", // 64px\n      // TODO: temp selectors to be renamed before closing https://github.com/Esri/calcite-design-system/issues/1500.\n      // at this point all existing instances of text-N should be replaced with either text-Nh or text-N-wrap and we\n      // should be able to safely drop the \"h\" suffix.\n      n3h: [\"var(--calcite-font-size--3)\", { lineHeight: \"0.75rem\" }], // 10px (0.625rem)\n      n2h: [\"var(--calcite-font-size--2)\", { lineHeight: \"1rem\" }], // 12px (0.75rem)\n      n1h: [\"var(--calcite-font-size--1)\", { lineHeight: \"1rem\" }], // 14px (0.875rem)\n      \"0h\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.25rem\" }], // 16px (1rem)\n      \"1h\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.5rem\" }], // 18px (1.125rem)\n      \"2h\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.5rem\" }], // 20px (1.25rem)\n      \"3h\": [\"var(--calcite-font-size-3)\", { lineHeight: \"2rem\" }], // 26px (1.625rem)\n      \"4h\": [\"var(--calcite-font-size-4)\", { lineHeight: \"2.5rem\" }], // 32px (2rem)\n      \"5h\": [\"var(--calcite-font-size-5)\", { lineHeight: \"3rem\" }], // 40px (2.5rem)\n      \"6h\": [\"var(--calcite-font-size-6)\", { lineHeight: \"4rem\" }], // 48px (3rem)\n      \"7h\": [\"var(--calcite-font-size-7)\", { lineHeight: \"4rem\" }], // 56px (3.5rem)\n      \"8h\": [\"var(--calcite-font-size-8)\", { lineHeight: \"5rem\" }], // 64px (4rem)\n      \"n3-wrap\": [\"var(--calcite-font-size--3)\", { lineHeight: \"1.375\" }],\n      \"n2-wrap\": [\"var(--calcite-font-size--2)\", { lineHeight: \"1.375\" }],\n      \"n1-wrap\": [\"var(--calcite-font-size--1)\", { lineHeight: \"1.375\" }],\n      \"0-wrap\": [\"var(--calcite-font-size-0)\", { lineHeight: \"1.375\" }],\n      \"1-wrap\": [\"var(--calcite-font-size-1)\", { lineHeight: \"1.375\" }],\n      \"2-wrap\": [\"var(--calcite-font-size-2)\", { lineHeight: \"1.375\" }],\n      \"3-wrap\": [\"var(--calcite-font-size-3)\", { lineHeight: \"1.25\" }],\n      \"4-wrap\": [\"var(--calcite-font-size-4)\", { lineHeight: \"1.25\" }],\n      \"5-wrap\": [\"var(--calcite-font-size-5)\", { lineHeight: \"1.25\" }],\n      \"6-wrap\": [\"var(--calcite-font-size-6)\", { lineHeight: \"1.25\" }],\n      \"7-wrap\": [\"var(--calcite-font-size-7)\", { lineHeight: \"1.25\" }],\n      \"8-wrap\": [\"var(--calcite-font-size-8)\", { lineHeight: \"1.25\" }],\n    },\n    fontWeight: {\n      // assets/styles/_type\n      light: \"var(--calcite-font-weight-light)\",\n      normal: \"var(--calcite-font-weight-normal)\",\n      medium: \"var(--calcite-font-weight-medium)\",\n      bold: \"var(--calcite-font-weight-bold)\",\n    },\n    screens: {\n      s: \"480px\",\n      m: \"864px\",\n      l: \"1024px\",\n      xl: \"1440px\",\n    },\n    backgroundColor: ({ theme }): object => ({\n      ...theme(\"colors.background\"),\n      transparent: theme(\"colors.transparent\"),\n      brand: theme(\"colors.brand\"),\n      \"brand-hover\": theme(\"colors.brand-hover\"),\n      \"brand-press\": theme(\"colors.brand-press\"),\n      info: theme(\"colors.info\"),\n      success: theme(\"colors.success\"),\n      warning: theme(\"colors.warning\"),\n      danger: theme(\"colors.danger\"),\n      \"danger-hover\": theme(\"colors.danger-hover\"),\n      \"danger-press\": theme(\"colors.danger-press\"),\n    }),\n    extend: {\n      animation: {\n        in: \"in var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-down\": \"in-down var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-up\": \"in-up var(--calcite-internal-animation-timing-slow) ease-in-out\",\n        \"in-scale\": \"in-scale var(--calcite-internal-animation-timing-slow) linear\",\n      },\n      borderRadius: {\n        half: \"50%\",\n      },\n      boxShadow: {\n        0: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        1: \"0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04)\",\n        \"1-lg\": \"var(--calcite-shadow-sm)\",\n        \"1-sm\": \"0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08)\",\n        2: \"0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08)\",\n        \"2-lg\": \"var(--calcite-shadow-md)\",\n        \"2-sm\": \"0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16)\",\n        \"border-bottom\": \"0 1px 0 var(--calcite-color-border-3)\",\n        \"border-top\": \"0 -1px 0 var(--calcite-color-border-3)\",\n        \"outline-active\": \"0 0 0 1px var(--calcite-color-brand)\",\n        none: \"none\",\n        xs: \"0 0 0 1px rgba(0, 0, 0, 0.05)\",\n        outline: \"0 0 0 3px rgba(66, 153, 225, 0.5)\",\n      },\n      keyframes: {\n        in: {\n          \"0%\": {\n            opacity: 0,\n          },\n          \"100%\": {\n            opacity: 1,\n          },\n        },\n        \"in-down\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, -5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-up\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"translate3D(0, 5px, 0)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"translate3D(0, 0, 0)\",\n          },\n        },\n        \"in-scale\": {\n          \"0%\": {\n            opacity: 0,\n            transform: \"scale3D(0.95, 0.95, 1)\",\n          },\n          \"100%\": {\n            opacity: 1,\n            transform: \"scale3D(1, 1, 1)\",\n          },\n        },\n      },\n      opacity: {\n        disabled: \"var(--calcite-opacity-disabled)\",\n      },\n      spacing: {\n        0.5: \"0.125rem\",\n        2.5: \"0.625rem\",\n        3.5: \"0.875rem\",\n        4.5: \"1.125rem\",\n        9: \"2.25rem\",\n        11: \"2.75rem\",\n        13: \"3.25rem\",\n      },\n      transitionProperty: {\n        margin: \"margin\",\n        color: \"color\",\n      },\n      transitionTimingFunction: {\n        cubic: \"cubic-bezier(0.215, 0.440, 0.420, 0.880)\",\n      },\n      maxHeight: {\n        menu: \"45vh\",\n      },\n      zIndex: {\n        deep: \"var(--calcite-z-index-deep)\",\n        default: \"var(--calcite-z-index)\",\n        sticky: \"var(--calcite-z-index-sticky)\",\n        header: \"var(--calcite-z-index-header)\",\n        toast: \"var(--calcite-z-index-toast)\",\n        dropdown: \"var(--calcite-z-index-dropdown)\",\n        overlay: \"var(--calcite-z-index-overlay)\",\n        modal: \"var(--calcite-z-index-modal)\",\n        popover: \"var(--calcite-z-index-popup)\",\n        tooltip: \"var(--calcite-z-index-tooltip)\",\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addUtilities }) => {\n      const newUtilities = {\n        \".word-break\": {\n          \"word-wrap\": \"break-word\",\n          \"word-break\": \"break-word\",\n        },\n        \".focus-base\": {\n          \"outline-color\": \"transparent\",\n        },\n        \".focus-normal\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n        },\n        \".focus-outset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset\": {\n          outline:\n            \"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-outset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".focus-inset-danger\": {\n          outline: \"2px solid var(--calcite-color-status-danger)\",\n          \"outline-offset\": invert(\"-2px\", \"--calcite-offset-invert-focus\"),\n        },\n        \".transition-default\": {\n          transition: \"all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s\",\n        },\n      };\n      addUtilities(newUtilities);\n    }),\n    plugin(({ addUtilities, theme }) => {\n      const colors = flattenColorPalette(theme(\"borderColor\"));\n      delete colors[\"default\"];\n\n      const colorMap = Object.keys(colors).map((color) => ({\n        [`.border-t-${color}`]: { borderTopColor: colors[color] },\n        [`.border-r-${color}`]: { borderRightColor: colors[color] },\n        [`.border-b-${color}`]: { borderBottomColor: colors[color] },\n        [`.border-l-${color}`]: { borderLeftColor: colors[color] },\n      }));\n      const utilities = Object.assign({}, ...colorMap);\n\n      addUtilities(utilities);\n    }),\n  ],\n};\n"]}

package/dist/cjs/ExpandToggle-b7213e5d.js

@@ -0,0 +1,110 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+'use strict';
+
+const index = require('./index-c618ac7e.js');
+const dom = require('./dom-4fe1e23f.js');
+const resources$1 = require('./resources-76256359.js');
+const resources = require('./resources-03f42004.js');
+
+const overflowActionsDebounceInMs = 150;
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
+    const actionLen = actionsNotSlotted?.length;
+    return {
+        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+    };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
+    const maxContainerPx = layout === "horizontal" ? width : height;
+    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
+    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
+    let needToSlotCount = overflowCount;
+    actionGroups.reverse().forEach((group) => {
+        let slottedWithinGroupCount = 0;
+        const groupActions = queryActions(group).reverse();
+        groupActions.forEach((groupAction) => {
+            if (groupAction.slot === resources$1.SLOTS.menuActions) {
+                groupAction.removeAttribute("slot");
+                groupAction.textEnabled = expanded;
+            }
+        });
+        if (needToSlotCount > 0) {
+            groupActions.some((groupAction) => {
+                const unslottedActions = groupActions.filter((action) => !action.slot);
+                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+                    groupAction.textEnabled = true;
+                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
+                    slottedWithinGroupCount++;
+                    if (slottedWithinGroupCount > 1) {
+                        needToSlotCount--;
+                    }
+                }
+                return needToSlotCount < 1;
+            });
+        }
+        index.forceUpdate(group);
+    });
+};
+
+const ICONS = {
+    chevronsLeft: "chevrons-left",
+    chevronsRight: "chevrons-right",
+};
+function getCalcitePosition(position, el) {
+    return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleChildActionText({ el, expanded, }) {
+    queryActions(el)
+        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
+        .forEach((action) => (action.textEnabled = expanded));
+    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
+    if (tooltip) {
+        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+    }
+    if (ref) {
+        ref(referenceElement);
+    }
+    return referenceElement;
+};
+const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
+    const rtl = dom.getElementDir(el) === "rtl";
+    const text = expanded ? collapseText : expandText;
+    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+    if (rtl) {
+        icons.reverse();
+    }
+    const end = getCalcitePosition(position, el) === "end";
+    const expandIcon = end ? icons[1] : icons[0];
+    const collapseIcon = end ? icons[0] : icons[1];
+    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null, 
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
+    return actionNode;
+};
+
+exports.ExpandToggle = ExpandToggle;
+exports.geActionDimensions = geActionDimensions;
+exports.getOverflowCount = getOverflowCount;
+exports.overflowActions = overflowActions;
+exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
+exports.queryActions = queryActions;
+exports.toggleChildActionText = toggleChildActionText;
+
+//# sourceMappingURL=ExpandToggle-b7213e5d.js.map

package/dist/cjs/ExpandToggle-b7213e5d.js.map

@@ -0,0 +1 @@
+{"file":"ExpandToggle-b7213e5d.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n};\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}) => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      onClick={toggle}\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}

package/dist/cjs/FloatingArrow-5d15e7d1.js

@@ -0,0 +1,49 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+'use strict';
+
+const index = require('./index-c618ac7e.js');
+
+const CSS = {
+    arrow: "calcite-floating-ui-arrow",
+    arrowStroke: "calcite-floating-ui-arrow__stroke",
+};
+const DEFAULTS = {
+    width: 12,
+    height: 6,
+    strokeWidth: 1,
+};
+/**
+ * Renders a SVG element to be used as a floating-ui arrow.
+ *
+ * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
+ *
+ * @param floatingLayout.floatingLayout
+ * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
+ *
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
+ * @param floatingLayout.key
+ * @param floatingLayout.ref
+ */
+const FloatingArrow = ({ floatingLayout, key, ref, }) => {
+    const { width, height, strokeWidth } = DEFAULTS;
+    const svgX = width / 2;
+    const isVertical = floatingLayout === "vertical";
+    const dValue = "M0,0" +
+        ` H${width}` +
+        ` L${width - svgX},${height}` +
+        ` Q${svgX},${height} ${svgX},${height}` +
+        " Z";
+    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0), 
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: ref },
+        strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
+        index.h("path", { d: dValue, stroke: "none" })));
+};
+
+exports.FloatingArrow = FloatingArrow;
+
+//# sourceMappingURL=FloatingArrow-5d15e7d1.js.map

package/dist/cjs/FloatingArrow-5d15e7d1.js.map

@@ -0,0 +1 @@
+{"file":"FloatingArrow-5d15e7d1.js","mappings":";;;;;;;;;AAQA,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,2BAA2B;IAClC,WAAW,EAAE,mCAAmC;CACjD,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;MAYa,aAAa,GAA4C,CAAC,EACrE,cAAc,EACd,GAAG,EACH,GAAG,GACJ;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;IAEjD,MAAM,MAAM,GACV,MAAM;QACN,KAAK,KAAK,EAAE;QACZ,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,EAAE;QAC7B,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;QACvC,IAAI,CAAC;IAEP,QACEA,gCACc,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,EAAE,EAClE,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;;QAE7C,GAAG,EAAE,GAAG;QAEP,WAAW,GAAG,CAAC,KACdA,kBACE,KAAK,EAAE,GAAG,CAAC,WAAW,EACtB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBAEG,WAAW,GAAG,CAAC,GAC7B,CACH;QAGDA,kBAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,GAAG,CAC7B,EACN;AACJ;;;;","names":["h"],"sources":["src/components/functional/FloatingArrow.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FloatingLayout } from \"../../utils/floating-ui\";\n\ninterface FloatingArrowProps extends JSXAttributes {\n  floatingLayout: FloatingLayout;\n}\n\nconst CSS = {\n  arrow: \"calcite-floating-ui-arrow\",\n  arrowStroke: \"calcite-floating-ui-arrow__stroke\",\n};\n\nconst DEFAULTS = {\n  width: 12,\n  height: 6,\n  strokeWidth: 1,\n};\n\n/**\n * Renders a SVG element to be used as a floating-ui arrow.\n *\n * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.\n *\n * @param floatingLayout.floatingLayout\n * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.\n *\n * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)\n * @param floatingLayout.key\n * @param floatingLayout.ref\n */\nexport const FloatingArrow: FunctionalComponent<FloatingArrowProps> = ({\n  floatingLayout,\n  key,\n  ref,\n}) => {\n  const { width, height, strokeWidth } = DEFAULTS;\n  const svgX = width / 2;\n  const isVertical = floatingLayout === \"vertical\";\n\n  const dValue =\n    \"M0,0\" +\n    ` H${width}` +\n    ` L${width - svgX},${height}` +\n    ` Q${svgX},${height} ${svgX},${height}` +\n    \" Z\";\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      class={CSS.arrow}\n      height={width}\n      key={key}\n      viewBox={`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`}\n      width={width + (isVertical ? strokeWidth : 0)}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={ref}\n    >\n      {strokeWidth > 0 && (\n        <path\n          class={CSS.arrowStroke}\n          d={dValue}\n          fill=\"none\"\n          // Account for the stroke on the fill path rendered below.\n          stroke-width={strokeWidth + 1}\n        />\n      )}\n      {/* In Firefox, for left/right placements there's a ~0.5px gap where the\n  border can show through. Adding a stroke on the fill removes it. */}\n      <path d={dValue} stroke=\"none\" />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/Heading-248ede66.js

@@ -0,0 +1,22 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+'use strict';
+
+const index = require('./index-c618ac7e.js');
+
+function constrainHeadingLevel(level) {
+    return Math.min(Math.max(Math.ceil(level), 1), 6);
+}
+const Heading = (props, children) => {
+    const HeadingTag = props.level ? `h${props.level}` : "div";
+    delete props.level;
+    return index.h(HeadingTag, { ...props }, children);
+};
+
+exports.Heading = Heading;
+exports.constrainHeadingLevel = constrainHeadingLevel;
+
+//# sourceMappingURL=Heading-248ede66.js.map

package/dist/cjs/Heading-248ede66.js.map

@@ -0,0 +1 @@
+{"file":"Heading-248ede66.js","mappings":";;;;;;;;;SASgB,qBAAqB,CAAC,KAAa;IACjD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAiB,CAAC;AACpE,CAAC;MAEY,OAAO,GAAsC,CAAC,KAAK,EAAE,QAAQ;IACxE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,KAAK,CAAC,KAAK,CAAC;IAEnB,OAAOA,QAAC,UAAU,OAAK,KAAK,IAAG,QAAQ,CAAc,CAAC;AACxD;;;;;","names":["h"],"sources":["src/components/functional/Heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeadingProps extends JSXBase.HTMLAttributes {\n  level?: HeadingLevel;\n}\n\nexport function constrainHeadingLevel(level: number): HeadingLevel {\n  return Math.min(Math.max(Math.ceil(level), 1), 6) as HeadingLevel;\n}\n\nexport const Heading: FunctionalComponent<HeadingProps> = (props, children) => {\n  const HeadingTag = props.level ? `h${props.level}` : \"div\";\n\n  delete props.level;\n\n  return <HeadingTag {...props}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/cjs/Validation-9d87645b.js

@@ -0,0 +1,18 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+'use strict';
+
+const index = require('./index-c618ac7e.js');
+
+const CSS = {
+    validationContainer: "validation-container",
+};
+const Validation = ({ scale, status, icon, message, }) => (index.h("div", { class: CSS.validationContainer },
+    index.h("calcite-input-message", { icon: icon, scale: scale, status: status }, message)));
+
+exports.Validation = Validation;
+
+//# sourceMappingURL=Validation-9d87645b.js.map

package/dist/cjs/Validation-9d87645b.js.map

@@ -0,0 +1 @@
+{"file":"Validation-9d87645b.js","mappings":";;;;;;;;;AAWO,MAAM,GAAG,GAAG;IACjB,mBAAmB,EAAE,sBAAsB;CAC5C,CAAC;MAEW,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,GACR,MACCA,iBAAK,KAAK,EAAE,GAAG,CAAC,mBAAmB;IACjCA,mCAAuB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAC5D,OAAO,CACc,CACpB;;;;","names":["h"],"sources":["src/components/functional/Validation.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { Scale, Status } from \"../interfaces\";\n\ninterface ValidationProps extends JSXBase.HTMLAttributes {\n  scale: Scale;\n  status: Status;\n  icon?: string | boolean;\n  message: string;\n}\n\nexport const CSS = {\n  validationContainer: \"validation-container\",\n};\n\nexport const Validation: FunctionalComponent<ValidationProps> = ({\n  scale,\n  status,\n  icon,\n  message,\n}) => (\n  <div class={CSS.validationContainer}>\n    <calcite-input-message icon={icon} scale={scale} status={status}>\n      {message}\n    </calcite-input-message>\n  </div>\n);\n"],"version":3}

package/dist/cjs/app-globals-722153a7.js

@@ -0,0 +1,61 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+'use strict';
+
+const resources = require('./resources-0d92efa7.js');
+
+/**
+ * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initModeChangeEvent() {
+    const { classList } = document.body;
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const getMode = () => classList.contains(resources.darkMode) || (classList.contains(resources.autoMode) && prefersDark) ? "dark" : "light";
+    const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
+    const modeChangeHandler = (newMode) => {
+        currentMode !== newMode && emitModeChange(newMode);
+        currentMode = newMode;
+    };
+    let currentMode = getMode();
+    // emits event on page load
+    emitModeChange(currentMode);
+    // emits event when changing OS mode preferences
+    window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
+    // emits event when toggling between mode classes on <body>
+    new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
+        attributes: true,
+        attributeFilter: ["class"],
+    });
+}
+
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+    const isBrowser = typeof window !== "undefined" &&
+        typeof location !== "undefined" &&
+        typeof document !== "undefined" &&
+        window.location === location &&
+        window.document === document;
+    if (isBrowser) {
+        if (document.readyState === "interactive") {
+            initModeChangeEvent();
+        }
+        else {
+            document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
+        }
+    }
+}
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-722153a7.js.map

package/dist/cjs/app-globals-722153a7.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-722153a7.js","mappings":";;;;;;;;;AAEA;;;SAGgB,mBAAmB;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC;IACpC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IAE9E,MAAM,OAAO,GAAG,MACd,SAAS,CAAC,QAAQ,CAACA,kBAAQ,CAAC,KAAK,SAAS,CAAC,QAAQ,CAACC,kBAAQ,CAAC,IAAI,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnG,MAAM,cAAc,GAAG,CAAC,IAAY,KAClC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEzG,MAAM,iBAAiB,GAAG,CAAC,OAAe;QACxC,WAAW,KAAK,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QACnD,WAAW,GAAG,OAAO,CAAC;KACvB,CAAC;IAEF,IAAI,WAAW,GAAG,OAAO,EAAE,CAAC;;IAG5B,cAAc,CAAC,WAAW,CAAC,CAAC;;IAG5B,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;SAC1C,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;;IAG9F,IAAI,gBAAgB,CAAC,MAAM,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC9E,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,OAAO,CAAC;KAC3B,CAAC,CAAC;AACL;;ACjCA;;;;;;IAME,MAAM,SAAS,GACb,OAAO,MAAM,KAAK,WAAW;QAC7B,OAAO,QAAQ,KAAK,WAAW;QAC/B,OAAO,QAAQ,KAAK,WAAW;QAC/B,MAAM,CAAC,QAAQ,KAAK,QAAQ;QAC5B,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC;IAE/B,IAAI,SAAS,EAAE;QACb,IAAI,QAAQ,CAAC,UAAU,KAAK,aAAa,EAAE;YACzC,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5F;KACF;AACH;;ACrBY,MAAC,aAAa,GAAG;;;;","names":["darkMode","autoMode"],"sources":["src/utils/mode.ts","src/utils/globalScript.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { autoMode, darkMode } from \"./resources\";\n\n/**\n * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.\n */\nexport function initModeChangeEvent(): void {\n  const { classList } = document.body;\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n  const getMode = (): string =>\n    classList.contains(darkMode) || (classList.contains(autoMode) && prefersDark) ? \"dark\" : \"light\";\n\n  const emitModeChange = (mode: string) =>\n    document.body.dispatchEvent(new CustomEvent(\"calciteModeChange\", { bubbles: true, detail: { mode } }));\n\n  const modeChangeHandler = (newMode: string): void => {\n    currentMode !== newMode && emitModeChange(newMode);\n    currentMode = newMode;\n  };\n\n  let currentMode = getMode();\n\n  // emits event on page load\n  emitModeChange(currentMode);\n\n  // emits event when changing OS mode preferences\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .addEventListener(\"change\", (event) => modeChangeHandler(event.matches ? \"dark\" : \"light\"));\n\n  // emits event when toggling between mode classes on <body>\n  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  });\n}\n","import { initModeChangeEvent } from \"./mode\";\n\n/**\n * This file is imported in Stencil's `globalScript` config option.\n *\n * @see {@link https://stenciljs.com/docs/config#globalscript}\n */\nexport default function (): void {\n  const isBrowser =\n    typeof window !== \"undefined\" &&\n    typeof location !== \"undefined\" &&\n    typeof document !== \"undefined\" &&\n    window.location === location &&\n    window.document === document;\n\n  if (isBrowser) {\n    if (document.readyState === \"interactive\") {\n      initModeChangeEvent();\n    } else {\n      document.addEventListener(\"DOMContentLoaded\", () => initModeChangeEvent(), { once: true });\n    }\n  }\n}\n","import appGlobalScript from '/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-components/src/utils/globalScript.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}