@esri/calcite-components 2.10.0-next.8 → 2.10.0

package/dist/esm/calcite-pick-list_3.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-48ab3529.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-171e341e.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-ad6990d4.js';
-import { c as createObserver } from './observers-cfb6f249.js';
-import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-4c16c45c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4cdb2dcd.js';
-import { e as getSlotted, t as toAriaBoolean } from './dom-dded95e6.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-fb6ef518.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-8cb32445.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-13572533.js';
-import './browser-a61311f9.js';
-import './array-5dc42444.js';
-import './debounce-f6b7c48f.js';
-import './guid-043fc0d6.js';
-import './resources-e6c4bf0b.js';
-import './key-db32dd50.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-825eef9e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-14a96f33.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-493ff273.js';
+import { c as createObserver } from './observers-31cf7b52.js';
+import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-6f5d8d92.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-dd6b4732.js';
+import { e as getSlotted, t as toAriaBoolean } from './dom-7d0fc285.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-de261d6d.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-30167665.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-d3ada3c7.js';
+import './browser-50bf97d2.js';
+import './array-e8297ddc.js';
+import './debounce-2dc6509a.js';
+import './guid-2ac04b7b.js';
+import './resources-5f27c7e5.js';
+import './key-26031919.js';
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListStyle0 = pickListCss;
@@ -179,7 +179,7 @@ const PickListGroup = class {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (h(Fragment, { key: '71908551b9fbae2eaf5383b38b728242c7a35bb1' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: '66952891b1d5a507993df3acfacf660527733d4a', name: SLOTS.parentItem }), h("section", { key: '41a57e7e1aaecf017770e59f5b93b110c60eabe6', class: sectionClasses }, h("slot", { key: '13ea1657375bc125d555d5599720f30d4d6fe560' }))));
+        return (h(Fragment, { key: '6f435ddb455a5041cd5512e7571648eb0db1f36d' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: 'aed7d2f298984c4d2f7b9d413375ab8b58bf78d3', name: SLOTS.parentItem }), h("section", { key: '7ce79b5559814aa3ff89b76f4b20f218234be84c', class: sectionClasses }, h("slot", { key: '7ded64937b644e7e53fdd59cf6cbf8144dc93d0d' }))));
     }
     get el() { return getElement(this); }
 };
@@ -338,7 +338,7 @@ const PickListItem = class {
     }
     render() {
         const { description, label } = this;
-        return (h(InteractiveContainer, { key: 'd3293ec35896879c62ea70508c1e58e0adbb8246', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: '8fdade93ced1534951a5278d6a5a76fed3fb6b31', "aria-label": label, class: CSS$1.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: 'b73b4ea3ff00a16b9514157cf41a311df42817be', "aria-checked": toAriaBoolean(this.selected), class: CSS$1.textContainer, role: "menuitemcheckbox" }, h("span", { key: 'ee302512cb4fd84cb0526e387074455fc50d1c8a', class: CSS$1.title }, label), description ? h("span", { class: CSS$1.description }, description) : null)), this.renderActionsEnd()));
+        return (h(InteractiveContainer, { key: 'b0a6a61daea92e2c4dc0ec2e31a6ad9c283e1727', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: 'eab25fdaee860109912439779800f89fc678f4f3', "aria-label": label, class: CSS$1.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: 'e8e9ad80e3fab056e6c289d0e1a7c027be0625c8', "aria-checked": toAriaBoolean(this.selected), class: CSS$1.textContainer, role: "menuitemcheckbox" }, h("span", { key: '4523c6a57546d8e35284038c1988dba3838873be', class: CSS$1.title }, label), description ? h("span", { class: CSS$1.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/calcite-popover.entry.js

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-48ab3529.js';
-import { f as filterValidFlipPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-6aa14fcf.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-61b4f509.js';
-import { y as isKeyboardTriggeredClick, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-dded95e6.js';
-import { g as guid } from './guid-043fc0d6.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-0ba5a25a.js';
-import { H as Heading } from './Heading-fb6ef518.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-8cb32445.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-13572533.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-ad6990d4.js';
-import { c as createObserver } from './observers-cfb6f249.js';
-import { F as FloatingArrow } from './FloatingArrow-3b123e01.js';
-import { c as componentOnReady, g as getIconScale } from './component-d177e001.js';
-import { i as isActivationKey } from './key-db32dd50.js';
-import './debounce-f6b7c48f.js';
-import './config-059a07da.js';
-import './resources-e6c4bf0b.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-825eef9e.js';
+import { f as filterValidFlipPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-c89b25b2.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-1c780576.js';
+import { y as isKeyboardTriggeredClick, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-7d0fc285.js';
+import { g as guid } from './guid-2ac04b7b.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-83b98050.js';
+import { H as Heading } from './Heading-de261d6d.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-30167665.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-d3ada3c7.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-493ff273.js';
+import { c as createObserver } from './observers-31cf7b52.js';
+import { F as FloatingArrow } from './FloatingArrow-4218f3fd.js';
+import { g as getIconScale } from './component-dc9d6532.js';
+import { i as isActivationKey } from './key-26031919.js';
+import './debounce-2dc6509a.js';
+import './config-e2827651.js';
+import './resources-5f27c7e5.js';
 
 class PopoverManager {
     constructor() {
@@ -130,6 +130,7 @@ const Popover = class {
         this.mutationObserver = createObserver("mutation", () => this.updateFocusTrapElements());
         this.guid = `calcite-popover-${guid()}`;
         this.openTransitionProp = "opacity";
+        this.hasLoaded = false;
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -264,16 +265,14 @@ const Popover = class {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.setFilteredPlacements();
         connectLocalized(this);
         connectMessages(this);
-        await componentOnReady(this.el);
-        this.setUpReferenceElement();
         connectFocusTrap(this);
-        if (this.open) {
-            onToggleOpenCloseComponent(this);
-        }
+        // we set up the ref element in the next frame to ensure PopoverManager
+        // event handlers are invoked after connect (mainly for `components` output target)
+        requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));
     }
     async componentWillLoad() {
         await setUpMessages(this);
@@ -281,6 +280,13 @@ const Popover = class {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        if (this.open) {
+            onToggleOpenCloseComponent(this);
+        }
+        this.hasLoaded = true;
     }
     disconnectedCallback() {
         this.removeReferences();
@@ -367,13 +373,13 @@ const Popover = class {
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (h(Host, { key: '89c46aed4c83b959b4a35a4d622da36e06f61f63', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '1ca67622234665365760d3d641647c536c33c124', class: {
+        return (h(Host, { key: '693d249566ca53960cbfd2a5710b56c7bc239d70', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '5e8b8a5c280cd88f1633787e779e063869e7f568', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: 'ec32b4ba19864c24114b235a76e2c1865700e237', class: {
+            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: 'e30ef0aac5309e6139f6680b2b5fa8ccbf926bd8', class: {
                 [CSS.hasHeader]: !!heading,
                 [CSS.container]: true,
-            } }, this.renderHeader(), h("div", { key: '0bb98fa04d8d607288cae2d0edb2629690493778', class: CSS.content }, h("slot", { key: 'aced894d4febb2f969748dda8c17d8aaff8ce2d1' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), h("div", { key: '77ef34667e847684b38d0b131e6340b1ba10ece3', class: CSS.content }, h("slot", { key: '6f8c40b34eda273acefa8f9ffdd9831726668713' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/calcite-popover.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-popover.entry.js","mappings":"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","names":[],"sources":["src/components/popover/PopoverManager.ts","src/components/popover/resources.ts","src/components/popover/popover.scss?tag=calcite-popover&encapsulation=shadow","src/components/popover/popover.tsx"],"sourcesContent":["import { ReferenceElement } from \"../../utils/floating-ui\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { isKeyboardTriggeredClick } from \"../../utils/dom\";\n\nexport default class PopoverManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements = new Map<ReferenceElement, HTMLCalcitePopoverElement>();\n\n  private registeredElementCount = 0;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void {\n    this.registeredElementCount++;\n\n    this.registeredElements.set(referenceEl, popover);\n\n    if (this.registeredElementCount === 1) {\n      this.addListeners();\n    }\n  }\n\n  unregisterElement(referenceEl: ReferenceElement): void {\n    if (this.registeredElements.delete(referenceEl)) {\n      this.registeredElementCount--;\n    }\n\n    if (this.registeredElementCount === 0) {\n      this.removeListeners();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private queryPopover = (composedPath: EventTarget[]): HTMLCalcitePopoverElement => {\n    const { registeredElements } = this;\n\n    const registeredElement = (composedPath as HTMLElement[]).find((pathEl) => registeredElements.has(pathEl));\n\n    return registeredElements.get(registeredElement);\n  };\n\n  private togglePopovers = (event: KeyboardEvent | PointerEvent): void => {\n    const composedPath = event.composedPath();\n    const togglePopover = this.queryPopover(composedPath);\n\n    if (togglePopover && !togglePopover.triggerDisabled) {\n      togglePopover.open = !togglePopover.open;\n    }\n\n    Array.from(this.registeredElements.values())\n      .filter(\n        (popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover),\n      )\n      .forEach((popover) => (popover.open = false));\n  };\n\n  private closeAllPopovers(): void {\n    Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.closeAllPopovers();\n    } else if (isActivationKey(event.key)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private clickHandler = (event: PointerEvent): void => {\n    if (isKeyboardTriggeredClick(event)) {\n      return;\n    }\n\n    this.togglePopovers(event);\n  };\n\n  private addListeners(): void {\n    window.addEventListener(\"click\", this.clickHandler);\n    window.addEventListener(\"keydown\", this.keyDownHandler);\n  }\n\n  private removeListeners(): void {\n    window.removeEventListener(\"click\", this.clickHandler);\n    window.removeEventListener(\"keydown\", this.keyDownHandler);\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  imageContainer: \"image-container\",\n  closeButtonContainer: \"close-button-container\",\n  closeButton: \"close-button\",\n  content: \"content\",\n  hasHeader: \"has-header\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  heading: \"heading\",\n};\n\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-popover-z-index: Sets the z-index value for the component.\n */\n\n:host {\n  --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme(\"zIndex.popover\"));\n}\n\n@include floatingUIHost();\n@include floatingUIArrow();\n\n:host([scale=\"s\"]) {\n  .heading {\n    @apply text-n1-wrap\n    px-3\n    py-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .heading {\n    @apply text-0-wrap\n    px-4\n    py-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .heading {\n    @apply text-1-wrap\n    px-5\n    py-4;\n  }\n}\n\n:host {\n  @apply pointer-events-none;\n}\n\n:host([open]) {\n  pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n  @apply bg-foreground-1\n    border-color-3\n    rounded\n    border\n    border-solid;\n}\n\n.arrow::before {\n  outline: 1px solid var(--calcite-color-border-3);\n}\n\n.header {\n  @apply border-b-color-3\n    flex\n    flex-auto\n    items-stretch\n    justify-start\n    border-0\n    border-b\n    border-solid;\n}\n\n.heading {\n  @apply text-color-1\n  word-break\n  m-0\n  block\n  flex-auto\n  self-center\n  whitespace-normal\n  font-medium;\n}\n\n.container {\n  @apply text-color-1\n    relative\n    flex\n    h-full\n    flex-row\n    flex-nowrap\n    rounded;\n  &.has-header {\n    @apply flex-col;\n  }\n}\n\n.content {\n  @apply word-break\n  flex\n  h-full\n  w-full\n  flex-col\n  flex-nowrap\n  self-center;\n}\n\n.close-button-container {\n  @apply flex overflow-hidden;\n  flex: 0 0 auto;\n  border-start-end-radius: theme(\"borderRadius.DEFAULT\");\n  border-end-end-radius: theme(\"borderRadius.DEFAULT\");\n}\n\n.has-header .close-button-container {\n  border-end-end-radius: none;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectFloatingUI,\n  defaultOffsetDistance,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FlipPlacement,\n  FloatingCSS,\n  FloatingLayout,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  ReferenceElement,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport { focusFirstTabbable, queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FloatingArrow } from \"../functional/FloatingArrow\";\nimport { componentOnReady, getIconScale } from \"../../utils/component\";\nimport PopoverManager from \"./PopoverManager\";\nimport { PopoverMessages } from \"./assets/popover/t9n\";\nimport { ARIA_CONTROLS, ARIA_EXPANDED, CSS, defaultPopoverPlacement } from \"./resources\";\n\nconst manager = new PopoverManager();\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-popover\",\n  styleUrl: \"popover.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Popover\n  implements\n    FloatingUIComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n   */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** When `true`, displays a close button within the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n   */\n  @Prop({ reflect: true }) flipDisabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * When `true`, removes the caret pointer.\n   */\n  @Prop({ reflect: true }) pointerDisabled = false;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\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<PopoverMessages>;\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: PopoverMessages;\n\n  /**\n   * Offsets the position of the popover away from the `referenceElement`.\n   *\n   * @default 6\n   */\n  @Prop({ reflect: true }) offsetDistance = defaultOffsetDistance;\n\n  @Watch(\"offsetDistance\")\n  offsetDistanceOffsetHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Offsets the position of the component along the `referenceElement`.\n   */\n  @Prop({ reflect: true }) offsetSkidding = 0;\n\n  @Watch(\"offsetSkidding\")\n  offsetSkiddingHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    this.reposition(true);\n    this.setExpandedAttr();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = defaultPopoverPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\n   */\n  @Prop() referenceElement!: ReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementHandler(): void {\n    this.setUpReferenceElement();\n    this.reposition(true);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n   *\n   * This property can be set to `true` to manage when the component is open.\n   */\n  @Prop({ reflect: true }) triggerDisabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePopoverElement;\n\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.updateFocusTrapElements(),\n  );\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  @State() effectiveLocale = \"\";\n\n  @State() floatingLayout: FloatingLayout = \"vertical\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() effectiveReferenceElement: ReferenceElement;\n\n  @State() defaultMessages: PopoverMessages;\n\n  arrowEl: SVGElement;\n\n  closeButtonEl: HTMLCalciteActionElement;\n\n  guid = `calcite-popover-${guid()}`;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    this.setFilteredPlacements();\n    connectLocalized(this);\n    connectMessages(this);\n\n    await componentOnReady(this.el);\n    this.setUpReferenceElement();\n    connectFocusTrap(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeReferences();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    deactivateFocusTrap(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const {\n      el,\n      effectiveReferenceElement,\n      placement,\n      overlayPositioning,\n      flipDisabled,\n      filteredFlipPlacements,\n      offsetDistance,\n      offsetSkidding,\n      arrowEl,\n    } = this;\n    return reposition(\n      this,\n      {\n        floatingEl: el,\n        referenceEl: effectiveReferenceElement,\n        overlayPositioning,\n        placement,\n        flipDisabled,\n        flipPlacements: filteredFlipPlacements,\n        offsetDistance,\n        offsetSkidding,\n        arrowEl,\n        type: \"popover\",\n      },\n      delayed,\n    );\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    forceUpdate(this.el);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  setUpReferenceElement = (warn = true): void => {\n    this.removeReferences();\n    this.effectiveReferenceElement = this.getReferenceElement();\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n\n    const { el, referenceElement, effectiveReferenceElement } = this;\n    if (warn && referenceElement && !effectiveReferenceElement) {\n      console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n        el,\n      });\n    }\n\n    this.addReferences();\n  };\n\n  getId = (): string => {\n    return this.el.id || this.guid;\n  };\n\n  setExpandedAttr = (): void => {\n    const { effectiveReferenceElement, open } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n    }\n  };\n\n  addReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    const id = this.getId();\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n    }\n\n    manager.registerElement(effectiveReferenceElement, this.el);\n    this.setExpandedAttr();\n  };\n\n  removeReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"removeAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n      effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n    }\n\n    manager.unregisterElement(effectiveReferenceElement);\n  };\n\n  getReferenceElement(): ReferenceElement {\n    const { referenceElement, el } = this;\n\n    return (\n      (typeof referenceElement === \"string\"\n        ? queryElementRoots(el, { id: referenceElement })\n        : referenceElement) || null\n    );\n  }\n\n  hide = (): void => {\n    this.open = false;\n  };\n\n  onBeforeOpen(): void {\n    this.calcitePopoverBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calcitePopoverOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calcitePopoverBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calcitePopoverClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  storeArrowEl = (el: SVGElement): void => {\n    this.arrowEl = el;\n    this.reposition(true);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderCloseButton(): VNode {\n    const { messages, closable } = this;\n    return closable ? (\n      <div class={CSS.closeButtonContainer} key={CSS.closeButtonContainer}>\n        <calcite-action\n          appearance=\"transparent\"\n          class={CSS.closeButton}\n          onClick={this.hide}\n          ref={(closeButtonEl) => (this.closeButtonEl = closeButtonEl)}\n          scale={this.scale}\n          text={messages.close}\n        >\n          <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n        </calcite-action>\n      </div>\n    ) : null;\n  }\n\n  renderHeader(): VNode {\n    const { heading, headingLevel } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    return headingNode ? (\n      <div class={CSS.header} key={CSS.header}>\n        {headingNode}\n        {this.renderCloseButton()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } =\n      this;\n    const displayed = effectiveReferenceElement && open;\n    const hidden = !displayed;\n    const arrowNode = !pointerDisabled ? (\n      <FloatingArrow floatingLayout={floatingLayout} key=\"floating-arrow\" ref={this.storeArrowEl} />\n    ) : null;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        aria-live=\"polite\"\n        calcite-hydrated-hidden={hidden}\n        id={this.getId()}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [FloatingCSS.animation]: true,\n            [FloatingCSS.animationActive]: displayed,\n          }}\n          ref={this.setTransitionEl}\n        >\n          {arrowNode}\n          <div\n            class={{\n              [CSS.hasHeader]: !!heading,\n              [CSS.container]: true,\n            }}\n          >\n            {this.renderHeader()}\n            <div class={CSS.content}>\n              <slot />\n            </div>\n            {!heading ? this.renderCloseButton() : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-popover.entry.js","mappings":"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","names":[],"sources":["src/components/popover/PopoverManager.ts","src/components/popover/resources.ts","src/components/popover/popover.scss?tag=calcite-popover&encapsulation=shadow","src/components/popover/popover.tsx"],"sourcesContent":["import { ReferenceElement } from \"../../utils/floating-ui\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { isKeyboardTriggeredClick } from \"../../utils/dom\";\n\nexport default class PopoverManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements = new Map<ReferenceElement, HTMLCalcitePopoverElement>();\n\n  private registeredElementCount = 0;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void {\n    this.registeredElementCount++;\n\n    this.registeredElements.set(referenceEl, popover);\n\n    if (this.registeredElementCount === 1) {\n      this.addListeners();\n    }\n  }\n\n  unregisterElement(referenceEl: ReferenceElement): void {\n    if (this.registeredElements.delete(referenceEl)) {\n      this.registeredElementCount--;\n    }\n\n    if (this.registeredElementCount === 0) {\n      this.removeListeners();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private queryPopover = (composedPath: EventTarget[]): HTMLCalcitePopoverElement => {\n    const { registeredElements } = this;\n\n    const registeredElement = (composedPath as HTMLElement[]).find((pathEl) => registeredElements.has(pathEl));\n\n    return registeredElements.get(registeredElement);\n  };\n\n  private togglePopovers = (event: KeyboardEvent | PointerEvent): void => {\n    const composedPath = event.composedPath();\n    const togglePopover = this.queryPopover(composedPath);\n\n    if (togglePopover && !togglePopover.triggerDisabled) {\n      togglePopover.open = !togglePopover.open;\n    }\n\n    Array.from(this.registeredElements.values())\n      .filter(\n        (popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover),\n      )\n      .forEach((popover) => (popover.open = false));\n  };\n\n  private closeAllPopovers(): void {\n    Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.closeAllPopovers();\n    } else if (isActivationKey(event.key)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private clickHandler = (event: PointerEvent): void => {\n    if (isKeyboardTriggeredClick(event)) {\n      return;\n    }\n\n    this.togglePopovers(event);\n  };\n\n  private addListeners(): void {\n    window.addEventListener(\"click\", this.clickHandler);\n    window.addEventListener(\"keydown\", this.keyDownHandler);\n  }\n\n  private removeListeners(): void {\n    window.removeEventListener(\"click\", this.clickHandler);\n    window.removeEventListener(\"keydown\", this.keyDownHandler);\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  imageContainer: \"image-container\",\n  closeButtonContainer: \"close-button-container\",\n  closeButton: \"close-button\",\n  content: \"content\",\n  hasHeader: \"has-header\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  heading: \"heading\",\n};\n\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-popover-z-index: Sets the z-index value for the component.\n */\n\n:host {\n  --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme(\"zIndex.popover\"));\n}\n\n@include floatingUIHost();\n@include floatingUIArrow();\n\n:host([scale=\"s\"]) {\n  .heading {\n    @apply text-n1-wrap\n    px-3\n    py-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .heading {\n    @apply text-0-wrap\n    px-4\n    py-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .heading {\n    @apply text-1-wrap\n    px-5\n    py-4;\n  }\n}\n\n:host {\n  @apply pointer-events-none;\n}\n\n:host([open]) {\n  pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n  @apply bg-foreground-1\n    border-color-3\n    rounded\n    border\n    border-solid;\n}\n\n.arrow::before {\n  outline: 1px solid var(--calcite-color-border-3);\n}\n\n.header {\n  @apply border-b-color-3\n    flex\n    flex-auto\n    items-stretch\n    justify-start\n    border-0\n    border-b\n    border-solid;\n}\n\n.heading {\n  @apply text-color-1\n  word-break\n  m-0\n  block\n  flex-auto\n  self-center\n  whitespace-normal\n  font-medium;\n}\n\n.container {\n  @apply text-color-1\n    relative\n    flex\n    h-full\n    flex-row\n    flex-nowrap\n    rounded;\n  &.has-header {\n    @apply flex-col;\n  }\n}\n\n.content {\n  @apply word-break\n  flex\n  h-full\n  w-full\n  flex-col\n  flex-nowrap\n  self-center;\n}\n\n.close-button-container {\n  @apply flex overflow-hidden;\n  flex: 0 0 auto;\n  border-start-end-radius: theme(\"borderRadius.DEFAULT\");\n  border-end-end-radius: theme(\"borderRadius.DEFAULT\");\n}\n\n.has-header .close-button-container {\n  border-end-end-radius: none;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectFloatingUI,\n  defaultOffsetDistance,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FlipPlacement,\n  FloatingCSS,\n  FloatingLayout,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  ReferenceElement,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport { focusFirstTabbable, queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FloatingArrow } from \"../functional/FloatingArrow\";\nimport { getIconScale } from \"../../utils/component\";\nimport PopoverManager from \"./PopoverManager\";\nimport { PopoverMessages } from \"./assets/popover/t9n\";\nimport { ARIA_CONTROLS, ARIA_EXPANDED, CSS, defaultPopoverPlacement } from \"./resources\";\n\nconst manager = new PopoverManager();\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-popover\",\n  styleUrl: \"popover.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Popover\n  implements\n    FloatingUIComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n   */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** When `true`, displays a close button within the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n   */\n  @Prop({ reflect: true }) flipDisabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * When `true`, removes the caret pointer.\n   */\n  @Prop({ reflect: true }) pointerDisabled = false;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\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<PopoverMessages>;\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: PopoverMessages;\n\n  /**\n   * Offsets the position of the popover away from the `referenceElement`.\n   *\n   * @default 6\n   */\n  @Prop({ reflect: true }) offsetDistance = defaultOffsetDistance;\n\n  @Watch(\"offsetDistance\")\n  offsetDistanceOffsetHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Offsets the position of the component along the `referenceElement`.\n   */\n  @Prop({ reflect: true }) offsetSkidding = 0;\n\n  @Watch(\"offsetSkidding\")\n  offsetSkiddingHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    this.reposition(true);\n    this.setExpandedAttr();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = defaultPopoverPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\n   */\n  @Prop() referenceElement!: ReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementHandler(): void {\n    this.setUpReferenceElement();\n    this.reposition(true);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n   *\n   * This property can be set to `true` to manage when the component is open.\n   */\n  @Prop({ reflect: true }) triggerDisabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePopoverElement;\n\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.updateFocusTrapElements(),\n  );\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  @State() effectiveLocale = \"\";\n\n  @State() floatingLayout: FloatingLayout = \"vertical\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() effectiveReferenceElement: ReferenceElement;\n\n  @State() defaultMessages: PopoverMessages;\n\n  arrowEl: SVGElement;\n\n  closeButtonEl: HTMLCalciteActionElement;\n\n  guid = `calcite-popover-${guid()}`;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  hasLoaded = false;\n\n  focusTrap: FocusTrap;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setFilteredPlacements();\n    connectLocalized(this);\n    connectMessages(this);\n    connectFocusTrap(this);\n\n    // we set up the ref element in the next frame to ensure PopoverManager\n    // event handlers are invoked after connect (mainly for `components` output target)\n    requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    if (this.referenceElement && !this.effectiveReferenceElement) {\n      this.setUpReferenceElement();\n    }\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n    this.hasLoaded = true;\n  }\n\n  disconnectedCallback(): void {\n    this.removeReferences();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    deactivateFocusTrap(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const {\n      el,\n      effectiveReferenceElement,\n      placement,\n      overlayPositioning,\n      flipDisabled,\n      filteredFlipPlacements,\n      offsetDistance,\n      offsetSkidding,\n      arrowEl,\n    } = this;\n    return reposition(\n      this,\n      {\n        floatingEl: el,\n        referenceEl: effectiveReferenceElement,\n        overlayPositioning,\n        placement,\n        flipDisabled,\n        flipPlacements: filteredFlipPlacements,\n        offsetDistance,\n        offsetSkidding,\n        arrowEl,\n        type: \"popover\",\n      },\n      delayed,\n    );\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    forceUpdate(this.el);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  setUpReferenceElement = (warn = true): void => {\n    this.removeReferences();\n    this.effectiveReferenceElement = this.getReferenceElement();\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n\n    const { el, referenceElement, effectiveReferenceElement } = this;\n    if (warn && referenceElement && !effectiveReferenceElement) {\n      console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n        el,\n      });\n    }\n\n    this.addReferences();\n  };\n\n  getId = (): string => {\n    return this.el.id || this.guid;\n  };\n\n  setExpandedAttr = (): void => {\n    const { effectiveReferenceElement, open } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n    }\n  };\n\n  addReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    const id = this.getId();\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n    }\n\n    manager.registerElement(effectiveReferenceElement, this.el);\n    this.setExpandedAttr();\n  };\n\n  removeReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"removeAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n      effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n    }\n\n    manager.unregisterElement(effectiveReferenceElement);\n  };\n\n  getReferenceElement(): ReferenceElement {\n    const { referenceElement, el } = this;\n\n    return (\n      (typeof referenceElement === \"string\"\n        ? queryElementRoots(el, { id: referenceElement })\n        : referenceElement) || null\n    );\n  }\n\n  hide = (): void => {\n    this.open = false;\n  };\n\n  onBeforeOpen(): void {\n    this.calcitePopoverBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calcitePopoverOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calcitePopoverBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calcitePopoverClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  storeArrowEl = (el: SVGElement): void => {\n    this.arrowEl = el;\n    this.reposition(true);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderCloseButton(): VNode {\n    const { messages, closable } = this;\n    return closable ? (\n      <div class={CSS.closeButtonContainer} key={CSS.closeButtonContainer}>\n        <calcite-action\n          appearance=\"transparent\"\n          class={CSS.closeButton}\n          onClick={this.hide}\n          ref={(closeButtonEl) => (this.closeButtonEl = closeButtonEl)}\n          scale={this.scale}\n          text={messages.close}\n        >\n          <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n        </calcite-action>\n      </div>\n    ) : null;\n  }\n\n  renderHeader(): VNode {\n    const { heading, headingLevel } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    return headingNode ? (\n      <div class={CSS.header} key={CSS.header}>\n        {headingNode}\n        {this.renderCloseButton()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } =\n      this;\n    const displayed = effectiveReferenceElement && open;\n    const hidden = !displayed;\n    const arrowNode = !pointerDisabled ? (\n      <FloatingArrow floatingLayout={floatingLayout} key=\"floating-arrow\" ref={this.storeArrowEl} />\n    ) : null;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        aria-live=\"polite\"\n        calcite-hydrated-hidden={hidden}\n        id={this.getId()}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [FloatingCSS.animation]: true,\n            [FloatingCSS.animationActive]: displayed,\n          }}\n          ref={this.setTransitionEl}\n        >\n          {arrowNode}\n          <div\n            class={{\n              [CSS.hasHeader]: !!heading,\n              [CSS.container]: true,\n            }}\n          >\n            {this.renderHeader()}\n            <div class={CSS.content}>\n              <slot />\n            </div>\n            {!heading ? this.renderCloseButton() : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/calcite-progress.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, h, g as getElement } from './index-48ab3529.js';
-import { g as getElementDir } from './dom-dded95e6.js';
-import { C as CSS_UTILITY } from './resources-e6c4bf0b.js';
-import './guid-043fc0d6.js';
+import { r as registerInstance, h, g as getElement } from './index-825eef9e.js';
+import { g as getElementDir } from './dom-7d0fc285.js';
+import { C as CSS_UTILITY } from './resources-5f27c7e5.js';
+import './guid-2ac04b7b.js';
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteProgressStyle0 = progressCss;
@@ -24,7 +24,7 @@ const Progress = class {
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (h("div", { key: '7e96b294f2005a79b49ff086094a53b9e5861b5f', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: 'a9bd258e0b82580d0c125d53c8956795060ad3d5', class: "track" }, h("div", { key: '5ef4412b8bdf1c36ea883e636372eca00e3f1322', class: {
+        return (h("div", { key: 'cd55f92523bbf44ed5dc50711af93d67314a4c2e', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: 'd5c47f3fab3f877c00e8f349522e26a79355c89a', class: "track" }, h("div", { key: 'e5b081de209ba8570296470ccb00b9d809fabded', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",

package/dist/esm/calcite-radio-button-group.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-48ab3529.js';
-import { c as createObserver } from './observers-cfb6f249.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-ad6990d4.js';
-import { V as Validation } from './Validation-03deacda.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-825eef9e.js';
+import { c as createObserver } from './observers-31cf7b52.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-493ff273.js';
+import { V as Validation } from './Validation-1f341ffe.js';
 
 const CSS = {
     itemWrapper: "item-wrapper",
@@ -118,7 +118,7 @@ const RadioButtonGroup = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'eaec52414a0fd87440e521ccb4fd9d8ab66ff3be', role: "radiogroup" }, h("div", { key: '7038deff86c54222195bc89d29b8ec975a972650', class: CSS.itemWrapper }, h("slot", { key: 'ed0b2912db0966c11e7de379b46d17a68aa9d477' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: 'cfabfbb738ebfe1576fc216e0be953fe52df42da', role: "radiogroup" }, h("div", { key: '3660764c8e05b913242d7582fa6b4560adf458dc', class: CSS.itemWrapper }, h("slot", { key: '8a327ac7cce2e99e41239a5448d296ded5440479' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/calcite-radio-button.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-48ab3529.js';
-import { g as getRoundRobinIndex } from './array-5dc42444.js';
-import { g as getElementDir, d as focusElement, t as toAriaBoolean } from './dom-dded95e6.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2a009a25.js';
-import { g as guid } from './guid-043fc0d6.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-171e341e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-414e54d2.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-ad6990d4.js';
-import './resources-e6c4bf0b.js';
-import './browser-a61311f9.js';
-import './component-d177e001.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-825eef9e.js';
+import { g as getRoundRobinIndex } from './array-e8297ddc.js';
+import { g as getElementDir, d as focusElement, t as toAriaBoolean } from './dom-7d0fc285.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2ee7ea3f.js';
+import { g as guid } from './guid-2ac04b7b.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-14a96f33.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-fb84de75.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-493ff273.js';
+import './resources-5f27c7e5.js';
+import './browser-50bf97d2.js';
+import './component-dc9d6532.js';
 
 const CSS = {
     container: "container",
@@ -297,7 +297,7 @@ const RadioButton = class {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (h(Host, { key: '12033aa966fd5efa0bdade10b57bbfa4c0acd25e', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: 'b532bf75ee7dcf5e03a6a6302a7740a3b362cff0', disabled: this.disabled }, h("div", { key: 'd3f7e9863e16d863c7e66f405c9040f04fa227fe', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: '8e85a38fb0771936c5a45326f49b8f887742edd8', class: "radio" })), h(HiddenFormInputSlot, { key: '1494703d13bb9d64a7fa9586874c4f9084e571b4', component: this }))));
+        return (h(Host, { key: '642f4817a74bd441bc64c14c1b955f806f768103', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: '84c69c965d8dabeb0d842fcac6def8540255daf6', disabled: this.disabled }, h("div", { key: '54e2ff13cb11854e594b80b5ac73230768347f85', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: '6379e5099d9c9c51fe3579ebe01a6473f3ea8fa1', class: "radio" })), h(HiddenFormInputSlot, { key: '970dccd6968339fb67fcf5691fa39756c027ca9b', component: this }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/calcite-rating.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-48ab3529.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2a009a25.js';
-import { g as guid } from './guid-043fc0d6.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-171e341e.js';
-import { c as connectLabel, d as disconnectLabel } from './label-414e54d2.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-ad6990d4.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-8cb32445.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-13572533.js';
-import { f as focusFirstTabbable } from './dom-dded95e6.js';
-import './browser-a61311f9.js';
-import './component-d177e001.js';
-import './key-db32dd50.js';
-import './observers-cfb6f249.js';
-import './resources-e6c4bf0b.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-825eef9e.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2ee7ea3f.js';
+import { g as guid } from './guid-2ac04b7b.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-14a96f33.js';
+import { c as connectLabel, d as disconnectLabel } from './label-fb84de75.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-493ff273.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-30167665.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-d3ada3c7.js';
+import { f as focusFirstTabbable } from './dom-7d0fc285.js';
+import './browser-50bf97d2.js';
+import './component-dc9d6532.js';
+import './key-26031919.js';
+import './observers-31cf7b52.js';
+import './resources-5f27c7e5.js';
 
 const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",
@@ -192,7 +192,7 @@ const Rating = class {
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: 'cab93c4d7486d7243430bcab50a10ad358eee6f8', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: '857c7a734622a2d8bdd8ae087a1b2b415bd9da21', disabled: this.disabled }, h("span", { key: '409cafa5c066c236f10ad364cee621a2a6f978c0', class: "wrapper" }, h("fieldset", { key: '9b20176dd4328b7a37b3fa103b4ffc24096e3039', class: "fieldset", disabled: this.disabled }, h("legend", { key: '24d9bef1a9be4a32e0b4641859565ddf20e314ab', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (h(Host, { key: '1cdfcdebea3d3ed1ab27aecc103b80c3d9c6f8f2', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: '7967d681999450bf6d0a583dcc3b6eac892e6337', disabled: this.disabled }, h("span", { key: 'a4eede65a8bcba54970d208ad35f98c7f1c5f3e4', class: "wrapper" }, h("fieldset", { key: '65674e03084c4e8612168376965dda651f857d70', class: "fieldset", disabled: this.disabled }, h("legend", { key: '0d0ac44ef25a25f621ea58040e954c2ad7c0df8b', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (h("label", { class: {
                     star: true,
                     selected,
@@ -200,7 +200,7 @@ const Rating = class {
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), h(StarIcon, { full: selected || average, scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h(StarIcon, { full: true, partial: true, scale: this.scale }))), h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: '0f1988f6928d2c5be02dd910c84e5b7845409d0b', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: 'cd5319562185a50f30aff46446c02de64710f46a', component: this })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/calcite-scrim.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, h, g as getElement } from './index-48ab3529.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-8cb32445.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-13572533.js';
-import { c as createObserver } from './observers-cfb6f249.js';
-import { z as slotChangeHasContent } from './dom-dded95e6.js';
-import './key-db32dd50.js';
-import './guid-043fc0d6.js';
-import './resources-e6c4bf0b.js';
+import { r as registerInstance, h, g as getElement } from './index-825eef9e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-30167665.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-d3ada3c7.js';
+import { c as createObserver } from './observers-31cf7b52.js';
+import { z as slotChangeHasContent } from './dom-7d0fc285.js';
+import './key-26031919.js';
+import './guid-2ac04b7b.js';
+import './resources-5f27c7e5.js';
 
 const CSS = {
     scrim: "scrim",
@@ -80,7 +80,7 @@ const Scrim = class {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (h("div", { key: 'c2ee7a7af9eed9de701798291c54d6c5dbe6dd38', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, h("div", { key: '0692506a6a24ddb8ff995dbcc3f0c0db73f4f52c', class: CSS.content, hidden: !hasContent }, h("slot", { key: 'e0e9dfd8fbf2dde0e26c2e59c122ae48e2863958', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h("div", { key: 'f2c728581805bc3a8b98931e55b4d56bc34bd3e0', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, h("div", { key: 'eafea949b7d533d951125cae482cab4a7334c003', class: CSS.content, hidden: !hasContent }, h("slot", { key: '0eebfe6fbe3206b6f75a81086b6abb1b91ea7905', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {

package/dist/esm/calcite-segmented-control_2.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-48ab3529.js';
-import { g as getElementDir, z as slotChangeHasContent, t as toAriaBoolean } from './dom-dded95e6.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2a009a25.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-171e341e.js';
-import { c as connectLabel, d as disconnectLabel } from './label-414e54d2.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-ad6990d4.js';
-import { c as createObserver } from './observers-cfb6f249.js';
-import { V as Validation } from './Validation-03deacda.js';
-import './guid-043fc0d6.js';
-import './resources-e6c4bf0b.js';
-import './browser-a61311f9.js';
-import './component-d177e001.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-825eef9e.js';
+import { g as getElementDir, z as slotChangeHasContent, t as toAriaBoolean } from './dom-7d0fc285.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2ee7ea3f.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-14a96f33.js';
+import { c as connectLabel, d as disconnectLabel } from './label-fb84de75.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-493ff273.js';
+import { c as createObserver } from './observers-31cf7b52.js';
+import { V as Validation } from './Validation-1f341ffe.js';
+import './guid-2ac04b7b.js';
+import './resources-5f27c7e5.js';
+import './browser-50bf97d2.js';
+import './component-dc9d6532.js';
 
 const CSS$1 = {
     itemWrapper: "item-wrapper",
@@ -119,7 +119,7 @@ const SegmentedControl = class {
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: '491897b605dfbd3c4d76f8888296f630fdb24fdb', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '96bfbc3eeb375eeb2a000ef62cf831abc059f37c', class: CSS$1.itemWrapper }, h(InteractiveContainer, { key: 'a1f3c50ec4967fabe8a38ad31b0e84889d7cc7c2', disabled: this.disabled }, h("slot", { key: '7ccf4f53f64b45ca7eb6a081b4b36adb9751030d' }), h(HiddenFormInputSlot, { key: '72db0e1053c2a4373f97997dd6d66fb9fc92351b', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: '86fd4fde810b6857124af636da329a5fcf8b6864', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '1e42ccc9a60a1182ed00a7a9199e002150b11aed', class: CSS$1.itemWrapper }, h(InteractiveContainer, { key: '155638d65fea182e911f4cd2136a88a428bfbf08', disabled: this.disabled }, h("slot", { key: 'fc90d4dc13a6d7211d42c74d741ac7dd92d5201d' }), h(HiddenFormInputSlot, { key: '59b0c94ab67d540184ceb4f52dd11a594336f9a0', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -300,7 +300,7 @@ const SegmentedControlItem = class {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (h(Host, { key: 'e829c05f7c525c469e56ded8f1731632c76822cf', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '508a493c4ea822d257f094d69bdff1b876dcf6ca', class: {
+        return (h(Host, { key: 'acba894d3206d103930f8c76c6a910168979a210', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '8553c78d40c3ad4cd321a099a7ae1266d794dbf0', class: {
                 [CSS.label]: true,
                 [CSS.labelScale(scale)]: true,
                 [CSS.labelHorizontal]: layout === "horizontal",