@arcgis/map-components 4.33.0-next.124 → 4.33.0-next.126

package/dist/chunks/component-utils.js

@@ -1,25 +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.124 */
-function L(i) {
-  i.el.childElem && (i.el.childElem.ownedBy = i.el);
-  const e = v(i);
-  if (!e) {
-    const t = y(i);
+v4.33.0-next.126 */
+function N(e) {
+  e.el.childElem && (e.el.childElem.ownedBy = e.el);
+  const i = v(e);
+  if (!i) {
+    const t = y(e);
     if (!t) {
-      g(i);
+      g(e);
       return;
     }
-    return f(t, i, !0), t;
+    return f(t, e, !0), t;
   }
-  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;
+  return w(i, e.el.parent) || (e.el.parent = i, i.localName === "arcgis-expand" ? E(i, e) : i.localName === "arcgis-placement" ? P(i, e) : f(i, e, !1)), i;
+}
+function v({ el: e }) {
+  for (let i = e.parentElement; i; i = i?.parentElement ?? null) {
+    if (c.has(i.localName))
+      return i;
+    if ("ownedBy" in i && i.ownedBy instanceof HTMLElement && c.has(i.ownedBy.localName))
+      return i.ownedBy;
   }
 }
 const c = /* @__PURE__ */ new Set([
@@ -29,117 +29,117 @@ const c = /* @__PURE__ */ new Set([
   "arcgis-expand",
   "arcgis-placement"
 ]);
-function w(i, e) {
-  if (i !== e)
+function w(e, i) {
+  if (e !== i)
     return !1;
-  const t = i.tagName.toLowerCase();
+  const t = e.localName;
   return t === "arcgis-expand" || t === "arcgis-placement";
 }
-function l(i, e, t = "arcgisReady") {
-  const s = i;
-  if (typeof s.view?.ready == "boolean")
-    e(s.view);
+function a(e, i, t = "arcgisReady") {
+  const s = e;
+  if (s.view)
+    i(s.view);
   else {
-    let r = function(a) {
-      a.target === i && (l(i, e, t), i.removeEventListener(t, r));
+    let r = function(l) {
+      l.target === e && (a(e, i, t), e.removeEventListener(t, r));
     };
-    i.addEventListener(t, r);
+    e.addEventListener(t, 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,
+const E = (e, i) => a(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;
+}), P = (e, i) => a(e, (t) => {
+  i.el.childElem && i.el.append(i.el.childElem), i.position = e.position, i.el.view = t;
+}), f = (e, i, t) => a(
+  e,
   (s) => {
-    t ? g(e) : e.el.childElem && b(i, e), e.el.view = s;
+    t ? g(i) : i.el.childElem && b(e, i), i.el.view = s;
   },
   "arcgisViewReadyChange"
 );
-function b(i, e) {
-  const t = e.el.childElem ?? e.el, s = i?.childElem, r = [...i.children], a = {};
+function b(e, i) {
+  const t = i.el.childElem ?? i.el, s = e?.childElem, r = [...e.children], l = {};
   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) });
+    l[o] ??= [], l[o].push({ child: n, position: o, index: r.indexOf(n) });
   }
-  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 });
+  const h = l[i.position ?? "manual"]?.findIndex(({ child: n }) => n === i.el), d = e.view.ui;
+  d.remove(t), d.add(t, { position: i.position, index: h });
 }
-function N(i) {
-  let e = !1, t = i.el.view;
-  const s = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(i.el), "view") ?? {
+function T(e) {
+  let i = !1, t = e.el.view;
+  const s = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.el), "view") ?? {
     get: () => t,
     set: (r) => t = r
   };
-  Object.defineProperty(i.el, "view", {
-    get: s.get.bind(i.el),
+  Object.defineProperty(e.el, "view", {
+    get: s.get.bind(e.el),
     set: (r) => {
-      s.set.call(i.el, r), r && !e && (e = !0, i.arcgisReady.emit());
+      s.set.call(e.el, r), r && !i && (i = !0, e.arcgisReady.emit());
     },
     configurable: !0,
     enumerable: !0
-  }), t && (i.el.view = t);
+  }), t && (e.el.view = t);
 }
-function p(i) {
-  return i == null || i === "";
+function p(e) {
+  return e == null || e === "";
 }
-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(e, i) {
+  return i != null && e?.position === i.position && e?.heading === i.heading && e?.tilt === i.tilt && e?.fov === i.fov;
 }
-function x(i, e) {
-  return e === void 0 || i?.targetGeometry !== e?.targetGeometry || i?.rotation !== e?.rotation || i?.scale !== e?.scale;
+function S(e, i) {
+  return i === void 0 || e?.targetGeometry !== i?.targetGeometry || e?.rotation !== i?.rotation || e?.scale !== i?.scale;
 }
-function S(i, e) {
-  return u(e?.center, i);
+function B(e, i) {
+  return u(i?.center, e);
 }
-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;
+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], s = i[1], r = i.length > 2 ? i[2] : void 0;
+    if (t !== e.longitude || s !== e.latitude || r !== e.z)
+      return i;
+  } else if (i && !e?.equals(i))
+    return i;
 }
-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 F(e, i) {
+  i != null && (typeof i == "string" ? e.el.view = await C(e, i) : e.widget && (e.el.view = i.view));
 }
-async function P(i, e) {
-  const t = y(i, e);
+async function C(e, i) {
+  const t = y(e, i);
   return await new Promise((s) => {
     typeof t?.view?.ready == "boolean" ? s(t.view) : t && t.addEventListener("arcgisViewReadyChange", () => s(t.view), { once: !0 });
   });
 }
-function g(i) {
-  i.el.childElem && (i.el.shadowRoot ?? i.el).append(i.el.childElem);
+function g(e) {
+  e.el.childElem && (e.el.shadowRoot ?? e.el).append(e.el.childElem);
 }
-function y(i, e) {
-  const t = e ?? i.referenceElement;
+function y(e, i) {
+  const t = i ?? e.referenceElement;
   if (typeof t != "string")
     return t ?? void 0;
-  const s = t.includes("#") || t.includes(".") || t.includes("["), r = i.el.getRootNode();
+  const s = t.includes("#") || t.includes(".") || t.includes("["), r = e.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());
+const L = (e) => e.el.childElem;
+async function O(e) {
+  const i = typeof e == "function" ? e() : e;
+  i && ("setFocus" in i && typeof i.setFocus == "function" ? await i.setFocus() : i instanceof HTMLElement && i.focus());
 }
 export {
-  L as a,
-  T as b,
-  S as c,
-  N as d,
+  N as a,
+  x as b,
+  B as c,
+  T as d,
   p as e,
-  F as g,
-  x as i,
+  L as g,
+  S as i,
   u as p,
-  B as r,
+  F as r,
   O as s
 };

package/dist/chunks/createCloseEvent.js

@@ -2,7 +2,7 @@ import { makeGenericController as l } from "@arcgis/lumina/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.124 */
+v4.33.0-next.126 */
 const a = l((e, r) => (r.onLoaded(() => {
   const t = e.el;
   e.listenOn(t.childElem, "calciteFlowItemClose", () => {

package/dist/chunks/globalCss.js

@@ -1,6 +1,6 @@
 /*! 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.124 */
+v4.33.0-next.126 */
 const e = {
   anchor: "esri-widget__anchor",
   disabled: "esri-disabled",

package/dist/chunks/heading.js

@@ -4,7 +4,7 @@ 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.124 */
+v4.33.0-next.126 */
 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}>`;

package/dist/chunks/layer-list.js

@@ -1,7 +1,7 @@
 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.124 */
+v4.33.0-next.126 */
 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,6 +1,6 @@
 /*! 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.124 */
+v4.33.0-next.126 */
 const r = {
   dragHorizontal: "esri-icon-drag-horizontal",
   dragVertical: "esri-icon-drag-vertical"

package/dist/chunks/maybe.js

@@ -1,6 +1,6 @@
 /*! 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.124 */
+v4.33.0-next.126 */
 function e(r) {
   return r?.abort(), null;
 }

package/dist/chunks/runtime.js

@@ -1,11 +1,14 @@
-import { makeRuntime as t } from "@arcgis/lumina";
+import { makeRuntime as e } from "@arcgis/lumina";
+import { trackAccess as s, createObservable as a } from "@arcgis/core/applications/Components/reactiveUtils.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.124 */
-const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/next/map-components/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
+v4.33.0-next.126 */
+const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/next/map-components/", hydratedAttribute: "hydrated" }), { customElement: o, getAssetPath: c, setAssetPath: n } = t;
+t.t = s;
+t.o = a;
 export {
-  a as c,
-  m as g,
-  s as r,
-  o as s
+  o as c,
+  c as g,
+  t as r,
+  n as s
 };

package/dist/chunks/useHandles.js

@@ -1,7 +1,7 @@
 import { toFunction as i, Controller as n } from "@arcgis/lumina/controllers";
 /*! 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.124 */
+v4.33.0-next.126 */
 class o {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/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.124 */
+v4.33.0-next.126 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -1,60 +1,61 @@
-import { proxyExports as a, GenericController as c } from "@arcgis/lumina/controllers";
-import * as h from "@arcgis/core/core/reactiveUtils.js";
-import { signal as l } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { a as o } from "./component-utils.js";
+import { proxyExports as h, GenericController as c } from "@arcgis/lumina/controllers";
+import * as l from "@arcgis/core/core/reactiveUtils.js";
+import { signal as a } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { a as i } 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.124 */
-const y = (s) => m(s);
+v4.33.0-next.126 */
+const v = (s) => m(s);
 class d extends c {
+  #e = a(void 0);
+  #o = void 0;
+  #t = !1;
   constructor(e) {
-    super(e), this._view$ = l(void 0), this._viewDestroyHandle = void 0, this._canEmitArcgisReady = !1;
+    super(e);
     const { el: t } = e, n = t.view;
     this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
-      get: () => this._view$.value,
-      set: (i) => {
-        if (this.exports === i)
+      get: () => this.#e.value,
+      set: (o) => {
+        if (this.exports === o)
           return;
         const r = t.view;
-        this._view$.value = i, this.exports = i, this.component.requestUpdate("view", r), this._notifyViewReady();
+        this.#e.value = o, this.exports = o, this.component.requestUpdate("view", r), this.#i();
       },
       configurable: !0,
       enumerable: !0
     }), e !== t && Object.defineProperty(e, "view", {
       get: () => t.view,
-      set: (i) => {
-        t.view = i;
+      set: (o) => {
+        t.view = o;
       }
-    }), queueMicrotask(() => {
-      n && (t.view = n);
-    });
+    }), queueMicrotask(() => n ? t.view = n : 0);
   }
   hostConnected() {
-    this.component.manager.hasDestroy && (this._viewDestroyHandle ??= h.when(
-      () => this._view$.value?.destroyed,
+    this.component.manager.hasDestroy && (this.#o ??= l.when(
+      () => this.#e.value?.destroyed,
       () => void this.component.destroy?.().catch(console.error),
       { sync: !0 }
-    ), this.onDestroy(() => this._viewDestroyHandle?.remove())), this.component.manager.loadedCalled && o(this.component);
+    ), this.onDestroy(() => this.#o?.remove())), this.component.manager.loadedCalled && i(this.component);
   }
   hostLoad() {
     this.component.manager.destroyed;
   }
   hostLoaded() {
     const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem = t ?? e.childElem, this._canEmitArcgisReady = !0, this._notifyViewReady(), e.isConnected && o(this.component);
+    e.childElem ??= t, this.#t = !0, this.#i(), e.isConnected && i(this.component);
   }
   hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this._view$.value?.ui?.remove(this.component.el.childElem);
+    typeof this.component.el.childElem == "object" && this.#e.value?.ui?.remove(this.component.el.childElem);
   }
   hostUpdate(e) {
-    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && o(this.component), e.has("referenceElement") && o(this.component);
+    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && i(this.component), e.has("referenceElement") && i(this.component);
   }
-  _notifyViewReady() {
-    !this._canEmitArcgisReady || this._view$.value == null || (this._canEmitArcgisReady = !1, this.component.arcgisReady.emit());
+  #i() {
+    !this.#t || this.#e.value == null || (this.#t = !1, this.component.arcgisReady.emit());
   }
 }
-const m = a(d);
+const m = h(d);
 export {
   d as V,
-  y as u
+  v as u
 };

package/dist/chunks/useViewModel.js

@@ -1,31 +1,30 @@
-import { proxyExports as s } from "@arcgis/lumina/controllers";
-import { AccessorController as i } from "@arcgis/lumina/controllers/accessor";
-import { V as n } from "./useView.js";
-import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
+import { proxyExports as r } from "@arcgis/lumina/controllers";
+import { AccessorController as s } from "@arcgis/lumina/controllers/accessor";
+import { V as i } from "./useView.js";
+import { watch as n } from "@arcgis/core/core/reactiveUtils.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.124 */
-const d = (t, o) => (e, r) => c(e, t, r);
-class l extends i {
-  constructor() {
-    super(...arguments), this.viewController = new n(
-      this.component
-    ), this._viewWatchHandle = void 0;
+v4.33.0-next.126 */
+const w = (e, o) => (t) => p(t, e);
+class m extends s {
+  #o = void 0;
+  constructor(o, t) {
+    super(o, t), new i(this.component);
   }
-  async hostLoad() {
-    await super.hostLoad(), this._viewWatchHandle = a(
+  hostLoad() {
+    this.#o = n(
       () => this.component.el.view,
       (o) => {
-        this._instance.view = o, this._instance.map = o?.map;
+        this.instance.view = o, this.instance.map = o?.map;
       },
       { sync: !0, initial: !0 }
     );
   }
   hostDestroy() {
-    this._viewWatchHandle?.remove(), super.hostDestroy();
+    this.#o?.remove(), super.hostDestroy();
   }
 }
-const c = s(l);
+const p = r(m);
 export {
-  d as m
+  w as m
 };