@arcgis/map-components 4.34.0-next.99 → 4.34.0

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

@@ -1,82 +1,83 @@
 import { c as h } from "../../chunks/runtime.js";
-import { css as f, html as g } from "lit";
+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 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 v } from "../../chunks/useView.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.99 */
-const i = {
+v4.34.0 */
+const r = {
   base: "arcgis-zoom",
   button: "arcgis-button",
   horizontalLayout: "arcgis-zoom--horizontal",
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 };
-function x(t) {
+function u(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const a = d(t), e = t.constraints?.effectiveMaxScale;
-  return e === 0 || a > e;
+  const e = f(t), a = t.constraints?.effectiveMaxScale;
+  return a === 0 || e > a;
 }
-function Z(t) {
+function d(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const a = d(t), e = t.constraints?.effectiveMinScale;
-  return e === 0 || a < e;
+  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 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);font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;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}.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 {
+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 = v(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.state = "disabled", this.arcgisPropertyChange = p()("state"), this.arcgisReady = z();
+    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.properties = { canZoomIn: 16, canZoomOut: 16, 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, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.styles = O;
+    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 = x(this.view), this.canZoomOut = Z(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 = {
-      [i.horizontalLayout]: this.layout === "horizontal"
-    }, { canZoomIn: a, canZoomOut: e } = 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=${!a} icon-start=plus kind=neutral .label=${c} @click=${this.zoomIn} title=${c ?? u}></calcite-button><calcite-button class=${r(s(i.zoomOut))} .disabled=${!e} icon-start=minus kind=neutral .label=${n} @click=${this.zoomOut} title=${n ?? 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", I);
+h("arcgis-zoom", O);
 export {
-  I 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: Record<string, boolean> | 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/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,31 @@
+/// <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';
+import { ArcgisMap } from '../components/arcgis-map/customElement.js';
+import { ArcgisPopup } from '../components/arcgis-popup/customElement.js';
+import { ArcgisScene } from '../components/arcgis-scene/customElement.js';
+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);
+    hostLifecycle(): IHandle;
+    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/useWidget.d.ts

@@ -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>;