@arcgis/map-components 4.33.0-next.7 → 4.33.0-next.71

package/dist/arcgis-map-components/assets/video-player/t9n/messages.uk.json

@@ -0,0 +1 @@
+{"beginning":"Початок","color":"Колір","end":"Кінець","errorLoadingLayer":"Помилка при завантаженні шару","follow":"Підписатися","forward":"Вперед","frame":"Рамка","frameCenter":"Центр фрейму","frameInfo":"Інформація про кадр","frameOutline":"Контур фрейму","graphics":"Графіка","layers":"Шари","metadata":"Метадані","metadataDescription":"Натисніть кнопку відтворення або установіть повзунок, щоб завантажити метадані","metadataNotLoaded":"Метадані ще недоступні","missionInfo":"Інформація про місію","none":"Немає","pause":"Пауза","platformInfo":"Інформація про платформу","play":"Відтворити","playbackSpeed":"Швидкість відтворення","quality":"Якість","reverse":"Повернути у зворотньому напрямку","sensor":"Датчик","sensorTrail":"Траса датчика","settings":"Налаштування","sightLine":"Лінія погляду","speed":"Швидкість","video":"Відео"}

package/dist/arcgis-map-components/assets/video-player/t9n/messages.vi.json

@@ -0,0 +1 @@
+{"beginning":"Bắt đầu","color":"Màu sắc","end":"Kết thúc","errorLoadingLayer":"Lỗi tải lớp","follow":"Theo dõi","forward":"Về phía trước","frame":"Khung hình","frameCenter":"Trung tâm Khung hình","frameInfo":"Thông tin Khung hình","frameOutline":"Đường viền Khung hình","graphics":"Đồ họa","layers":"Lớp","metadata":"Siêu dữ liệu","metadataDescription":"Nhấn nút phát hoặc điều chỉnh tay cầm thanh trượt để tải siêu dữ liệu","metadataNotLoaded":"Siêu dữ liệu chưa khả dụng","missionInfo":"Thông tin Mission","none":"Không có","pause":"Tạm dừng","platformInfo":"Thông tin Nền tảng","play":"Phát","playbackSpeed":"Tốc độ Phát lại","quality":"Chất lượng","reverse":"Đảo ngược","sensor":"Cảm biến","sensorTrail":"Sensor Trail","settings":"Thiết lập","sightLine":"Đường ngắm Cơ sở","speed":"Tốc độ","video":"Video"}

package/dist/arcgis-map-components/assets/video-player/t9n/messages.zh-CN.json

@@ -0,0 +1 @@
+{"beginning":"开始","color":"颜色","end":"结束","errorLoadingLayer":"加载图层时出错","follow":"跟随","forward":"前进","frame":"帧","frameCenter":"帧中心","frameInfo":"帧信息","frameOutline":"帧轮廓","graphics":"图形","layers":"图层","metadata":"元数据","metadataDescription":"按下播放按钮或调整滑块手柄以加载元数据","metadataNotLoaded":"元数据尚不可用","missionInfo":"任务信息","none":"无","pause":"暂停","platformInfo":"平台信息","play":"播放","playbackSpeed":"回放速度","quality":"质量","reverse":"反转","sensor":"传感器","sensorTrail":"传感器轨迹","settings":"设置","sightLine":"视线","speed":"速度","video":"视频"}

package/dist/arcgis-map-components/assets/video-player/t9n/messages.zh-HK.json

@@ -0,0 +1 @@
+{"beginning":"開始","color":"顏色","end":"結束","errorLoadingLayer":"載入圖層時出錯","follow":"追蹤","forward":"轉寄","frame":"框架","frameCenter":"框架中心","frameInfo":"框架資訊","frameOutline":"框架輪廓","graphics":"圖形","layers":"圖層","metadata":"中繼資料","metadataDescription":"按下播放按鈕或調整滑桿控點以載入中繼資料","metadataNotLoaded":"目前還不能使用中繼資料","missionInfo":"任務資訊","none":"無","pause":"暫停","platformInfo":"平台資訊","play":"播放","playbackSpeed":"播放速度","quality":"品質","reverse":"反轉","sensor":"感應器","sensorTrail":"感應器軌跡","settings":"設定","sightLine":"視線","speed":"速度","video":"影片"}

package/dist/arcgis-map-components/assets/video-player/t9n/messages.zh-TW.json

@@ -0,0 +1 @@
+{"beginning":"開始","color":"顏色","end":"結束","errorLoadingLayer":"載入圖層時出錯","follow":"追蹤","forward":"轉寄","frame":"框架","frameCenter":"框架中心","frameInfo":"框架資訊","frameOutline":"框架輪廓","graphics":"圖形","layers":"圖層","metadata":"中繼資料","metadataDescription":"按下播放按鈕或調整滑桿控點以載入中繼資料","metadataNotLoaded":"目前還不能使用中繼資料","missionInfo":"任務資訊","none":"無","pause":"暫停","platformInfo":"平台資訊","play":"播放","playbackSpeed":"播放速度","quality":"品質","reverse":"反轉","sensor":"感應器","sensorTrail":"感應器軌跡","settings":"設定","sightLine":"視線","speed":"速度","video":"影片"}

package/dist/chunks/basemap-gallery-resources.js

@@ -0,0 +1,23 @@
+/*! 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.71 */
+const e = "esri-basemap-gallery", t = {
+  base: e,
+  sourceLoading: `${e}--source-loading`,
+  // When set, the items are be displayed in a grid instead of stacked vertically.
+  layoutGrid: `${e}--grid`,
+  // When set, the thumbnail of each item is narrower, to allow the title to be wider.
+  narrowItems: `${e}--narrow-items`,
+  loader: `${e}__loader`,
+  item: `${e}__item`,
+  itemContainer: `${e}__item-container`,
+  itemContent: `${e}__item-content`,
+  itemTitle: `${e}__item-title`,
+  itemTagsContainer: `${e}__item-tags-container`,
+  itemThumbnail: `${e}__item-thumbnail`,
+  selectedItem: `${e}__item--selected`,
+  itemError: `${e}__item--error`
+};
+export {
+  t as c
+};

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.7 */
-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.71 */
+function p(i) {
+  i.el.childElem && (i.el.childElem.ownedBy = i.el);
+  const e = v(i);
+  if (!e) {
+    const t = y(i.referenceElement);
     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" ? C(e, i) : e.tagName.toLowerCase() === "arcgis-placement" ? E(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,108 @@ 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;
+function n(i, e, t = "arcgisReady") {
+  const r = i;
   if (typeof r.view?.ready == "boolean")
-    i(r.view);
+    e(r.view);
   else {
-    let s = function(d) {
-      d.target === e && (l(e, i, t), e.removeEventListener(t, s));
+    let s = function(l) {
+      l.target === i && (n(i, e, t), i.removeEventListener(t, s));
     };
-    e.addEventListener(t, s);
+    i.addEventListener(t, s);
   }
 }
-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,
+const C = (i, e) => n(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;
+}), E = (i, e) => n(i, (t) => {
+  e.el.childElem && e.el.append(e.el.childElem), e.position = i.position, e.el.view = t;
+}), f = (i, e, t) => n(
+  i,
   (r) => {
-    t ? g(i) : i.el.childElem && E(e, i), i.el.view = r;
+    t ? g(e) : e.el.childElem && b(i, e), e.el.view = r;
   },
   "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, r = i?.childElem, s = [...i.children], l = {};
+  for (const a of s) {
+    if (a === r)
+      continue;
+    const o = a.position ?? "manual";
+    l[o] ??= [], l[o].push({ child: a, position: o, index: s.indexOf(a) });
   }
-  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 = l[e.position ?? "manual"]?.findIndex(({ child: a }) => a === 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 L(i) {
+  let e = !1, t = i.el.view;
+  const r = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(i.el), "view") ?? {
     get: () => t,
     set: (s) => t = s
   };
-  Object.defineProperty(e.el, "view", {
-    get: r.get.bind(e.el),
+  Object.defineProperty(i.el, "view", {
+    get: r.get.bind(i.el),
     set: (s) => {
-      r.set.call(e.el, s), s && !i && (i = !0, e.arcgisReady.emit());
+      r.set.call(i.el, s), s && !e && (e = !0, i.arcgisReady.emit());
     },
     configurable: !0,
     enumerable: !0
-  }), t && (e.el.view = t);
+  }), t && (i.el.view = t);
 }
-function x(e) {
-  return e == null || e === "";
+function x(i) {
+  return i == null || i === "";
 }
-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(i, e) {
+  return e != null && i?.position === e.position && i?.heading === e.heading && i?.tilt === e.tilt && i?.fov === e.fov;
 }
-function N(e, i) {
-  return i === void 0 || e?.targetGeometry !== i?.targetGeometry || e?.rotation !== i?.rotation || e?.scale !== i?.scale;
+function O(i, e) {
+  return e === void 0 || i?.targetGeometry !== e?.targetGeometry || i?.rotation !== e?.rotation || i?.scale !== e?.scale;
 }
-function O(e, i) {
-  return u(i?.center, e);
+function S(i, e) {
+  return u(e?.center, i);
 }
-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;
+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], r = e[1], s = e.length > 2 ? e[2] : void 0;
+    if (t !== i.longitude || r !== i.latitude || s !== i.z)
+      return e;
+  } else if (e && !i?.equals(e))
+    return e;
 }
-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 T(i, e) {
+  e != null && (typeof e == "string" ? i.el.view = await P(e) : i.widget && (i.el.view = e.view));
 }
-async function b(e) {
-  const i = y(e);
+async function P(i) {
+  const e = y(i);
   return await new Promise((t) => {
-    typeof i?.view?.ready == "boolean" ? t(i.view) : i && i.addEventListener("arcgisViewReadyChange", () => t(i.view), { once: !0 });
+    typeof e?.view?.ready == "boolean" ? t(e.view) : e && e.addEventListener("arcgisViewReadyChange", () => t(e.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) {
+  return typeof i != "string" ? i ?? void 0 : (i.includes("#") || i.includes(".") || i.includes("[") ? void 0 : document.querySelector(`#${i}`)) ?? document.querySelector(i) ?? void 0;
 }
+const B = (i) => i.el.childElem;
 export {
-  p as a,
-  P as b,
-  H as c,
+  N as a,
+  S as b,
+  p as c,
   L as d,
-  O as e,
-  x as f,
-  N as i,
+  x as e,
+  B as g,
+  O as i,
   u as p,
-  S as r
+  T as r
 };

package/dist/chunks/globalCss.js

@@ -1,48 +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.7 */
+v4.33.0-next.71 */
 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"
+  widgetButton: "esri-widget--button"
 };
 export {
   e as g

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.7 */
-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.71 */
+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.7 */
+v4.33.0-next.71 */
 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/useView.js

@@ -1,48 +1,48 @@
-import { makeT9nController as a, proxyExports as h, GenericController as l, watch as n } from "@arcgis/components-controllers";
+import { makeT9nController as a, proxyExports as h, GenericController as l, watch as r } 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 * as m from "@arcgis/core/core/reactiveUtils.js";
+import { signal as p } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { c 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.7 */
-const E = a(d), _ = (s) => u(s);
+v4.33.0-next.71 */
+const g = a(d), E = (s) => f(s);
 class v extends l {
   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$ = p(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 ??= m.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 +50,18 @@ 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 f = h(v);
 export {
   v as V,
-  _ as a,
-  E as u
+  E as a,
+  g as 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.7 */
+v4.33.0-next.71 */
 const m = (o, t) => (e, s) => l(e, o, s);
 class a extends i {
   constructor() {

package/dist/chunks/useWidget.js

@@ -1,9 +1,9 @@
 import { proxyExports as w, watch as r, trackPropKey as f } from "@arcgis/components-controllers";
 import { AccessorController as p, accessorSupport as a } from "@arcgis/components-controllers/accessor";
-import { a as l } from "./component-utils.js";
+import { c 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.7 */
+v4.33.0-next.71 */
 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";
     }>;

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

@@ -1,37 +1,45 @@
 import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as e } from "@arcgis/components-controllers";
 import s from "@arcgis/core/widgets/AreaMeasurement2D.js";
-import { LitElement as i, createEvent as o, noShadowRoot as a } from "@arcgis/lumina";
+import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 import { m as r } from "../../chunks/useWidget.js";
 import { css as n } 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.7 */
-const m = n`arcgis-area-measurement-2d{display:block}`, h = r(
+v4.33.0-next.71 */
+const h = n`@layer{arcgis-area-measurement-2d{display:block}}`, l = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s
 );
-class d extends i {
+class m extends i {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("state"), this.arcgisReady = a();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, snappingOptions: 0, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = o;
   }
   static {
-    this.styles = m;
+    this.styles = h;
+  }
+  //#endregion
+  //#region Public Methods
+  /** Clear the current measurement. */
+  async clear() {
+    this.viewModel?.clear();
   }
-  // #endregion
-  // #region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Starts a new measurement. */
+  async start() {
+    this.viewModel?.start();
+  }
 }
-t("arcgis-area-measurement-2d", d);
+t("arcgis-area-measurement-2d", m);
 export {
-  d as ArcgisAreaMeasurement2d
+  m as ArcgisAreaMeasurement2d
 };