npm - @arcgis/map-components - Versions diffs - 5.0.0-next.7 → 5.0.0-next.70 - Mend

@arcgis/map-components 5.0.0-next.7 → 5.0.0-next.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (844) hide show

package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts CHANGED Viewed

@@ -1,33 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { Use } from '@arcgis/lumina/controllers';
-import { default as DistanceMeasurement2D } from '@arcgis/core/widgets/DistanceMeasurement2D.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as DistanceMeasurement2dViewModel } from './DistanceMeasurement2dViewModel';
-declare const useDistanceMeasurement2dWidget: (component: LitElement & Pick<DistanceMeasurement2D, "label" | "viewModel" | "icon" | "snappingOptions" | "unit" | "unitOptions"> & {
-    state?: unknown;
-    viewModel?: __esri.DistanceMeasurement2DViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/toolkit/type').nil | string;
-    label: import('@arcgis/toolkit/type').nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    position?: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => DistanceMeasurement2D;
+declare const useViewModel: (component: LitElement & Pick<DistanceMeasurement2dViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<DistanceMeasurement2dViewModel>) => DistanceMeasurement2dViewModel;
 /**
- * The Distance Measurement 2D component calculates and displays the distance between two or more points in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+ * The Distance Measurement 2D component can be added to a [Map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)
+ * component to calculate and display the length of a polyline.
+ *
+ * How distances are computed depends on the scene's spatial reference.
+ *
+ * In **geographic coordinate systems** (GCS), and in **Web Mercator**, lengths are computed geodetically, taking into consideration the curvature of the planet.
+ *
+ * In **projected coordinate systems** (PCS), apart from Web Mercator, lengths are computed in a Euclidean manner (in their respective PCS).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-distance-measurement-2d/)
  *
@@ -36,9 +23,49 @@ declare const useDistanceMeasurement2dWidget: (component: LitElement & Pick<Dist
 export declare class ArcgisDistanceMeasurement2d 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 ArcgisDistanceMeasurement2d 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 Distance Measurement 2D component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __esri.MapView | undefined;
+    /**
+     * The [DistanceMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-DistanceMeasurementAnalysis.html)
+     * created or modified by the component.
+     *
+     * When connecting the Distance Measurement 2D component to the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)
+     * component, it automatically creates an empty analysis and adds it to the Map's
+     * [analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#analyses) collection.
+     * Whenever the component is destroyed, the analysis is automatically removed from the collection.
+     *
+     * Alternatively, a programmatically created analysis can be provided to the component.
+     * Then, the application itself needs to add it to and later remove it from the Map's analyses collection.
+     *
+     * ```js
+     * // Create the analysis.
+     * const distanceMeasurementAnalysis = new DistanceMeasurementAnalysis({
+     *   geometry: new Polyline({
+     *     paths: [
+     *       [
+     *         [-118.25, 34.05], // Los Angeles
+     *         [-77.02, 38.90], // Washington, D.C.
+     *       ]
+     *     ],
+     *   }),
+     *   unit: "miles", // Display length in miles.
+     * });
+     *
+     * // Get the Map and measurement component and wait until they are ready.
+     * const viewElement = document.querySelector("arcgis-map");
+     * await viewElement.viewOnReady();
+     * const distanceMeasurement2d = document.querySelector("arcgis-distance-measurement-2d");
+     * await distanceMeasurement2d.componentOnReady();
+     *
+     * // Add the analysis to the Map component.
+     * viewElement.analyses.add(distanceMeasurementAnalysis);
+     *
+     * // Connect the analysis to the measurement component:
+     * distanceMeasurement2d.analysis = distanceMeasurementAnalysis;
+     * ```
      */
-    view?: __esri.MapView | nullish;
+    analysis: __esri.DistanceMeasurementAnalysis;
     /**
      * 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
@@ -53,17 +80,13 @@ export declare class ArcgisDistanceMeasurement2d 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 "measure-line"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
-    icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DistanceMeasurement2D.html#label)
-     */
-    label: string;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    icon?: HTMLCalciteIconElement["icon"];
+    /** The component's default label. */
+    label?: string;
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) 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.
@@ -72,30 +95,26 @@ export declare class ArcgisDistanceMeasurement2d extends LitElement {
      */
     referenceElement?: ArcgisReferenceElement | string;
     /**
-     * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DistanceMeasurement2D.html#snappingOptions)
-     */
-    snappingOptions: __esri.SnappingOptions;
-    /**
-     * The current state of the component.
+     * The component's state. The values mean the following:
      *
-     * @default "disabled"
+     * * `disabled` -  not ready yet
+     * * `ready` - ready for measuring
+     * * `measuring` - currently measuring
+     * * `measured` - measuring has finished
      */
-    readonly state: "ready" | "disabled" | "measuring" | "measured";
+    readonly state: import('../../support/measurementUtils').MeasurementState;
     /**
-     * Unit system (imperial, metric) or specific unit used for displaying the distance values.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DistanceMeasurement2D.html#unit)
+     * Unit system (imperial, metric) or specific unit used for displaying the distance values. Possible values are listed in
+     * [unitOptions](#unitOptions).
      */
     unit: __esri.SystemOrLengthUnit;
     /**
-     * List of available units and unit systems (imperial, metric) for displaying the distance values.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DistanceMeasurement2D.html#unitOptions)
+     * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
+     * By default, the following units are included: `metric`, `imperial`, `inches`, `feet`, `us-feet`, `yards`, `miles`, `nautical-miles`, `meters`, `kilometers`.
+     * Possible [unit](#unit) values can only be a subset of this list.
      */
     unitOptions: __esri.SystemOrLengthUnit[];
-    /** Clear the current measurement. */
+    /** Clears the current measurement. */
     clear(): Promise<void>;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
@@ -103,7 +122,7 @@ export declare class ArcgisDistanceMeasurement2d extends LitElement {
     start(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state";
+        name: "analysis" | "state";
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;

package/dist/components/arcgis-distance-measurement-2d/customElement.js CHANGED Viewed

@@ -1,34 +1,144 @@
-import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/lumina/controllers";
-import t from "@arcgis/core/widgets/DistanceMeasurement2D.js";
-import { LitElement as r, createEvent as o } from "@arcgis/lumina";
-import { m as n } from "../../chunks/useWidget.js";
-import { css as a } from "lit";
+import { c as u } from "../../chunks/runtime.js";
+import { css as m, html as h } from "lit";
+import { LitElement as _, createEvent as w, nothing as f, safeClassMap as v } from "@arcgis/lumina";
+import { usePropertyChange as b } from "@arcgis/lumina/controllers";
+import { u as x } from "../../chunks/useT9n.js";
+import { m as y } from "../../chunks/useViewModel.js";
+import { g as d } from "../../chunks/globalCss.js";
+import k from "@arcgis/core/analysis/DistanceMeasurementAnalysis.js";
+import { getDefaultUnitForView as z } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+import { property as a, subclass as M } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as O } from "@arcgis/core/core/reactiveUtils.js";
+import { A as D } from "../../chunks/AnalysisViewModel.js";
+import { g as V, a as g } from "../../chunks/measurementUtils.js";
+import { i as $ } from "../../chunks/async-utils.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.7 */
-const s = a`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-unit-select{width:100%}.esri-unit-select__label{--calcite-label-margin-bottom: 0;width:100%}:host{display:block}.esri-measurement-widget-content{padding:var(--esri-widget-padding);flex-direction:column;gap:var(--calcite-spacing-xxl);display:flex;position:relative;overflow-y:auto}.esri-measurement-widget-content__error{color:var(--calcite-color-status-danger)}.esri-measurement-widget-content__error,.esri-measurement-widget-content__hint{overflow:hidden}.esri-measurement-widget-content__error p,.esri-measurement-widget-content__hint p{margin:0;padding:0}.esri-measurement-widget-content__hint,.esri-measurement-widget-content__error,.esri-measurement-widget-content__measurement,.esri-measurement-widget-content__measurement-item{flex-direction:column;gap:var(--calcite-spacing-md);animation:.25s ease-in-out esri-fade-in;display:flex}.esri-measurement-widget-content__measurement-item--disabled{color:var(--calcite-color-border-ghost)}.esri-measurement-widget-content__measurement-item__value{font-weight:var(--calcite-font-weight-semibold)}.esri-measurement-widget-content__actions{flex-direction:column;justify-content:center;gap:var(--calcite-spacing-xs);display:flex}`, c = n(t);
-class d extends r {
+v5.0.0-next.70 */
+const U = m`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--esri-widget-padding);transition:max-height .25s ease-in-out;overflow-y:auto}.esri-unit-select{width:100%}.esri-unit-select__label{--calcite-label-margin-bottom: 0;width:100%}:host{display:block}.esri-measurement-widget-content{padding:var(--esri-widget-padding);flex-direction:column;gap:var(--calcite-spacing-xxl);display:flex;position:relative;overflow-y:auto}.esri-measurement-widget-content__error{color:var(--calcite-color-status-danger)}.esri-measurement-widget-content__error,.esri-measurement-widget-content__hint{overflow:hidden}.esri-measurement-widget-content__error p,.esri-measurement-widget-content__hint p{margin:0;padding:0}.esri-measurement-widget-content__hint,.esri-measurement-widget-content__error,.esri-measurement-widget-content__measurement,.esri-measurement-widget-content__measurement-item{flex-direction:column;gap:var(--calcite-spacing-md);animation:.25s ease-in-out esri-fade-in;display:flex}.esri-measurement-widget-content__measurement-item--disabled{color:var(--calcite-color-border-ghost)}.esri-measurement-widget-content__measurement-item__value{font-weight:var(--calcite-font-weight-semibold)}.esri-measurement-widget-content__actions{flex-direction:column;justify-content:center;gap:var(--calcite-spacing-xs);display:flex}:host{.esri-widget--panel{min-width:0}}`;
+var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, s = (e, t, r, l) => {
+  for (var o = l > 1 ? void 0 : l ? E(t, r) : t, c = e.length - 1, n; c >= 0; c--)
+    (n = e[c]) && (o = (l ? n(t, r, o) : n(o)) || o);
+  return l && o && C(t, r, o), o;
+};
+let i = class extends D {
+  constructor() {
+    super(...arguments), this.supportedViewType = "2d", this.unsupportedErrorMessage = "The Distance Measurement 2D component is only supported in 2D views.", this.shouldForceInteractive = !1;
+  }
+  initialize() {
+    this.addHandles(
+      O(
+        () => ({
+          analysis: this.analysis,
+          unit: this.unit
+        }),
+        ({ analysis: e, unit: t }) => {
+          e && (e.unit = t);
+        },
+        { sync: !0, initial: !0 }
+      )
+    );
+  }
+  get state() {
+    return this.supported ? this.disabled ? "disabled" : this.operationState === "inactive" && !this.analysis.valid ? "ready" : this.analysis.valid ? "measured" : "measuring" : "unsupported";
+  }
+  get measurement() {
+    return {
+      mode: this.analysisView?.result?.mode ?? "euclidean",
+      length: V(this.analysis.valid ? this.analysisView?.result?.length : void 0)
+    };
+  }
+  get unitOptions() {
+    const e = this._userUnitOptions?.filter((t) => g.includes(t));
+    return e && e.length > 0 ? e : g.slice();
+  }
+  set unitOptions(e) {
+    this._userUnitOptions = e;
+  }
+  get unit() {
+    const e = this._userUnit ?? this.analysis.unit, t = this.unitOptions;
+    if (e && t.includes(e))
+      return e;
+    const r = this._defaultUnit;
+    return r && t.includes(r) ? r : t[0];
+  }
+  set unit(e) {
+    this._userUnit = e;
+  }
+  get _defaultUnit() {
+    return this.view ? z(this.view) : void 0;
+  }
+  async place(e) {
+    this.analysisView && (await this.analysisView.place(e), this.analysisView.interactive = !0);
+  }
+  clearAnalysis() {
+    this.analysis.geometry = null;
+  }
+  constructAnalysis() {
+    return new k();
+  }
+};
+s([
+  a()
+], i.prototype, "state", 1);
+s([
+  a()
+], i.prototype, "measurement", 1);
+s([
+  a()
+], i.prototype, "unitOptions", 1);
+s([
+  a()
+], i.prototype, "_userUnitOptions", 2);
+s([
+  a()
+], i.prototype, "unit", 1);
+s([
+  a()
+], i.prototype, "_userUnit", 2);
+s([
+  a()
+], i.prototype, "_defaultUnit", 1);
+i = s([
+  M("components.distance-measurement-2d.DistanceMeasurement2dViewModel")
+], i);
+const j = "arcgis-distance-measurement-2d", A = { base: j }, L = y(i);
+class P extends _ {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = i()("state"), this.arcgisReady = o();
+    super(...arguments), this.viewModel = L(this), this.messages = x({ name: "distance-measurement-2d", blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-line", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = b()("analysis", "state"), this.arcgisReady = w();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, snappingOptions: 0, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { view: 0, analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 35, unit: 1, unitOptions: 0 };
   }
   static {
-    this.styles = s;
+    this.styles = U;
   }
   async clear() {
-    this.viewModel?.clear();
+    this.viewModel.clear();
   }
   async destroy() {
     await this.manager.destroy();
   }
   async start() {
-    this.viewModel?.start();
+    $(this.viewModel.start());
+  }
+  render() {
+    const { messages: t, unit: r, unitOptions: l, viewModel: o } = this, { measurement: c, state: n } = o;
+    return h`<div aria-label=${t.componentLabel ?? f} class=${v({
+      [A.base]: !0,
+      [d.widget]: !0,
+      [d.panel]: !0
+    })} role=presentation><arcgis-measurement-content .state=${n} .hintLabel=${t.hint} .unsupportedLabel=${t.unsupported} .items=${[
+      {
+        title: t.distance,
+        measurement: c.length
+      }
+    ]}><arcgis-unit-select slot=settings .options=${l} .selectLabel=${t.unit} .value=${r} @arcgisUnitSelectChange=${(p) => {
+      this.unit = p.detail;
+    }}></arcgis-unit-select><calcite-button slot=actions .disabled=${n === "unsupported" || n === "disabled"} @click=${this.start}>${t.newMeasurement}</calcite-button></arcgis-measurement-content></div>`;
   }
 }
-e("arcgis-distance-measurement-2d", d);
+u("arcgis-distance-measurement-2d", P);
 export {
-  d as ArcgisDistanceMeasurement2d
+  P as ArcgisDistanceMeasurement2d
 };

package/dist/components/arcgis-distance-measurement-2d/index.d.ts CHANGED Viewed

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-distance-measurement-2d/index.js CHANGED Viewed

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-editor/customElement.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { default as Editor } from '@arcgis/core/widgets/Editor.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-declare const useEditorWidget: (component: LitElement & Pick<Editor, "label" | "viewModel" | "icon" | "snappingOptions" | "headingLevel" | "labelOptions" | "layerInfos" | "supportingWidgetDefaults" | "tooltipOptions"> & {
+declare const useEditorWidget: (component: LitElement & Pick<Editor, "snappingOptions" | "label" | "viewModel" | "icon" | "headingLevel" | "labelOptions" | "layerInfos" | "supportingWidgetDefaults" | "tooltipOptions"> & {
     state?: unknown;
     viewModel?: __esri.EditorViewModel | undefined;
     closed?: boolean;
@@ -36,9 +36,9 @@ declare const useEditorWidget: (component: LitElement & Pick<Editor, "label" | "
 export declare class ArcgisEditor 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 ArcgisEditor 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 Editor component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.MapView | __esri.SceneView | nullish;
+    view?: nullish | __esri.MapView | __esri.SceneView;
     /**
      * A property indicating the current active workflow.
      *
@@ -66,8 +66,16 @@ export declare class ArcgisEditor extends LitElement {
     /** @default false */
     hideEditFeaturesSection: boolean;
     /** @default false */
+    hideFlow: boolean;
+    /** @default false */
     hideLabelsToggle: boolean;
     /** @default false */
+    hideMergeButton: boolean;
+    /** @default false */
+    hideSettingsMenu: boolean;
+    /** @default false */
+    hideSketch: boolean;
+    /** @default false */
     hideSnappingControlsElementsEnabledToggle: boolean;
     /** @default false */
     hideSnappingControlsElementsFeatureEnabledToggle: boolean;
@@ -76,13 +84,19 @@ export declare class ArcgisEditor extends LitElement {
     /** @default false */
     hideSnappingControlsElementsSelfEnabledToggle: boolean;
     /** @default false */
+    hideSplitButton: boolean;
+    /** @default false */
     hideTooltipsToggle: boolean;
+    /** @default false */
+    hideUndoRedoButtons: boolean;
+    /** @default false */
+    hideZoomToButton: boolean;
     /**
      * 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 "pencil"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon: string;
     /**
@@ -103,7 +117,7 @@ export declare class ArcgisEditor extends LitElement {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html#layerInfos)
      */
     layerInfos: nullish | __esri.EditorLayerInfo[];
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) 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.
@@ -120,7 +134,7 @@ export declare class ArcgisEditor extends LitElement {
      */
     snappingOptions: __esri.SnappingOptions;
     /** The current state of the component. */
-    readonly state: "ready" | "disabled" | "add-association-create-association" | "add-association-select-feature" | "add-association-select-layer" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "creating-features" | "drawing-splitter-geometry" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-features" | "reviewing-features" | "viewing-selection-list";
+    readonly state: "ready" | "disabled" | "add-association-create-association" | "add-association-select-feature" | "add-association-select-layer" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "choosing-key-feature" | "creating-features" | "drawing-splitter-geometry" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-features" | "reviewing-features" | "viewing-selection-list";
     /**
      * This property allows customization of supporting Editor widgets and their default behavior.
      *
@@ -137,10 +151,13 @@ export declare class ArcgisEditor extends LitElement {
     deleteFeatureFromWorkflow(): Promise<void>;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** @param info */
     startCreateFeaturesWorkflowAtFeatureCreation(info: __esri.CreateFeaturesCreationInfo): Promise<void>;
     startCreateFeaturesWorkflowAtFeatureTypeSelection(): Promise<void>;
+    /** @param feature */
     startUpdateWorkflowAtFeatureEdit(feature: __esri.Graphic): Promise<void>;
     startUpdateWorkflowAtFeatureSelection(): Promise<void>;
+    /** @param candidates */
     startUpdateWorkflowAtMultipleFeatureSelection(candidates: __esri.Graphic[]): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
@@ -148,9 +165,17 @@ export declare class ArcgisEditor extends LitElement {
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
-    /** Fires when a user starts drawing a feature, is actively drawing a feature, and completes drawing a feature. */
+    /**
+     * Fires when a user starts drawing a feature, is actively drawing a feature, and completes drawing a feature.
+     *
+     * @since 4.34
+     */
     readonly arcgisSketchCreate: TargetedEvent<this, __esri.EditorSketchCreateEvent>;
-    /** Fires when a user starts updating a feature's geometry, is actively updating a feature's geometry, and completes updating a feature's geometry. */
+    /**
+     * Fires when a user starts updating a feature's geometry, is actively updating a feature's geometry, and completes updating a feature's geometry.
+     *
+     * @since 4.34
+     */
     readonly arcgisSketchUpdate: TargetedEvent<this, __esri.EditorSketchUpdateEvent>;
 }
 export {};