@arcgis/map-components 4.33.0-next.9 → 4.33.0-next.90

package/dist/chunks/component-utils.js

@@ -1,28 +1,25 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
-function P(e, i) {
-  Array.isArray(i) ? e._watchHandles = [...e._watchHandles, ...i] : e._watchHandles.push(i);
-}
-function p(e) {
-  e.el.childElem && (e.el.childElem.ownedBy = e.el);
-  const i = h(e);
-  if (!i) {
-    const t = y(e.referenceElement);
+v4.33.0-next.90 */
+function L(i) {
+  i.el.childElem && (i.el.childElem.ownedBy = i.el);
+  const e = v(i);
+  if (!e) {
+    const t = y(i);
     if (!t) {
-      g(e);
+      g(i);
       return;
     }
-    return f(t, e, !0), t;
+    return f(t, i, !0), t;
   }
-  return w(i, e.el.parent) || (e.el.parent = i, i.tagName.toLowerCase() === "arcgis-expand" ? v(i, e) : i.tagName.toLowerCase() === "arcgis-placement" ? C(i, e) : f(i, e, !1)), i;
-}
-function h({ el: e }) {
-  for (let i = e.parentElement; i; i = i?.parentElement ?? null) {
-    if (c.has(i.tagName.toLowerCase()))
-      return i;
-    if ("ownedBy" in i && i.ownedBy instanceof HTMLElement && c.has(i.ownedBy.tagName.toLowerCase()))
-      return i.ownedBy;
+  return w(e, i.el.parent) || (i.el.parent = e, e.tagName.toLowerCase() === "arcgis-expand" ? E(e, i) : e.tagName.toLowerCase() === "arcgis-placement" ? C(e, i) : f(e, i, !1)), e;
+}
+function v({ el: i }) {
+  for (let e = i.parentElement; e; e = e?.parentElement ?? null) {
+    if (c.has(e.tagName.toLowerCase()))
+      return e;
+    if ("ownedBy" in e && e.ownedBy instanceof HTMLElement && c.has(e.ownedBy.tagName.toLowerCase()))
+      return e.ownedBy;
   }
 }
 const c = /* @__PURE__ */ new Set([
@@ -32,105 +29,117 @@ const c = /* @__PURE__ */ new Set([
   "arcgis-expand",
   "arcgis-placement"
 ]);
-function w(e, i) {
-  if (e !== i)
+function w(i, e) {
+  if (i !== e)
     return !1;
-  const t = e.tagName.toLowerCase();
+  const t = i.tagName.toLowerCase();
   return t === "arcgis-expand" || t === "arcgis-placement";
 }
-function l(e, i, t = "arcgisReady") {
-  const r = e;
-  if (typeof r.view?.ready == "boolean")
-    i(r.view);
+function l(i, e, t = "arcgisReady") {
+  const s = i;
+  if (typeof s.view?.ready == "boolean")
+    e(s.view);
   else {
-    let s = function(d) {
-      d.target === e && (l(e, i, t), e.removeEventListener(t, s));
+    let r = function(a) {
+      a.target === i && (l(i, e, t), i.removeEventListener(t, r));
     };
-    e.addEventListener(t, s);
+    i.addEventListener(t, r);
   }
 }
-const v = (e, i) => l(e, (t) => {
-  i.el.childElem && e.content != null && e.content.append(i.el.childElem), e.expandIcon = i.icon || i.widget?.icon || e.expandIcon, i.position = e.position, i.el.view = t;
-}), C = (e, i) => l(e, (t) => {
-  i.el.childElem && i.el.append(i.el.childElem), i.position = e.position, i.el.view = t;
-}), f = (e, i, t) => l(
-  e,
-  (r) => {
-    t ? g(i) : i.el.childElem && E(e, i), i.el.view = r;
+const E = (i, e) => l(i, (t) => {
+  e.el.childElem && i.content != null && i.content.append(e.el.childElem), i.expandIcon = e.icon || e.widget?.icon || i.expandIcon, e.position = i.position, e.el.view = t;
+}), C = (i, e) => l(i, (t) => {
+  e.el.childElem && e.el.append(e.el.childElem), e.position = i.position, e.el.view = t;
+}), f = (i, e, t) => l(
+  i,
+  (s) => {
+    t ? g(e) : e.el.childElem && b(i, e), e.el.view = s;
   },
   "arcgisViewReadyChange"
 );
-function E(e, i) {
-  const t = i.el.childElem ?? i.el, r = [...e.children], s = {};
-  for (const a of r) {
-    const n = a.getAttribute("position") ?? "manual";
-    s[n] ??= [], s[n].push({ child: a, position: n, index: r.indexOf(a) });
+function b(i, e) {
+  const t = e.el.childElem ?? e.el, s = i?.childElem, r = [...i.children], a = {};
+  for (const n of r) {
+    if (n === s)
+      continue;
+    const o = n.position ?? "manual";
+    a[o] ??= [], a[o].push({ child: n, position: o, index: r.indexOf(n) });
   }
-  const d = s[i.position ?? "manual"]?.findIndex(({ child: a }) => a === i.el), o = e.view.ui;
-  o.remove(t), o.add(t, { position: i.position, index: d });
+  const h = a[e.position ?? "manual"]?.findIndex(({ child: n }) => n === e.el), d = i.view.ui;
+  d.remove(t), d.add(t, { position: e.position, index: h });
 }
-function L(e) {
-  let i = !1, t = e.el.view;
-  const r = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.el), "view") ?? {
+function N(i) {
+  let e = !1, t = i.el.view;
+  const s = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(i.el), "view") ?? {
     get: () => t,
-    set: (s) => t = s
+    set: (r) => t = r
   };
-  Object.defineProperty(e.el, "view", {
-    get: r.get.bind(e.el),
-    set: (s) => {
-      r.set.call(e.el, s), s && !i && (i = !0, e.arcgisReady.emit());
+  Object.defineProperty(i.el, "view", {
+    get: s.get.bind(i.el),
+    set: (r) => {
+      s.set.call(i.el, r), r && !e && (e = !0, i.arcgisReady.emit());
     },
     configurable: !0,
     enumerable: !0
-  }), t && (e.el.view = t);
-}
-function x(e) {
-  return e == null || e === "";
-}
-function H(e, i) {
-  return i != null && e?.position === i.position && e?.heading === i.heading && e?.tilt === i.tilt && e?.fov === i.fov;
-}
-function N(e, i) {
-  return i === void 0 || e?.targetGeometry !== i?.targetGeometry || e?.rotation !== i?.rotation || e?.scale !== i?.scale;
-}
-function O(e, i) {
-  return u(i?.center, e);
-}
-function u(e, i) {
-  if (typeof i == "string")
-    return u(e, i.split(",").map(Number));
-  if (!e)
-    return i;
-  if (Array.isArray(i)) {
-    const t = i[0], r = i[1], s = i.length > 2 ? i[2] : void 0;
-    if (t !== e.longitude || r !== e.latitude || s !== e.z)
-      return i;
-  } else if (i && !e?.equals(i))
-    return i;
-}
-async function S(e, i) {
-  i != null && (typeof i == "string" ? e.el.view = await b(i) : e.widget && (e.el.view = i.view));
-}
-async function b(e) {
-  const i = y(e);
-  return await new Promise((t) => {
-    typeof i?.view?.ready == "boolean" ? t(i.view) : i && i.addEventListener("arcgisViewReadyChange", () => t(i.view), { once: !0 });
+  }), t && (i.el.view = t);
+}
+function p(i) {
+  return i == null || i === "";
+}
+function T(i, e) {
+  return e != null && i?.position === e.position && i?.heading === e.heading && i?.tilt === e.tilt && i?.fov === e.fov;
+}
+function x(i, e) {
+  return e === void 0 || i?.targetGeometry !== e?.targetGeometry || i?.rotation !== e?.rotation || i?.scale !== e?.scale;
+}
+function S(i, e) {
+  return u(e?.center, i);
+}
+function u(i, e) {
+  if (typeof e == "string")
+    return u(i, e.split(",").map(Number));
+  if (!i)
+    return e;
+  if (Array.isArray(e)) {
+    const t = e[0], s = e[1], r = e.length > 2 ? e[2] : void 0;
+    if (t !== i.longitude || s !== i.latitude || r !== i.z)
+      return e;
+  } else if (e && !i?.equals(e))
+    return e;
+}
+async function B(i, e) {
+  e != null && (typeof e == "string" ? i.el.view = await P(i, e) : i.widget && (i.el.view = e.view));
+}
+async function P(i, e) {
+  const t = y(i, e);
+  return await new Promise((s) => {
+    typeof t?.view?.ready == "boolean" ? s(t.view) : t && t.addEventListener("arcgisViewReadyChange", () => s(t.view), { once: !0 });
   });
 }
-function g(e) {
-  e.el.childElem && (e.el.shadowRoot ?? e.el).append(e.el.childElem);
+function g(i) {
+  i.el.childElem && (i.el.shadowRoot ?? i.el).append(i.el.childElem);
 }
-function y(e) {
-  return typeof e != "string" ? e ?? void 0 : (e.includes("#") || e.includes(".") || e.includes("[") ? void 0 : document.querySelector(`#${e}`)) ?? document.querySelector(e) ?? void 0;
+function y(i, e) {
+  const t = e ?? i.referenceElement;
+  if (typeof t != "string")
+    return t ?? void 0;
+  const s = t.includes("#") || t.includes(".") || t.includes("["), r = i.el.getRootNode();
+  return (s ? void 0 : r.querySelector(`#${t}`)) ?? r.querySelector(t) ?? void 0;
+}
+const F = (i) => i.el.childElem;
+async function O(i) {
+  const e = typeof i == "function" ? i() : i;
+  e && ("setFocus" in e && typeof e.setFocus == "function" ? await e.setFocus() : e instanceof HTMLElement && e.focus());
 }
 export {
-  p as a,
-  P as b,
-  H as c,
-  L as d,
-  O as e,
-  x as f,
-  N as i,
+  L as a,
+  T as b,
+  S as c,
+  N as d,
+  p as e,
+  F as g,
+  x as i,
   u as p,
-  S as r
+  B as r,
+  O as s
 };

package/dist/chunks/createCloseEvent.js

@@ -0,0 +1,14 @@
+import { makeGenericController as l } from "@arcgis/components-controllers";
+import { createEvent as s } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.90 */
+const a = l((e, r) => (r.onLoaded(() => {
+  const t = e.el;
+  e.listenOn(t.childElem, "calciteFlowItemClose", () => {
+    e.arcgisClose.emit(), e.autoDestroyDisabled || e.destroy();
+  });
+}), s()));
+export {
+  a as c
+};

package/dist/chunks/globalCss.js

@@ -1,47 +1,14 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
+v4.33.0-next.90 */
 const e = {
-  anchor: "esri-widget__anchor",
-  anchorDisabled: "esri-widget__anchor--disabled",
-  button: "esri-button",
-  buttonDisabled: "esri-button--disabled",
-  buttonHalf: "esri-button--half",
-  buttonSecondary: "esri-button--secondary",
-  buttonSmall: "esri-button--small",
-  buttonTertiary: "esri-button--tertiary",
-  buttonThird: "esri-button--third",
   disabled: "esri-disabled",
-  disabledElement: "esri-disabled-element",
   empty: "esri-widget__content--empty",
-  emptyIllustration: "esri-widget__content-illustration--empty",
   heading: "esri-widget__heading",
-  hidden: "esri-hidden",
-  input: "esri-input",
-  interactive: "esri-interactive",
-  loader: "esri-widget__loader",
   loaderAnimation: "esri-widget__loader-animation",
-  loaderText: "esri-widget__loader-text",
-  menu: "esri-menu",
-  menuHeader: "esri-menu__header",
-  menuItem: "esri-menu__list-item",
-  menuItemActive: "esri-menu__list-item--active",
-  menuItemFocus: "esri-menu__list-item--focus",
-  menuList: "esri-menu__list",
-  noBookmarksIcon: "esri-widget__no-bookmark-icon",
   panel: "esri-widget--panel",
-  panelHeightOnly: "esri-widget--panel-height-only",
-  primaryTick: "primary-tick",
-  primaryTickAmPm: "primary-tick__ampm",
-  primaryTickLabel: "primary-tick__label",
-  rotating: "esri-rotating",
-  secondaryTick: "secondary-tick",
-  select: "esri-select",
-  table: "esri-widget__table",
-  ui: "esri-component",
   widget: "esri-widget esri-component",
   widgetButton: "esri-widget--button",
-  widgetButtonActive: "esri-widget--button-active",
   widgetDisabled: "esri-widget--disabled"
 };
 export {

package/dist/chunks/heading.js

@@ -0,0 +1,20 @@
+import { classes as i } from "@arcgis/components-utils";
+import { safeClassMap as o } from "@arcgis/lumina";
+import { unsafeStatic as l, html as m } from "lit/static-html.js";
+import { g as c } from "./globalCss.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.90 */
+function d({ level: a, class: t, children: e }) {
+  const n = g(a), s = `h${n}`, r = l(s);
+  return m`<${r} .ariaLevel=${String(n)} class=${o(i(c.heading, t))} role=heading>${e}</${r}>`;
+}
+function f(a, t, e) {
+  return Math.min(Math.max(a, t), e);
+}
+function g(a) {
+  return f(Math.ceil(a), 1, 6);
+}
+export {
+  d as H
+};

package/dist/chunks/layer-list.js

@@ -0,0 +1,8 @@
+import { css as i } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.90 */
+const t = i`@layer{arcgis-layer-list{display:block;.arcgis-layer-list{display:flex}.arcgis-layer-list__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item{--calcite-list-item-icon-center: 8.5px}.arcgis-layer-list__item-table-icon,.arcgis-layer-list__item-catalog-icon{margin-inline-end:0}.arcgis-layer-list__item-action-image{flex:0 0 var(--calcite-spacing-xl);background-position:50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size)}.arcgis-layer-list__action-menu .arcgis-layer-list__action-group{display:none}.arcgis-layer-list__action-menu[open] .arcgis-layer-list__action-group{display:flex}.arcgis-layer-list__visible-icon{visibility:hidden}.arcgis-layer-list__item--active:hover,.arcgis-layer-list__item--active:focus,.arcgis-layer-list__item--active:focus-within{>.arcgis-layer-list__visible-toggle>.arcgis-layer-list__visible-icon{visibility:visible}}.arcgis-layer-list__status-indicator{visibility:hidden;margin-inline:0;color:transparent}.arcgis-layer-list__publishing{visibility:visible;color:var(--calcite-color-foreground-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:arcgis-layer-list__publishing-anim 2s normal infinite}.arcgis-layer-list__updating{visibility:visible;animation:arcgis-layer-list__updating-anim 2s normal infinite}.arcgis-layer-list__connection-status{visibility:visible;margin-inline:calc(var(--calcite-spacing-lg) * .5);width:calc(var(--calcite-spacing-xxxl) * .5);height:calc(var(--calcite-spacing-xxxl) * .5);color:var(--calcite-color-status-danger)}.arcgis-layer-list__connection-status--connected{color:var(--calcite-color-status-success)}.arcgis-layer-list__item-content-bottom{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item-content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md) 0}.arcgis-layer-list__item-message{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}}}`;
+export {
+  t as s
+};

package/dist/chunks/legacyIcon.js

@@ -1,106 +1,10 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
-const i = {
-  arrowDown: "esri-icon-arrow-down",
-  arrowUp: "esri-icon-arrow-up",
-  basemap: "esri-icon-basemap",
-  bookmark: "esri-icon-bookmark",
-  calendar: "esri-icon-calendar",
-  checkMark: "esri-icon-check-mark",
-  checkboxUnchecked: "esri-icon-checkbox-unchecked",
-  close: "esri-icon-close",
-  collapse: "esri-icon-collapse",
-  defaultAction: "esri-icon-default-action",
-  description: "esri-icon-description",
-  directions: "esri-icon-directions",
-  dockBottom: "esri-icon-dock-bottom",
-  dockLeft: "esri-icon-dock-left",
-  dockRight: "esri-icon-dock-right",
-  down: "esri-icon-down",
-  downArrow: "esri-icon-down-arrow",
-  download: "esri-icon-download",
+v4.33.0-next.90 */
+const r = {
   dragHorizontal: "esri-icon-drag-horizontal",
-  dragVertical: "esri-icon-drag-vertical",
-  duplicate: "esri-icon-duplicate",
-  edit: "esri-icon-edit",
-  elevationProfile: "esri-icon-elevation-profile",
-  environmentSettings: "esri-icon-environment-settings",
-  erase: "esri-icon-erase",
-  error: "esri-icon-error",
-  expand: "esri-icon-expand",
-  fontFallbackText: "esri-icon-font-fallback-text",
-  forward: "esri-icon-forward",
-  gear: "esri-icon-gear",
-  handleHorizontal: "esri-icon-handle-horizontal",
-  handleVertical: "esri-icon-handle-vertical",
-  home: "esri-icon-home",
-  icon: "esri-icon",
-  launchLinkExternal: "esri-icon-launch-link-external",
-  layerList: "esri-icon-layer-list",
-  layers: "esri-icon-layers",
-  left: "esri-icon-left",
-  leftArrows: "esri-icon-left-arrow",
-  leftTriangleArrow: "esri-icon-left-triangle-arrow",
-  lineOfSight: "esri-icon-line-of-sight",
-  link: "esri-icon-link",
-  linkExternal: "esri-icon-link-external",
-  linkHorizontal: "esri-icon-link-horizontal",
-  loadingIndicator: "esri-icon-loading-indicator",
-  locate: "esri-icon-locate",
-  locateCircled: "esri-icon-locate-circled",
-  locked: "esri-icon-locked",
-  mapPin: "esri-icon-map-pin",
-  maximize: "esri-icon-maximize",
-  measure: "esri-icon-measure",
-  measureArea: "esri-icon-measure-area",
-  measureBuildingHeightShadow: "esri-icon-measure-building-height-shadow",
-  measureLine: "esri-icon-measure-line",
-  menu: "esri-icon-menu",
-  minimize: "esri-icon-minimize",
-  minus: "esri-icon-minus",
-  nonVisible: "esri-icon-non-visible",
-  northNavigation: "esri-icon-north-navigation",
-  noticeTriangle: "esri-icon-notice-triangle",
-  organization: "esri-icon-organization",
-  pan: "esri-icon-pan",
-  pan2: "esri-icon-pan2",
-  partlyCloudy: "esri-icon-partly-cloudy",
-  pause: "esri-icon-pause",
-  play: "esri-icon-play",
-  playCircled: "esri-icon-play-circled",
-  plus: "esri-icon-plus",
-  polyline: "esri-icon-polyline",
-  printer: "esri-icon-printer",
-  radioChecked: "esri-icon-radio-checked",
-  radioUnchecked: "esri-icon-radio-unchecked",
-  refresh: "esri-icon-refresh",
-  reverse: "esri-icon-reverse",
-  right: "esri-icon-right",
-  rightArrow: "esri-icon-right-arrow",
-  rightTriangleArrow: "esri-icon-right-triangle-arrow",
-  rotate: "esri-icon-rotate",
-  save: "esri-icon-save",
-  search: "esri-icon-search",
-  settings2: "esri-icon-settings2",
-  slice: "esri-icon-slice",
-  swap: "esri-icon-swap",
-  table: "esri-icon-table",
-  timeClock: "esri-icon-time-clock",
-  tracking: "esri-icon-tracking",
-  trash: "esri-icon-trash",
-  unlockedLinkHorizontal: "esri-icon-unlocked-link-horizontal",
-  up: "esri-icon-up",
-  upArrow: "esri-icon-up-arrow",
-  upDownArrows: "esri-icon-up-down-arrows",
-  urbanModel: "esri-icon-urban-model",
-  vertexGps: "esri-icon-vertex-gps",
-  visible: "esri-icon-visible",
-  zoomInFixed: "esri-icon-zoom-in-fixed",
-  zoomInMagnifyingGlass: "esri-icon-zoom-in-magnifying-glass",
-  zoomOutFixed: "esri-icon-zoom-out-fixed",
-  zoomToObject: "esri-icon-zoom-to-object"
+  dragVertical: "esri-icon-drag-vertical"
 };
 export {
-  i as l
+  r as l
 };

package/dist/chunks/runtime.js

@@ -1,7 +1,7 @@
 import { makeRuntime as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
+v4.33.0-next.90 */
 const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/map-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
 export {
   a as c,

package/dist/chunks/useT9n.js

@@ -0,0 +1,9 @@
+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://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.90 */
+const s = o(t);
+export {
+  s as u
+};

package/dist/chunks/useView.js

@@ -1,48 +1,47 @@
-import { makeT9nController as a, proxyExports as h, GenericController as l, watch as n } from "@arcgis/components-controllers";
-import { g as d } from "./runtime.js";
-import { signal as m } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import * as p from "@arcgis/core/core/reactiveUtils.js";
-import { a as i } from "./component-utils.js";
+import { proxyExports as a, GenericController as h, watch as r } from "@arcgis/components-controllers";
+import * as l from "@arcgis/core/core/reactiveUtils.js";
+import { signal as d } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { a as o } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
-const E = a(d), _ = (s) => u(s);
-class v extends l {
+v4.33.0-next.90 */
+const u = (s) => p(s);
+class m extends h {
   constructor(e) {
-    super(e), this._view$ = m(void 0), this._viewDestroyHandle = void 0, this._arcgisReadyEmitted = !1;
-    const { el: t } = e, r = t.view;
+    super(e), this._view$ = d(void 0), this._viewDestroyHandle = void 0, this._canEmitArcgisReady = !1;
+    const { el: t } = e, n = t.view;
     this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
       get: () => this._view$.value,
-      set: (o) => {
-        if (this.exports === o)
+      set: (i) => {
+        if (this.exports === i)
           return;
         const c = t.view;
-        this._view$.value = o, this.exports = o, this.component.requestUpdate("view", c), !this._arcgisReadyEmitted && o != null && (this._arcgisReadyEmitted = !0, this.component.arcgisReady.emit());
+        this._view$.value = i, this.exports = i, this.component.requestUpdate("view", c), this._notifyViewReady();
       },
       configurable: !0,
       enumerable: !0
     }), e !== t && Object.defineProperty(e, "view", {
       get: () => t.view,
-      set: (o) => {
-        t.view = o;
+      set: (i) => {
+        t.view = i;
       }
     }), queueMicrotask(() => {
-      r && (t.view = r);
+      n && (t.view = n);
     });
   }
   hostConnected() {
-    this._viewDestroyHandle ??= p.when(
+    this._viewDestroyHandle ??= l.when(
       () => this._view$.value?.destroyed,
       () => void this.component.destroy?.().catch(console.error),
       { sync: !0 }
-    ), this.component.manager.loadedCalled && i(this.component);
+    ), this.component.manager.loadedCalled && o(this.component);
   }
   hostLoad() {
     this.component.manager.destroyed || this._watchMetaProperties();
   }
   hostLoaded() {
     const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem = t ?? e.childElem, e.isConnected && i(this.component);
+    e.childElem = t ?? e.childElem, this._canEmitArcgisReady = !0, this._notifyViewReady(), e.isConnected && o(this.component);
   }
   hostDisconnected() {
     typeof this.component.el.childElem == "object" && this._view$.value?.ui?.remove(this.component.el.childElem);
@@ -50,15 +49,17 @@ class v extends l {
   hostDestroy() {
     this._viewDestroyHandle?.remove();
   }
+  _notifyViewReady() {
+    !this._canEmitArcgisReady || this._view$.value == null || (this._canEmitArcgisReady = !1, this.component.arcgisReady.emit());
+  }
   _watchMetaProperties() {
-    n(this.component, "position", (e) => {
-      this.component.el.childElem != null && typeof e == "string" && i(this.component);
-    }), n(this.component, "referenceElement", () => i(this.component));
+    r(this.component, "position", (e) => {
+      this.component.el.childElem != null && typeof e == "string" && o(this.component);
+    }), r(this.component, "referenceElement", () => o(this.component));
   }
 }
-const u = h(v);
+const p = a(m);
 export {
-  v as V,
-  _ as a,
-  E as u
+  m as V,
+  u
 };

package/dist/chunks/useViewModel.js

@@ -3,7 +3,7 @@ import { AccessorController as i } from "@arcgis/components-controllers/accessor
 import { V as n } from "./useView.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
+v4.33.0-next.90 */
 const m = (o, t) => (e, s) => l(e, o, s);
 class a extends i {
   constructor() {

package/dist/chunks/useWidget.js

@@ -3,7 +3,7 @@ import { AccessorController as p, accessorSupport as a } from "@arcgis/component
 import { a as l } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.9 */
+v4.33.0-next.90 */
 const P = (d, s) => (i, e) => _(i, d, e);
 class y extends p {
   constructor(s, i, e) {

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

@@ -13,7 +13,7 @@ declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components
     destroy?: () => Promise<void>;
 } & Pick<AreaMeasurement2D & {
     viewModel: __esri.Accessor;
-}, "label" | "viewModel" | "icon" | "unit" | "unitOptions"> & {
+}, "icon" | "label" | "viewModel" | "snappingOptions" | "unit" | "unitOptions"> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: (__esri.AreaMeasurement2DViewModel & __esri.Accessor) | undefined;
@@ -59,11 +59,16 @@ export declare class ArcgisAreaMeasurement2d extends LitElement {
     label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    snappingOptions: __esri.SnappingOptions;
     readonly state: "ready" | "disabled" | "measuring" | "measured";
     unit: __esri.SystemOrAreaUnit;
     unitOptions: __esri.SystemOrAreaUnit[];
+    /** Clear the current measurement. */
+    clear(): Promise<void>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Starts a new measurement. */
+    start(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;