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

package/dist/components/arcgis-catalog-layer-list/customElement.js

@@ -0,0 +1,41 @@
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { newWidgetsCatalogLayerList as i } from "@arcgis/core-adapter";
+import { m as s } from "../../chunks/useWidget.js";
+import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { reEmitEvent as r } from "@arcgis/components-controllers/accessor";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+/*!
+ * 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.10
+*/
+const d = h`arcgis-catalog-layer-list{display:flex}`, n = s(i);
+class c extends o {
+  constructor() {
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogLayer = this.widget.catalogLayer, this.collapsed = this.widget.collapsed, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = e()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = r(() => this.widget, "trigger-action");
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, catalogItems: 32, catalogLayer: 0, collapsed: 7, filterPlaceholder: 1, filterText: 1, headingLevel: 9, hideFlow: 5, hideStatusIndicators: 5, icon: 1, label: 1, listItemCreatedFunction: 0, minFilterItems: 9, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };
+  }
+  static {
+    this.shadowRootOptions = l;
+  }
+  static {
+    this.styles = d;
+  }
+  /** A collection of ListItems representing the catalogLayers dynamicGroupLayer. */
+  get catalogItems() {
+    return this.widget.catalogItems;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+t("arcgis-catalog-layer-list", c);
+export {
+  c as ArcgisCatalogLayerList
+};

package/dist/components/arcgis-catalog-layer-list/index.d.ts

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

package/dist/components/arcgis-catalog-layer-list/index.js

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

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,64 @@
+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 { newWidgetsCompassCompassViewModel as h } from "@arcgis/core-adapter";
+import { u as p, m as g } from "../../chunks/useViewModel.js";
+import { g as i } from "../../chunks/globalCss.js";
+import { LitElement as u, createEvent as f, noShadowRoot as w, safeClassMap as s, nothing as o, safeStyleMap as y } from "@arcgis/lumina";
+import { css as $ } from "@lit/reactive-element/css-tag.js";
+/*!
+ * 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.10
+*/
+const b = $`arcgis-compass{display:flex}`, a = "esri-compass", r = {
+  base: a,
+  iconContainer: `${a}__icon-container`
+}, v = g(h);
+class C extends u {
+  constructor() {
+    super(...arguments), this.messages = p(), this.viewModel = v(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 };
+  }
+  static {
+    this.shadowRootOptions = w;
+  }
+  static {
+    this.styles = b;
+  }
+  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=${s(d(r.base, i.widget))}><calcite-button class=${s(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=${s(r.iconContainer)} title=${t.reset ?? o}><calcite-icon .icon=${n} style=${y(M(this.orientation))}></calcite-icon></div></calcite-button></div>`;
+  }
+}
+const M = (e) => ({
+  transform: `rotateZ(${e.z}deg)`
+});
+c("arcgis-compass", C);
+export {
+  C 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,77 @@
+/// <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;
+    viewModel?: __esri.CoordinateConversionViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement; /**
+     * 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.
+     */
+    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,39 @@
+import { c as i } from "../../chunks/runtime.js";
+import { newWidgetsCoordinateConversion as s } from "@arcgis/core-adapter";
+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";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+/*!
+ * 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.10
+*/
+const l = h`arcgis-coordinate-conversion{display:flex}`, g = n(s);
+class c extends r {
+  constructor() {
+    super(...arguments), this.widget = g(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;
+  }
+  static {
+    this.styles = l;
+  }
+  // #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", c);
+export {
+  c 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,72 @@
+/// <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"> & {
+    /**
+     * 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.
+     */
+    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,35 @@
+import { c as e } from "../../chunks/runtime.js";
+import { newWidgetsDaylight as i } from "@arcgis/core-adapter";
+import { m as t } from "../../chunks/useWidget.js";
+import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+/*!
+ * 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.10
+*/
+const o = h`arcgis-daylight{display:flex}`, d = t(i);
+class n extends s {
+  constructor() {
+    super(...arguments), this.widget = d(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 = l;
+  }
+  static {
+    this.styles = o;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+e("arcgis-daylight", n);
+export {
+  n 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,36 @@
+import { c as t } from "../../chunks/runtime.js";
+import { newWidgetsDirectionalPad as i } from "@arcgis/core-adapter";
+import { usePropertyChange as e } 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";
+import { css as l } from "@lit/reactive-element/css-tag.js";
+/*!
+ * 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.10
+*/
+const d = l`arcgis-directional-pad{display:flex}`, c = s(i);
+class n extends a {
+  constructor() {
+    super(...arguments), this.widget = c(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 = e()("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;
+  }
+  static {
+    this.styles = d;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+t("arcgis-directional-pad", n);
+export {
+  n 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 {};