@arcgis/map-components 5.0.0-next.11 → 5.0.0-next.110

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

@@ -1,4 +1,3 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as SceneView } from '@arcgis/core/views/SceneView.js';
@@ -17,7 +16,7 @@ type State = "disabled" | "ready";
 export declare class ArcgisZoom extends LitElement {
     /**
      * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the ArcgisZoom component will be associated with a map or scene component rather than using the `view` property.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Zoom component will be associated with a map or scene component rather than using the `view` property.
      */
     view?: MapView | SceneView;
     /**
@@ -34,8 +33,8 @@ export declare class ArcgisZoom extends LitElement {
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "magnifying-glass-plus"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon?: string;
     /** The component's default label. */
@@ -52,14 +51,14 @@ export declare class ArcgisZoom extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
-    position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
      * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
     referenceElement?: ArcgisReferenceElement | string;
+    /** @default "m" */
+    visualScale: HTMLCalciteButtonElement["scale"];
     /**
      * The current state of the component.
      *
@@ -78,6 +77,10 @@ export declare class ArcgisZoom extends LitElement {
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
+    /** Emitted when one of the zoom controls is clicked. */
+    readonly arcgisClick: TargetedEvent<this, {
+        action: "zoomIn" | "zoomOut";
+    }>;
     private messages: Partial<{
         componentLabel: string;
         zoomIn: string;
@@ -87,5 +90,10 @@ export declare class ArcgisZoom extends LitElement {
         zoomIn: string;
         zoomOut: string;
     }>;
+    "@eventTypes": {
+        "arcgisClick": ArcgisZoom["arcgisClick"]["detail"];
+        "arcgisPropertyChange": ArcgisZoom["arcgisPropertyChange"]["detail"];
+        "arcgisReady": ArcgisZoom["arcgisReady"]["detail"];
+    };
 }
 export {};

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

@@ -1,83 +1,90 @@
-import { c as h } from "../../chunks/runtime.js";
-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 y } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as z, createEvent as p, safeClassMap as i, nothing as m } from "@arcgis/lumina";
+import { c as f } from "../../chunks/runtime.js";
+import { css as g, html as z } from "lit";
+import { classes as c } from "@arcgis/toolkit/dom";
+import { ignoreAbortErrors as y } from "@arcgis/core/core/promiseUtils.js";
+import { when as b } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as p, createEvent as l, safeClassMap as n, 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.11 */
-const r = {
+v5.0.0-next.110 */
+const i = {
   base: "arcgis-zoom",
   button: "arcgis-button",
   horizontalLayout: "arcgis-zoom--horizontal",
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 };
-function u(t) {
-  if (!t)
+function u(o) {
+  if (!o)
     return !1;
-  if (t.type === "3d")
-    return t.ready;
-  if (!t?.ready)
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
     return !1;
-  const e = f(t), a = t.constraints?.effectiveMaxScale;
-  return a === 0 || e > a;
+  const t = h(o), e = o.constraints?.effectiveMaxScale;
+  return e === 0 || t > e;
 }
-function d(t) {
-  if (!t)
+function d(o) {
+  if (!o)
     return !1;
-  if (t.type === "3d")
-    return t.ready;
-  if (!t?.ready)
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
     return !1;
-  const e = f(t), a = t.constraints?.effectiveMinScale;
-  return a === 0 || e < a;
+  const t = h(o), e = o.constraints?.effectiveMinScale;
+  return e === 0 || t < e;
 }
-function f(t) {
-  const o = t?.animation?.target;
-  return (o && "then" in o ? void 0 : o?.scale) ?? t?.scale ?? 0;
+function h(o) {
+  const a = o?.animation?.target;
+  return (a && "then" in a ? void 0 : a?.scale) ?? o?.scale ?? 0;
 }
-const E = g`.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: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-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 O extends z {
+const k = 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)}}: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 w extends p {
   constructor() {
-    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();
+    super(...arguments), this.messages = x({}), this.view = $(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.visualScale = "m", this.state = "disabled", this.arcgisPropertyChange = v()("state"), this.arcgisReady = l(), this.arcgisClick = l();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 3 };
   }
   static {
-    this.styles = E;
+    this.styles = k;
   }
   async destroy() {
     await this.manager.destroy();
   }
   async zoomIn() {
-    const { view: o } = this;
-    !u(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
+    await this.zoomBy(1);
   }
   async zoomOut() {
-    const { view: o } = this;
-    !d(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
+    await this.zoomBy(-1);
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      y(() => this.view?.ready ? "ready" : "disabled", (o) => {
-        this.state = o;
+      b(() => this.view?.ready ? "ready" : "disabled", (a) => {
+        this.state = a;
       }, { sync: !0, initial: !0 })
     ]);
   }
+  async zoomBy(a) {
+    const { view: t } = this, e = a === 1;
+    if (!(!(e ? u(t) : d(t)) || !t))
+      if (this.arcgisClick.emit({ action: e ? "zoomIn" : "zoomOut" }), t.type === "2d") {
+        const s = t.mapViewNavigation;
+        e ? await s.zoomIn() : await s.zoomOut();
+      } else
+        await y(t.goTo({ zoom: t.zoom + a }));
+  }
   render() {
-    const o = {
-      [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>`;
+    const a = {
+      [i.horizontalLayout]: this.layout === "horizontal"
+    }, t = u(this.view), e = d(this.view), { zoomIn: r, zoomOut: s } = this.messages;
+    return z`<div class=${n(c(i.base, i.button, a))}><calcite-button class=${n(c(i.zoomIn))} .disabled=${!t} icon-start=plus kind=neutral .label=${r} @click=${this.zoomIn} .scale=${this.visualScale} title=${r ?? m}></calcite-button><calcite-button class=${n(c(i.zoomOut))} .disabled=${!e} icon-start=minus kind=neutral .label=${s} @click=${this.zoomOut} .scale=${this.visualScale} title=${s ?? m}></calcite-button></div>`;
   }
 }
-h("arcgis-zoom", O);
+f("arcgis-zoom", w);
 export {
-  O as ArcgisZoom
+  w as ArcgisZoom
 };

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

@@ -1,7 +1,7 @@
 import { JsxNode } from '@arcgis/lumina';
 import { HeadingLevel } from '../../../support/heading';
 export declare function ComponentWrapper(props: {
-    class: string;
+    class: Record<string, boolean> | string;
     children?: JsxNode;
     hideHeader?: boolean;
     headingLevel?: HeadingLevel;

package/dist/controllers/screenLocation.d.ts

@@ -17,5 +17,5 @@ export declare class ScreenLocation extends GenericController<__esri.ScreenPoint
     hostLoaded(): void;
     private _updateScreenLocation;
 }
-export declare const trackScreenLocation: (component: LitElement & ScreenLocationComponent) => nil | __esri.ScreenPoint;
+export declare const trackScreenLocation: (component: LitElement & ScreenLocationComponent) => nil | import('@arcgis/core/core/types').ScreenPoint;
 export {};

package/dist/controllers/uiController.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as LinkChartView } from '@arcgis/core/views/LinkChartView';
+import { default as MapView } from '@arcgis/core/views/MapView';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
 import { JsxNode, LitElement } from '@arcgis/lumina';
 import { GenericController } from '@arcgis/lumina/controllers';
 import { ArcgisLinkChart } from '../components/arcgis-link-chart/customElement.js';
@@ -11,13 +14,18 @@ type WebGLSupportedError = {
 };
 export declare class UiController extends GenericController<never, {
     popupDisabled: boolean;
+    view: LinkChartView | MapView | SceneView;
 }> {
     direction: "ltr" | "rtl";
     popupRef?: HTMLArcgisPopupElement;
     webGLError?: WebGLSupportedError;
+    attributionHeight: number;
+    _uiContainer: HTMLElement | null;
     constructor(component: LitElement & ViewComponent);
+    hostLifecycle(): IHandle[];
     openPopup(options: __esri.FeaturesViewModelOpenOptions): void;
     closePopup(): void;
+    handleAttributionHeightChange(space: number): void;
     private _handleOpenPopup;
     private _handlePopupSlotChange;
     private _webGLErrorAlert;

package/dist/controllers/useHandles.d.ts

@@ -98,7 +98,7 @@ declare class HandleManager extends Controller {
  *
  * Prefer using "disconnect" over "destroy" when possible
  *
- * @deprecated Note: you might not need useHandles. See manager.onLifecycle instead (https://qawebgis.esri.com/components/lumina/controllers/lifecycle#using-reactiveutils-and-onlifecycle)
+ * @deprecated Note: you might not need useHandles. See manager.onLifecycle instead (https://webgis.esri.com/references/lumina/controllers/lifecycle#using-reactiveutils-and-onlifecycle)
  */
 export declare const useHandles: (removeOn: "destroy" | "disconnect") => HandleManager;
 export {};

package/dist/controllers/useView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 import { GenericController } from '@arcgis/lumina/controllers';
 import { nil } from '@arcgis/toolkit/type';
 import { default as MapView } from '@arcgis/core/views/MapView';
@@ -11,7 +10,6 @@ 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;
     referenceElement?: ArcgisReferenceElement | string;
     arcgisReady: EventEmitter;
     el: HTMLElement & {

package/dist/controllers/useViewModel.d.ts

@@ -33,7 +33,7 @@ export interface ViewModelControllerUses<ViewModel extends ViewModelInstance> ex
  * - type-checks everything ✨
  *
  * Documentation:
- * https://qawebgis.esri.com/components/lumina/transition-from-widgets#useviewmodel-controller
+ * https://webgis.esri.com/references/lumina/transition-from-widgets#useviewmodel-controller
  *
  * TEST: add test cases for this controller
  */

package/dist/controllers/useWidget.d.ts

@@ -24,7 +24,6 @@ type Uses<Widget extends WidgetInstance> = {
     icon: nil | string;
     label: nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position?: __esri.UIPosition;
     arcgisReady: EventEmitter;
     arcgisPropertyChange: EventEmitter<{
         name: string;
@@ -47,7 +46,7 @@ type Uses<Widget extends WidgetInstance> = {
  * - type-checks everything ✨
  *
  * Documentation:
- * https://qawebgis.esri.com/components/lumina/transition-from-widgets#usewidget-controller
+ * https://webgis.esri.com/references/lumina/transition-from-widgets#usewidget-controller
  */
 export declare const makeWidgetController: <Props, Widget extends WidgetInstance, OmitProps extends string = never>(createWidget: ((props?: Props) => Widget) | (new (props?: Props) => Widget), _options?: {
     /**