@arcgis/map-components 4.31.0-next.98 → 4.32.0-next.2

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

@@ -0,0 +1,58 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useCompassViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.CompassViewModel, never> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: "rotation" | "disabled" | "compass" | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | __esri.SceneView | undefined;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => __esri.CompassViewModel;
+export declare class ArcgisCompass extends LitElement implements Use<typeof useCompassViewModel> {
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    get icon(): string | undefined;
+    set icon(value: string | undefined);
+    label: Nil | string;
+    messageOverrides?: typeof this.messages._overrides;
+    readonly orientation: __esri.Orientation;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "rotation" | "disabled" | "compass";
+    destroy(): Promise<void>;
+    reset(): Promise<void>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "orientation" | "state";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

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

@@ -0,0 +1,57 @@
+import { c } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { usePropertyChange as m } from "@arcgis/components-controllers";
+import { classes as d } from "@arcgis/components-utils";
+import { P as h } from "../../chunks/index.js";
+import { u as p, m as u } from "../../chunks/useViewModel.js";
+import { g as i } from "../../chunks/globalCss.js";
+import { LitElement as g, createEvent as f, safeClassMap as e, nothing as o, safeStyleMap as w } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const a = "esri-compass", r = {
+  base: a,
+  iconContainer: `${a}__icon-container`
+}, $ = u(h);
+class b extends g {
+  constructor() {
+    super(...arguments), this.messages = p(), this.viewModel = $(this), this.autoDestroyDisabled = !1, this.orientation = this.viewModel.orientation, this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state", "orientation"), this.arcgisReady = f();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, orientation: 0, position: 3, referenceElement: 1, state: 3 };
+  }
+  get icon() {
+    return this._icon ?? (this.state === "rotation" ? "arrow-up" : "compass-needle");
+  }
+  set icon(t) {
+    this._icon = t;
+  }
+  // #endregion
+  // #region Public Methods
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async reset() {
+    return this.viewModel.reset();
+  }
+  // #endregion
+  // #region Private Methods
+  _reset() {
+    this.viewModel.reset();
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { messages: t, icon: n } = this;
+    return l`<div class=${e(d(r.base, i.widget))}><calcite-button class=${e(i.widgetButton)} .disabled=${this.state === "disabled"} kind=neutral .label=${t.reset} @click=${this._reset} round scale=s title=${t.reset ?? o}><div aria-hidden=true class=${e(r.iconContainer)} title=${t.reset ?? o}><calcite-icon .icon=${n} style=${w(v(this.orientation))}></calcite-icon></div></calcite-button></div>`;
+  }
+}
+const v = (s) => ({
+  transform: `rotateZ(${s.z}deg)`
+});
+c("arcgis-compass", b);
+export {
+  b as ArcgisCompass
+};

package/dist/components/arcgis-compass/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/dist/components/calcite-button";
+import "@esri/calcite-components/dist/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-compass/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/dist/components/calcite-button";
+import "@esri/calcite-components/dist/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-coordinate-conversion/customElement.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useCoordinateConversionWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.CoordinateConversion, "orientation" | "label" | "viewModel" | "icon" | "mode" | "headingLevel" | "conversions" | "formats" | "locationSymbol" | "storageType"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    viewModel?: __esri.CoordinateConversionViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | Nil | __esri.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.CoordinateConversionProperties): __esri.CoordinateConversionProperties | Promise<__esri.CoordinateConversionProperties>;
+} | undefined) => __esri.CoordinateConversion;
+export declare class ArcgisCoordinateConversion extends LitElement implements Use<typeof useCoordinateConversionWidget> {
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    conversions: __esri.Collection<__esri.Conversion>;
+    readonly currentLocation: __esri.Point;
+    formats: __esri.Collection<__esri.Format>;
+    headingLevel: number;
+    hideCaptureButton: boolean | undefined;
+    hideEditButton: boolean | undefined;
+    hideExpandButton: boolean | undefined;
+    hideSettingsButton: boolean | undefined;
+    icon: string;
+    label: string;
+    locationSymbol: __esri.SimpleMarkerSymbol | __esri.PictureMarkerSymbol;
+    mode: "live" | "capture";
+    multipleConversionsDisabled: boolean;
+    orientation: "auto" | "expand-up" | "expand-down";
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled" | "loading";
+    storageDisabled: boolean;
+    storageType: "local" | "session";
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    reverseConvert(coordinate: string, format: __esri.Format): Promise<__esri.Point>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "state" | "currentLocation";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -0,0 +1,35 @@
+import { c as i } from "../../chunks/runtime.js";
+import { O as s } from "../../chunks/index.js";
+import { usePropertyChange as o } from "@arcgis/components-controllers";
+import { m as n } from "../../chunks/useWidget.js";
+import { LitElement as r, createEvent as a, noShadowRoot as d } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const h = n(s);
+class l extends r {
+  constructor() {
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.conversions = this.widget.conversions, this.currentLocation = this.widget.currentLocation, this.formats = this.widget.formats, this.headingLevel = this.widget.headingLevel, this.hideCaptureButton = this.widget.visibleElements.captureButton, this.hideEditButton = this.widget.visibleElements.editButton, this.hideExpandButton = this.widget.visibleElements.expandButton, this.hideSettingsButton = this.widget.visibleElements.settingsButton, this.icon = this.widget.icon, this.label = this.widget.label, this.locationSymbol = this.widget.locationSymbol, this.mode = this.widget.mode, this.multipleConversionsDisabled = this.widget.multipleConversions, this.orientation = this.widget.orientation, this.position = "bottom-left", this.state = this.viewModel.state, this.storageDisabled = this.widget.storageEnabled, this.storageType = this.widget.storageType, this.arcgisPropertyChange = o()("currentLocation", "state"), this.arcgisReady = a();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, conversions: 0, currentLocation: 0, formats: 0, headingLevel: 9, hideCaptureButton: 5, hideEditButton: 5, hideExpandButton: 5, hideSettingsButton: 5, icon: 1, label: 1, locationSymbol: 0, mode: 1, multipleConversionsDisabled: 5, orientation: 1, position: 1, referenceElement: 1, state: 3, storageDisabled: 5, storageType: 1 };
+  }
+  static {
+    this.shadowRootOptions = d;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async reverseConvert(t, e) {
+    return await this.widget?.reverseConvert(t, e);
+  }
+}
+i("arcgis-coordinate-conversion", l);
+export {
+  l as ArcgisCoordinateConversion
+};

package/dist/components/arcgis-coordinate-conversion/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-coordinate-conversion/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,65 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useDaylightWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.Daylight, "label" | "viewModel" | "icon" | "headingLevel" | "dateOrSeason" | "playSpeedMultiplier" | "timeSliderSteps"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    viewModel?: __esri.DaylightViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | Nil | __esri.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.DaylightProperties): __esri.DaylightProperties | Promise<__esri.DaylightProperties>;
+} | undefined) => __esri.Daylight;
+export declare class ArcgisDaylight extends LitElement implements Use<typeof useDaylightWidget> {
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    currentSeason: "spring" | "summer" | "fall" | "winter";
+    dateOrSeason: "date" | "season";
+    dayPlaying: boolean;
+    headingLevel: number;
+    hideDatePicker: boolean | undefined;
+    hideHeader: boolean | undefined;
+    hidePlayButtons: boolean | undefined;
+    hideShadowsToggle: boolean | undefined;
+    hideSunLightingToggle: boolean | undefined;
+    hideTimezone: boolean | undefined;
+    icon: string;
+    label: string;
+    playSpeedMultiplier: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    timeSliderSteps: number | number[];
+    yearPlaying: boolean;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

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

@@ -0,0 +1,31 @@
+import { c as e } from "../../chunks/runtime.js";
+import { N as i } from "../../chunks/index.js";
+import { m as t } from "../../chunks/useWidget.js";
+import { LitElement as s, createEvent as a, noShadowRoot as h } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const l = t(i);
+class d extends s {
+  constructor() {
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentSeason = this.viewModel.currentSeason, this.dateOrSeason = this.widget.dateOrSeason, this.dayPlaying = this.viewModel.dayPlaying, this.headingLevel = this.widget.headingLevel, this.hideDatePicker = this.widget.visibleElements.datePicker, this.hideHeader = this.widget.visibleElements.header, this.hidePlayButtons = this.widget.visibleElements.playButtons, this.hideShadowsToggle = this.widget.visibleElements.shadowsToggle, this.hideSunLightingToggle = this.widget.visibleElements.sunLightingToggle, this.hideTimezone = this.widget.visibleElements.timezone, this.icon = this.widget.icon, this.label = this.widget.label, this.playSpeedMultiplier = this.widget.playSpeedMultiplier, this.position = "bottom-left", this.timeSliderSteps = this.widget.timeSliderSteps, this.yearPlaying = this.viewModel.yearPlaying, this.arcgisReady = a();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, currentSeason: 1, dateOrSeason: 1, dayPlaying: 5, headingLevel: 9, hideDatePicker: 5, hideHeader: 5, hidePlayButtons: 5, hideShadowsToggle: 5, hideSunLightingToggle: 5, hideTimezone: 5, icon: 1, label: 1, playSpeedMultiplier: 9, position: 1, referenceElement: 1, timeSliderSteps: 9, yearPlaying: 5 };
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+e("arcgis-daylight", d);
+export {
+  d as ArcgisDaylight
+};

package/dist/components/arcgis-daylight/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-daylight/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-directional-pad/customElement.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useDirectionalPadWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.DirectionalPad, "label" | "viewModel" | "icon" | "disabled" | "visualScale"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    viewModel?: __esri.DirectionalPadViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | Nil | __esri.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.DirectionalPadProperties): __esri.DirectionalPadProperties | Promise<__esri.DirectionalPadProperties>;
+} | undefined) => __esri.DirectionalPad;
+export declare class ArcgisDirectionalPad extends LitElement implements Use<typeof useDirectionalPadWidget> {
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    disabled: boolean;
+    icon: string;
+    label: string;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled" | "moving";
+    visualScale: "s" | "l" | "m";
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "state";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

package/dist/components/arcgis-directional-pad/customElement.js

@@ -0,0 +1,32 @@
+import { c as t } from "../../chunks/runtime.js";
+import { M as e } from "../../chunks/index.js";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { m as s } from "../../chunks/useWidget.js";
+import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const l = s(e);
+class d extends a {
+  constructor() {
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.visualScale = this.widget.visualScale, this.arcgisPropertyChange = i()("state"), this.arcgisReady = o();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, disabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, visualScale: 1 };
+  }
+  static {
+    this.shadowRootOptions = r;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+t("arcgis-directional-pad", d);
+export {
+  d as ArcgisDirectionalPad
+};

package/dist/components/arcgis-directional-pad/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-directional-pad/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,75 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+
+declare const useDirectionsWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.Directions, "label" | "viewModel" | "icon" | "headingLevel" | "layer" | "unit" | "apiKey" | "maxStops" | "searchProperties"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    viewModel?: __esri.DirectionsViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: (HTMLElement & {
+            ownedBy?: HTMLElement | undefined;
+        }) | undefined;
+        view?: __esri.MapView | Nil | __esri.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.DirectionsProperties): __esri.DirectionsProperties | Promise<__esri.DirectionsProperties>;
+} | undefined) => __esri.Directions;
+export declare class ArcgisDirections extends LitElement implements Use<typeof useDirectionsWidget> {
+    apiKey: string;
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    headingLevel: number;
+    hideLayerDetails: boolean | undefined;
+    hideSaveAsButton: boolean | undefined;
+    hideSaveButton: boolean | undefined;
+    icon: string;
+    label: string;
+    readonly lastRoute: __esri.DirectionsLastRoute;
+    layer: __esri.RouteLayer;
+    maxStops: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    routeLayerItemId?: string;
+    searchProperties: __esri.DirectionsSearchProperties;
+    readonly state: "ready" | "disabled";
+    unit: "metric" | "imperial" | "millimeters" | "centimeters" | "decimeters" | "meters" | "kilometers" | "inches" | "feet" | "yards" | "miles" | "nautical-miles";
+    useDefaultRouteLayer: boolean;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    getDirections(): Promise<__esri.RouteLayerSolveResult>;
+    save(): Promise<__esri.PortalItem>;
+    saveAs(portalItem: Promise<__esri.PortalItem>, options: {
+        folder: __esri.PortalFolder;
+    }): Promise<__esri.PortalItem>;
+    zoomToRoute(): Promise<void>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "state" | "lastRoute";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

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

@@ -0,0 +1,76 @@
+import { c as o } from "../../chunks/runtime.js";
+import { K as s, L as r } from "../../chunks/index.js";
+import { i as h } from "../../chunks/component-utils.js";
+import { usePropertyChange as n } from "@arcgis/components-controllers";
+import { m as d } from "../../chunks/useWidget.js";
+import { LitElement as l, createEvent as w, noShadowRoot as u } from "@arcgis/lumina";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const y = d(r), i = "map-components:arcgis-directions";
+class c extends l {
+  constructor() {
+    super(...arguments), this.widget = y(this), this.viewModel = this.widget.viewModel, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.maxStops = this.widget.maxStops, this.position = "bottom-left", this.searchProperties = this.widget.searchProperties, this.state = this.viewModel.state, this.unit = this.widget.unit, this.useDefaultRouteLayer = !1, this.arcgisPropertyChange = n()("lastRoute", "state"), this.arcgisReady = w();
+  }
+  static {
+    this.properties = { apiKey: 1, autoDestroyDisabled: 5, headingLevel: 9, hideLayerDetails: 5, hideSaveAsButton: 5, hideSaveButton: 5, icon: 1, label: 1, lastRoute: 0, layer: 0, maxStops: 9, position: 1, referenceElement: 1, routeLayerItemId: 1, searchProperties: 0, state: 0, unit: 1, useDefaultRouteLayer: 5 };
+  }
+  static {
+    this.shadowRootOptions = u;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async getDirections() {
+    if (this.widget?.viewModel?.state !== "ready")
+      throw new Error(`${i} - component not ready to get directions`);
+    return await this.widget?.getDirections();
+  }
+  async save() {
+    if (this.widget?.viewModel?.state !== "ready")
+      throw new Error(`${i} - component not ready to save directions`);
+    return await this.widget?.save();
+  }
+  async saveAs(t, e) {
+    if (this.widget?.viewModel?.state !== "ready")
+      throw new Error(`${i} - component not ready to save directions as a Portal Item`);
+    return await this.widget?.saveAs(t, e);
+  }
+  async zoomToRoute() {
+    if (this.widget?.viewModel?.state !== "ready")
+      throw new Error(`${i} - component not ready to zoom to route`);
+    this.widget?.zoomToRoute();
+  }
+  // #endregion
+  // #region Lifecycle
+  willUpdate(t) {
+    if (t.has("routeLayerItemId")) {
+      const e = this.routeLayerItemId;
+      h(e) && !this.useDefaultRouteLayer ? (this.widget.view?.map.remove(this.layer), this._setDefaultLayer()) : e && this.widget && s({
+        portalItem: {
+          id: e
+        }
+      }).then((a) => {
+        this.layer = a, this.widget.view?.map.add(this.layer);
+      }).catch(console.error);
+    }
+    t.has("useDefaultRouteLayer") && this._setDefaultLayer();
+  }
+  // #endregion
+  // #region Private Methods
+  /** Maintain a default route layer */
+  _setDefaultLayer() {
+    this.useDefaultRouteLayer && !this.routeLayerItemId && s({}).then((t) => {
+      this.layer = t, this.widget.view?.map.add(this.layer);
+    }).catch(console.error);
+  }
+}
+o("arcgis-directions", c);
+export {
+  c as ArcgisDirections
+};

package/dist/components/arcgis-directions/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-directions/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";