@arcgis/map-components 5.2.0-next.116 → 5.2.0-next.118

package/dist/components/arcgis-bookmarks/customElement.d.ts

@@ -335,17 +335,35 @@ export abstract class ArcgisBookmarks extends LitElement {
    */
   accessor showAddBookmarkButton: boolean;
   /**
-   * Indicates whether to display the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @since 4.30
+   * @example
+   * ```html
+   * <arcgis-bookmarks show-close-button></arcgis-bookmarks>
+   * ```
+   *
+   * ```js
+   * bookmarksElement.showCloseButton = true;
+   * ```
+   * 
    */
   accessor showCloseButton: boolean;
   /**
-   * Indicates whether to display the collapse button.
+   * This property provides the ability to show or hide the collapse button.
    *
    * @default false
    * @since 4.30
+   * @example
+   * ```html
+   * <arcgis-bookmarks show-collapse-button></arcgis-bookmarks>
+   * ```
+   *
+   * ```js
+   * bookmarksElement.showCollapseButton = true;
+   * ```
+   * 
    */
   accessor showCollapseButton: boolean;
   /**
@@ -363,10 +381,19 @@ export abstract class ArcgisBookmarks extends LitElement {
    */
   accessor showFilter: boolean;
   /**
-   * Indicates whether to display the heading.
+   * This property provides the ability to show or hide the heading.
    *
    * @default false
    * @since 4.30
+   * @example
+   * ```html
+   * <arcgis-bookmarks show-heading></arcgis-bookmarks>
+   * ```
+   *
+   * ```js
+   * bookmarksElement.showHeading = true;
+   * ```
+   * 
    */
   accessor showHeading: boolean;
   /**

package/dist/components/arcgis-building-level-picker/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
-import { repeat as b } from "lit/directives/repeat.js";
-import { css as L, html as o } from "lit";
+import { c as b } from "../../chunks/runtime.js";
+import { repeat as p } from "lit/directives/repeat.js";
+import { css as L, html as r } from "lit";
 import { keyed as x } from "lit/directives/keyed.js";
 import { LitElement as P, createEvent as $, safeClassMap as a, nothing as h, safeStyleMap as m } from "@arcgis/lumina";
 import { l as w, a as H, b as y, c as M, d as C, e as k, f as z, g as v, h as W, i as E, j as d } from "../../chunks/constants.js";
@@ -11,8 +11,8 @@ import { createRef as A, ref as B } from "lit/directives/ref.js";
 import { watch as N } from "@arcgis/core/core/reactiveUtils.js";
 const S = L`:host{transition:max-height .25s ease-in-out;--esri-widget-padding: 12px 15px;--level-picker-padding: var(--calcite-spacing-md);--level-label-color: var(--calcite-color-text-1);--level-label-color--empty: var(--calcite-color-text-2);--level-label-color--active: var(--calcite-color-brand);--level-border-width: 2px;--level-border-color: var(--calcite-color-border-2);--level-border-color--hover: var(--calcite-color-brand);--level-border-color--active: var(--calcite-color-brand);--level-background-color: rgb(from var(--calcite-color-foreground-1) r g b / 70%);--level-background-color--hover: rgb(from var(--calcite-color-foreground-1) r g b / 90%);--level-background-color--active: var(--calcite-color-brand);--focus-outline-width: 2px;--focus-outline-color: var(--calcite-color-brand);--focus-outline-offset: 2px}.container{height:max-content;display:flex;flex-direction:row;align-items:center;&.no-level{display:none}>*{height:max-content}}.clear-button{appearance:none;margin-inline-start:7px;display:none;position:absolute;inset-block-start:-4px}.label-container{--width: 90px;--height: 40px;flex-direction:column;justify-content:space-between;align-items:center;width:50%;margin-inline-end:var(--calcite-spacing-md);display:flex;&.active{color:var(--calcite-color-brand)}&.empty{cursor:default;color:var(--calcite-color-border-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-light)}&:focus{outline:none}&:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus)}}.level-label{position:relative;text-align:center;>span{pointer-events:none}&.active{font-size:var(--height);line-height:calc(var(--height) + 6px);>.clear-button{display:inline-block}}}.tiles-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:rotate(180deg);cursor:pointer;padding:20px 0;width:50%}.tiles-inner-container{transition:margin .3s}`;
 var T = Object.defineProperty, F = (t, e, i, n) => {
-  for (var l = void 0, r = t.length - 1, s; r >= 0; r--)
-    (s = t[r]) && (l = s(e, i, l) || l);
+  for (var l = void 0, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (l = s(e, i, l) || l);
   return l && T(e, i, l), l;
 };
 class f extends P {
@@ -22,10 +22,10 @@ class f extends P {
         return !1;
       if (window.getSelection()?.removeAllRanges(), this.containerPosTop != null) {
         const i = this.containerPosTop, n = v * d, l = this.expandedLevelsMargin;
-        let r = this.levelsHeight, s = i + n + l;
+        let o = this.levelsHeight, s = i + n + l;
         const g = this.levelHeight / 2;
-        s += g, r -= g;
-        let u = (e.clientY - s) / r;
+        s += g, o -= g;
+        let u = (e.clientY - s) / o;
         u += W, this.normalizedPointerPosition = u;
       }
       return !1;
@@ -42,7 +42,7 @@ class f extends P {
     }, this.onPointerUp = () => {
       window.getSelection()?.removeAllRanges();
       const e = this.level;
-      this.hoveredLevel == null || e == null || this.#r();
+      this.hoveredLevel == null || e == null || this.#o();
     }, this.expandedLevelsHeight = void 0, this.normalizedPointerPosition = 0, this.hoveredLevel = null, this.arcgisBuildingLevelChange = $({ bubbles: !0, composed: !0 });
   }
   static {
@@ -92,8 +92,8 @@ class f extends P {
   onPointerPositionChange() {
     let e = 0;
     this.levelItems.forEach((n, l) => {
-      const { width: r, height: s } = this.getLevelWidgetSize(l);
-      n.height = s, n.width = r, e += s;
+      const { width: o, height: s } = this.getLevelWidgetSize(l);
+      n.height = s, n.width = o, e += s;
     }), this.hoveredLevel = this.levelClosestToPointer;
     const i = this.expandedLevelsHeight;
     (i == null || Math.abs(i - e) > 30) && (this.expandedLevelsHeight = e);
@@ -107,8 +107,8 @@ class f extends P {
     return i;
   }
   getGaussianFactor(e, i) {
-    const n = this.numberOfLevels - 1, l = (n - e) / n, r = this._gaussianFactor * (l - i);
-    return Math.exp(-(r ** 2));
+    const n = this.numberOfLevels - 1, l = (n - e) / n, o = this._gaussianFactor * (l - i);
+    return Math.exp(-(o ** 2));
   }
   #n(e) {
     switch (e.key) {
@@ -131,7 +131,7 @@ class f extends P {
   #i() {
     this.level && (this.level.previous(), this.arcgisBuildingLevelChange.emit());
   }
-  #r() {
+  #o() {
     this.level == null || this.hoveredLevel == null || (this.level.value === this.hoveredLevel && !this.level.disabled ? this.#l() : (this.level.select(this.hoveredLevel), this.arcgisBuildingLevelChange.emit()));
   }
   #l() {
@@ -142,8 +142,8 @@ class f extends P {
       return null;
     const e = this.level;
     e?.value;
-    const i = e && !e.disabled, n = this.numberOfLevels > 1 ? b(this.levels, (l) => l, (l) => o`<arcgis-building-level-item .level=${l} .baseWidth=${this.levelWidth} .hovered=${this.hoveredLevel === l} .active=${e && !e.disabled && e.value === l} class=${a({ "animate-level": !this.hovering })} .messages=${this.messages}></arcgis-building-level-item>`) : null;
-    return o`<div class=${a({
+    const i = e && !e.disabled, n = this.numberOfLevels > 1 ? p(this.levels, (l) => l, (l) => r`<arcgis-building-level-item .level=${l} .baseWidth=${this.levelWidth} .hovered=${this.hoveredLevel === l} .active=${e && !e.disabled && e.value === l} class=${a({ "animate-level": !this.hovering })} .messages=${this.messages}></arcgis-building-level-item>`) : null;
+    return r`<div class=${a({
       container: !0,
       "no-level": this.numberOfLevels < 2,
       "animate-level": this.hovering
@@ -154,23 +154,23 @@ F([
   O("arcgis-building-level-item")
 ], f.prototype, "levelItems");
 function D(t) {
-  return o`<div class=${a({
+  return r`<div class=${a({
     "label-container": !0,
     empty: !t.active,
     active: !0,
     hover: !0
-  })} title=${t.messages.selectLevel ?? h} tabindex=0><calcite-action icon=chevron-up appearance=transparent .text=${t.messages.nextLevel} @click=${t.onNext} .disabled=${!t.hasNext}></calcite-action>${t.children}<calcite-action icon=chevron-down appearance=transparent .text=${t.messages.previousLevel} @click=${t.onPrevious} .disabled=${!t.hasPrevious}></calcite-action></div>`;
+  })} title=${t.messages.selectLevel ?? h} tabindex=0><calcite-action icon=chevron-up .text=${t.messages.nextLevel} @click=${t.onNext} .disabled=${!t.hasNext}></calcite-action>${t.children}<calcite-action icon=chevron-down .text=${t.messages.previousLevel} @click=${t.onPrevious} .disabled=${!t.hasPrevious}></calcite-action></div>`;
 }
 function R(t) {
   const e = t.messages;
-  return o`<div aria-label=${e.clearLevel ?? h} class=${a({
+  return r`<div aria-label=${e.clearLevel ?? h} class=${a({
     "level-label": !0,
     active: t.active && t.level != null
-  })} @click=${t.onClear} title=${e.clearLevel ?? h}>${t.active ? o`<span>${t.level}</span>${x("clear-button", o`<calcite-fab appearance=outline-fill class="clear-button" icon=x kind=neutral @click=${t.onClear} scale=s></calcite-fab>`)}` : o`<span>${e.selectLevel}</span>`}</div>`;
+  })} @click=${t.onClear} title=${e.clearLevel ?? h}>${t.active ? r`<span>${t.level}</span>${x("clear-button", r`<calcite-fab appearance=outline-fill class="clear-button" icon=x kind=neutral @click=${t.onClear} scale=s></calcite-fab>`)}` : r`<span>${e.selectLevel}</span>`}</div>`;
 }
 function _(t) {
   const e = v * d, i = -e / d, n = t.levelsHeight, l = n + e * 2;
-  return o`<div class="tiles-container" @pointerenter=${t.onPointerEnter} @pointerover=${t.onPointerEnter} @pointermove=${t.onPointerMove} @pointerleave=${t.onPointerLeave} @pointerup=${t.onPointerUp} @click=${t.onClick} style=${m({
+  return r`<div class="tiles-container" @pointerenter=${t.onPointerEnter} @pointerover=${t.onPointerEnter} @pointermove=${t.onPointerMove} @pointerleave=${t.onPointerLeave} @pointerup=${t.onPointerUp} @click=${t.onClick} style=${m({
     height: `${l}px`,
     marginBlockStart: `${i}px`,
     marginBlockEnd: `${i}px`
@@ -180,7 +180,7 @@ function _(t) {
     marginBlockStart: `${v - t.expandedLevelsMargin}px`
   })}>${t.children}</div></div>`;
 }
-p("arcgis-building-level-picker", f);
+b("arcgis-building-level-picker", f);
 export {
   f as BuildingLevelPicker
 };

package/dist/components/arcgis-catalog-layer-list-next/customElement.d.ts

@@ -444,7 +444,7 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
    */
   accessor selectionMode: "multiple" | "none" | "single-persist" | "single";
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example

package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
 import type DistanceMeasurementAnalysis from "@arcgis/core/analysis/DistanceMeasurementAnalysis.js";
-import type SnappingOptions from "@arcgis/core/views/interactive/snapping/SnappingOptions.js";
+import type SnappingOptions from "@arcgis/core/views/interactive/options/SnappingOptions.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { DistanceMeasurement2DState } from "./types.js";
@@ -191,7 +191,7 @@ export abstract class ArcgisDistanceMeasurement2d extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/) for measuring.
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for measuring.
    *
    * @since 4.28
    */

package/dist/components/arcgis-distance-measurement-2d/customElement.js

@@ -12,7 +12,7 @@ import { V as g } from "../../chunks/visible-element.js";
 import S from "@arcgis/core/analysis/DistanceMeasurementAnalysis.js";
 import { property as n, subclass as $ } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import h from "@arcgis/core/views/interactive/snapping/SnappingOptions.js";
+import h from "@arcgis/core/views/interactive/options/SnappingOptions.js";
 import { A as D } from "../../chunks/AnalysisViewModel.js";
 import { g as U, a as C, b as E, r as j, d as m, c as A } from "../../chunks/measurementUtils.js";
 const L = f`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}.esri-unit-select{width:100%}.esri-unit-select__label{--calcite-label-margin-bottom: 0;width:100%}:host{display:block}.esri-measurement-widget-content{padding:var(--arcgis-internal-padding);flex-direction:column;gap:var(--calcite-spacing-xxl);display:flex;position:relative;overflow-y:auto}.esri-measurement-widget-content__error{color:var(--calcite-color-status-danger)}.esri-measurement-widget-content__error,.esri-measurement-widget-content__hint{overflow:hidden}.esri-measurement-widget-content__error p,.esri-measurement-widget-content__hint p{margin:0;padding:0}.esri-measurement-widget-content__hint,.esri-measurement-widget-content__error,.esri-measurement-widget-content__measurement,.esri-measurement-widget-content__measurement-item{flex-direction:column;gap:var(--calcite-spacing-md);animation:.25s ease-in-out esri-fade-in;display:flex}.esri-measurement-widget-content__measurement-item--disabled{color:var(--calcite-color-border-ghost)}.esri-measurement-widget-content__measurement-item__value{font-weight:var(--calcite-font-weight-semibold)}.esri-measurement-widget-content__actions{flex-direction:column;justify-content:center;gap:var(--calcite-spacing-xs);display:flex}:host{.esri-widget--panel{min-width:0}}`;

package/dist/components/arcgis-editor/customElement.d.ts

@@ -122,7 +122,7 @@ export abstract class ArcgisEditor extends LitElement {
   accessor hideSketch: boolean;
   /**
    * Indicates whether to hide the `enabledToggle` (Enable snapping). This toggles
-   * the [SnappingOptions#enabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#enabled) property.
+   * the [SnappingOptions#enabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#enabled) property.
    * > [!WARNING]
    * >
    * > **Note**
@@ -136,7 +136,7 @@ export abstract class ArcgisEditor extends LitElement {
   accessor hideSnappingControlsElementsEnabledToggle: boolean;
   /**
    * Indicates whether to hide the `featureEnabledToggle` (Feature to feature). This toggles
-   * the [SnappingOptions#featureEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#featureEnabled) property.
+   * the [SnappingOptions#featureEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#featureEnabled) property.
    *
    * @default false
    * @since 5.0
@@ -214,7 +214,7 @@ export abstract class ArcgisEditor extends LitElement {
   accessor hideSnappingControlsElementsLayerList: boolean;
   /**
    * Indicates whether to hide the `selfEnabledToggle` (Geometry guides). This toggles
-   * the [SnappingOptions#selfEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#selfEnabled) property.
+   * the [SnappingOptions#selfEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#selfEnabled) property.
    *
    * @default false
    * @since 5.0
@@ -332,7 +332,7 @@ export abstract class ArcgisEditor extends LitElement {
    */
   accessor showSnappingControlsElementsHeader: boolean;
   /**
-   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/) for editing. Supports self snapping and feature snapping. Starting with version 4.23, the [SnappingControls](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SnappingControls/) UI is automatically integrated into the Editor component.
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for editing. Supports self snapping and feature snapping. Starting with version 4.23, the [SnappingControls](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SnappingControls/) UI is automatically integrated into the Editor component.
    * Modify the `snappingOptions` if modifications are needed from what is provided in the default UI.
    *
    * @since 4.19

package/dist/components/arcgis-expand/customElement.js

@@ -216,7 +216,7 @@ class z extends k {
   }
   _renderToggleButton() {
     const { expanded: e, expandTitle: t, expandIcon: a, collapseIcon: s } = this, n = e ? s : a;
-    return r`<calcite-action class=${u(m("action", "icon", { "icon-flip": n === f || n === x }))} @click=${this.toggle} .text=${t} title=${t ?? M} .icon=${n} .scale=${this.visualScale} appearance=solid ${h(this.toggleActionEl)}></calcite-action>`;
+    return r`<calcite-action class=${u(m("action", "icon", { "icon-flip": n === f || n === x }))} @click=${this.toggle} .text=${t} title=${t ?? M} .icon=${n} .scale=${this.visualScale} ${h(this.toggleActionEl)}></calcite-action>`;
   }
   _renderToggle() {
     return r`<div class="toggle">${this._renderToggleButton()}${this._renderBadgeNumber()}</div>`;

package/dist/components/arcgis-exploratory-analysis/customElement.d.ts

@@ -129,7 +129,7 @@ export abstract class ArcgisExploratoryAnalysis extends LitElement {
       newProfile?: string | undefined;
   };
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example

package/dist/components/arcgis-features/customElement.js

@@ -10,7 +10,7 @@ import { useDirection as P, usePropertyChange as z, bypassReadOnly as x } from "
 import { m as U } from "../../chunks/useViewModel.js";
 import { LitElement as Z, createEvent as T, renderElement as K, nothing as h, safeClassMap as I } from "@arcgis/lumina";
 import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
-import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { t as j, z as G } from "../../chunks/action-utils.js";
 import { stripHTML as V } from "@arcgis/core/applications/Components/stringUtils.js";
 import E from "@arcgis/core/core/Collection.js";
@@ -128,11 +128,11 @@ class oe extends Z {
       signal: o
     }), e = this.view.toScreen(this.location) ?? void 0), !e)
       return;
-    const r = await this.viewModel.fetchFeatures(e, {
+    const l = await this.viewModel.fetchFeatures(e, {
       ...t,
       signal: o
     });
-    this.location = r.location, this.promises = r.pendingFeatures;
+    this.location = l.location, this.promises = l.pendingFeatures;
   }
   async next() {
     return A("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
@@ -157,24 +157,24 @@ class oe extends Z {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      l(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
-      l(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
-      l(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
-      l(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
-      l(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
-      l(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
-      l(() => [
+      r(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
+      r(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
+      r(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
+      r(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
+      r(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
+      r(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
+      r(() => [
         this.viewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.state
       ], () => this._syncEffectiveHeading(), { initial: !0 }),
-      l(() => [this.flowItems?.length, this.featureMenuOpen], () => {
+      r(() => [this.flowItems?.length, this.featureMenuOpen], () => {
         this.setFocus();
       }),
-      l(() => this.referenceElement, (e, t) => {
+      r(() => this.referenceElement, (e, t) => {
         this._removeSpinner(t), this._createSpinner();
       }, { initial: !0 }),
-      l(() => [
+      r(() => [
         this.hideSpinner,
         this.viewModel?.view,
         this.viewModel?.location,
@@ -207,8 +207,8 @@ class oe extends Z {
       const i = s?.graphic;
       if (!i)
         return;
-      const n = q(i), o = se(n) ? n : null, r = t.get(o) ?? [];
-      t.set(o, [...r, s]);
+      const n = q(i), o = se(n) ? n : null, l = t.get(o) ?? [];
+      t.set(o, [...l, s]);
     }), t;
   }
   _handleCollapseToggle() {
@@ -226,10 +226,10 @@ class oe extends Z {
     }
     if (this._removeFlowItems(), await this.viewModel.zoomTo({ target: i }), this._openRelatedFeatureAbortController !== t)
       return;
-    const n = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
+    const { labelPointExecute: n } = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
     if (this._openRelatedFeatureAbortController !== t)
       return;
-    const o = n.execute(i);
+    const o = n(i);
     o != null && (this.location = o), this.features = [s], this.open = !0, await this.setFocus(), this._openRelatedFeatureAbortController === t && (this._openRelatedFeatureAbortController = null);
   }
   _handlePaginationMenuButton() {
@@ -273,8 +273,8 @@ class oe extends Z {
     this._unobserveFeatureMenuObserver(), e && this._featureMenuIntersectionObserver.observe(e), this._featureMenuIntersectionObserverNode = e;
   }
   _getActionTitle(e) {
-    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", r = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
-    return r && n ? u(r, n) : r ?? "";
+    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", l = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
+    return l && n ? u(l, n) : l ?? "";
   }
   _onMainKeydown(e) {
     const { key: t } = e;
@@ -359,8 +359,8 @@ class oe extends Z {
     })}</div>`;
   }
   _renderFeatureMenuButton() {
-    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, r = o > 0 || i;
-    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${r} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
+    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, l = o > 0 || i;
+    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${l} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
       index: C(n + 1),
       total: C(s)
     })} text-enabled title=${e.selectFeature ?? h}></calcite-action>`;
@@ -376,8 +376,8 @@ class oe extends Z {
   _renderFeatureMenu() {
     const { messages: e, viewModel: t } = this, s = this._groupResultsByLayer(), i = this.initialDisplayMode === "list" ? "none" : "single";
     return t.featureViewModels.length ? a`<calcite-list display-mode=flat .label=${e?.featuresList ?? ""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(), (n) => {
-      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), r = n ? n.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && r !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${r}>${o}</calcite-list-item-group>`) : o;
+      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), l = n ? n.title ?? this.messages.untitled : null;
+      return !this.hideFeatureListLayerTitle && l !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`) : o;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -388,10 +388,10 @@ class oe extends Z {
     return this.headerActions.map((e) => this._renderHeaderAction(e)).toArray();
   }
   _renderContentFeature() {
-    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: r, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
+    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: l, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
     if (c === "list" && !f)
       return null;
-    const _ = r.length === 0 && n, $ = p ? !p.content : !m;
+    const _ = l.length === 0 && n, $ = p ? !p.content : !m;
     return a`<calcite-flow-item class=${I(y({
       "content-feature": !0,
       "flow-item-collapsed": s
@@ -400,10 +400,10 @@ class oe extends Z {
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
   _renderFeatureMenuContainer() {
-    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: r, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
+    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: l, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
     if (n === "feature" && !o)
       return null;
-    const O = !r;
+    const O = !l;
     return a`<calcite-flow-item class=${I(y({
       "flow-item-collapsed": f
     }))} .closable=${n === "list" && !t} .closed=${!p} .collapsed=${n === "list" && f} .collapseDirection=${this.collapseDirection ?? (g ? "down" : "up")} .collapsible=${n === "list" && c} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : u(i.total ?? "", {
@@ -413,10 +413,10 @@ class oe extends Z {
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${w(this._featureMenuViewportNode)}>${n === "list" ? this._renderHeaderActions() : null}${$ ? a`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${w(this._featureMenuIntersectionObserverCreated)}></div>${n === "feature" ? a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
-    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: r } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
-    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${r ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
+    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: l } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
+    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
       _.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${r ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
+    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e?.map((i, n) => this._renderFlowItem(i, this._featureFlowItemSelected && n === e.length - 1)), s = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(), t] : [this._renderContentFeature(), t, this._renderFeatureMenuContainer()];

package/dist/components/arcgis-grid-controls/customElement.d.ts

@@ -295,7 +295,7 @@ export abstract class ArcgisGridControls extends LitElement {
    */
   accessor snappingEnabled: boolean;
   /**
-   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/)
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/)
    * that will be controlled by this component if the snapping toggle is enabled for display.
    * If SnappingOptions are provided, grid display will be automatically enabled or disabled to match snapping state.
    */

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -625,7 +625,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   accessor selectionMode: List["selectionMode"];
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example