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

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

@@ -1,86 +1,83 @@
 import { c as h } from "../../chunks/runtime.js";
-import { html as f } from "lit-html";
-import { classes as i } from "@arcgis/components-utils";
+import { css as g, html as b } from "lit";
+import { classes as s } from "@arcgis/toolkit/dom";
 import { ignoreAbortErrors as l } from "@arcgis/core/core/promiseUtils.js";
-import { when as m } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as y, createEvent as p, noShadowRoot as g, safeClassMap as r, nothing as u } from "@arcgis/lumina";
-import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { u as b } from "../../chunks/useT9n.js";
-import { u as O } from "../../chunks/useView.js";
-import { css as Z } from "@lit/reactive-element/css-tag.js";
+import { when as y } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as z, createEvent as p, safeClassMap as i, nothing as m } from "@arcgis/lumina";
+import { usePropertyChange as v } from "@arcgis/lumina/controllers";
+import { u as x } from "../../chunks/useT9n.js";
+import { u as $ } from "../../chunks/useView.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 a = {
+v4.34.0-next.160 */
+const r = {
   base: "arcgis-zoom",
+  button: "arcgis-button",
   horizontalLayout: "arcgis-zoom--horizontal",
-  button: "esri-widget--button",
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 };
-function I(t) {
+function u(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const e = d(t), s = t.constraints?.effectiveMaxScale;
-  return s === 0 || e > s;
+  const e = f(t), a = t.constraints?.effectiveMaxScale;
+  return a === 0 || e > a;
 }
-function w(t) {
+function d(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const e = d(t), s = t.constraints?.effectiveMinScale;
-  return s === 0 || e < s;
+  const e = f(t), a = t.constraints?.effectiveMinScale;
+  return a === 0 || e < a;
 }
-function d(t) {
+function f(t) {
   const o = t?.animation?.target;
   return (o && "then" in o ? void 0 : o?.scale) ?? t?.scale ?? 0;
 }
-const x = Z`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap;box-shadow:0 1px 2px #0000004d}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`;
-class $ extends y {
+const E = g`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{display:flex;max-width:fit-content}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}`;
+class O extends z {
   constructor() {
-    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = z()("state"), this.arcgisReady = p();
-  }
-  static {
-    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
+    super(...arguments), this.messages = x({}), this.view = $(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.state = "disabled", this.arcgisPropertyChange = v()("state"), this.arcgisReady = p();
   }
   static {
-    this.shadowRootOptions = g;
+    this.properties = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.styles = x;
+    this.styles = E;
   }
   async destroy() {
     await this.manager.destroy();
   }
   async zoomIn() {
     const { view: o } = this;
-    !this.canZoomIn || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
+    !u(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
   }
   async zoomOut() {
     const { view: o } = this;
-    !this.canZoomOut || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
+    !d(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      m(() => this.view?.stationary, () => {
-        this.canZoomIn = I(this.view), this.canZoomOut = w(this.view);
-      }, { initial: !0 }),
-      m(() => this.view?.ready ? "ready" : "disabled", (o) => {
+      y(() => this.view?.ready ? "ready" : "disabled", (o) => {
         this.state = o;
       }, { sync: !0, initial: !0 })
     ]);
   }
   render() {
     const o = {
-      [a.horizontalLayout]: this.layout === "horizontal"
-    }, { canZoomIn: e, canZoomOut: s } = this, { zoomIn: n, zoomOut: c } = this.messages;
-    return f`<div class=${r(i(a.base, o))}><calcite-button class=${r(i(a.button, a.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${n} @click=${this.zoomIn} title=${n ?? u}></calcite-button><calcite-button class=${r(i(a.button, a.zoomOut))} .disabled=${!s} icon-start=minus kind=neutral .label=${c} @click=${this.zoomOut} title=${c ?? u}></calcite-button></div>`;
+      [r.horizontalLayout]: this.layout === "horizontal"
+    }, e = u(this.view), a = d(this.view), { zoomIn: c, zoomOut: n } = this.messages;
+    return b`<div class=${i(s(r.base, r.button, o))}><calcite-button class=${i(s(r.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${c} @click=${this.zoomIn} title=${c ?? m}></calcite-button><calcite-button class=${i(s(r.zoomOut))} .disabled=${!a} icon-start=minus kind=neutral .label=${n} @click=${this.zoomOut} title=${n ?? m}></calcite-button></div>`;
   }
 }
-h("arcgis-zoom", $);
+h("arcgis-zoom", O);
 export {
-  $ as ArcgisZoom
+  O as ArcgisZoom
 };

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

@@ -1,4 +1,4 @@
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as SceneView } from '@arcgis/core/views/SceneView.js';
-export declare function canZoomIn(view: MapView | SceneView): boolean;
-export declare function canZoomOut(view: MapView | SceneView): boolean;
+export declare function canZoomIn(view?: MapView | SceneView): boolean;
+export declare function canZoomOut(view?: MapView | SceneView): boolean;

package/dist/components/support/utility-components/component-wrapper.d.ts

@@ -0,0 +1,10 @@
+import { JsxNode } from '@arcgis/lumina';
+import { HeadingLevel } from '../../../support/heading';
+export declare function ComponentWrapper(props: {
+    class: string;
+    children?: JsxNode;
+    hideHeader?: boolean;
+    headingLevel?: HeadingLevel;
+    title?: string;
+    label: string;
+}): JsxNode;

package/dist/components/support/utility-components/visible-element.d.ts

@@ -0,0 +1,5 @@
+import { JsxNode } from '@arcgis/lumina';
+export declare function VisibleElement(props: {
+    hidden?: boolean;
+    children?: JsxNode;
+}): JsxNode;

package/dist/controllers/Handles.d.ts

@@ -1,7 +1,7 @@
-import { IHandle, Nil } from '@arcgis/components-utils';
+import { IHandle, nil } from '@arcgis/toolkit/type';
 export declare class Handles<T = string, H extends IHandle = IHandle> {
     /**
-     * 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
@@ -36,7 +36,7 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
      * @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
@@ -59,7 +59,7 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
      * ));
      * @instance
      */
-    add(handles: (H | Nil)[] | H | Nil, groupKey?: T): this;
+    add(handles: (H | nil)[] | H | nil, groupKey?: T): this;
     forEach(groupKey: T, callback: (handle: H) => void): void;
     forEach(callback: (handle: H) => void): void;
     /**

package/dist/controllers/screenLocation.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { GenericController } from '@arcgis/lumina/controllers';
+import { nil } from '@arcgis/toolkit/type';
+import { LitElement } from '@arcgis/lumina';
+interface ScreenLocationComponent extends LitElement {
+    view?: __esri.MapView | __esri.SceneView | nil;
+    location?: __esri.Point | nil;
+    trackLocation: boolean;
+}
+/**
+ * Controller for managing and projecting a map point to a map screen location
+ *
+ * This class observes changes to a MapView/SceneView, location Point, and tracking state, and projects Point coordinates to screen coordinates. It updates the screen location whenever relevant properties change, and exposes the projected screen point.
+ */
+export declare class ScreenLocation extends GenericController<__esri.ScreenPoint | nil, ScreenLocationComponent> {
+    constructor(component: LitElement & ScreenLocationComponent);
+    hostLoaded(): void;
+    private _updateScreenLocation;
+}
+export declare const trackScreenLocation: (component: LitElement & ScreenLocationComponent) => nil | __esri.ScreenPoint;
+export {};

package/dist/controllers/uiController.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { JsxNode, LitElement } from '@arcgis/lumina';
+import { GenericController } from '@arcgis/lumina/controllers';
+import { ArcgisLinkChart } from '../components/arcgis-link-chart/customElement.js';
+import { ArcgisMap } from '../components/arcgis-map/customElement.js';
+import { ArcgisPopup } from '../components/arcgis-popup/customElement.js';
+import { ArcgisScene } from '../components/arcgis-scene/customElement.js';
+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';
+type ViewComponent = ArcgisLinkChart | ArcgisMap | ArcgisScene;
+type WebGLSupportedError = {
+    name: "webgl:required";
+};
+export declare class UiController extends GenericController<never, {
+    popupDisabled: boolean;
+    view: LinkChartView | MapView | SceneView;
+}> {
+    direction: "ltr" | "rtl";
+    popupRef?: HTMLArcgisPopupElement;
+    webGLError?: WebGLSupportedError;
+    constructor(component: LitElement & ViewComponent);
+    openPopup(options: __esri.FeaturesViewModelOpenOptions): void;
+    closePopup(): void;
+    private _handleOpenPopup;
+    private _handlePopupSlotChange;
+    private _webGLErrorAlert;
+    render(): JsxNode;
+}
+export {};

package/dist/controllers/useArcgisLoadError.d.ts

@@ -0,0 +1,27 @@
+import { default as WebMap } from '@arcgis/core/WebMap.js';
+import { default as WebScene } from '@arcgis/core/WebScene.js';
+import { default as WebLinkChart } from '@arcgis/core/WebLinkChart';
+import { default as Map } from '@arcgis/core/Map.js';
+import { default as Basemap } from '@arcgis/core/Basemap.js';
+import { default as Ground } from '@arcgis/core/Ground.js';
+import { default as Layer } from '@arcgis/core/layers/Layer.js';
+import { EventEmitter } from '@arcgis/lumina';
+/** A potential source of load errors. */
+export type LoadErrorSource = Basemap | Ground | Layer | WebLinkChart | WebMap | WebScene;
+/**
+ * Watches for load errors on components that have a `map` property. Returns an event that will be
+ * emitted each time a load error is thrown. It will also update the component's `loadErrorSources`
+ * property with the latest errors.
+ *
+ * @example
+ *
+ * ```js
+ * class MyMapComponent extends LitElement {
+ *   arcgisLoadError = useArcgisLoadError(this);
+ * }
+ * ```
+ */
+export declare const useArcgisLoadError: (component: {
+    map: Map | nullish;
+    loadErrorSources?: LoadErrorSource[];
+} & import('@arcgis/lumina').LitElement) => EventEmitter;

package/dist/controllers/useArcgisViewReadyError.d.ts

@@ -0,0 +1,17 @@
+import { default as View } from '@arcgis/core/views/View.js';
+import { EventEmitter } from '@arcgis/lumina';
+/**
+ * Watches for view ready state errors on components. Returns an event that will be emitted each
+ * time the view's `readyState` indicates an error.
+ *
+ * @example
+ *
+ * ```js
+ * class MyMapComponent extends LitElement {
+ *   arcgisViewReadyError = useArcgisViewReadyError(this);
+ * }
+ * ```
+ */
+export declare const useArcgisViewReadyError: (component: {
+    view: nullish | View;
+} & import('@arcgis/lumina').LitElement) => EventEmitter;

package/dist/controllers/useHandles.d.ts

@@ -1,4 +1,4 @@
-import { IHandle } from '@arcgis/components-utils';
+import { IHandle } from '@arcgis/toolkit/type';
 import { Controller } from '@arcgis/lumina/controllers';
 /**
  * Avoid accidentally adding objects that look like handles because they have a `remove` method,
@@ -40,7 +40,7 @@ declare class HandleManager extends Controller {
      *    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<T>(handleOrHandles: SafeHandle | SafeHandle[], groupKey?: GroupKey<T>): void;
@@ -85,9 +85,9 @@ declare class HandleManager extends Controller {
 }
 /**
  * useHandles() implements the following methods from JS API's Accessor class:
- * addHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#addHandles
- * hasHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#hasHandles
- * removeHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles
+ * addHandles - https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#addHandles
+ * hasHandles - https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#hasHandles
+ * removeHandles - https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles
  * removeAllHandles - (hidden from the JS API's JSDoc)
  *
  * Except, to adapt these to web-components, you have an option of picking

package/dist/controllers/useView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 import { GenericController } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
+import { nil } from '@arcgis/toolkit/type';
 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';
@@ -10,15 +10,15 @@ import { LitElement, EventEmitter } from '@arcgis/lumina';
 type View = LinkChartView | MapView | SceneView;
 type ViewControllerRequires<ViewType extends View> = LitElement & ViewControllerUses<ViewType>;
 export interface ViewControllerUses<ViewType extends View> {
-    view?: Nil | ViewType;
-    position: __esri.UIPosition;
+    view?: nil | ViewType;
+    position?: __esri.UIPosition;
     referenceElement?: ArcgisReferenceElement | string;
     arcgisReady: EventEmitter;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: Nil | ViewType;
+        view?: nil | ViewType;
     };
 }
 /**

package/dist/controllers/useViewModel.d.ts

@@ -1,7 +1,7 @@
 import { AccessorController } from '@arcgis/lumina/controllers/accessor';
-import { Nil } from '@arcgis/components-utils';
+import { nil } from '@arcgis/toolkit/type';
 import { default as Accessor } from '@arcgis/core/core/Accessor';
-import { default as Evented } from '@arcgis/core/core/Evented';
+import { 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';
@@ -11,8 +11,8 @@ import { LitElement, EventEmitter } from '@arcgis/lumina';
 type ViewModelControllerRequires<Props, ViewModel extends ViewModelInstance> = LitElement & Pick<ViewModel, keyof Props & keyof ViewModel> & ViewModelControllerUses<ViewModel>;
 type ViewModelInstance = Accessor & Partial<Evented> & {
     state?: string;
-    view?: LinkChartView | MapView | Nil | SceneView;
-    map?: ArcgisMap | Nil;
+    view?: LinkChartView | MapView | nil | SceneView;
+    map?: ArcgisMap | nil;
 };
 export interface ViewModelControllerUses<ViewModel extends ViewModelInstance> extends ViewControllerUses<NonNullable<ViewModelInstance["view"]>> {
     state?: ViewModel["state"];

package/dist/controllers/useWidget.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 import { AccessorController } from '@arcgis/lumina/controllers/accessor';
-import { Nil } from '@arcgis/components-utils';
+import { nil } from '@arcgis/toolkit/type';
 import { default as ArcgisMap } from '@arcgis/core/Map';
 import { ArcgisReferenceElement } from '../utils/component-utils';
 import { LitElement, EventEmitter } from '@arcgis/lumina';
@@ -10,21 +10,21 @@ type WidgetInstance = __esri.Widget & {
     state?: string;
     viewModel?: __esri.Accessor & {
         state?: string;
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
-        map?: ArcgisMap | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nil;
+        map?: ArcgisMap | nil;
     };
-    view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
-    map?: ArcgisMap | Nil;
+    view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nil;
+    map?: ArcgisMap | nil;
     visibleElements?: Record<never, unknown>;
 };
 type Uses<Widget extends WidgetInstance> = {
-    state?: Exclude<Widget["viewModel"], Nil>["state"] | Widget["state"];
+    state?: Exclude<Widget["viewModel"], nil>["state"] | Widget["state"];
     viewModel?: Widget["viewModel"];
     closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
+    icon: nil | string;
+    label: nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     arcgisReady: EventEmitter;
     arcgisPropertyChange: EventEmitter<{
         name: string;
@@ -33,7 +33,7 @@ type Uses<Widget extends WidgetInstance> = {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -59,7 +59,7 @@ export declare const makeWidgetController: <Props, Widget extends WidgetInstance
      * \@state() timeZone = this.widget.timeZone;
      */
     omitProps: OmitProps[];
-}) => (component: Requires<Omit<Props, OmitProps | "container" | "id" | "view" | "visible" | "visibleElements">, Widget>) => Widget;
+}) => (component: Requires<Omit<Props, OmitProps | "container" | "destroyed" | "id" | "view" | "visible" | "visibleElements">, Widget>) => Widget;
 export declare class WidgetController<Props, Widget extends WidgetInstance> extends AccessorController<Props, Widget, Uses<Widget>> {
     #private;
     constructor(component: Requires<Props, Widget> & Uses<Widget>, createWidget: ((props?: Props) => Widget) | (new (props?: Props) => Widget));