@arcgis/map-components 4.34.0-next.13 → 4.34.0-next.131

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

@@ -1,56 +1,52 @@
 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 f, html as g } 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 { LitElement as y, createEvent as z, safeClassMap as r, nothing as u } from "@arcgis/lumina";
+import { usePropertyChange as p } 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 { u as v } 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.13 */
-const a = {
+v4.34.0-next.131 */
+const i = {
   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 x(t) {
   if (t.type === "3d")
     return !!t.ready;
   if (!t?.ready)
     return !1;
-  const e = d(t), s = t.constraints?.effectiveMaxScale;
-  return s === 0 || e > s;
+  const e = d(t), a = t.constraints?.effectiveMaxScale;
+  return a === 0 || e > a;
 }
-function w(t) {
+function Z(t) {
   if (t.type === "3d")
     return !!t.ready;
   if (!t?.ready)
     return !1;
-  const e = d(t), s = t.constraints?.effectiveMinScale;
-  return s === 0 || e < s;
+  const e = d(t), a = t.constraints?.effectiveMinScale;
+  return a === 0 || e < a;
 }
 function d(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 O = f`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:1.3em;display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-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 I extends y {
   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();
+    super(...arguments), this.messages = b({}), this.canZoomIn = !1, this.canZoomOut = !1, this.view = v(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.state = "disabled", this.arcgisPropertyChange = p()("state"), this.arcgisReady = z();
   }
   static {
-    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { canZoomIn: 16, canZoomOut: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = g;
-  }
-  static {
-    this.styles = x;
+    this.styles = O;
   }
   async destroy() {
     await this.manager.destroy();
@@ -66,7 +62,7 @@ class $ extends y {
   loaded() {
     this.manager.onLifecycle(() => [
       m(() => this.view?.stationary, () => {
-        this.canZoomIn = I(this.view), this.canZoomOut = w(this.view);
+        this.canZoomIn = x(this.view), this.canZoomOut = Z(this.view);
       }, { initial: !0 }),
       m(() => this.view?.ready ? "ready" : "disabled", (o) => {
         this.state = o;
@@ -75,12 +71,12 @@ class $ extends y {
   }
   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>`;
+      [i.horizontalLayout]: this.layout === "horizontal"
+    }, { canZoomIn: e, canZoomOut: a } = this, { zoomIn: c, zoomOut: n } = this.messages;
+    return g`<div class=${r(s(i.base, i.button, o))}><calcite-button class=${r(s(i.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${c} @click=${this.zoomIn} title=${c ?? u}></calcite-button><calcite-button class=${r(s(i.zoomOut))} .disabled=${!a} icon-start=minus kind=neutral .label=${n} @click=${this.zoomOut} title=${n ?? u}></calcite-button></div>`;
   }
 }
-h("arcgis-zoom", $);
+h("arcgis-zoom", I);
 export {
-  $ as ArcgisZoom
+  I as ArcgisZoom
 };

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/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));