@arcgis/map-components 4.33.0-next.97 → 4.33.0-next.99

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

@@ -0,0 +1 @@
+{"componentLabel":"試_Print___________驗","title":"試_Title___________驗","fileName":"試_File name___________________驗","titlePlaceHolder":"試_Title of file______________驗","fileNamePlaceHolder":"試_File name___________________驗","formatDefaultOption":"試_Select format______________驗","fileFormatTitle":"試_File format____________驗","layoutTitle":"試_Page setup_____________________驗","layoutDefaultOption":"試_Select page setup__________________驗","scale":"試_Set scale___________________驗","scaleLabel":"試_scale___________驗","reset":"試_reset___________驗","author":"試_Author_____________驗","copyright":"試_Copyright___________________驗","legend":"試_Include legend_______________驗","lock":"試_lock_________驗","swap":"試_swap_________驗","panelToggle":"試_Panel toggle_____________驗","advancedOptions":"試_Advanced options_________________驗","width":"試_Width___________驗","height":"試_Height_____________驗","dpi":"試_DPI_______驗","attribution":"試_Include attribution____________________驗","northArrow":"試_Include north arrow____________________驗","scaleBar":"試_Include scale bar__________________驗","outSpatialReference":"試_Output spatial reference_________________________驗","invalidWkid":"試_Invalid WKID_____________驗","layoutTab":"試_Layout_____________驗","mapOnlyTab":"試_Map only_________________驗","printPreview":"試_Show print area________________驗","browseTemplates":"試_Browse templates_________________驗","untitled":"試_untitled_________________驗","pending":"試_Exporting___________________驗","ready":"試_Open this___________________驗","linkReady":"試_Open in new window____________________驗.","errorMessage":"試_Select this to remove it__________________________驗.","exportWebMapError":"試_An error occurred while exporting the web map________________________驗.","exportWebMapCIMError":"試_CIMSymbol is not supported by a print service published from ArcMap___________________________________驗.","exportedLinksList":"試_Exported links_______________驗","sceneViewError":"試_Printing is not supported in SceneView_____________________驗.","noViewError":"試_An assigned view is required to print____________________驗.","serviceError":"試_There seems to have been an error__________________驗.","export":"試_Export_____________驗","exportDescription":"試_Export. Exported files will appear below______________________驗.","noExportedFiles":"試_No exported files__________________驗","exportsTab":"試_Exports_______________驗","selectTemplate":"試_Select template________________驗","selectTemplateDescription":"試_Using a template will apply its values____________________驗","exportHint":"試_When you export a file, it will be shown here. Exports are only stored for a short period of time. Download your export to ensure continued access___________________________________________________________________________驗.","template":"試_Template_________________驗","a3-landscape":"試_A3 landscape_____________驗","a3-portrait":"試_A3 portrait____________驗","a4-landscape":"試_A4 landscape_____________驗","a4-portrait":"試_A4 portrait____________驗","letter-ansi-a-landscape":"試_Letter ANSI A landscape________________________驗","letter-ansi-a-portrait":"試_Letter ANSI A portrait_______________________驗","tabloid-ansi-b-landscape":"試_Tabloid ANSI B landscape_________________________驗","tabloid-ansi-b-portrait":"試_Tabloid ANSI B portrait________________________驗","defaultTemplates":"試_Default templates__________________驗","organizationTemplates":"試_Organization templates_______________________驗","chooseTemplate":"試_Choose template________________驗","templateList":"試_Templates___________________驗","generatingExport":"試_Generating export__________________驗","beta":"試_Beta_________驗","templatesNoLongerAvailable":"試_Templates are no longer available__________________驗","templatesNoLongerAvailableDescription":"試_One or more of your custom templates are no longer available________________________________驗.","myTemplates":"試_My templates_____________驗","saveExportToMyContent":"試_Save export to My Content__________________________驗","saveAs":"試_Save as_______________驗","openItem":"試_Open item___________________驗"}

package/dist/chunks/basemap-gallery-resources.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.97 */
+v4.33.0-next.99 */
 const e = "esri-basemap-gallery", t = {
   base: e,
   sourceLoading: `${e}--source-loading`,

package/dist/chunks/component-utils.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.97 */
+v4.33.0-next.99 */
 function L(i) {
   i.el.childElem && (i.el.childElem.ownedBy = i.el);
   const e = v(i);

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.97 */
+v4.33.0-next.99 */
 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.97 */
+v4.33.0-next.99 */
 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.97 */
+v4.33.0-next.99 */
 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.97 */
+v4.33.0-next.99 */
 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.97 */
+v4.33.0-next.99 */
 const r = {
   dragHorizontal: "esri-icon-drag-horizontal",
   dragVertical: "esri-icon-drag-vertical"

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.97 */
+v4.33.0-next.99 */
 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/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.99 */
+class o {
+  constructor() {
+    this._groups = /* @__PURE__ */ new Map();
+  }
+  /**
+   * A handle to a {@link module:esri/views/layers/FeatureLayerView#highlight 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 {@link module:esri/core/Handles#remove Handles.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 {@link module:esri/core/Accessor#removeHandles Accessor.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

@@ -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.97 */
+v4.33.0-next.99 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -1,22 +1,22 @@
-import { proxyExports as a, GenericController as h, watch as r } from "@arcgis/lumina/controllers";
-import * as l from "@arcgis/core/core/reactiveUtils.js";
-import { signal as d } from "@arcgis/core/applications/Components/reactiveUtils.js";
+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";
 /*! 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.97 */
-const u = (s) => p(s);
-class m extends h {
+v4.33.0-next.99 */
+const y = (s) => m(s);
+class d extends c {
   constructor(e) {
-    super(e), this._view$ = d(void 0), this._viewDestroyHandle = void 0, this._canEmitArcgisReady = !1;
+    super(e), this._view$ = l(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: (i) => {
         if (this.exports === i)
           return;
-        const c = t.view;
-        this._view$.value = i, this.exports = i, this.component.requestUpdate("view", c), this._notifyViewReady();
+        const r = t.view;
+        this._view$.value = i, this.exports = i, this.component.requestUpdate("view", r), this._notifyViewReady();
       },
       configurable: !0,
       enumerable: !0
@@ -30,14 +30,14 @@ class m extends h {
     });
   }
   hostConnected() {
-    this._viewDestroyHandle ??= l.when(
+    this.component.manager.hasDestroy && (this._viewDestroyHandle ??= h.when(
       () => this._view$.value?.destroyed,
       () => void this.component.destroy?.().catch(console.error),
       { sync: !0 }
-    ), this.component.manager.loadedCalled && o(this.component);
+    ), this.onDestroy(() => this._viewDestroyHandle?.remove())), this.component.manager.loadedCalled && o(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;
@@ -46,20 +46,15 @@ class m extends h {
   hostDisconnected() {
     typeof this.component.el.childElem == "object" && this._view$.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" && o(this.component), e.has("referenceElement") && o(this.component);
   }
   _notifyViewReady() {
     !this._canEmitArcgisReady || this._view$.value == null || (this._canEmitArcgisReady = !1, this.component.arcgisReady.emit());
   }
-  _watchMetaProperties() {
-    r(this.component, "position", (e) => {
-      this.component.el.childElem != null && typeof e == "string" && o(this.component);
-    }), r(this.component, "referenceElement", () => o(this.component));
-  }
 }
-const p = a(m);
+const m = a(d);
 export {
-  m as V,
-  u
+  d as V,
+  y as u
 };

package/dist/chunks/useViewModel.js

@@ -4,11 +4,13 @@ import { V as n } from "./useView.js";
 import { watch as a } 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.97 */
+v4.33.0-next.99 */
 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;
+    super(...arguments), this.viewController = new n(
+      this.component
+    ), this._viewWatchHandle = void 0;
   }
   async hostLoad() {
     await super.hostLoad(), this._viewWatchHandle = a(

package/dist/chunks/useWidget.js

@@ -1,65 +1,73 @@
-import { proxyExports as w, watch as r, trackPropKey as f } from "@arcgis/lumina/controllers";
-import { AccessorController as p, accessorSupport as a } from "@arcgis/lumina/controllers/accessor";
-import { a as l } from "./component-utils.js";
-import { watch as y, when as _ } from "@arcgis/core/core/reactiveUtils.js";
+import { proxyExports as f, trackPropKey as p } from "@arcgis/lumina/controllers";
+import { AccessorController as y, accessorSupport as r } from "@arcgis/lumina/controllers/accessor";
+import { a as h } from "./component-utils.js";
+import { watch as u, when as _ } 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.97 */
-const M = (d, s) => (i, e) => v(i, d, e);
-class u 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)
+v4.33.0-next.99 */
+const M = (d, i) => (t, s) => b(t, d, s);
+class v extends y {
+  constructor(i, t, s) {
+    super(i, t, s), this._watchedViewModelProperties = /* @__PURE__ */ new Map(), this._watchedVisibleElementsProperties = {}, this._isBindingViewModel = { value: !0 }, Object.defineProperty(this.exports, "viewModel", {
+      value: r.makeGetterProxy(i, this._watchedViewModelProperties, this._isBindingViewModel)
     }), Object.defineProperty(this.exports, "visibleElements", {
       value: this._makeVisibleElementsBinder()
     });
   }
   hostConnected() {
-    super.hostConnected(), this._isBindingViewModel.value = !1, this.component.manager.loadedCalled && l(this.component);
+    super.hostConnected(), this._isBindingViewModel.value = !1, this.component.manager.loadedCalled && h(this.component);
   }
   async hostLoad() {
     if (this._watchedProperties.delete("viewModel"), await super.hostLoad(), this.component.manager.destroyed)
       return;
-    this._watchMetaProperties(), this.onLifecycle(() => y(() => this._instance.viewModel, (e) => {
-      this.component.viewModel = e;
+    this.onLifecycle(() => u(() => this._instance.viewModel, (s) => {
+      this.component.viewModel = s;
     }, { 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;
+    const i = this._instance.viewModel;
+    typeof i == "object" && (r.watchComponentUpdates(this, i, this._watchedViewModelProperties), r.watchAccessorUpdates(this, i, this._watchedViewModelProperties));
+    const t = Object.entries(this._watchedVisibleElementsProperties);
+    if (t.length > 0) {
+      const s = /* @__PURE__ */ new Set();
+      t.forEach(([e, n]) => {
+        let o = this._instance.visibleElements ?? {}, c;
+        for (const l of n.slice(0, -1))
+          if (typeof o[l] == "object" && o[l] !== null)
+            o = o[l];
+          else {
+            c = !!o[l];
+            break;
+          }
+        c === void 0 && (c = !!(o[n.slice(-1)[0]] ?? !0)), e.startsWith("hide");
+        const w = e.startsWith("hide") || e.startsWith("show") ? e.startsWith("hide") : c, a = this.component;
+        typeof a[e] == "boolean" ? this._updateWidgetVisibleElement(n, a[e], w) : a[e] = !1, w && s.add(e);
+      }), this.onUpdate((e) => t.forEach(([n, o]) => {
+        if (e.has(n)) {
+          const c = this.component[n], m = s.has(n);
+          this._updateWidgetVisibleElement(o, c, m);
         }
-      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));
-    }));
+      }));
+    }
   }
-  _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;
+  _updateWidgetVisibleElement(i, t, s) {
+    let e = this._instance.visibleElements ?? {};
+    for (const o of i.slice(0, -1))
+      (typeof e[o] != "object" || e[o] === null) && (e[o] = {}), e = e[o];
+    const n = !!(s ? !t : t);
+    e[i.at(-1)] = n;
   }
   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;
+    const { el: i } = this.component;
+    i.childElem ??= document.createElement("div"), this._instance.container = i.childElem;
+    let t = !1;
+    const s = 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());
+      set: (e) => {
+        !("view" in this._instance) && typeof this._instance.viewModel == "object" ? this._instance.viewModel.view = e : this._instance.view = e, !("map" in this._instance) && typeof this._instance.viewModel == "object" ? this._instance.viewModel.map = e.map : this._instance.map = e.map, this._watchViewDestroy(), e && !t && (t = !0, this.component.arcgisReady.emit());
       },
       configurable: !0,
       enumerable: !0
-    }), e && (this._instance.view = e), this.component.el.isConnected && (l(this.component), this._watchViewDestroy());
+    }), s && (this._instance.view = s), this.component.el.isConnected && (h(this.component), this._watchViewDestroy());
   }
   hostDisconnected() {
     typeof this.component.el.childElem == "object" && this.component.el.view?.ui?.remove(this.component.el.childElem);
@@ -67,33 +75,31 @@ class u extends p {
   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));
+  hostUpdated(i) {
+    i.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && h(this.component), i.has("referenceElement") && h(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) => {
+      has: (i, t) => typeof t == "string" || Reflect.has(i, t),
+      get: (i, t) => {
+        if (typeof t == "symbol" || t in Promise.prototype)
+          return Reflect.get(i, t);
+        const s = [t], e = this._makeRecursiveProxy(s);
+        return p(this.component, (n) => {
           const o = n;
-          this.component[o] = !1, this._watchedVisibleElementsProperties[o] = e;
-        }, t);
+          this.component[o] = !1, this._watchedVisibleElementsProperties[o] = s;
+        }, e);
       }
     });
   }
-  _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);
+  _makeRecursiveProxy(i) {
+    const t = new Proxy({}, {
+      get: (s, e) => {
+        const n = Reflect.get(s, e);
+        return typeof e == "symbol" || e in Promise.prototype ? n : (i.push(e), t);
       }
     });
-    return i;
+    return t;
   }
   /**
    * Destroy the component if view gets destroyed.
@@ -113,7 +119,7 @@ class u extends p {
     this._watchViewDestroyHandle?.remove(), this._watchViewDestroyHandle = _(() => this.component.el.view?.destroyed === !0, () => void this.component.destroy().catch(console.error), { sync: !0 });
   }
 }
-const v = w(u);
+const b = f(v);
 export {
   M as m
 };