@esri/calcite-components 3.2.0-next.0 → 3.2.0-next.2

package/dist/chunks/runtime.js

@@ -1,69 +1,58 @@
-import { makeRuntime as f } from "@arcgis/lumina";
-import { isServer as g } from "lit-html/is-server.js";
+import { makeRuntime as u } from "@arcgis/lumina";
+import { isServer as f } from "lit";
+import "lit-html/is-server.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.2.0-next.0 */
-const l = "calcite-mode-auto", u = "calcite-mode-dark", h = "calcite-mode-light", D = {
+v3.2.0-next.2 */
+const l = "calcite-mode-auto", d = "calcite-mode-dark", g = "calcite-mode-light", _ = {
   autoMode: l,
-  darkMode: u,
-  lightMode: h,
+  darkMode: d,
+  lightMode: g,
   rtl: "calcite--rtl",
   calciteAnimate: "calcite-animate",
   calciteAnimateInUp: "calcite-animate__in-up",
   calciteAnimateInDown: "calcite-animate__in-down",
   calciteAnimateInRight: "calcite-animate__in-right",
   calciteAnimateInLeft: "calcite-animate__in-left"
-}, M = {
+}, E = {
   filter: 250,
   nextTick: 0,
   resize: 150,
   reposition: 100
 };
-function r() {
-  const { classList: t } = document.body, a = window.matchMedia("(prefers-color-scheme: dark)").matches, i = () => t.contains(u) || t.contains(l) && a ? "dark" : "light", c = (e) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: !0, detail: { mode: e } })), s = (e) => {
-    o !== e && c(e), o = e;
+function s() {
+  const { classList: e } = document.body, m = window.matchMedia("(prefers-color-scheme: dark)").matches, a = () => e.contains(d) || e.contains(l) && m ? "dark" : "light", c = (t) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: !0, detail: { mode: t } })), o = (t) => {
+    n !== t && c(t), n = t;
   };
-  let o = i();
-  c(o), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => s(e.matches ? "dark" : "light")), new MutationObserver(() => s(i())).observe(document.body, {
+  let n = a();
+  c(n), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (t) => o(t.matches ? "dark" : "light")), new MutationObserver(() => o(a())).observe(document.body, {
     attributes: !0,
     attributeFilter: ["class"]
   });
 }
-const n = globalThis.calciteConfig, _ = n?.focusTrapStack || [], E = n?.logLevel || "info", d = "3.2.0-next.0", p = "2025-03-28", b = "ced136b19";
-function v() {
-  if (n && n.version)
+const i = globalThis.calciteConfig, L = i?.focusTrapStack || [], T = i?.logLevel || "info", r = "3.2.0-next.2", h = "2025-04-04", p = "2374e997f";
+function b() {
+  if (i && i.version)
     return;
-  console.info(`Using Calcite Components ${d} [Date: ${p}, Revision: ${b}]`);
-  const t = n || globalThis.calciteConfig || {};
-  Object.defineProperty(t, "version", {
-    value: d,
+  console.info(`Using Calcite Components ${r} [Date: ${h}, Revision: ${p}]`);
+  const e = i || globalThis.calciteConfig || {};
+  Object.defineProperty(e, "version", {
+    value: r,
     writable: !1
-  }), globalThis.calciteConfig = t;
-}
-const m = () => !g && typeof navigator < "u" && typeof window < "u" && typeof location < "u" && typeof document < "u" && window.location === location && window.document === document;
-function C() {
-  return navigator.userAgentData;
+  }), globalThis.calciteConfig = e;
 }
-function L() {
-  if (!m())
-    return "";
-  const t = C();
-  return t?.brands ? t.brands.map(({ brand: a, version: i }) => `${a}/${i}`).join(" ") : navigator.userAgent;
-}
-function w() {
-  m() && (document.readyState === "interactive" ? r() : document.addEventListener("DOMContentLoaded", () => r(), { once: !0 })), v();
+function v() {
+  f || (document.readyState === "interactive" ? s() : document.addEventListener("DOMContentLoaded", () => s(), { once: !0 })), b();
 }
-w();
-const A = f({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.2.0-next.0/dist/calcite/", hydratedAttribute: "calcite-hydrated" }), { customElement: S, getAssetPath: T, setAssetPath: I } = A;
+v();
+const C = u({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@3.2.0-next.2/dist/calcite/", hydratedAttribute: "calcite-hydrated" }), { customElement: w, getAssetPath: y, setAssetPath: D } = C;
 export {
-  D as C,
-  M as D,
-  L as a,
-  S as c,
-  _ as f,
-  T as g,
-  m as i,
-  E as l,
-  A as r,
-  I as s
+  _ as C,
+  E as D,
+  w as c,
+  L as f,
+  y as g,
+  T as l,
+  C as r,
+  D as s
 };

package/dist/chunks/sortableComponent.js

@@ -1,7 +1,7 @@
 import f from "sortablejs";
 /*! 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.2.0-next.0 */
+v3.2.0-next.2 */
 const d = /* @__PURE__ */ new Set(), u = {
   ghostClass: "calcite-sortable--ghost",
   chosenClass: "calcite-sortable--chosen",

package/dist/chunks/text.js

@@ -2,7 +2,7 @@ import { html as s } from "lit-html";
 import { safeClassMap as h } from "@arcgis/lumina";
 /*! 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.2.0-next.0 */
+v3.2.0-next.2 */
 const i = {
   textMatch: "text-match"
 };

package/dist/chunks/time.js

@@ -2,7 +2,7 @@ import { l as M, i as h, n as T, g as A, a as F } from "./locale.js";
 import { d as $ } from "./math.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.2.0-next.0 */
+v3.2.0-next.2 */
 const U = 5;
 function p({
   locale: t,

package/dist/chunks/useFocusTrap.js

@@ -4,7 +4,7 @@ import { p as T, b as v } from "./dom.js";
 import { f as b } from "./runtime.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.2.0-next.0 */
+v3.2.0-next.2 */
 function C(t, e) {
   return {
     clickOutsideDeactivates: !0,

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/components-controllers";
 import { g as t } from "./runtime.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.2.0-next.0 */
+v3.2.0-next.2 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/utils.js

@@ -1,7 +1,7 @@
-import { i as r } from "./runtime.js";
+import { isServer as r } from "lit";
 /*! 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.2.0-next.0 */
+v3.2.0-next.2 */
 const c = "calcite-list", a = "calcite-list-item-group", i = "calcite-list-item";
 function o(e) {
   const t = e.parentElement?.closest(i);
@@ -21,7 +21,7 @@ function h(e) {
   });
 }
 function d(e, t = !1) {
-  if (!r())
+  if (r)
     return 0;
   const s = t ? "ancestor::calcite-list-item | ancestor::calcite-list-item-group" : "ancestor::calcite-list-item";
   return document.evaluate(s, e, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null).snapshotLength;

package/dist/chunks/utils2.js

@@ -3,7 +3,7 @@ import { b as c } from "./locale.js";
 import { g as i } from "./runtime.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.2.0-next.0 */
+v3.2.0-next.2 */
 const o = {}, n = {};
 async function l(e) {
   const t = c(e);

package/dist/chunks/utils3.js

@@ -1,8 +1,8 @@
+import { isServer as a } from "lit";
 import { n as s } from "./dom.js";
-import { i as a } from "./runtime.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.2.0-next.0 */
+v3.2.0-next.2 */
 const c = "CALCITE-COMBOBOX-ITEM", i = "CALCITE-COMBOBOX-ITEM-GROUP", r = `${c}, ${i}`, d = {
   input: "input",
   inputHidden: "input--hidden",
@@ -36,7 +36,7 @@ function h(e) {
   return s(e.querySelectorAll("calcite-combobox-item")).filter((t) => t.selected).length > 0;
 }
 function C(e) {
-  if (!a())
+  if (a)
     return 0;
   const n = document.evaluate(
     "ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",

package/dist/chunks/utils4.js

@@ -2,7 +2,7 @@ import v from "color";
 import { h as I, i as R, j as b } from "./global.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.2.0-next.0 */
+v3.2.0-next.2 */
 const w = {
   channel: "channel",
   channels: "channels",

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

@@ -5,7 +5,7 @@ import { c as r } from "../../chunks/observers.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.2.0-next.0 */
+v3.2.0-next.2 */
 const i = {
   accordion: "accordion",
   transparent: "accordion--transparent"

package/dist/components/calcite-accordion-item/customElement.js

@@ -8,7 +8,7 @@ import { c as $, g as l } from "../../chunks/component.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.2.0-next.0 */
+v3.2.0-next.2 */
 const v = {
   actionsStart: "actions-start",
   actionsEnd: "actions-end"

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

@@ -11,7 +11,7 @@ import { u as F } from "../../chunks/useT9n.js";
 import { css as H } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const o = {
   button: "button",
   buttonTextVisible: "button--text-visible",

package/dist/components/calcite-action-bar/customElement.js

@@ -10,7 +10,7 @@ import { u as S } from "../../chunks/useT9n.js";
 import { css as L } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const k = {
   actionGroupEnd: "action-group--end"
 }, h = {

package/dist/components/calcite-action-group/customElement.js

@@ -9,7 +9,7 @@ import { I as y, S as i, C as $ } from "../../chunks/resources7.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.2.0-next.0 */
+v3.2.0-next.2 */
 const O = v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);gap:var(--calcite-action-group-gap, 1px);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`;
 class M extends d {
   constructor() {

package/dist/components/calcite-action-menu/customElement.d.ts

@@ -8,7 +8,7 @@ import { Action } from '../calcite-action/customElement.js';
 /**
  * @slot - A slot for adding `calcite-action`s.
  * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.
- * @slot tooltip - A slot for adding an tooltip for the menu.
+ * @slot tooltip - A slot for adding a tooltip for the menu.
  */
 export declare class ActionMenu extends LitElement {
     /** Specifies the appearance of the component. */

package/dist/components/calcite-action-menu/customElement.js

@@ -11,7 +11,7 @@ import { a as $, S as d, I as A, C as h } from "../../chunks/resources2.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.2.0-next.0 */
+v3.2.0-next.2 */
 const C = w`:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-action-menu-items-space, 0)}:host([hidden]){display:none}[hidden]{display:none}`, y = ["ArrowUp", "ArrowDown", "End", "Home"];
 class P extends E {
   constructor() {

package/dist/components/calcite-action-pad/customElement.js

@@ -9,7 +9,7 @@ import { u as G } from "../../chunks/useT9n.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.2.0-next.0 */
+v3.2.0-next.2 */
 const l = {
   actionGroupEnd: "action-group--end",
   container: "container"

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

@@ -12,7 +12,7 @@ import { u as S } from "../../chunks/useT9n.js";
 import { css as O } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const c = {
   slow: 14e3,
   medium: 1e4,

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

@@ -18,7 +18,7 @@ import { c as v } from "../../chunks/observers.js";
 import { css as R } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const G = R`: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;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-background-color: var(--calcite-autocomplete-input-prefix-background-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-background-color: var(--calcite-autocomplete-input-suffix-background-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.floating-ui-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}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.content-container .calcite-floating-ui-anim{max-height:45vh;width:100%;overflow-y:auto;color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media (forced-colors: active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height: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}`, x = {
   contentBottom: "content-bottom",
   contentTop: "content-top"

package/dist/components/calcite-autocomplete-item/customElement.js

@@ -8,7 +8,7 @@ import { h as s } from "../../chunks/text.js";
 import { css as b } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   container: "container",
   containerActive: "container--active",

package/dist/components/calcite-autocomplete-item-group/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as n, nothing as c, safeClassMap as i } from "@arcgis/lumina
 import { css as r } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const e = {
   container: "container",
   containerNoSpacing: "container--no-spacing",

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

@@ -6,7 +6,7 @@ import { w as v, i as d } from "../../chunks/utils4.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.2.0-next.0 */
+v3.2.0-next.2 */
 const u = {
   thumbnail: "thumbnail",
   background: "background",

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

@@ -14,7 +14,7 @@ import { l as b } from "../../chunks/logger.js";
 import { css as R } 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.2.0-next.0 */
+v3.2.0-next.2 */
 const c = {
   content: "content",
   toggle: "toggle",

package/dist/components/calcite-block-group/customElement.d.ts

@@ -47,4 +47,6 @@ export declare class BlockGroup extends LitElement {
     readonly calciteBlockGroupDragStart: TargetedEvent<this, BlockDragDetail>;
     /** Fires when the component's item order changes. */
     readonly calciteBlockGroupOrderChange: TargetedEvent<this, BlockDragDetail>;
+    /** Fires when a user attempts to move an element using the sort menu and 'canPut' or 'canPull' returns falsy. */
+    readonly calciteBlockGroupMoveHalt: TargetedEvent<this, BlockDragDetail>;
 }

package/dist/components/calcite-block-group/customElement.js

@@ -1,28 +1,28 @@
 import { D as f, c as v } from "../../chunks/runtime.js";
 import { debounce as k } from "lodash-es";
 import { html as p } from "lit";
-import { LitElement as E, createEvent as m, safeClassMap as c } from "@arcgis/lumina";
-import { u as I, I as B } from "../../chunks/interactive.js";
-import { c as C } from "../../chunks/observers.js";
+import { LitElement as E, createEvent as c, safeClassMap as d } from "@arcgis/lumina";
+import { u as B, I as C } from "../../chunks/interactive.js";
+import { c as I } from "../../chunks/observers.js";
 import { d as S, c as O } from "../../chunks/sortableComponent.js";
 import { c as x } from "../../chunks/component.js";
-import { h as y, y as G } from "../../chunks/dom.js";
+import { h as G, y } from "../../chunks/dom.js";
 import { g as T } from "../../chunks/guid.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.2.0-next.0 */
-function u(l) {
-  return l.tagName === "CALCITE-BLOCK";
+v3.2.0-next.2 */
+function b(n) {
+  return n.tagName === "CALCITE-BLOCK";
 }
-const d = {
+const h = {
   container: "container",
   groupContainer: "group-container",
   scrim: "scrim",
   assistiveText: "assistive-text"
-}, b = "calcite-block-group", g = "calcite-block", $ = D`: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}.container{position:relative}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
-function w(l) {
-  const e = l.assignedElements({ flatten: !0 }).filter((s) => s.matches(g));
+}, u = "calcite-block-group", m = "calcite-block", $ = D`: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}.container{position:relative}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+function w(n) {
+  const e = n.assignedElements({ flatten: !0 }).filter((s) => s.matches(m));
   e.forEach((s) => {
     s.setPosition = e.indexOf(s) + 1, s.setSize = e.length;
   });
@@ -31,15 +31,15 @@ class A extends E {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.dragSelector = g, this.handleSelector = "calcite-sort-handle", this.mutationObserver = C("mutation", () => {
+    super(), this.dragSelector = m, this.handleSelector = "calcite-sort-handle", this.mutationObserver = I("mutation", () => {
       this.updateBlockItems();
     }), this.updateBlockItems = k(() => {
       this.updateGroupItems();
-      const { dragEnabled: e, el: s, moveToItems: o } = this;
-      Array.from(this.el.querySelectorAll(g)).forEach((t) => {
-        t.closest(b) === s && (t.moveToItems = o.filter((n) => n.element !== s && !t.contains(n.element)), t.dragHandle = e);
+      const { dragEnabled: e, el: s, moveToItems: a } = this;
+      Array.from(this.el.querySelectorAll(m)).forEach((t) => {
+        t.closest(u) === s && (t.moveToItems = a.filter((l) => l.element !== s && !t.contains(l.element)), t.dragHandle = e);
       }), this.setUpSorting();
-    }, f.nextTick), this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.loading = !1, this.calciteBlockGroupDragEnd = m({ cancelable: !1 }), this.calciteBlockGroupDragStart = m({ cancelable: !1 }), this.calciteBlockGroupOrderChange = m({ cancelable: !1 }), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove);
+    }, f.nextTick), this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.loading = !1, this.calciteBlockGroupDragEnd = c({ cancelable: !1 }), this.calciteBlockGroupDragStart = c({ cancelable: !1 }), this.calciteBlockGroupOrderChange = c({ cancelable: !1 }), this.calciteBlockGroupMoveHalt = c({ cancelable: !1 }), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove);
   }
   static {
     this.properties = { assistiveText: 16, moveToItems: 16, canPull: 0, canPut: 0, disabled: 7, dragEnabled: 7, group: 3, label: 1, loading: 7 };
@@ -55,7 +55,16 @@ class A extends E {
    * @returns {Promise<void>}
    */
   async setFocus() {
-    await x(this), y(this.el);
+    await x(this), G(this.el);
+  }
+  /**
+   * Emits a `calciteBlockGroupMoveHalt` event.
+   *
+   * @private
+   * @param dragDetail
+   */
+  putFailed(e) {
+    this.calciteBlockGroupMoveHalt.emit(e);
   }
   connectedCallback() {
     super.connectedCallback(), this.connectObserver(), this.updateBlockItems(), this.setUpSorting(), this.setParentBlockGroup();
@@ -64,7 +73,7 @@ class A extends E {
     (e.has("group") || e.has("dragEnabled") && (this.hasUpdated || this.dragEnabled !== !1)) && this.updateBlockItems();
   }
   updated() {
-    I(this);
+    B(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.disconnectObserver(), S(this);
@@ -72,8 +81,8 @@ class A extends E {
   // #endregion
   // #region Private Methods
   updateGroupItems() {
-    const { el: e, group: s } = this, o = G(e), a = s ? Array.from(o.querySelectorAll(`${b}[group="${s}"]`)).filter((t) => !t.disabled && t.dragEnabled) : [];
-    this.moveToItems = a.map((t) => ({
+    const { el: e, group: s } = this, a = y(e), o = s ? Array.from(a.querySelectorAll(`${u}[group="${s}"]`)).filter((t) => !t.disabled && t.dragEnabled) : [];
+    this.moveToItems = o.map((t) => ({
       element: t,
       label: t.label ?? t.id,
       id: T()
@@ -114,61 +123,79 @@ class A extends E {
     this.setParentBlockGroup(), this.updateBlockItems(), this.calciteBlockGroupOrderChange.emit(e);
   }
   setParentBlockGroup() {
-    this.parentBlockGroupEl = this.el.parentElement?.closest(b);
+    this.parentBlockGroupEl = this.el.parentElement?.closest(u);
   }
   handleDefaultSlotChange(e) {
     w(e.target);
   }
   handleMove(e) {
-    const { moveTo: s } = e.detail, o = e.target, a = o?.parentElement, t = s.element, r = Array.from(a.children).filter(u).indexOf(o);
-    if (!a)
-      return;
-    o.sortHandleOpen = !1, this.disconnectObserver(), t.prepend(o);
-    const h = Array.from(t.children).filter(u).indexOf(o);
-    this.updateBlockItems(), this.connectObserver(), this.calciteBlockGroupOrderChange.emit({
-      dragEl: o,
-      fromEl: a,
-      toEl: t,
-      newIndex: h,
-      oldIndex: r
-    });
+    const { moveTo: s } = e.detail, a = e.target, o = a?.parentElement, t = s.element, i = Array.from(o.children).filter(b).indexOf(a), r = 0;
+    if (o) {
+      if (o.canPull?.({
+        toEl: t,
+        fromEl: o,
+        dragEl: a,
+        newIndex: r,
+        oldIndex: i
+      }) === !1) {
+        this.calciteBlockGroupMoveHalt.emit({ toEl: t, fromEl: o, dragEl: a, oldIndex: i, newIndex: r });
+        return;
+      }
+      if (t.canPut?.({
+        toEl: t,
+        fromEl: o,
+        dragEl: a,
+        newIndex: r,
+        oldIndex: i
+      }) === !1) {
+        t.putFailed({ toEl: t, fromEl: o, dragEl: a, oldIndex: i, newIndex: r });
+        return;
+      }
+      a.sortHandleOpen = !1, this.disconnectObserver(), t.prepend(a), this.updateBlockItems(), this.connectObserver(), this.calciteBlockGroupOrderChange.emit({
+        dragEl: a,
+        fromEl: o,
+        toEl: t,
+        newIndex: r,
+        oldIndex: i
+      });
+    }
   }
   handleReorder(e) {
-    const { reorder: s } = e.detail, o = e.target, a = o?.parentElement;
-    if (!a)
+    const { reorder: s } = e.detail, a = e.target, o = a?.parentElement;
+    if (!o)
       return;
-    o.sortHandleOpen = !1;
-    const t = Array.from(a.children).filter(u), n = t.length - 1, r = t.indexOf(o);
-    let i = r;
+    a.sortHandleOpen = !1;
+    const t = Array.from(o.children).filter(b), l = t.length - 1, i = t.indexOf(a);
+    let r = i;
     switch (s) {
       case "top":
-        i = 0;
+        r = 0;
         break;
       case "bottom":
-        i = n;
+        r = l;
         break;
       case "up":
-        i = r === 0 ? 0 : r - 1;
+        r = i === 0 ? 0 : i - 1;
         break;
       case "down":
-        i = r === n ? n : r + 1;
+        r = i === l ? l : i + 1;
         break;
     }
     this.disconnectObserver();
-    const h = s === "up" || s === "top" ? t[i] : t[i].nextSibling;
-    a.insertBefore(o, h), this.updateBlockItems(), this.connectObserver(), this.calciteBlockGroupOrderChange.emit({
-      dragEl: o,
-      fromEl: a,
-      toEl: a,
-      newIndex: i,
-      oldIndex: r
+    const g = s === "up" || s === "top" ? t[r] : t[r].nextSibling;
+    o.insertBefore(a, g), this.updateBlockItems(), this.connectObserver(), this.calciteBlockGroupOrderChange.emit({
+      dragEl: a,
+      fromEl: o,
+      toEl: o,
+      newIndex: r,
+      oldIndex: i
     });
   }
   // #endregion
   // #region Rendering
   render() {
     const { loading: e, label: s } = this;
-    return B({ disabled: this.disabled, children: p`<div class=${c(d.container)}>${this.dragEnabled ? p`<span aria-live=assertive class=${c(d.assistiveText)}>${this.assistiveText}</span>` : null}${e ? p`<calcite-scrim class=${c(d.scrim)} .loading=${e}></calcite-scrim>` : null}<div .ariaBusy=${e} .ariaLabel=${s || ""} class=${c(d.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>` });
+    return C({ disabled: this.disabled, children: p`<div class=${d(h.container)}>${this.dragEnabled ? p`<span aria-live=assertive class=${d(h.assistiveText)}>${this.assistiveText}</span>` : null}${e ? p`<calcite-scrim class=${d(h.scrim)} .loading=${e}></calcite-scrim>` : null}<div .ariaBusy=${e} .ariaLabel=${s || ""} class=${d(h.groupContainer)} role=group><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div>` });
   }
 }
 v("calcite-block-group", A);

package/dist/components/calcite-block-section/customElement.js

@@ -10,7 +10,7 @@ import { l as $ } from "../../chunks/logger.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.2.0-next.0 */
+v3.2.0-next.2 */
 const a = {
   content: "content",
   toggle: "toggle"