@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/components/calcite-popover/customElement.js

@@ -1,40 +1,38 @@
-import { c as F } from "../../chunks/runtime.js";
+import { c as k } from "../../chunks/runtime.js";
 import { keyed as h } from "lit-html/directives/keyed.js";
 import { html as f } from "lit";
-import { createRef as D, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as A, createEvent as n, safeClassMap as s, setAttribute as T } from "@arcgis/lumina";
-import { d as g, r as L, a as $, f as z, c as H, h as B, F as v } from "../../chunks/floating-ui.js";
-import { u as O, c as R, d as m, a as b } from "../../chunks/focusTrapComponent.js";
-import { u as U, h as S, t as I, q } from "../../chunks/dom.js";
-import { g as _ } from "../../chunks/guid.js";
-import { o as E } from "../../chunks/openCloseComponent.js";
-import { H as N } from "../../chunks/Heading.js";
-import { c as M, s as K, a as j } from "../../chunks/loadable.js";
-import { c as V } from "../../chunks/observers.js";
-import { F as X } from "../../chunks/FloatingArrow.js";
-import { g as G } from "../../chunks/component.js";
-import { u as J } from "../../chunks/useT9n.js";
-import { i as Q } from "../../chunks/key.js";
-import { css as W } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-class Y {
+import { createRef as x, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as C, createEvent as n, safeClassMap as s, setAttribute as A } from "@arcgis/lumina";
+import { d as m, r as D, a as F, f as $, c as L, h as H, F as g } from "../../chunks/floating-ui.js";
+import { u as O, h as T, t as B, q as R } from "../../chunks/dom.js";
+import { g as z } from "../../chunks/guid.js";
+import { o as U } from "../../chunks/openCloseComponent.js";
+import { H as S } from "../../chunks/Heading.js";
+import { c as I } from "../../chunks/loadable.js";
+import { c as q } from "../../chunks/observers.js";
+import { F as _ } from "../../chunks/FloatingArrow.js";
+import { g as N } from "../../chunks/component.js";
+import { u as M } from "../../chunks/useT9n.js";
+import { u as K } from "../../chunks/useFocusTrap.js";
+import { i as j } from "../../chunks/key.js";
+import { css as V } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+class X {
   constructor() {
     this.registeredElements = /* @__PURE__ */ new Map(), this.registeredElementCount = 0, this.queryPopover = (e) => {
-      const { registeredElements: t } = this, i = e.find((o) => t.has(o));
+      const { registeredElements: t } = this, i = e.find((r) => t.has(r));
       return t.get(i);
     }, this.togglePopovers = (e) => {
       const t = e.composedPath(), i = this.queryPopover(t);
       i && !i.triggerDisabled && (i.open = !i.open), Array.from(this.registeredElements.values()).filter(
-        (o) => o !== i && o.autoClose && o.open && !t.includes(o)
-      ).forEach((o) => o.open = !1);
+        (r) => r !== i && r.autoClose && r.open && !t.includes(r)
+      ).forEach((r) => r.open = !1);
     }, this.keyDownHandler = (e) => {
-      e.defaultPrevented || (e.key === "Escape" ? this.closeAllPopovers() : Q(e.key) && this.togglePopovers(e));
+      e.defaultPrevented || (e.key === "Escape" ? this.closeAllPopovers() : j(e.key) && this.togglePopovers(e));
     }, this.clickHandler = (e) => {
-      U(e) || this.togglePopovers(e);
+      O(e) || e.defaultPrevented || this.togglePopovers(e);
     };
   }
   // --------------------------------------------------------------------------
@@ -58,28 +56,32 @@ class Y {
     window.removeEventListener("click", this.clickHandler), window.removeEventListener("keydown", this.keyDownHandler);
   }
 }
-const r = {
+const o = {
   positionContainer: "position-container",
   container: "container",
-  imageContainer: "image-container",
   closeButtonContainer: "close-button-container",
   closeButton: "close-button",
   content: "content",
   hasHeader: "has-header",
   header: "header",
   headerContainer: "headerContainer",
-  headerContent: "header-content",
   heading: "heading"
-}, w = "auto", k = "aria-controls", y = "aria-expanded", Z = W`:host{position:relative;display:block;--calcite-floating-ui-z-index: var(--calcite-popover-z-index, var(--calcite-z-index-popup))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:.75rem;padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));--calcite-action-corner-radius-start-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp));--calcite-action-corner-radius-end-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp))}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}`, x = new Y();
-class ee extends A {
+}, v = "auto", b = "aria-controls", E = "aria-expanded", G = V`:host{display:contents;--calcite-floating-ui-z-index: var(--calcite-popover-z-index, var(--calcite-z-index-popup))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));--calcite-action-corner-radius-start-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp));--calcite-action-corner-radius-end-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp))}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`, w = new X();
+class J extends C {
   constructor() {
-    super(...arguments), this.closeButtonEl = D(), this.guid = `calcite-popover-${_()}`, this.hasLoaded = !1, this.mutationObserver = V("mutation", () => this.updateFocusTrapElements()), this.openTransitionProp = "opacity", this.floatingLayout = "vertical", this.autoClose = !1, this.closable = !1, this.flipDisabled = !1, this.focusTrapDisabled = !1, this.messages = J(), this.offsetDistance = g, this.offsetSkidding = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = w, this.pointerDisabled = !1, this.scale = "m", this.triggerDisabled = !1, this.calcitePopoverBeforeClose = n({ cancelable: !1 }), this.calcitePopoverBeforeOpen = n({ cancelable: !1 }), this.calcitePopoverClose = n({ cancelable: !1 }), this.calcitePopoverOpen = n({ cancelable: !1 });
+    super(...arguments), this.closeButtonEl = x(), this.focusTrap = K({
+      triggerProp: "open",
+      focusTrapOptions: {
+        allowOutsideClick: !0,
+        escapeDeactivates: (e) => (e.defaultPrevented || (this.open = !1, e.preventDefault()), !1)
+      }
+    })(this), this.guid = `calcite-popover-${z()}`, this.hasLoaded = !1, this.mutationObserver = q("mutation", () => this.updateFocusTrapElements()), this.transitionProp = "opacity", this.floatingLayout = "vertical", this.autoClose = !1, this.closable = !1, this.flipDisabled = !1, this.focusTrapDisabled = !1, this.messages = M(), this.offsetDistance = m, this.offsetSkidding = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = v, this.pointerDisabled = !1, this.scale = "m", this.triggerDisabled = !1, this.calcitePopoverBeforeClose = n({ cancelable: !1 }), this.calcitePopoverBeforeOpen = n({ cancelable: !1 }), this.calcitePopoverClose = n({ cancelable: !1 }), this.calcitePopoverOpen = n({ cancelable: !1 });
   }
   static {
-    this.properties = { floatingLayout: 16, referenceEl: 16, autoClose: 7, closable: 7, flipDisabled: 7, flipPlacements: 0, focusTrapDisabled: 7, heading: 1, headingLevel: 11, initialFocusTrapFocus: 5, label: 1, messageOverrides: 0, offsetDistance: 11, offsetSkidding: 11, open: 7, overlayPositioning: 3, placement: 3, pointerDisabled: 7, referenceElement: 1, scale: 3, triggerDisabled: 7 };
+    this.properties = { floatingLayout: 16, referenceEl: 16, autoClose: 7, closable: 7, flipDisabled: 7, flipPlacements: 0, focusTrapDisabled: 7, focusTrapOptions: 0, heading: 1, headingLevel: 11, label: 1, messageOverrides: 0, offsetDistance: 11, offsetSkidding: 11, open: 7, overlayPositioning: 3, placement: 3, pointerDisabled: 7, referenceElement: 1, scale: 3, triggerDisabled: 7 };
   }
   static {
-    this.styles = Z;
+    this.styles = G;
   }
   // #endregion
   // #region Public Methods
@@ -89,11 +91,11 @@ class ee extends A {
    * @param delayed
    */
   async reposition(e = !1) {
-    const { referenceEl: t, placement: i, overlayPositioning: o, flipDisabled: l, filteredFlipPlacements: c, offsetDistance: a, offsetSkidding: d, arrowEl: p, floatingEl: P } = this;
-    return L(this, {
+    const { referenceEl: t, placement: i, overlayPositioning: r, flipDisabled: l, filteredFlipPlacements: c, offsetDistance: a, offsetSkidding: d, arrowEl: p, floatingEl: P } = this;
+    return D(this, {
       floatingEl: P,
       referenceEl: t,
-      overlayPositioning: o,
+      overlayPositioning: r,
       placement: i,
       flipDisabled: l,
       flipPlacements: c,
@@ -105,46 +107,35 @@ class ee extends A {
   }
   /** Sets focus on the component's first focusable element. */
   async setFocus() {
-    await M(this), this.requestUpdate(), S(this.el);
+    await I(this), this.requestUpdate(), T(this.el);
   }
   /** Updates the element(s) that are used within the focus-trap of the component. */
   async updateFocusTrapElements() {
-    O(this);
+    this.focusTrap.updateContainerElements();
   }
   // #endregion
   // #region Lifecycle
   connectedCallback() {
-    super.connectedCallback(), this.mutationObserver?.observe(this.el, { childList: !0, subtree: !0 }), this.setFilteredPlacements(), R(this, {
-      focusTrapEl: this.el,
-      focusTrapOptions: {
-        allowOutsideClick: !0,
-        escapeDeactivates: (e) => (e.defaultPrevented || (this.open = !1, e.preventDefault()), !1),
-        initialFocus: this.initialFocusTrapFocus
-      }
-    }), requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));
+    super.connectedCallback(), this.mutationObserver?.observe(this.el, { childList: !0, subtree: !0 }), this.setFilteredPlacements(), requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));
   }
   async load() {
-    K(this);
   }
   willUpdate(e) {
-    e.has("focusTrapDisabled") && (this.hasUpdated || this.focusTrapDisabled !== !1) && this.handleFocusTrapDisabled(this.focusTrapDisabled), e.has("flipPlacements") && this.flipPlacementsHandler(), e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), (e.has("offsetDistance") && (this.hasUpdated || this.offsetDistance !== g) || e.has("offsetSkidding") && (this.hasUpdated || this.offsetSkidding !== 0) || e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== w)) && this.reposition(!0), e.has("referenceElement") && this.referenceElementHandler();
+    e.has("flipPlacements") && this.flipPlacementsHandler(), e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), (e.has("offsetDistance") && (this.hasUpdated || this.offsetDistance !== m) || e.has("offsetSkidding") && (this.hasUpdated || this.offsetSkidding !== 0) || e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== v)) && this.reposition(!0), e.has("referenceElement") && this.referenceElementHandler();
   }
   loaded() {
-    j(this), this.referenceElement && !this.referenceEl && this.setUpReferenceElement(), this.open && E(this), this.hasLoaded = !0;
+    this.referenceElement && !this.referenceEl && this.setUpReferenceElement(), this.hasLoaded = !0;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.removeReferences(), $(this), m(this);
+    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.removeReferences(), F(this);
   }
   // #endregion
   // #region Private Methods
-  handleFocusTrapDisabled(e) {
-    this.open && (e ? m(this) : b(this));
-  }
   flipPlacementsHandler() {
     this.setFilteredPlacements(), this.reposition(!0);
   }
   openHandler() {
-    E(this), this.reposition(!0), this.setExpandedAttr();
+    U(this), this.reposition(!0), this.setExpandedAttr();
   }
   referenceElementHandler() {
     this.setUpReferenceElement(), this.reposition(!0);
@@ -157,12 +148,12 @@ class ee extends A {
   }
   setFilteredPlacements() {
     const { el: e, flipPlacements: t } = this;
-    this.filteredFlipPlacements = t ? z(t, e) : null;
+    this.filteredFlipPlacements = t ? $(t, e) : null;
   }
   setUpReferenceElement(e = !0) {
-    this.removeReferences(), this.referenceEl = this.getReferenceElement(), H(this);
-    const { el: t, referenceElement: i, referenceEl: o } = this;
-    e && i && !o && console.warn(`${t.tagName}: reference-element id "${i}" was not found.`, {
+    this.removeReferences(), this.referenceEl = this.getReferenceElement(), L(this);
+    const { el: t, referenceElement: i, referenceEl: r } = this;
+    e && i && !r && console.warn(`${t.tagName}: reference-element id "${i}" was not found.`, {
       el: t
     }), this.addReferences();
   }
@@ -171,22 +162,22 @@ class ee extends A {
   }
   setExpandedAttr() {
     const { referenceEl: e, open: t } = this;
-    e && "setAttribute" in e && e.setAttribute(y, I(t));
+    e && "setAttribute" in e && e.setAttribute(E, B(t));
   }
   addReferences() {
     const { referenceEl: e } = this;
     if (!e)
       return;
     const t = this.getId();
-    "setAttribute" in e && e.setAttribute(k, t), x.registerElement(e, this.el), this.setExpandedAttr();
+    "setAttribute" in e && e.setAttribute(b, t), w.registerElement(e, this.el), this.setExpandedAttr();
   }
   removeReferences() {
     const { referenceEl: e } = this;
-    e && ("removeAttribute" in e && (e.removeAttribute(k), e.removeAttribute(y)), x.unregisterElement(e));
+    e && ("removeAttribute" in e && (e.removeAttribute(b), e.removeAttribute(E)), w.unregisterElement(e));
   }
   getReferenceElement() {
     const { referenceElement: e, el: t } = this;
-    return (typeof e == "string" ? q(t, { id: e }) : e) || null;
+    return (typeof e == "string" ? R(t, { id: e }) : e) || null;
   }
   hide() {
     this.open = !1;
@@ -195,13 +186,13 @@ class ee extends A {
     this.calcitePopoverBeforeOpen.emit();
   }
   onOpen() {
-    this.calcitePopoverOpen.emit(), b(this);
+    this.calcitePopoverOpen.emit(), this.focusTrap.activate();
   }
   onBeforeClose() {
     this.calcitePopoverBeforeClose.emit();
   }
   onClose() {
-    this.calcitePopoverClose.emit(), B(this), m(this);
+    this.calcitePopoverClose.emit(), H(this), this.focusTrap.deactivate();
   }
   storeArrowEl(e) {
     this.arrowEl = e, this.reposition(!0);
@@ -210,25 +201,25 @@ class ee extends A {
   // #region Rendering
   renderCloseButton() {
     const { messages: e, closable: t } = this;
-    return t ? h(r.closeButtonContainer, f`<div class=${s(r.closeButtonContainer)}><calcite-action appearance=transparent class=${s(r.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${e.close} ${u(this.closeButtonEl)}><calcite-icon icon=x .scale=${G(this.scale)}></calcite-icon></calcite-action></div>`) : null;
+    return t ? h(o.closeButtonContainer, f`<div class=${s(o.closeButtonContainer)}><calcite-action appearance=transparent class=${s(o.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${e.close} ${u(this.closeButtonEl)}><calcite-icon icon=x .scale=${N(this.scale)}></calcite-icon></calcite-action></div>`) : null;
   }
   renderHeader() {
-    const { heading: e, headingLevel: t } = this, i = e ? N({ class: r.heading, level: t, children: e }) : null;
-    return i ? h(r.header, f`<div class=${s(r.header)}>${i}${this.renderCloseButton()}</div>`) : null;
+    const { heading: e, headingLevel: t } = this, i = e ? S({ class: o.heading, level: t, children: e }) : null;
+    return i ? h(o.header, f`<div class=${s(o.header)}>${i}${this.renderCloseButton()}</div>`) : null;
   }
   render() {
-    const { referenceEl: e, heading: t, label: i, open: o, pointerDisabled: l, floatingLayout: c } = this, a = e && o, d = !a, p = l ? null : h("floating-arrow", X({ floatingLayout: c, ref: this.storeArrowEl }));
-    return this.el.inert = d, this.el.ariaLabel = i, this.el.ariaLive = "polite", T(this.el, "id", this.getId()), this.el.role = "dialog", f`<div class=${s(r.positionContainer)} ${u(this.setFloatingEl)}><div class=${s({
-      [r.container]: !0,
-      [v.animation]: !0,
-      [v.animationActive]: a
+    const { referenceEl: e, heading: t, label: i, open: r, pointerDisabled: l, floatingLayout: c } = this, a = e && r, d = !a, p = l ? null : h("floating-arrow", _({ floatingLayout: c, ref: this.storeArrowEl }));
+    return this.el.inert = d, this.el.ariaLabel = i, this.el.ariaLive = "polite", A(this.el, "id", this.getId()), this.el.role = "dialog", f`<div class=${s(o.positionContainer)} ${u(this.setFloatingEl)}><div class=${s({
+      [o.container]: !0,
+      [g.animation]: !0,
+      [g.animationActive]: a
     })} ${u(this.setTransitionEl)}>${p}<div class=${s({
-      [r.hasHeader]: !!t,
-      [r.headerContainer]: !0
-    })}>${this.renderHeader()}<div class=${s(r.content)}><slot></slot></div>${t ? null : this.renderCloseButton()}</div></div></div>`;
+      [o.hasHeader]: !!t,
+      [o.headerContainer]: !0
+    })}>${this.renderHeader()}<div class=${s(o.content)}><slot></slot></div>${t ? null : this.renderCloseButton()}</div></div></div>`;
   }
 }
-F("calcite-popover", ee);
+k("calcite-popover", J);
 export {
-  ee as Popover
+  J as Popover
 };

package/dist/components/calcite-progress/customElement.js

@@ -3,11 +3,9 @@ import { html as t } from "lit-html";
 import { LitElement as s, safeClassMap as o, safeStyleMap as l } from "@arcgis/lumina";
 import { g as c } from "../../chunks/dom.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const m = d`: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-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-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-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`;
 class p extends s {
   constructor() {

package/dist/components/calcite-radio-button/customElement.d.ts

@@ -25,7 +25,10 @@ export declare class RadioButton extends LitElement {
      * Required to pass the component's `value` on form submission.
      */
     name: string;
-    /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */
+    /**
+     * When `true` and the component resides in a form,
+     * the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+     */
     required: boolean;
     /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
     scale: Scale;

package/dist/components/calcite-radio-button/customElement.js

@@ -5,19 +5,17 @@ import { LitElement as m, createEvent as s, safeClassMap as k } from "@arcgis/lu
 import { g as l } from "../../chunks/array.js";
 import { b as v, g as x } from "../../chunks/dom.js";
 import { c as B, d as g, H as y } from "../../chunks/form.js";
-import { u as w, I as C } from "../../chunks/interactive.js";
-import { c as I, d as R, g as z } from "../../chunks/label.js";
-import { c as A, s as F, a as L } from "../../chunks/loadable.js";
-import { css as E } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const q = {
+import { u as w, I } from "../../chunks/interactive.js";
+import { c as R, d as C, g as z } from "../../chunks/label.js";
+import { c as A } from "../../chunks/loadable.js";
+import { css as F } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const L = {
   container: "container"
-}, O = E`: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{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size: var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size: var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size: var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
-class H extends m {
+}, E = F`: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{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size: var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size: var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size: var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
+class q extends m {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -27,7 +25,7 @@ class H extends m {
     this.properties = { checked: 7, disabled: 7, focused: 7, form: 3, hovered: 7, label: 1, name: 3, required: 7, scale: 3, value: 1 };
   }
   static {
-    this.styles = O;
+    this.styles = E;
   }
   // #endregion
   // #region Public Methods
@@ -40,10 +38,9 @@ class H extends m {
     await A(this), this.disabled || v(this.containerEl);
   }
   connectedCallback() {
-    this.rootNode = this.el.getRootNode(), this.name && this.checkLastRadioButton(), I(this), B(this), this.updateTabIndexOfOtherRadioButtonsInGroup(), super.connectedCallback();
+    this.rootNode = this.el.getRootNode(), this.name && this.checkLastRadioButton(), R(this), B(this), this.updateTabIndexOfOtherRadioButtonsInGroup(), super.connectedCallback();
   }
   load() {
-    F(this);
   }
   willUpdate(e) {
     this.hasUpdated && e.has("checked") && this.checkedChanged(this.checked), e.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.updateTabIndexOfOtherRadioButtonsInGroup(), e.has("name") && this.checkLastRadioButton();
@@ -52,10 +49,10 @@ class H extends m {
     w(this);
   }
   loaded() {
-    L(this), this.focused && !this.disabled && this.setFocus();
+    this.focused && !this.disabled && this.setFocus();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), R(this), g(this), this.updateTabIndexOfOtherRadioButtonsInGroup();
+    super.disconnectedCallback(), C(this), g(this), this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
   // #endregion
   // #region Private Methods
@@ -163,10 +160,10 @@ class H extends m {
   // #region Rendering
   render() {
     const e = this.getTabIndex();
-    return C({ disabled: this.disabled, children: p`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${k(q.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e ?? b} ${f(this.setContainerEl)}><div class="radio"></div></div>${y({ component: this })}` });
+    return I({ disabled: this.disabled, children: p`<div .ariaChecked=${this.checked} .ariaLabel=${z(this)} class=${k(L.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${e ?? b} ${f(this.setContainerEl)}><div class="radio"></div></div>${y({ component: this })}` });
   }
 }
-u("calcite-radio-button", H);
+u("calcite-radio-button", q);
 export {
-  H as RadioButton
+  q as RadioButton
 };

package/dist/components/calcite-radio-button-group/customElement.d.ts

@@ -18,7 +18,10 @@ export declare class RadioButtonGroup extends LitElement {
      * @required
      */
     name: string;
-    /** When `true`, the component must have a value in order for the form to submit. */
+    /**
+     * When `true` and the component resides in a form,
+     * the component must have a value in order for the form to submit.
+     */
     required: boolean;
     /** Specifies the size of the component. */
     scale: Scale;

package/dist/components/calcite-radio-button-group/customElement.js

@@ -2,21 +2,19 @@ import { c as a } from "../../chunks/runtime.js";
 import { html as i } from "lit";
 import { LitElement as o, createEvent as l, stringOrBoolean as r, safeClassMap as n } from "@arcgis/lumina";
 import { c } from "../../chunks/observers.js";
-import { c as d, s as h, a as u } from "../../chunks/loadable.js";
-import { V as p } from "../../chunks/Validation.js";
+import { c as d } from "../../chunks/loadable.js";
+import { V as h } from "../../chunks/Validation.js";
 import { h as e } from "../../chunks/dom.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const g = {
+import { css as u } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const p = {
   itemWrapper: "item-wrapper"
 }, s = {
   validationMessage: "radioButtonGroupValidationMessage"
-}, f = m`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
-class v extends o {
+}, m = u`:host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value: calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
+class g extends o {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -26,7 +24,7 @@ class v extends o {
     this.properties = { radioButtons: 16, disabled: 7, layout: 3, name: 3, required: 7, scale: 3, selectedItem: 0, status: 3, validationIcon: [3, { converter: r }], validationMessage: 1 };
   }
   static {
-    this.styles = f;
+    this.styles = m;
   }
   // #endregion
   // #region Public Methods
@@ -38,13 +36,12 @@ class v extends o {
     super.connectedCallback(), this.passPropsToRadioButtons(), this.mutationObserver?.observe(this.el, { childList: !0, subtree: !0 });
   }
   load() {
-    h(this);
   }
   willUpdate(t) {
     (t.has("disabled") && (this.hasUpdated || this.disabled !== !1) || t.has("layout") && (this.hasUpdated || this.layout !== "horizontal") || t.has("scale") && (this.hasUpdated || this.scale !== "m")) && this.passPropsToRadioButtons();
   }
   loaded() {
-    this.passPropsToRadioButtons(), u(this);
+    this.passPropsToRadioButtons();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.mutationObserver?.disconnect();
@@ -65,10 +62,10 @@ class v extends o {
   // #endregion
   // #region Rendering
   render() {
-    return this.el.role = "radiogroup", i`<div aria-errormessage=${s.validationMessage} .ariaInvalid=${this.status === "invalid"} class=${n(g.itemWrapper)}><slot></slot></div>${this.validationMessage && this.status === "invalid" ? p({ icon: this.validationIcon, id: s.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}`;
+    return this.el.role = "radiogroup", i`<div aria-errormessage=${s.validationMessage} .ariaInvalid=${this.status === "invalid"} class=${n(p.itemWrapper)}><slot></slot></div>${this.validationMessage && this.status === "invalid" ? h({ icon: this.validationIcon, id: s.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}`;
   }
 }
-a("calcite-radio-button-group", v);
+a("calcite-radio-button-group", g);
 export {
-  v as RadioButtonGroup
+  g as RadioButtonGroup
 };

package/dist/components/calcite-rating/customElement.js

@@ -4,26 +4,24 @@ import { html as s } from "lit-html";
 import { safeClassMap as g, LitElement as y, createEvent as $, stringOrBoolean as k, nothing as r, safeStyleMap as w } from "@arcgis/lumina";
 import { c as x, d as V, H as L } from "../../chunks/form.js";
 import { g as I } from "../../chunks/guid.js";
-import { u as C, I as F } from "../../chunks/interactive.js";
+import { u as F, I as C } from "../../chunks/interactive.js";
 import { c as M, d as E } from "../../chunks/label.js";
-import { c as O, s as R, a as z } from "../../chunks/loadable.js";
-import { h as D } from "../../chunks/dom.js";
-import { V as K } from "../../chunks/Validation.js";
-import { u as P } from "../../chunks/useT9n.js";
-import { css as S } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
+import { c as O } from "../../chunks/loadable.js";
+import { h as R } from "../../chunks/dom.js";
+import { V as z } from "../../chunks/Validation.js";
+import { u as D } from "../../chunks/useT9n.js";
+import { css as K } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const p = ({ full: u, scale: e, partial: t }) => s`<calcite-icon class=${g(t ? void 0 : "icon")} .icon=${u ? "star-f" : "star"} .scale=${e}></calcite-icon>`, v = {
   validationMessage: "validationMessage"
-}, q = S`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color-hover, var(--calcite-color-brand))}.fraction{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
-class N extends y {
+}, P = K`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color-hover, var(--calcite-color-brand))}.fraction{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
+class S extends y {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.emit = !1, this.guid = `calcite-ratings-${I()}`, this.isKeyboardInteraction = !0, this.labelElements = [], this.max = 5, this._value = 0, this.disabled = !1, this.messages = P({ blocking: !0 }), this.readOnly = !1, this.required = !1, this.scale = "m", this.showChip = !1, this.status = "idle", this.validity = {
+    super(), this.emit = !1, this.guid = `calcite-ratings-${I()}`, this.isKeyboardInteraction = !0, this.labelElements = [], this.max = 5, this._value = 0, this.disabled = !1, this.messages = D({ blocking: !0 }), this.readOnly = !1, this.required = !1, this.scale = "m", this.showChip = !1, this.status = "idle", this.validity = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -41,7 +39,7 @@ class N extends y {
     this.properties = { hoverValue: 16, average: 11, count: 11, disabled: 7, form: 3, messageOverrides: 0, name: 3, readOnly: 7, required: 7, scale: 3, showChip: 7, status: 3, validationIcon: [3, { converter: k }], validationMessage: 1, validity: 0, value: 11 };
   }
   static {
-    this.styles = q;
+    this.styles = P;
   }
   /** The component's value. */
   get value() {
@@ -55,13 +53,13 @@ class N extends y {
   // #region Public Methods
   /** Sets focus on the component. */
   async setFocus() {
-    await O(this), D(this.el);
+    await O(this), R(this.el);
   }
   connectedCallback() {
     super.connectedCallback(), M(this), x(this);
   }
   async load() {
-    R(this), this.requestUpdate("value");
+    this.requestUpdate("value");
   }
   willUpdate() {
     this.starsMap = Array.from({ length: this.max }, (e, t) => {
@@ -80,10 +78,10 @@ class N extends y {
     });
   }
   updated() {
-    C(this);
+    F(this);
   }
   loaded() {
-    this.labelElements = Array.from(this.renderRoot.querySelectorAll("label")), z(this);
+    this.labelElements = Array.from(this.renderRoot.querySelectorAll("label"));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), E(this), V(this);
@@ -166,16 +164,16 @@ class N extends y {
   // #region Rendering
   render() {
     const e = this.count?.toString();
-    return F({ disabled: this.disabled, children: s`<span class="wrapper"><fieldset class="fieldset" .disabled=${this.disabled}><legend class="visually-hidden">${this.messages.rating}</legend>${this.starsMap.map(({ average: t, checked: a, fraction: i, hovered: d, id: n, partial: l, selected: c, value: o, tabIndex: h }) => s`<label class=${g({
+    return C({ disabled: this.disabled, children: s`<span class="wrapper"><fieldset class="fieldset" .disabled=${this.disabled}><legend class="visually-hidden">${this.messages.rating}</legend>${this.starsMap.map(({ average: t, checked: a, fraction: i, hovered: d, id: n, partial: l, selected: c, value: o, tabIndex: h }) => s`<label class=${g({
       star: !0,
       selected: c,
       hovered: d,
       average: t,
       partial: l
-    })} data-value=${o ?? r} for=${n ?? r} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${h ?? r}><input aria-errormessage=${v.validationMessage} .ariaInvalid=${this.status === "invalid"} .checked=${a} class="visually-hidden" .disabled=${this.disabled || this.readOnly} id=${n ?? r} name=${this.guid ?? r} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${f(o ?? "")}>${p({ full: c || t, scale: this.scale })}${l && s`<div class="fraction" style=${w({ width: `${i * 100}%` })}>${p({ full: !0, partial: !0, scale: this.scale })}</div>` || ""}<span class="visually-hidden">${this.messages.stars.replace("{num}", `${o}`)}</span></label>`)}${(this.count || this.average) && this.showChip ? s`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average && s`<span class="number--average">${this.average.toString()}</span>` || ""}${!!this.count && s`<span class="number--count">(${e})</span>` || ""}</calcite-chip>` : null}</fieldset>${L({ component: this })}${this.validationMessage && this.status === "invalid" ? K({ icon: this.validationIcon, id: v.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}</span>` });
+    })} data-value=${o ?? r} for=${n ?? r} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${h ?? r}><input aria-errormessage=${v.validationMessage} .ariaInvalid=${this.status === "invalid"} .checked=${a} class="visually-hidden" .disabled=${this.disabled || this.readOnly} id=${n ?? r} name=${this.guid ?? r} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${f(o ?? "")}>${p({ full: c || t, scale: this.scale })}${l && s`<div class="fraction" style=${w({ width: `${i * 100}%` })}>${p({ full: !0, partial: !0, scale: this.scale })}</div>` || ""}<span class="visually-hidden">${this.messages.stars.replace("{num}", `${o}`)}</span></label>`)}${(this.count || this.average) && this.showChip ? s`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average && s`<span class="number--average">${this.average.toString()}</span>` || ""}${!!this.count && s`<span class="number--count">(${e})</span>` || ""}</calcite-chip>` : null}</fieldset>${L({ component: this })}${this.validationMessage && this.status === "invalid" ? z({ icon: this.validationIcon, id: v.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}</span>` });
   }
 }
-b("calcite-rating", N);
+b("calcite-rating", S);
 export {
-  N as Rating
+  S as Rating
 };