@arcgis/map-components 4.33.0-next.13 → 4.33.0-next.132

package/dist/chunks/useHandles.js

@@ -0,0 +1,256 @@
+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.132 */
+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.
+   * The handle can be used to remove the installed highlight.
+   *
+   * @typedef module:esri/core/Handles~Handle
+   *
+   * @property {Function} remove - Removes the handle.
+   */
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Destroys the object, removing all the handles.
+   *
+   * @method destroy
+   * @instance
+   *
+   * @example
+   * let handles = new Handles();
+   *
+   * handles.add(reactiveUtils.when(
+   *   () => !view.updating,
+   *   () => {
+   *     wkidSelect.disabled = false;
+   *   },
+   *   { once: true }
+   * ));
+   *
+   * handles.destroy();
+   */
+  destroy() {
+    this.removeAll();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Adds a group of handles.
+   *
+   * @method add
+   * @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
+   *    key is provided the handles are added to a default group.
+   *
+   * @example
+   * let handles = new Handles();
+   *
+   * handles.add(handle); // added to the default group
+   * handles.add([handle1, handle2]); // added to the default group
+   *
+   * handles.add(handle, "handle-group");
+   * handles.add([handle1, handle2], "other-handle-group");
+   * @example
+   * let handles = new Handles();
+   *
+   * handles.add(reactiveUtils.when(
+   *   () => !view.updating,
+   *   () => {
+   *     wkidSelect.disabled = false;
+   *   },
+   *   { once: true }
+   * ));
+   * @instance
+   */
+  add(e, s) {
+    if (Array.isArray(e)) {
+      const r = this._getOrCreateGroup(s);
+      for (const t of e)
+        this._isHandle(t) && r.push(t);
+    } else this._isHandle(e) && this._getOrCreateGroup(s).push(e);
+    return this;
+  }
+  forEach(e, s) {
+    if (typeof e == "function")
+      this._groups.forEach((r) => r.forEach(e));
+    else {
+      const r = this._getGroup(e);
+      r && s && r.forEach(s);
+    }
+  }
+  /**
+   * Returns true if a group exists for the provided group key, false otherwise.
+   *
+   * @method has
+   * @instance
+   * @param {*} groupKey - group handle key
+   * @return {boolean}
+   */
+  has(e) {
+    return this._groups.has(this._ensureGroupKey(e));
+  }
+  /**
+   * Removes a group of handles.
+   *
+   * @method remove
+   * @instance
+   * @param {*} [groupKey] - A group key or an array or collection of group keys to remove.
+   *
+   * @example
+   * let handles = new Handles();
+   *
+   * handles.remove(); // removes handles from default group
+   *
+   * handles.remove("handle-group");
+   * handles.remove("other-handle-group");
+   */
+  remove(e) {
+    if (typeof e != "string" && Array.isArray(e)) {
+      for (const s of e)
+        this.remove(s);
+      return this;
+    }
+    return this.has(e) ? (this._removeAllFromGroup(this._getGroup(e)), this._groups.delete(this._ensureGroupKey(e)), this) : this;
+  }
+  /**
+   * Removes all handles.
+   *
+   * @method removeAll
+   * @instance
+   */
+  removeAll() {
+    return this._groups.forEach((e) => this._removeAllFromGroup(e)), this._groups.clear(), this;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _isHandle(e) {
+    return e && (!!e.remove || e instanceof o);
+  }
+  _getOrCreateGroup(e) {
+    if (this.has(e))
+      return this._getGroup(e);
+    const s = [];
+    return this._groups.set(this._ensureGroupKey(e), s), s;
+  }
+  _getGroup(e) {
+    return this._groups.get(this._ensureGroupKey(e));
+  }
+  _ensureGroupKey(e) {
+    return e || "_default_";
+  }
+  _removeAllFromGroup(e) {
+    for (const s of e)
+      s instanceof o ? s.removeAll() : s.remove();
+  }
+}
+class h extends n {
+  constructor(e) {
+    super(), this.destroyed = !1, e === "disconnect" ? this.onDisconnected(() => this.removeAllHandles()) : this.onDestroy(() => this.destroy());
+  }
+  /**
+   * Adds one or more handles which are to be tied to the lifecycle of the object. The handles will
+   * be removed when the object is destroyed.
+   *
+   * ```js
+   * // Manually manage handles
+   * const handle = reactiveUtils.when(
+   *   () => !view.updating,
+   *   () => {
+   *     wkidSelect.disabled = false;
+   *   },
+   *   { once: true }
+   * );
+   *
+   * this.addHandles(handle);
+   *
+   * // Destroy the object
+   * this.destroy();
+   * ```
+   *
+   * @method addHandles
+   * @since 4.25
+   * @instance
+   * @param {module:esri/core/Accessor~WatchHandle | module:esri/core/Accessor~WatchHandle[]} handleOrHandles
+   *    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).
+   *    If no key is provided the handles are added to a default group.
+   */
+  addHandles(e, s) {
+    if (this.destroyed) {
+      const r = Array.isArray(e) ? e : [e];
+      for (const t of r)
+        t.remove();
+      return;
+    }
+    this._handles ??= new o(), this._handles.add(e, s);
+  }
+  /**
+   * Removes a group of handles owned by the object.
+   *
+   * @method removeHandles
+   * @since 4.25
+   * @instance
+   * @param {*} [groupKey] - A group key or an array or collection of group keys to remove.
+   *
+   * @example
+   * obj.removeHandles(); // removes handles from default group
+   *
+   * obj.removeHandles("handle-group");
+   * obj.removeHandles("other-handle-group");
+   */
+  removeHandles(e) {
+    this._handles?.remove(e);
+  }
+  /**
+   * Removes all the handles currently associated with the object.
+   *
+   * @private
+   */
+  removeAllHandles() {
+    this._handles?.removeAll();
+  }
+  destroy() {
+    this.destroyed = !0, this.removeAllHandles();
+  }
+  /**
+   * Returns true if a named group of handles exist.
+   *
+   * @method hasHandles
+   * @since 4.25
+   * @instance
+   * @param {*} [groupKey] - A group key.
+   * @return {boolean} Returns `true` if a named group of handles exist.
+   *
+   * @example
+   * // Remove a named group of handles if they exist.
+   * if (obj.hasHandles("watch-view-updates")) {
+   *   obj.removeHandles("watch-view-updates");
+   * }
+   */
+  hasHandles(e) {
+    return this._handles?.has(e) ?? !1;
+  }
+}
+const l = i(h);
+export {
+  l as u
+};

package/dist/chunks/useT9n.js

@@ -0,0 +1,9 @@
+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.132 */
+const s = o(t);
+export {
+  s as u
+};

package/dist/chunks/useView.js

@@ -1,23 +1,25 @@
-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 { 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.13 */
-const E = a(d), _ = (s) => u(s);
-class v extends l {
+v4.33.0-next.132 */
+const v = (s) => m(s);
+class d extends c {
+  #e = a(void 0);
+  #o = void 0;
+  #t = !1;
   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);
+    const { el: t } = e, n = t.view;
     this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
-      get: () => this._view$.value,
+      get: () => this.#e.value,
       set: (o) => {
         if (this.exports === o)
           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());
+        const r = t.view;
+        this.#e.value = o, this.exports = o, this.component.requestUpdate("view", r), this.#i();
       },
       configurable: !0,
       enumerable: !0
@@ -26,39 +28,34 @@ class v extends l {
       set: (o) => {
         t.view = o;
       }
-    }), queueMicrotask(() => {
-      r && (t.view = r);
-    });
+    }), queueMicrotask(() => n ? t.view = n : 0);
   }
   hostConnected() {
-    this._viewDestroyHandle ??= p.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.component.manager.loadedCalled && i(this.component);
+    ), this.onDestroy(() => this.#o?.remove())), this.component.manager.loadedCalled && i(this.component);
   }
   hostLoad() {
-    this.component.manager.destroyed || this._watchMetaProperties();
+    this.component.manager.destroyed;
   }
   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, 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);
   }
-  hostDestroy() {
-    this._viewDestroyHandle?.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);
   }
-  _watchMetaProperties() {
-    n(this.component, "position", (e) => {
-      this.component.el.childElem != null && typeof e == "string" && i(this.component);
-    }), n(this.component, "referenceElement", () => i(this.component));
+  #i() {
+    !this.#t || this.#e.value == null || (this.#t = !1, this.component.arcgisReady.emit());
   }
 }
-const u = h(v);
+const m = h(d);
 export {
-  v as V,
-  _ as a,
-  E as u
+  d as V,
+  v as u
 };

package/dist/chunks/useViewModel.js

@@ -1,28 +1,32 @@
-import { proxyExports as r } from "@arcgis/components-controllers";
-import { AccessorController as i } from "@arcgis/components-controllers/accessor";
-import { V as n } from "./useView.js";
+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 { 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.33/esri/copyright.txt for details.
-v4.33.0-next.13 */
-const m = (o, t) => (e, s) => l(e, o, s);
-class a extends i {
-  constructor() {
-    super(...arguments), this.viewController = new n(this.component), this._viewWatchHandle = void 0;
+v4.33.0-next.132 */
+const v = (t, o) => (e) => a(e, t);
+class r extends i {
+  #o = void 0;
+  constructor(o, e) {
+    super(o, e), new m(this.component);
   }
-  async hostLoad() {
-    await super.hostLoad(), this._viewWatchHandle = this.reactiveUtils.watch(
+  hostLoad() {
+    this.#o = p(
       () => this.component.el.view,
-      (t) => {
-        this._instance.view = t, this._instance.map = t?.map;
+      (o) => {
+        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 l = r(a);
+process.env.NODE_ENV !== "production" && n() && (r.devOnly$allowedPropNameMismatches = /* @__PURE__ */ new Set(["manager", "el", "swipePosition"]));
+const a = s(r);
 export {
-  m
+  v as m
 };

package/dist/chunks/useWidget.js

@@ -1,118 +1,113 @@
-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 { proxyExports as v, getControllersCount as w, trackPropKey as y } from "@arcgis/lumina/controllers";
+import { AccessorController as b, getAccessorControllerBoundProperties as E, makeBinderProxy as x } from "@arcgis/lumina/controllers/accessor";
+import { isEsriInternalEnv as M } from "@arcgis/components-utils";
+import { V as g } from "./useView.js";
+import { watch as m } 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.13 */
-const P = (d, s) => (i, e) => _(i, d, e);
-class y extends p {
-  constructor(s, i, e) {
-    super(s, i, e), this._watchedViewModelProperties = /* @__PURE__ */ new Map(), this._watchedVisibleElementsProperties = {}, this._isBindingViewModel = { value: !0 }, Object.defineProperty(this.exports, "viewModel", {
-      value: a.makeGetterProxy(s, this._watchedViewModelProperties, this._isBindingViewModel)
-    }), Object.defineProperty(this.exports, "visibleElements", {
-      value: this._makeVisibleElementsBinder()
+v4.33.0-next.132 */
+const I = (d, e) => (t) => P(t, d);
+class f extends b {
+  #o = /* @__PURE__ */ new Map();
+  #e = void 0;
+  #t;
+  constructor(e, t) {
+    super(e, t), new g(e);
+    const s = this, o = s.instance;
+    let n = o.viewModel, l = o.visibleElements;
+    const r = new Proxy(this.exports, {
+      get(i, a, h) {
+        return a === "viewModel" ? n : a === "visibleElements" ? l : Reflect.get(i, a, h);
+      }
     });
+    if (s.#t = o, s.instance = r, s.exports = r, n) {
+      const i = {
+        component: e,
+        get exports() {
+          return s.instance.viewModel;
+        }
+      };
+      E(s).set("viewModel", "viewModel"), e.addController(i), n = x(e, new WeakRef(i), w(e) - 1, n, s.#o);
+    }
+    s.instance.visibleElements && (l = s.#s(o));
   }
   hostConnected() {
-    super.hostConnected(), this._isBindingViewModel.value = !1, this.component.manager.loadedCalled && l(this.component);
+    this.instance = this.#t, super.hostConnected();
   }
-  async hostLoad() {
-    if (this._watchedProperties.delete("viewModel"), await super.hostLoad(), this.component.manager.destroyed)
-      return;
-    this._watchMetaProperties(), this.onLifecycle(() => this.reactiveUtils.watch(() => this._instance.viewModel, (e) => {
-      this.component.viewModel = e;
-    }, { initial: !0 }));
-    const s = this._instance.viewModel;
-    typeof s == "object" && (a.watchComponentUpdates(this, s, this._watchedViewModelProperties), a.watchAccessorUpdates(this, s, this._watchedViewModelProperties));
-    const i = Object.entries(this._watchedVisibleElementsProperties);
-    i.length > 0 && this.onLifecycle(() => i.map(([e, t]) => {
-      let n = this._instance.visibleElements ?? {}, o;
-      for (const c of t.slice(0, -1))
-        if (typeof n[c] == "object" && n[c] !== null)
-          n = n[c];
-        else {
-          o = !!n[c];
-          break;
-        }
-      o === void 0 && (o = !!(n[t.slice(-1)[0]] ?? !0)), e.startsWith("hide");
-      const m = e.startsWith("hide") || e.startsWith("show") ? e.startsWith("hide") : o, h = this.component;
-      return typeof h[e] == "boolean" ? this._updateWidgetVisibleElement(t, h[e], m) : h[e] = !1, r(this.component, e, (c) => this._updateWidgetVisibleElement(t, c, m));
-    }));
+  hostLoad() {
+    this.#e = m(() => this.component.el.view, (e) => {
+      const t = this.instance;
+      !("view" in t) && typeof t.viewModel == "object" ? t.viewModel.view = e : t.view = e, !("map" in t) && typeof t.viewModel == "object" ? t.viewModel.map = e?.map : t.map = e?.map;
+    }, { sync: !0, initial: !0 });
   }
-  _updateWidgetVisibleElement(s, i, e) {
-    let t = this._instance.visibleElements ?? {};
-    for (const o of s.slice(0, -1))
-      (typeof t[o] != "object" || t[o] === null) && (t[o] = {}), t = t[o];
-    const n = !!(e ? !i : i);
-    t[s.at(-1)] = n;
+  hostUpdate(e) {
+    e.has("closed") && (this.instance.visible = !this.component.closed);
   }
   hostLoaded() {
-    const { el: s } = this.component;
-    s.childElem ??= document.createElement("div"), this._instance.container = s.childElem;
-    let i = !1;
-    const e = this.component.el.view;
-    Object.defineProperty(this.component.el, "view", {
-      get: () => this._instance.view ?? this._instance.viewModel?.view,
-      set: (t) => {
-        !("view" in this._instance) && typeof this._instance.viewModel == "object" ? this._instance.viewModel.view = t : this._instance.view = t, !("map" in this._instance) && typeof this._instance.viewModel == "object" ? this._instance.viewModel.map = t.map : this._instance.map = t.map, this._watchViewDestroy(), t && !i && (i = !0, this.component.arcgisReady.emit());
-      },
-      configurable: !0,
-      enumerable: !0
-    }), e && (this._instance.view = e), this.component.el.isConnected && (l(this.component), this._watchViewDestroy());
+    const { el: e } = this.component;
+    e.childElem ??= document.createElement("div"), this.instance.container = e.childElem, this.component.closed !== void 0 && this.onLifecycle(() => m(() => this.instance.visible, (t) => this.component.closed = !t, { initial: !0 }));
   }
-  hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this.component.el.view?.ui?.remove(this.component.el.childElem);
-  }
-  hostDestroy() {
-    super.hostDestroy(), this._watchViewDestroyHandle?.remove();
-  }
-  _watchMetaProperties() {
-    r(this.component, "position", (s) => {
-      this.component.el.childElem != null && typeof s == "string" && l(this.component);
-    }), r(this.component, "referenceElement", () => l(this.component));
-  }
-  _makeVisibleElementsBinder() {
-    return new Proxy({}, {
-      has: (s, i) => typeof i == "string" || Reflect.has(s, i),
-      get: (s, i) => {
-        if (typeof i == "symbol" || i in Promise.prototype)
-          return Reflect.get(s, i);
-        const e = [i], t = this._makeRecursiveProxy(e);
-        return f(this.component, (n) => {
-          const o = n;
-          this.component[o] = !1, this._watchedVisibleElementsProperties[o] = e;
-        }, t);
+  #s(e) {
+    return new Proxy(e.visibleElements, {
+      get: (t, s) => {
+        if (typeof s == "symbol" || s in Promise.prototype)
+          return t[s];
+        const o = [s], n = this.#i(o);
+        return y(this.component, (l) => {
+          const r = l;
+          this.component[r] = !1;
+          let i = e.visibleElements ?? {}, a;
+          for (const c of o.slice(0, -1))
+            if (typeof i[c] == "object" && i[c] !== null)
+              i = i[c];
+            else {
+              a = !!i[c];
+              break;
+            }
+          a === void 0 && (a = !!(i[o.slice(-1)[0]] ?? !0));
+          const p = r.startsWith("hide") || r.startsWith("show") ? r.startsWith("hide") : a;
+          this.onUpdate((c) => {
+            if (c.has(r)) {
+              const u = this.component[r];
+              this.#n(o, u, p);
+            }
+          });
+        }, n);
       }
     });
   }
-  _makeRecursiveProxy(s) {
-    const i = new Proxy({}, {
-      get: (e, t) => {
-        const n = Reflect.get(e, t);
-        return typeof t == "symbol" || t in Promise.prototype ? n : (s.push(t), i);
+  #i(e) {
+    const t = new Proxy({}, {
+      get: (s, o) => {
+        const n = Reflect.get(s, o);
+        return typeof o == "symbol" || o in Promise.prototype ? n : (e.push(o), t);
       }
     });
-    return i;
+    return t;
   }
-  /**
-   * Destroy the component if view gets destroyed.
-   *
-   * When view is destroyed, component disconnect is triggered, which will
-   * destroy the component in 1s but that can be too late, because in the
-   * meanwhile, a watcher on the widget/viewModel instance may get triggered,
-   * and throw an error if it's not able to access this.view.map or etc
-   * (happens in VersionManagementViewModel for example).
-   *
-   * We can't check for this in disconnectedCallback though as, if the entire
-   * component tree is removed, the disconnect for the component will be
-   * triggered before that of arcgis-map, so the view might not be destroyed
-   * yet at that point.
-   */
-  _watchViewDestroy() {
-    this._watchViewDestroyHandle?.remove(), this._watchViewDestroyHandle = this.reactiveUtils.when(() => this.component.el.view?.destroyed === !0, () => void this.component.destroy().catch(console.error), { sync: !0 });
+  #n(e, t, s) {
+    let o = this.instance.visibleElements ?? {};
+    for (const l of e.slice(0, -1))
+      (typeof o[l] != "object" || o[l] === null) && (o[l] = {}), o = o[l];
+    const n = !!(s ? !t : t);
+    o[e.at(-1)] = n;
+  }
+  hostDestroy() {
+    this.#e?.remove(), super.hostDestroy();
   }
 }
-const _ = w(y);
+process.env.NODE_ENV !== "production" && M() && (f.devOnly$allowedPropNameMismatches = /* @__PURE__ */ new Set([
+  "manager",
+  "el",
+  "position",
+  "multipleSortEnabled",
+  // Deprecated
+  "focusTrapEnabled",
+  "focusTrapDisabled",
+  // Deprecated
+  "hideLastEditInfo"
+]));
+const P = v(f);
 export {
-  P as m
+  I as m
 };