@arcgis/map-components 4.33.0-next.35 → 4.33.0-next.37

package/dist/components/arcgis-value-picker/customElement.js

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as r } 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.35 */
+v4.33.0-next.37 */
 const l = r`@layer{arcgis-value-picker{display:block}}`, c = h(s);
 class u extends a {
   constructor() {

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -13,7 +13,26 @@ declare const useVersionManagementViewModel: (component: import('@arcgis/compone
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<VersionManagementViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VersionManagementViewModel>, options?: {
+} & Pick<VersionManagementViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "loading" | "failed" | "disabled" | "executing" | "success" | undefined;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | undefined;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => VersionManagementViewModel;
 type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";

package/dist/components/arcgis-version-management/customElement.js

@@ -4,12 +4,12 @@ import { once as _, watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import P from "@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js";
 import { LitElement as F, createEvent as w, noShadowRoot as M, safeClassMap as N } from "@arcgis/lumina";
 import { createRef as k, ref as C } from "lit-html/directives/ref.js";
-import { u as b } from "../../chunks/useView.js";
+import { u as b } from "../../chunks/useT9n.js";
 import { m as $ } from "../../chunks/useViewModel.js";
 import { css as A } 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.35 */
+v4.33.0-next.37 */
 const T = A`@layer{.initial-version-invalid-block{margin-bottom:1rem}.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}}`, x = $(P), u = "map-components:version-management";
 class D extends F {
   constructor() {

package/dist/components/arcgis-version-management-service-item/customElement.js

@@ -3,7 +3,7 @@ import { html as t } from "lit-html";
 import { LitElement as C, createEvent as n, noShadowRoot as G, safeClassMap as F } 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.35 */
+v4.33.0-next.37 */
 class y extends C {
   constructor() {
     super(...arguments), this._arcgisGetVersions = (e) => {

package/dist/components/arcgis-version-management-version-item/customElement.js

@@ -3,7 +3,7 @@ import { html as c } from "lit-html";
 import { LitElement as b, createEvent as f, noShadowRoot as x, nothing as I } 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.35 */
+v4.33.0-next.37 */
 class E extends b {
   constructor() {
     super(...arguments), this.arcgisManageVersion = f();

package/dist/components/arcgis-version-management-version-list/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as F, createEvent as a } from "@arcgis/lumina";
 import { css as U } 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.35 */
+v4.33.0-next.37 */
 const A = U`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
 class N extends F {
   constructor() {

package/dist/components/arcgis-version-management-version-properties/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as V, createEvent as p, noShadowRoot as I } from "@arcgis/lu
 import { css as x } 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.35 */
+v4.33.0-next.37 */
 const C = x`@layer{:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}}`;
 class k extends V {
   constructor() {

package/dist/components/arcgis-weather/customElement.js

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as h } 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.35 */
+v4.33.0-next.37 */
 const l = h`@layer{arcgis-weather{display:block}}`, d = r(s);
 class n extends i {
   constructor() {

package/dist/components/arcgis-zoom/customElement.d.ts

@@ -12,7 +12,26 @@ declare const useZoomViewModel: (component: import('@arcgis/components-controlle
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<ZoomViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ZoomViewModel>, options?: {
+} & Pick<ZoomViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "disabled" | undefined;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | undefined;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ZoomViewModel;
 /** Zoom component allows users to zoom in/out within a view.

package/dist/components/arcgis-zoom/customElement.js

@@ -4,12 +4,12 @@ import { usePropertyChange as u } from "@arcgis/components-controllers";
 import { classes as t } from "@arcgis/components-utils";
 import d from "@arcgis/core/widgets/Zoom/ZoomViewModel.js";
 import { LitElement as h, createEvent as z, noShadowRoot as p, safeClassMap as s, nothing as a } from "@arcgis/lumina";
-import { u as g } from "../../chunks/useView.js";
+import { u as g } from "../../chunks/useT9n.js";
 import { m as b } from "../../chunks/useViewModel.js";
 import { css as y } 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.35 */
+v4.33.0-next.37 */
 const o = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",

package/dist/controllers/useViewModel.d.ts

@@ -1,29 +1,35 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
 import { BaseComponent, EventEmitter } from '@arcgis/components-controllers';
 import { AccessorController } from '@arcgis/components-controllers/accessor';
 import { Nil } from '@arcgis/components-utils';
-import { default as Accessor } from '@arcgis/core/core/Accessor';
-import { default as Evented } from '@arcgis/core/core/Evented';
 import { default as ArcgisMap } from '@arcgis/core/Map';
-import { default as MapView } from '@arcgis/core/views/MapView';
-import { default as SceneView } from '@arcgis/core/views/SceneView';
-import { default as LinkChartView } from '@arcgis/core/views/LinkChartView';
-import { ViewControllerUses, ViewController } from './useView';
-type ViewModelControllerRequires<Props, ViewModel extends ViewModelInstance> = BaseComponent & Pick<ViewModel, keyof Props & keyof ViewModel> & ViewModelControllerUses<ViewModel>;
-type ViewModelInstance = Accessor & Partial<Evented> & {
+import { ArcgisReferenceElement } from '../utils/component-utils';
+type Requires<Props, ViewModel extends ViewModelInstance> = BaseComponent & Pick<ViewModel, keyof Props & keyof ViewModel> & Uses<ViewModel>;
+type ViewModelInstance = __esri.Accessor & Partial<__esri.Evented> & {
     state?: string;
-    view?: LinkChartView | MapView | Nil | SceneView;
+    view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     map?: ArcgisMap | Nil;
 };
-export interface ViewModelControllerUses<ViewModel extends ViewModelInstance> extends ViewControllerUses<NonNullable<ViewModelInstance["view"]>> {
+type Uses<ViewModel extends ViewModelInstance> = {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: ViewModel["state"];
     icon: Nil | string;
     label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    arcgisReady: EventEmitter;
+    position: __esri.UIPosition;
     arcgisPropertyChange: EventEmitter<{
         name: string;
     }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | undefined;
+    };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
-}
+};
 /**
  * A controller for a mapping component that:
  * - loads the viewModel
@@ -47,13 +53,31 @@ export declare const makeViewModelController: <Props, ViewModel extends ViewMode
      * \@State() timeZone = this.viewModel.timeZone;
      */
     omitProps: OmitProps[];
-}) => (component: ViewModelControllerRequires<Omit<Props, OmitProps>, ViewModel>, options?: {
+}) => (component: Requires<Omit<Props, OmitProps>, ViewModel>, options?: {
     editConstructorProperties(props: Props): Promise<Props> | Props;
 }) => ViewModel;
-export declare class ViewModelController<Props, ViewModel extends ViewModelInstance> extends AccessorController<Props, ViewModel, ViewModelControllerUses<ViewModel>> {
-    viewController: ViewController<MapView | SceneView | LinkChartView>;
-    private _viewWatchHandle;
+export declare class ViewModelController<Props, ViewModel extends ViewModelInstance> extends AccessorController<Props, ViewModel, Uses<ViewModel>> {
+    hostConnected(): void;
     hostLoad(): Promise<void>;
+    hostLoaded(): void;
+    hostDisconnected(): void;
     hostDestroy(): void;
+    private _watchMetaProperties;
+    /**
+     * 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.
+     */
+    private _watchViewDestroy;
+    private _watchViewDestroyHandle?;
 }
 export {};