@arcgis/map-components 4.34.0-next.16 → 4.34.0-next.160

package/dist/chunks/svgUtils.js

@@ -0,0 +1,228 @@
+import { svg as a, html as H } from "lit";
+import { getBoundingBox as J, computeBBox as V, getTransformMatrix as X } from "@arcgis/core/applications/Components/svgUtils.js";
+import j from "@arcgis/core/Color.js";
+import { nothing as t, safeStyleMap as Y } from "@arcgis/lumina";
+import { p as q, t as K } from "./utils2.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.160 */
+let Q = 0;
+function Z() {
+  return Q++;
+}
+let _ = 0;
+function A() {
+  return _++;
+}
+let nn = 0;
+function tn() {
+  return nn++;
+}
+const z = /* @__PURE__ */ new Map([
+  ["dash", [4, 3]],
+  ["dashdot", [4, 3, 1, 3]],
+  ["dot", [1, 3]],
+  ["longdash", [8, 3]],
+  ["longdashdot", [8, 3, 1, 3]],
+  ["longdashdotdot", [8, 3, 1, 3, 1, 3]],
+  ["shortdash", [4, 1]],
+  ["shortdashdot", [4, 1, 1, 1]],
+  ["shortdashdotdot", [4, 1, 1, 1, 1, 1]],
+  ["shortdot", [1, 1]],
+  ["solid", []]
+]), en = "http://www.w3.org/2000/svg", rn = Math.PI;
+function on(n) {
+  const { pattern: i, linearGradient: e } = n;
+  if (i)
+    return a`<pattern height=${i.height ?? t} id=${i.id ?? t} patternUnits=userSpaceOnUse width=${i.width ?? t} x=${i.x ?? 0 ?? t} y=${i.y ?? 0 ?? t}><image height=${i.image.height ?? t} href=${i.image.href ?? t} width=${i.image.width ?? t} x=${i.image.x ?? t} y=${i.image.y ?? t} /></pattern>`;
+  if (e) {
+    const r = e.stops.map((o) => a`<stop offset=${o.offset ?? t} stop-color=${o.color ?? t} />`);
+    return a`<linearGradient gradientUnits=userSpaceOnUse id=${e.id ?? t} x1=${e.x1 ?? t} x2=${e.x2 ?? t} y1=${e.y1 ?? t} y2=${e.y2 ?? t}>${r}</linearGradient>`;
+  }
+  return null;
+}
+function D(n) {
+  if (!n)
+    return { fill: "none", pattern: null, linearGradient: null };
+  if (!("type" in n))
+    return { fill: new j(n).toString(), pattern: null, linearGradient: null };
+  if (n.type === "pattern") {
+    const e = `patternId-${Z()}`;
+    return {
+      fill: `url(#${e})`,
+      pattern: {
+        id: e,
+        x: n.x,
+        y: n.y,
+        width: n.width,
+        height: n.height,
+        image: {
+          x: 0,
+          y: 0,
+          width: n.width,
+          height: n.height,
+          href: n.src
+        }
+      },
+      linearGradient: null
+    };
+  }
+  const i = `linearGradientId-${A()}`;
+  return {
+    fill: `url(#${i})`,
+    pattern: null,
+    linearGradient: {
+      id: i,
+      x1: n.x1,
+      y1: n.y1,
+      x2: n.x2,
+      y2: n.y2,
+      stops: n.colors.map((e) => ({
+        offset: e.offset,
+        color: e.color && new j(e.color).toString()
+      }))
+    }
+  };
+}
+function N(n) {
+  const i = {
+    color: "none",
+    width: 1,
+    cap: "butt",
+    join: "4",
+    dashArray: "none",
+    dashOffset: "0"
+  };
+  return n && (n.width != null && (i.width = n.width), n.cap && (i.cap = n.cap), n.join && (i.join = n.join.toString()), n.color && (i.color = new j(n.color).toString()), n.dashArray && (i.dashArray = n.dashArray), n.dashoffset && (i.dashOffset = n.dashoffset), n.style && !n.dashArray && (i.dashArray = an(n).join(",") || "none")), i;
+}
+function an(n) {
+  if (!n?.style)
+    return [];
+  const { dashArray: i, style: e, width: r } = n;
+  if (typeof i == "string" && i !== "none")
+    return i.split(",").map((l) => Number(l));
+  const o = r ?? 0, d = z.has(e) ? z.get(e).map((l) => l * o) : [];
+  if (n.cap !== "butt")
+    for (const [l, c] of d.entries())
+      d[l] = l % 2 === 1 ? c + o : Math.max(c - o, 1);
+  return d;
+}
+function ln(n) {
+  return n.map((i) => `${i.command} ${i.values.join(" ")}`).join(" ").trim();
+}
+function G(n, i) {
+  if (n == null)
+    throw new Error("value is None");
+}
+function P(n, i, e, r, o) {
+  if (n) {
+    if (n.type === "circle")
+      return a`<circle cx=${n.cx ?? t} cy=${n.cy ?? t} fill=${i ?? t} fill-rule=evenodd r=${n.r ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-dashoffset=${e.dashOffset ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    if (n.type === "ellipse")
+      return a`<ellipse cx=${n.cx ?? t} cy=${n.cy ?? t} fill=${i ?? t} fill-rule=evenodd rx=${n.rx ?? t} ry=${n.ry ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    if (n.type === "rect")
+      return a`<rect fill=${i ?? t} fill-rule=evenodd height=${n.height ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} width=${n.width ?? t} x=${n.x ?? t} y=${n.y ?? t} />`;
+    if (n.type === "image")
+      return a`<image aria-label=${o ?? "" ?? t} height=${n.height ?? t} href=${n.src ?? t} preserveAspectRatio=none width=${n.width ?? t} x=${n.x ?? t} y=${n.y ?? t} />`;
+    if (n.type === "path") {
+      const d = typeof n.path != "string" ? ln(n.path) : n.path;
+      return a`<path d=${d ?? t} fill=${i ?? t} fill-rule=evenodd stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    }
+    if (n.type === "text")
+      return G(r), a`<text dominant-baseline=${(r.dominantBaseline === "inherit" || r.dominantBaseline === "alphabetic" || r.dominantBaseline === "auto" || r.dominantBaseline === "central" || r.dominantBaseline === "hanging" || r.dominantBaseline === "ideographic" || r.dominantBaseline === "mathematical" || r.dominantBaseline === "middle" || r.dominantBaseline === "text-bottom" || r.dominantBaseline === "text-top" ? r.dominantBaseline : void 0) ?? t} fill=${i ?? t} fill-rule=evenodd font-family=${r.font.family ?? t} font-size=${r.font.size ?? t} font-style=${r.font.style ?? t} font-variant=${r.font.variant ?? t} font-weight=${r.font.weight ?? t} kerning=${r.kerning ?? t} rotate=${r.rotate ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} text-anchor=${(r.align === "inherit" || r.align === "middle" || r.align === "end" || r.align === "start" ? r.align : void 0) ?? t} text-decoration=${(r.decoration === "inherit" || r.decoration === "none" || r.decoration === "blink" || r.decoration === "line-through" || r.decoration === "overline" || r.decoration === "underline" ? r.decoration : void 0) ?? t} text-rendering=auto x=${n.x ?? t} y=${n.y ?? t}>${n.text}</text>`;
+  }
+  return null;
+}
+function sn(n, i, e) {
+  const r = U(n);
+  if (!r)
+    return null;
+  const { strength: o, radius: d } = r, l = o > 0 ? d : 0, c = 5 ** (i / 100) * (0.4 + i / 100), h = (o + l * 0.5) * c, u = (o + l) * i, f = o * 4 + 1;
+  return a`<filter filterUnits=userSpaceOnUse height=300% .id=${`bloom${e}`} width=300% x=-100% y=-100%><feMorphology in=SourceGraphic operator=dilate radius=${h ?? t} result=dilate /><feGaussianBlur in=dilate result=blur stdDeviation=${u / 25} /><feGaussianBlur in=blur result=intensityBlur stdDeviation=${u / 50} /><feComponentTransfer in=SourceGraphic result=intensityBrightness><feFuncR slope=${f ?? t} type=linear /><feFuncG slope=${f ?? t} type=linear /><feFuncB slope=${f ?? t} type=linear /></feComponentTransfer><feMerge><feMergeNode in=intensityBlur /><feMergeNode in=intensityBrightness /><feGaussianBlur stdDeviation=${o / 10} /></feMerge></filter>`;
+}
+function w(n, i) {
+  const e = n * (rn / 180);
+  return Math.abs(i * Math.sin(e)) + Math.abs(i * Math.cos(e));
+}
+function R(n, i) {
+  const e = {
+    align: null,
+    decoration: null,
+    kerning: null,
+    rotate: null,
+    font: {
+      style: null,
+      variant: null,
+      weight: null,
+      size: null,
+      family: null
+    }
+  };
+  if (n) {
+    const r = n.alignBaseline, o = r === "baseline" ? "auto" : r === "top" ? "text-top" : r === "bottom" ? "hanging" : r;
+    e.align = n.align, e.dominantBaseline = o, e.decoration = n.decoration, e.kerning = n.kerning ? "auto" : "0", e.rotate = n.rotated ? "90" : "0", G(i), e.font.style = i.style || "normal", e.font.variant = i.variant || "normal", e.font.weight = i.weight || "normal", e.font.size = i.size?.toString() || "10pt", e.font.family = i.family || "serif";
+  }
+  return e;
+}
+function dn(n, i) {
+  if (!n || n.length === 0)
+    return null;
+  const e = [];
+  for (const r of n) {
+    const { shape: o, fill: d, stroke: l, font: c } = r, h = D(d), u = N(l), f = o.type === "text" ? R(o, c) : null, v = P(o, h.fill, u, f);
+    v && e.push(v);
+  }
+  return a`<mask id=${i ?? t} maskUnits=userSpaceOnUse><g>${e}</g></mask>`;
+}
+function U(n) {
+  const i = n?.match(/bloom\(\s*([^\s]+)\s+([^\s]+)\s+([^\s]+)\s*\)/iu);
+  if (!i)
+    return null;
+  const [, e, r, o] = i;
+  return {
+    strength: Number(e),
+    radius: q(K(r)),
+    threshold: Number(o)
+  };
+}
+function $n(n, i, e, r = {}) {
+  const o = [], d = [], l = tn(), c = sn(r.cssEffectFilter, i, l);
+  let h = null;
+  if (c) {
+    const s = U(r.cssEffectFilter), g = r.clipBloomEffect || !s?.strength ? 0 : (s.strength + s.radius / 2) / 3, m = i + i * g, y = e + e * g;
+    h = [Math.max(m, 10), Math.max(y, 10)];
+  }
+  let u = i, f = e;
+  if (r.useRotationSize)
+    for (let s = 0; s < n.length; s++) {
+      const g = r.rotations?.[s] ?? 0;
+      u = Math.max(w(g, i), u), f = Math.max(w(g, e), f);
+    }
+  for (let s = 0; s < n.length; s++) {
+    const g = n[s], m = [], y = [];
+    let k = 0, b = 0, B = 0;
+    for (const p of g) {
+      const { shape: $, fill: T, stroke: F, font: W, offset: M } = p;
+      !r.ignoreStrokeWidth && $.type !== "text" && (k += F?.width || 0);
+      const O = D(T), C = N(F), E = $.type === "text" ? R($, W) : null;
+      o.push(on(O)), m.push(P($, O.fill, C, E, r.ariaLabel)), y.push(J($)), M && (b += M[0], B += M[1]);
+    }
+    const x = r.rotations?.[s] ?? 0;
+    r.useRotationSize && (b += (u - w(x, i)) / 2, B += (f - w(x, e)) / 2);
+    const L = V(y), I = X(L, i, e, k, r.scale ?? !1, x, r.useRotationSize ?? !1, [b, B], h);
+    let S = null;
+    if (r.masking) {
+      const p = `mask-${s}`, $ = r.masking[s];
+      o.push(dn($, p)), S = `url(#${p})`;
+    }
+    d.push(S ? a`<g mask=${S ?? t}><g transform=${I ?? t}>${m}</g></g>` : a`<g transform=${I ?? t}>${m}</g>`);
+  }
+  return c && (G(h), u = h[0], f = h[1]), H`<svg aria-label=${r.ariaLabel ?? t} height=${f ?? t} role=img style=${Y("display: block;")} width=${u ?? t} xmlns=${en}>${a`${c}<defs>${o}</defs>${c ? a`<g filter=${`url(#bloom${l})`}>${d}</g>` : d}`}</svg>`;
+}
+export {
+  P as a,
+  N as b,
+  $n as c,
+  D as g,
+  on as r
+};

package/dist/chunks/univariateUtils.js

@@ -0,0 +1,101 @@
+import { html as h, svg as b } from "lit";
+import { renderColorRampPreviewHTML as C } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { renderElement as E, safeClassMap as $, safeStyleMap as p } from "@arcgis/lumina";
+import { p as d, s as I, g as M } from "./utils2.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.160 */
+const w = 10, z = 20, u = 10, g = 20, S = {
+  // univariate above-and-below
+  univariateAboveAndBelowSymbol: "arcgis-univariate-above-and-below-ramp__symbol",
+  colorRamp: "arcgis-legend__color-ramp"
+};
+function v(o) {
+  return typeof o == "number";
+}
+function P(o = "vertical") {
+  const e = "stroke:rgb(200, 200, 200);stroke-width:1";
+  return o === "vertical" ? h`<svg height=4 width=10>${b`<line style=${p(e)} x1=0 x2=10 y1=2 y2=2 />`}</svg>` : h`<svg height=10 width=10>${b`<line style=${p(e)} x1=5 x2=5 y1=0 y2=10 />`}</svg>`;
+}
+function L(o, e = "vertical") {
+  const s = {
+    height: `${z}px`,
+    opacity: o?.toString()
+  };
+  return h`<div class=${$(S.univariateAboveAndBelowSymbol)} style=${p(s)}>${P(e)}</div>`;
+}
+function y(o, e, s, a = "vertical", t) {
+  o.infos.forEach((i, n) => {
+    if (t && n === 2) {
+      i.preview = E(L(s, a));
+      return;
+    } else {
+      const l = (v(i.size) ? d(i.size) : 0) + (a === "horizontal" ? g : u), f = i.preview, c = f?.tagName.toLowerCase() === "div", r = c ? f : document.createElement("div");
+      r.className = S.univariateAboveAndBelowSymbol, a === "horizontal" ? r.style.width = `${l}px` : r.style.height = `${l}px`, !c && f && r.appendChild(f), I(r, M(e, i.label)), i.preview = r;
+    }
+  });
+}
+function H(o, e = "classic") {
+  const s = o.infos, a = s.at(0), t = s.at(-1), i = v(a.size) ? d(a.size) : 0, n = v(t.size) ? d(t.size) : 0;
+  return e === "classic" ? (i + u) / 2 : (i - n) / 2;
+}
+function k(o, e) {
+  if (!o)
+    return null;
+  const s = o.infos.map((t) => t.color), a = C(
+    e.type === "full" ? s : e.type === "above" ? s.slice(0, 3) : s.slice(2, 5),
+    // Last 3 colors
+    {
+      width: e.width ?? void 0,
+      height: e.height ?? void 0,
+      align: e.rampAlignment,
+      cssEffectFilter: e.cssEffectFilter,
+      ariaLabel: e.ariaLabel ?? void 0
+    }
+  );
+  return a.className = S.colorRamp, e.opacity != null && (a.style.opacity = e.opacity.toString()), a;
+}
+function U(o, e, s, a = "vertical") {
+  let t = 0;
+  const i = o.infos, n = Math.floor(i.length / 2), l = e === "full" || e === "above" ? 0 : n, f = e === "full" || e === "below" ? i.length - 1 : n;
+  for (let c = l; c <= f; c++)
+    if (s && c === n)
+      t += a === "horizontal" ? w : z;
+    else {
+      const r = i[c].size, m = (v(r) ? d(r) : 0) + (a === "horizontal" ? g : u);
+      t += m;
+    }
+  return Math.round(t);
+}
+function D(o, e, s, a = "vertical") {
+  const t = U(o, e, s, a), i = o.infos, n = Math.floor(i.length / 2), l = e === "full" || e === "above" ? 0 : n, f = e === "full" || e === "below" ? i.length - 1 : n, c = v(i[l].size) ? i[l].size : 0, r = v(i[f].size) ? i[f].size : 0, m = e === "full" ? c + r : e === "above" ? c : r, x = s ? a === "vertical" ? z : w : 0, R = a === "vertical" ? u * (e === "full" ? 2 : 1) : g * (e === "full" ? 2 : 1);
+  return Math.round(t - (d(m) / 2 + x / 2 + R / 2));
+}
+function F(o, e, s, a = "vertical") {
+  const t = o.infos;
+  let i = t.find(({ type: l }) => l === "size-ramp"), n = t.find(({ type: l }) => l === "color-ramp");
+  return i && (i = { ...i }, i.infos = [...i.infos], y(i, e, s, a, !0)), n && (n = { ...n }, n.infos = [...n.infos]), a === "horizontal" && (i?.infos.reverse(), n?.infos.reverse()), { sizeRampElement: i, colorRampElement: n };
+}
+function T(o, e, s = "vertical") {
+  const a = o.infos;
+  let t = a.find(({ type: n }) => n === "size-ramp"), i = a.find(({ type: n }) => n === "color-ramp");
+  return t && (t = { ...t }, t.infos = [...t.infos], y(t, e, null, s, !1)), i && (i = { ...i }, i.infos = [...i.infos]), s === "horizontal" && (t?.infos.reverse(), i?.infos.reverse()), { sizeRampElement: t, colorRampElement: i };
+}
+const W = { marginLeft: "3px" }, j = {
+  display: "table-cell",
+  verticalAlign: "middle"
+}, q = {
+  display: "flex",
+  alignItems: "flex-start"
+};
+export {
+  H as a,
+  D as b,
+  k as c,
+  W as d,
+  j as e,
+  F as f,
+  T as g,
+  U as h,
+  q as u
+};

package/dist/chunks/useArcgisViewReadyError.js

@@ -0,0 +1,86 @@
+import { html as a } from "lit";
+import { GenericController as c, useDirection as u, makeGenericController as n } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as h } from "@arcgis/toolkit/dom";
+import { a as d } from "./slots.js";
+import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
+import { createEvent as l } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.160 */
+class R extends c {
+  //#endregion
+  //#region Lifecycle
+  constructor(o) {
+    super(o), this.direction = u(), this.component.listen("arcgisViewClick", (r) => {
+      this._handleOpenPopup(r.detail);
+    }), this.component.listenOn(globalThis, "unhandledrejection", (r) => {
+      if (r.reason?.name === "webgl:required") {
+        const { name: e } = r.reason;
+        this.webGLError = { name: e };
+      }
+    });
+  }
+  //#endregion
+  //#region Private Methods
+  openPopup(o) {
+    this.popupRef ? this.popupRef.open(o) : this.component.view.openPopup(o);
+  }
+  closePopup() {
+    this.popupRef ? this.popupRef.visible = !1 : this.component.view.closePopup();
+  }
+  async _handleOpenPopup(o) {
+    if (this.popupRef && !this.component.popupDisabled) {
+      o.stopPropagation();
+      const { location: r, promises: e } = await this.popupRef?.handleViewClick(o);
+      e?.length && this.popupRef?.open({ location: r, promises: e });
+    }
+  }
+  _handlePopupSlotChange(o) {
+    const r = h(o.target, "arcgis-popup");
+    !this.popupRef && r.length ? this.popupRef = r[0] : r.length || (this.popupRef = void 0);
+  }
+  _webGLErrorAlert() {
+    return this.webGLError ? a`<calcite-alert icon=x-octagon kind=danger open .label=${this.webGLError.name}><div slot=title>Unable to display map. WebGL2 support is required.</div><div slot=message>Ensure that your browser and hardware meet the minimum requirements.</div><calcite-link slot=link href=https://esriurl.com/webgl-faq>https://esriurl.com/webgl-faq</calcite-link></calcite-alert>` : null;
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    return d(this.direction, (o) => this._handlePopupSlotChange(o), this._webGLErrorAlert());
+  }
+}
+const L = n((t, o) => {
+  const r = l();
+  return o.onLifecycle(
+    () => p(
+      () => {
+        const { map: e } = t;
+        if (!e || e.destroyed)
+          return [];
+        const i = [];
+        return e.loadError && i.push(e), e.basemap?.loadError && i.push(e.basemap), e.ground.loadError && i.push(e.ground), [...e.allLayers, ...e.allTables].forEach((s) => {
+          s.loadError && i.push(s);
+        }), i;
+      },
+      (e) => {
+        e.length && (t.loadErrorSources = e, r.emit());
+      }
+    )
+  ), r;
+}), v = n(
+  (t, o) => {
+    const r = l();
+    return o.onLifecycle(
+      () => p(
+        () => t.view?.readyState,
+        (e) => {
+          (e === "map-content-error" || e === "rendering-error") && r.emit();
+        }
+      )
+    ), r;
+  }
+);
+export {
+  R as U,
+  v as a,
+  L as u
+};

package/dist/chunks/useHandles.js

@@ -1,13 +1,13 @@
 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.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
+v4.34.0-next.160 */
 class o {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();
   }
   /**
-   * A handle to a [highlight](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) call result.
+   * A handle to a [highlight](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) call result.
    * The handle can be used to remove the installed highlight.
    *
    * @typedef module:esri/core/Handles~Handle
@@ -53,7 +53,7 @@ class o {
    * @param {module:esri/core/Accessor~WatchHandle | module:esri/core/Accessor~WatchHandle[] | module:esri/core/Collection<module:esri/core/Accessor~WatchHandle>} handles - An array or collection handles to group.
    * @param {*} [groupKey]
    *    Key identifying the group to which the handles should be added. All the handles in the group
-   *    can later be removed with [Handles.remove()](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#remove). If no
+   *    can later be removed with [Handles.remove()](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#remove). If no
    *    key is provided the handles are added to a default group.
    *
    * @example
@@ -191,7 +191,7 @@ class h extends n {
    *    Handles marked for removal once the object is destroyed.
    * @param {*} [groupKey]
    *    Key identifying the group to which the handles should be added. All the handles in the group
-   *    can later be removed with [Accessor.removeHandles()](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles).
+   *    can later be removed with [Accessor.removeHandles()](https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles).
    *    If no key is provided the handles are added to a default group.
    */
   addHandles(e, s) {

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.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
+v4.34.0-next.160 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -1,61 +1,40 @@
-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";
+import { proxyExports as i, GenericController as s } from "@arcgis/lumina/controllers";
+import { a as t } from "./component-utils.js";
+import * as r from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
-const v = (s) => m(s);
-class d extends c {
-  #e = a(void 0);
-  #o = void 0;
-  #t = !1;
+v4.34.0-next.160 */
+const p = (o) => l(o);
+class c extends s {
+  #e;
   constructor(e) {
-    super(e);
-    const { el: t } = e, n = t.view;
-    this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
-      get: () => this.#e.value,
-      set: (o) => {
-        if (this.exports === o)
-          return;
-        const r = t.view;
-        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: (o) => {
-        t.view = o;
-      }
-    }), queueMicrotask(() => n ? t.view = n : 0);
+    super(e), this.setProvisionalExports(void 0);
   }
   hostConnected() {
-    this.component.manager.hasDestroy && (this.#o ??= l.when(
-      () => this.#e.value?.destroyed,
-      () => void this.component.destroy?.().catch(console.error),
-      { sync: !0 }
-    ), this.onDestroy(() => this.#o?.remove())), this.component.manager.loadedCalled && i(this.component);
+    this.component.manager.loadedCalled && t(this.component);
   }
   hostLoad() {
     this.component.manager.destroyed;
   }
   hostLoaded() {
-    const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem ??= t, this.#t = !0, this.#i(), e.isConnected && i(this.component);
+    const { el: e } = this.component, n = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
+    e.childElem ??= n, this.#e = r.when(
+      () => this.component.view != null,
+      () => {
+        this.component.arcgisReady.emit();
+      },
+      { once: !0, initial: !0, sync: !0 }
+    ), e.isConnected && t(this.component);
   }
   hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this.#e.value?.ui?.remove(this.component.el.childElem);
+    typeof this.component.el.childElem == "object" && this.component.view?.ui?.remove(this.component.el.childElem), this.#e?.remove();
   }
   hostUpdate(e) {
-    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && i(this.component), e.has("referenceElement") && i(this.component);
-  }
-  #i() {
-    !this.#t || this.#e.value == null || (this.#t = !1, this.component.arcgisReady.emit());
+    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && t(this.component), e.has("referenceElement") && t(this.component);
   }
 }
-const m = h(d);
+const l = i(c);
 export {
-  d as V,
-  v as u
+  c as V,
+  p as u
 };

package/dist/chunks/useViewModel.js

@@ -1,11 +1,11 @@
 import { proxyExports as s } from "@arcgis/lumina/controllers";
 import { AccessorController as i } from "@arcgis/lumina/controllers/accessor";
-import { isEsriInternalEnv as n } from "@arcgis/components-utils";
+import { isEsriInternalEnv as n } from "@arcgis/toolkit/error";
 import { V as m } from "./useView.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
+v4.34.0-next.160 */
 const v = (t, o) => (e) => a(e, t);
 class r extends i {
   #o = void 0;