@arcgis/map-components 5.2.0-next.129 → 5.2.0-next.130

package/dist/components/arcgis-area-measurement-2d/customElement.js

@@ -5,22 +5,22 @@ import { LitElement as b, createEvent as x, safeClassMap as y } from "@arcgis/lu
 import { usePropertyChange as M } from "@arcgis/lumina/controllers";
 import { u as O } from "../../chunks/useT9n.js";
 import { m as k } from "../../chunks/useViewModel.js";
-import { t as z, a as V } from "../../chunks/async-utils.js";
+import { t as z, a as U } from "../../chunks/async-utils.js";
 import { g as p } from "../../chunks/globalCss.js";
 import { V as g } from "../../chunks/visible-element.js";
-import D from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
-import { property as n, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
+import V from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
+import { property as n, subclass as D } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/views/interactive/options/SnappingOptions.js";
-import { A as $ } from "../../chunks/AnalysisViewModel.js";
-import { g as A, a as U, b as m, r as C, m as h, c as E } from "../../chunks/measurementUtils.js";
+import { A as S } from "../../chunks/AnalysisViewModel.js";
+import { g as $, a as A, b as m, r as C, m as h, c as E } from "../../chunks/measurementUtils.js";
 const j = v`.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{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__heading{word-break:break-word}.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(--arcgis-internal-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(--arcgis-internal-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 P = Object.defineProperty, L = Object.getOwnPropertyDescriptor, s = (t, e, l, a) => {
   for (var i = a > 1 ? void 0 : a ? L(e, l) : e, o = t.length - 1, d; o >= 0; o--)
     (d = t[o]) && (i = (a ? d(e, l, i) : d(i)) || i);
   return a && i && P(e, l, i), i;
 };
-let r = class extends $ {
+let r = class extends S {
   constructor() {
     super(...arguments), this.snappingOptions = new _(), this.supportedViewType = "2d", this.unsupportedErrorMessage = "The Area Measurement 2D component is only supported in 2D views.", this.shouldForceInteractive = !1;
   }
@@ -50,10 +50,10 @@ let r = class extends $ {
   }
   get state() {
     const { analysis: t, disabled: e, operationState: l, ready: a, supported: i } = this, { valid: o } = t;
-    return A({ supported: i, disabled: e, ready: a, operationState: l, valid: o });
+    return $({ supported: i, disabled: e, ready: a, operationState: l, valid: o });
   }
   get displayState() {
-    return U(this.state, !!this.analysis.geometry);
+    return A(this.state, !!this.analysis.geometry);
   }
   get measurement() {
     return {
@@ -69,7 +69,13 @@ let r = class extends $ {
     this._userUnitOptions = t;
   }
   get unit() {
-    return E(this._userUnit, this.analysis.unit, this.unitOptions, this.defaultMeasurementSystem);
+    return E({
+      userUnit: this._userUnit,
+      analysisUnit: this.analysis.unit,
+      options: this.unitOptions,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.area
+    });
   }
   set unit(t) {
     this._userUnit = t;
@@ -82,7 +88,7 @@ let r = class extends $ {
     this.analysis.geometry = null;
   }
   constructAnalysis() {
-    return new D();
+    return new V();
   }
 };
 s([
@@ -110,7 +116,7 @@ s([
   n()
 ], r.prototype, "_userUnit", 2);
 r = s([
-  S("components.area-measurement-2d.AreaMeasurement2dViewModel")
+  D("components.area-measurement-2d.AreaMeasurement2dViewModel")
 ], r);
 const B = k(r);
 class T extends b {
@@ -130,7 +136,7 @@ class T extends b {
     await this.manager.destroy();
   }
   async start() {
-    V(this.viewModel.start());
+    U(this.viewModel.start());
   }
   render() {
     const { messages: e, unit: l, unitOptions: a, viewModel: i } = this, { measurement: o, state: d } = i;

package/dist/components/arcgis-area-measurement-3d/customElement.d.ts

@@ -238,12 +238,20 @@ export abstract class ArcgisAreaMeasurement3d extends LitElement {
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the area values. Possible values are listed in
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-3d/#unitOptions).
+   *
+   * When no unit is explicitly set on the component or its analysis, this property uses the area unit configured in the view through
+   * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * This property overrides the area unit on this component's analysis without changing the units configured in the view.
    */
   accessor unit: SystemOrAreaUnit;
   /**
    * 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`, `square-inches`, `square-feet`, `square-us-feet`, `square-yards`, `square-miles`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.
-   * Possible [unit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-3d/#unit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
+   * is not listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-3d/#unitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-3d/#unitOptions).
    */
   accessor unitOptions: Array<SystemOrAreaUnit>;
   /**

package/dist/components/arcgis-area-measurement-3d/customElement.js

@@ -9,25 +9,25 @@ import { a as z } from "../../chunks/async-utils.js";
 import { g } from "../../chunks/globalCss.js";
 import { V as p } from "../../chunks/visible-element.js";
 import O from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
-import { hasValidAreaResult as V } from "@arcgis/core/applications/Components/analysisUtils.js";
-import { property as l, subclass as $ } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { watch as A } from "@arcgis/core/core/reactiveUtils.js";
-import { A as D } from "../../chunks/AnalysisViewModel.js";
-import { g as S, a as U, b as u, r as C, m, c as E } from "../../chunks/measurementUtils.js";
+import { hasValidAreaResult as U } from "@arcgis/core/applications/Components/analysisUtils.js";
+import { property as l, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { A } from "../../chunks/AnalysisViewModel.js";
+import { g as D, a as S, b as u, r as C, m, c as E } from "../../chunks/measurementUtils.js";
 const j = w`.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{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__heading{word-break:break-word}.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(--arcgis-internal-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(--arcgis-internal-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{width:300px;.esri-widget--panel{min-width:0}}`;
 var L = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (t, e, a, r) => {
   for (var i = r > 1 ? void 0 : r ? P(e, a) : e, s = t.length - 1, d; s >= 0; s--)
     (d = t[s]) && (i = (r ? d(e, a, i) : d(i)) || i);
   return r && i && L(e, a, i), i;
 };
-let o = class extends D {
+let o = class extends A {
   constructor() {
     super(...arguments), this.supportedViewType = "3d", this.unsupportedErrorMessage = "The Area Measurement 3D component is only supported in 3D views.";
   }
   initialize() {
     this.addHandles(
       // Make sure the analysis and view model units are in sync.
-      A(
+      $(
         () => ({
           analysis: this.analysis,
           unit: this._userUnit
@@ -41,13 +41,13 @@ let o = class extends D {
   }
   get state() {
     const { analysis: t, disabled: e, operationState: a, ready: r, supported: i } = this, { valid: s } = t;
-    return S({ supported: i, disabled: e, ready: r, operationState: a, valid: s });
+    return D({ supported: i, disabled: e, ready: r, operationState: a, valid: s });
   }
   get displayState() {
-    return U(this.state, !!this.analysis.geometry);
+    return S(this.state, !!this.analysis.geometry);
   }
   get measurement() {
-    const { analysisView: t } = this, e = t?.result, a = e?.mode ?? "euclidean", r = t?.type === "area-measurement-view-3d" && V(t);
+    const { analysisView: t } = this, e = t?.result, a = e?.mode ?? "euclidean", r = t?.type === "area-measurement-view-3d" && U(t);
     return {
       mode: a,
       area: u(e?.area, r),
@@ -61,7 +61,13 @@ let o = class extends D {
     this._userUnitOptions = t;
   }
   get unit() {
-    return E(this._userUnit, this.analysis.unit, this.unitOptions, this.defaultMeasurementSystem);
+    return E({
+      userUnit: this._userUnit,
+      analysisUnit: this.analysis.unit,
+      options: this.unitOptions,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.area
+    });
   }
   set unit(t) {
     this._userUnit = t;
@@ -98,7 +104,7 @@ n([
   l()
 ], o.prototype, "_userUnit", 2);
 o = n([
-  $("components.area-measurement-3d.AreaMeasurement3dViewModel")
+  V("components.area-measurement-3d.AreaMeasurement3dViewModel")
 ], o);
 const B = k(o);
 class R extends f {

package/dist/components/arcgis-basemap-layer-list-next/customElement.js

@@ -19,7 +19,7 @@ import { g as b } from "../../chunks/globalCss.js";
 import { g as h, a as F, b as Q, r as W, s as T, c as X, d as Y, e as Z } from "../../chunks/layer-list-utils.js";
 import { ArcgisLayerListItem as ee } from "../arcgis-layer-list-next/layer-list-item/customElement.js";
 import { s as te, a as se } from "../../chunks/layer-list-next.js";
-import { r as ie } from "../../chunks/utils2.js";
+import { r as ie } from "../../chunks/utils.js";
 import { c as ae } from "../../chunks/css.js";
 import "../arcgis-layer-list-item-indicator/customElement.js";
 import "../arcgis-layer-list-item-panel/customElement.js";

package/dist/components/arcgis-building-discipline-tree/customElement.js

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
-import { css as S, html as p } from "lit";
-import { LitElement as V, nothing as L } from "@arcgis/lumina";
-import y from "@arcgis/core/core/Collection.js";
+import { c as x } from "../../chunks/runtime.js";
+import { css as C, html as p } from "lit";
+import { LitElement as S, nothing as V } from "@arcgis/lumina";
+import g from "@arcgis/core/core/Collection.js";
 import m from "@arcgis/core/core/Accessor.js";
 import { property as a, subclass as v } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { c as O, f as $ } from "../../chunks/layer-utils2.js";
-import { watch as b, on as E } from "@arcgis/core/core/reactiveUtils.js";
-import { i as A } from "../../chunks/async-utils.js";
-var D = Object.defineProperty, M = Object.getOwnPropertyDescriptor, d = (e, i, t, l) => {
-  for (var s = l > 1 ? void 0 : l ? M(i, t) : i, r = e.length - 1, o; r >= 0; r--)
-    (o = e[r]) && (s = (l ? o(i, t, s) : o(s)) || s);
-  return l && s && D(i, t, s), s;
+import { c as L, f as O } from "../../chunks/layer-utils2.js";
+import { watch as b, on as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { i as E } from "../../chunks/async-utils.js";
+var A = Object.defineProperty, D = Object.getOwnPropertyDescriptor, c = (e, t, i, l) => {
+  for (var s = l > 1 ? void 0 : l ? D(t, i) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (s = (l ? o(t, i, s) : o(s)) || s);
+  return l && s && A(t, i, s), s;
 };
 let n = class extends m {
   constructor(e) {
-    super(e), this.id = "root", this.children = new y(), this.layers = new y(), this.level = 0, this.childIds = /* @__PURE__ */ new Set(), this.layerUniqueIds = /* @__PURE__ */ new Set();
+    super(e), this.id = "root", this.children = new g(), this.layers = new g(), this.level = 0, this.childIds = /* @__PURE__ */ new Set(), this.layerUniqueIds = /* @__PURE__ */ new Set();
   }
   initialize() {
     this.addHandles([
@@ -72,10 +72,10 @@ let n = class extends m {
    *    The value to which the `visible` property of each layer is to be set.
    */
   toggleVisibility(e) {
-    const i = e === void 0 ? !this.visible : e;
-    this.layers.forEach((t) => {
-      t.visible = i;
-    }), i && this.parent != null && this.parent.toggleVisibility(!0);
+    const t = e === void 0 ? !this.visible : e;
+    this.layers.forEach((i) => {
+      i.visible = t;
+    }), t && this.parent != null && this.parent.toggleVisibility(!0);
   }
   /**
    * Toggles the visibility of all the layers controlled by this node,
@@ -85,64 +85,64 @@ let n = class extends m {
    *    The value to which the `visible` property of each layer and siblings is to be set.
    */
   toggleAllSiblingsVisibility(e) {
-    const i = e === void 0 ? !this.visible : e;
-    this.toggleVisibility(i), this.parent != null && (this.parent.toggleVisibility(i), this.parent.children.forEach((t) => t.toggleVisibility(i)));
+    const t = e === void 0 ? !this.visible : e;
+    this.toggleVisibility(t), this.parent != null && (this.parent.toggleVisibility(t), this.parent.children.forEach((i) => i.toggleVisibility(t)));
   }
 };
-d([
+c([
   a({})
 ], n.prototype, "id", 2);
-d([
+c([
   a()
 ], n.prototype, "parent", 2);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "children", 2);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "layers", 2);
-d([
+c([
   a({})
 ], n.prototype, "level", 2);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "hasChildren", 1);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "isDiscipline", 1);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "visible", 1);
-d([
+c([
   a({ readOnly: !0 })
 ], n.prototype, "title", 1);
-n = d([
+n = c([
   v("esri.widgets.BuildingExplorer.support.LayerTreeNode")
 ], n);
-function f(e, i) {
-  let t = null;
+function f(e, t) {
+  let i = null;
   for (const l of e) {
-    const s = i(l);
-    if (t != null && t !== s)
+    const s = t(l);
+    if (i != null && i !== s)
       return null;
-    t = s;
+    i = s;
   }
-  return t;
+  return i;
 }
-var N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, _ = (e) => {
+var M = Object.defineProperty, N = Object.getOwnPropertyDescriptor, _ = (e) => {
   throw TypeError(e);
-}, g = (e, i, t, l) => {
-  for (var s = l > 1 ? void 0 : l ? P(i, t) : i, r = e.length - 1, o; r >= 0; r--)
-    (o = e[r]) && (s = (l ? o(i, t, s) : o(s)) || s);
-  return l && s && N(i, t, s), s;
-}, x = (e, i, t) => i.has(e) || _("Cannot " + t), u = (e, i, t) => (x(e, i, "read from private field"), t ? t.call(e) : i.get(e)), F = (e, i, t) => i.has(e) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, t), c;
-let h = class extends m {
+}, y = (e, t, i, l) => {
+  for (var s = l > 1 ? void 0 : l ? N(t, i) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (s = (l ? o(t, i, s) : o(s)) || s);
+  return l && s && M(t, i, s), s;
+}, P = (e, t, i) => t.has(e) || _("Cannot " + i), u = (e, t, i) => (P(e, t, "read from private field"), i ? i.call(e) : t.get(e)), F = (e, t, i) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), h;
+let d = class extends m {
   constructor(e) {
-    super(e), this.root = new n(), F(this, c, new y()), this.state = "disabled", this.loadLayers = O();
+    super(e), this.root = new n(), F(this, h, new g()), this.state = "disabled", this.loadLayers = L();
   }
   initialize() {
     this.addHandles(
-      E(
+      $(
         () => this.layers,
         "change",
         () => {
@@ -163,10 +163,10 @@ let h = class extends m {
     this._set("state", "disabled"), this.root.destroy();
   }
   get layers() {
-    return u(this, c);
+    return u(this, h);
   }
   set layers(e) {
-    u(this, c).removeAll(), u(this, c).addMany(e);
+    u(this, h).removeAll(), u(this, h).addMany(e);
   }
   /**
    * Initializes our internal tree with all the categories and disciplines from
@@ -174,10 +174,10 @@ let h = class extends m {
    */
   updateLayerTree() {
     this.root.destroy(), this._set("root", new n());
-    const e = /* @__PURE__ */ new Map(), i = this.layers.length > 1 ? "modelName" : "id";
-    return this.layers.forEach((t) => {
-      const l = $(t);
-      this.addNodesForSublayers(l ?? t, this.root, e, i);
+    const e = /* @__PURE__ */ new Map(), t = this.layers.length > 1 ? "modelName" : "id";
+    return this.layers.forEach((i) => {
+      const l = O(i);
+      this.addNodesForSublayers(l ?? i, this.root, e, t);
     }), this;
   }
   /**
@@ -194,13 +194,13 @@ let h = class extends m {
    * @param matchBy
    *    The sublayer property used to deduplicate sublayers.
    */
-  addNodeForLayer(e, i, t, l) {
+  addNodeForLayer(e, t, i, l) {
     const s = String(e[l]).toLowerCase();
     if (s == null || e.isEmpty)
       return;
-    const r = `${i.id}/${s}`;
-    let o = t.get(r);
-    o || (o = new n({ id: s, level: i.level + 1 }), t.set(r, o)), o.layers.push(e), i.children.push(o), this.addNodesForSublayers(e, o, t, l);
+    const r = `${t.id}/${s}`;
+    let o = i.get(r);
+    o || (o = new n({ id: s, level: t.level + 1 }), i.set(r, o)), o.layers.push(e), t.children.push(o), this.addNodesForSublayers(e, o, i, l);
   }
   /**
    * Adds nodes for all the sublayers of the specified layer.
@@ -214,8 +214,8 @@ let h = class extends m {
    * @param matchBy
    *    The sublayer property used to deduplicate sublayers.
    */
-  addNodesForSublayers(e, i, t, l) {
-    (e.type === "building-scene" || e.type === "building-group" && !e.isEmpty) && e.sublayers.forEach((s) => this.addNodeForLayer(s, i, t, l));
+  addNodesForSublayers(e, t, i, l) {
+    (e.type === "building-scene" || e.type === "building-group" && !e.isEmpty) && e.sublayers.forEach((s) => this.addNodeForLayer(s, t, i, l));
   }
   /**
    * Called when the layers are changed.
@@ -225,27 +225,27 @@ let h = class extends m {
       try {
         await this.loadLayers(this.layers), this.updateLayerTree(), this._set("state", "ready");
       } catch (e) {
-        A(e) || this._set("state", "failed");
+        E(e) || this._set("state", "failed");
       }
   }
 };
-c = /* @__PURE__ */ new WeakMap();
-g([
+h = /* @__PURE__ */ new WeakMap();
+y([
   a()
-], h.prototype, "root", 2);
-g([
+], d.prototype, "root", 2);
+y([
   a()
-], h.prototype, "layers", 1);
-g([
+], d.prototype, "layers", 1);
+y([
   a()
-], h.prototype, "state", 2);
-h = g([
+], d.prototype, "state", 2);
+d = y([
   v("esri.components.BuildingExplorer.BuildingDisciplinesViewModel")
-], h);
-const I = S`.label{--calcite-label-margin-bottom: 0}`;
-class T extends V {
+], d);
+const I = C`.label{--calcite-label-text-color: var(--arcgis-internal-building-explorer-content-text-color, var(--calcite-color-text-1));--calcite-label-margin-bottom: 0}calcite-tree{--calcite-color-text-3: var(--arcgis-internal-building-explorer-content-text-color, inherit);--calcite-tree-text-color: var(--arcgis-internal-building-explorer-content-text-color, var(--calcite-color-text-1))}calcite-checkbox{--calcite-color-brand: var(--arcgis-internal-building-explorer-selected-button-background-color);--calcite-checkbox-icon-color: var(--arcgis-internal-building-explorer-selected-button-text-color)}`;
+class T extends S {
   constructor() {
-    super(...arguments), this.#e = new h(), this.toggleSiblingsVisibility = !1;
+    super(...arguments), this.#e = new d(), this.toggleSiblingsVisibility = !1;
   }
   static {
     this.properties = { layers: 0, messages: 0, toggleSiblingsVisibility: 5 };
@@ -257,26 +257,26 @@ class T extends V {
   get layers() {
     return this.#e.layers.toArray();
   }
-  set layers(i) {
-    this.#e.layers = new y(i);
+  set layers(t) {
+    this.#e.layers = new g(t);
   }
   render() {
-    const i = this.messages, t = this.#e;
-    return i == null ? null : p`<calcite-tree lines selection-mode=none>${w({ node: t.root, messages: i, toggleSiblingsVisibility: this.toggleSiblingsVisibility })}</calcite-tree>`;
+    const t = this.messages, i = this.#e;
+    return t == null ? null : p`<calcite-tree lines selection-mode=none>${w({ node: i.root, messages: t, toggleSiblingsVisibility: this.toggleSiblingsVisibility })}</calcite-tree>`;
   }
 }
 function B(e) {
-  const i = e.node, t = i.visible === !0, l = i.visible === null, s = t ? e.messages.hideSublayer : e.messages.showSublayer;
-  return p`<calcite-tree-item><calcite-label class="label" layout=inline><calcite-checkbox .checked=${t} .indeterminate=${l} .label=${s} @click=${(r) => {
-    r.stopPropagation(), (r.metaKey || r.ctrlKey) && e.toggleSiblingsVisibility && (r.stopImmediatePropagation(), i.toggleAllSiblingsVisibility());
-  }} title=${s ?? L} @calciteCheckboxChange=${(r) => {
-    i.toggleVisibility(r.currentTarget.checked);
+  const t = e.node, i = t.visible === !0, l = t.visible === null, s = i ? e.messages.hideSublayer : e.messages.showSublayer;
+  return p`<calcite-tree-item><calcite-label class="label" layout=inline><calcite-checkbox .checked=${i} .indeterminate=${l} .label=${s} @click=${(r) => {
+    r.stopPropagation(), (r.metaKey || r.ctrlKey) && e.toggleSiblingsVisibility && (r.stopImmediatePropagation(), t.toggleAllSiblingsVisibility());
+  }} title=${s ?? V} @calciteCheckboxChange=${(r) => {
+    t.toggleVisibility(r.currentTarget.checked);
   }}></calcite-checkbox>${e.node.title}</calcite-label>${e.node.hasChildren ? p`<calcite-tree lines selection-mode=none slot=children>${w({ node: e.node, messages: e.messages, toggleSiblingsVisibility: e.toggleSiblingsVisibility })}</calcite-tree>` : null}</calcite-tree-item>`;
 }
 function w(e) {
-  return e.node.children.toArray().reverse().map((t) => B({ node: t, messages: e.messages, toggleSiblingsVisibility: e.toggleSiblingsVisibility }));
+  return e.node.children.toArray().reverse().map((i) => B({ node: i, messages: e.messages, toggleSiblingsVisibility: e.toggleSiblingsVisibility }));
 }
-C("arcgis-building-discipline-tree", T);
+x("arcgis-building-discipline-tree", T);
 export {
   T as BuildingDisciplineTree
 };