@arcgis/map-components 5.1.0-next.10 → 5.1.0-next.11

package/dist/components/arcgis-time-zone-label/customElement.js

@@ -1,70 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as n } from "../../chunks/runtime.js";
+import { c as i } from "../../chunks/runtime.js";
 import { css as o, html as t } from "lit";
-import { useDirection as c, usePropertyChange as d, useWatchAttributes as l } from "@arcgis/lumina/controllers";
-import { classes as i } from "@arcgis/toolkit/dom";
-import { LitElement as p, createEvent as m, safeClassMap as s } from "@arcgis/lumina";
-import { u as h } from "../../chunks/useT9n.js";
-import { g as a } from "../../chunks/globalCss.js";
-import { u as g } from "../../chunks/useView.js";
-import { s as u, a as b, u as _ } from "../../chunks/time-utils.js";
-const x = o`.root{display:inline-flex}.esri-disabled{pointer-events:none}calcite-input-time-zone{--calcite-color-border-input: transparent}calcite-label{--calcite-label-margin-bottom: 0;margin:var(--calcite-space-sm) var(--calcite-space-sm-plus);border:var(--calcite-border-width-sm) solid var(--calcite-border-color);font-weight:var(--calcite-font-weight-medium);overflow:hidden}calcite-label.esri-disabled{opacity:var(--calcite-opacity-disabled)}`;
-class v extends p {
+import { usePropertyChange as c } from "@arcgis/lumina/controllers";
+import { LitElement as a, createEvent as r } from "@arcgis/lumina";
+import { u as s } from "../../chunks/useT9n.js";
+import { u as n } from "../../chunks/useView.js";
+import { s as l, a as m, u as d } from "../../chunks/time-utils.js";
+const u = o`calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-background-color-press: var(--calcite-color-foreground-1);--calcite-action-background-color: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-1);--calcite-action-text-color: var(--calcite-color-text-1);cursor:default}calcite-input-time-zone{--calcite-color-background: var(--calcite-color-foreground-1);--calcite-color-border-input: transparent}calcite-label{--calcite-label-margin-bottom: 0;font-weight:var(--calcite-font-weight-medium);padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}`;
+class g extends a {
   constructor() {
-    super(), this._messages = h({ blocking: !0 }), this._direction = c(), this._expanded = !1, this._position = "top-left", this.disabled = !1, this.icon = "time-zone", this.view = g(this), this.arcgisPropertyChange = d()("state"), this.arcgisReady = m(), l(["slot"], (e, r) => {
-      this._position = e ?? r ?? "top-left";
-    });
+    super(...arguments), this._messages = s({ blocking: !0 }), this.disabled = !1, this.icon = "time-zone", this.view = n(this), this.arcgisPropertyChange = c()("state"), this.arcgisReady = r();
   }
   static {
-    this.properties = { _direction: 16, _expandDirection: 16, _expanded: 16, _interactive: 16, _position: 16, _resolvedTimeZone: 16, disabled: 7, expandDirection: 3, expanded: 7, icon: 3, messageOverrides: 0, label: 1, referenceElement: 1, state: 32, view: 0 };
+    this.properties = { _interactive: 16, _resolvedTimeZone: 16, actionIcon: 3, disabled: 7, icon: 3, messageOverrides: 0, label: 1, referenceElement: 1, state: 32, view: 0 };
   }
   static {
-    this.styles = x;
+    this.styles = u;
   }
   get _interactive() {
     return !(this.disabled || this.state === "disabled");
   }
   get _resolvedTimeZone() {
     const e = this.view?.timeZone;
-    return !e || e === u ? b : e;
-  }
-  get expandDirection() {
-    return this._expandDirection ?? this._computeExpandDirection();
-  }
-  set expandDirection(e) {
-    this._expandDirection = e;
-  }
-  get expanded() {
-    return this._expanded;
-  }
-  set expanded(e) {
-    this._expanded = e;
+    return !e || e === l ? m : e;
   }
   get state() {
     return this.view?.ready ? "ready" : "disabled";
   }
-  _computeExpandDirection() {
-    switch (this._position) {
-      case "bottom-end":
-      case "bottom-right":
-      case "top-end":
-      case "top-right":
-        return this._direction === "ltr" ? "start" : "end";
-      case "bottom-start":
-      case "bottom-left":
-      case "top-start":
-      case "top-left":
-        return this._direction === "ltr" ? "end" : "start";
-    }
-  }
-  _handleArcgisPropertyChange(e) {
-    e.detail.name === "expanded" && (this._expanded = e.target.expanded);
-  }
   render() {
-    return t`<arcgis-expand class=${s(i(!this._interactive && a.disabled))} .collapseIcon=${this.expandDirection === "end" ? "chevrons-left" : "chevrons-right"} expand-icon=time-zone .expanded=${this._expanded} .label=${this.label} .placement=${`auto-${this.expandDirection}`} @arcgisPropertyChange=${this._handleArcgisPropertyChange}>${this._resolvedTimeZone === _ ? t`<calcite-label class=${s(i(!this._interactive && a.disabled))}>${this._messages.noAdjustment}</calcite-label>` : t`<calcite-input-time-zone .disabled=${!this._interactive} mode=region overlay-positioning=fixed read-only .value=${this._resolvedTimeZone}></calcite-input-time-zone>`}</arcgis-expand>`;
+    return t`<calcite-action .disabled=${!this._interactive} .icon=${this.actionIcon} text>${this._resolvedTimeZone === d ? t`<calcite-label>${this._messages.noAdjustment}</calcite-label>` : t`<calcite-input-time-zone mode=region overlay-positioning=fixed read-only .value=${this._resolvedTimeZone}></calcite-input-time-zone>`}</calcite-action>`;
   }
 }
-n("arcgis-time-zone-label", v);
+i("arcgis-time-zone-label", g);
 export {
-  v as ArcgisTimeZoneLabel
+  g as ArcgisTimeZoneLabel
 };

package/dist/components/arcgis-time-zone-label/index.js

@@ -1,4 +1,4 @@
-import "../arcgis-expand/index.js";
+import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-input-time-zone";
 export * from "./customElement.js";

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

@@ -21,7 +21,7 @@ import type { Button as Button } from "@esri/calcite-components/components/calci
  *
  * **Known limitations**
  *
- * - The heading symbol is not currently supported within a [Scene component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
+ * - The heading symbol is not currently supported within an [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
  *
  * @since 4.28
  */

package/dist/components/arcgis-value-picker-legacy/customElement.d.ts

@@ -14,15 +14,15 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
  *
  * Value Picker is a component that allows users to step or play through a list of values. Value Picker component can be configured
- * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#from-collection),
- * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#from-labels),
- * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#selectable-items) or
- * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#numeric-values)
+ * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),
+ * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-labels),
+ * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#selectable-items) or
+ * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#numeric-values)
  * control to help users navigate values.
  *
  * Similar to a media player, values can be interactively stepped through using the `next` and `previous` buttons.
  * Value Picker can also be set to automatically progress (play) through an ordered
- * list of items at a [preset interval](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#playRate).
+ * list of items at a [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
  *
  * ### Configuring Value Picker
  *
@@ -122,8 +122,8 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * ```
  *
  * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](#values) property updates.
- * Handle this by listening for the [arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPropertyChange)
- * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#values)
+ * Handle this by listening for the [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPropertyChange)
+ * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values)
  * property changes, as shown below.
  *
  * ```js
@@ -347,8 +347,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/).
    *
    * If this property is not set then the play, next and previous buttons will always be enabled. In this case, listen to the
-   * component events, for example, [@previous](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPrevious) and
-   * [@next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisNext), when the user interacts with the
+   * component events, for example, [@arcgisPrevious](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPrevious) and
+   * [@arcgisNext](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisNext), when the user interacts with the
    * component.
    *
    * @example
@@ -482,7 +482,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#component) is being used. For example, a
+   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#component) is being used. For example, a
    * [slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/) component will return an array of numbers.
    *
    * If the `component` is not set then this property will return `null`. Similarly this property can be `null`

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -23,7 +23,7 @@ import type { VideoState } from "@arcgis/core/layers/video/types.js";
  *
  * **Known limitations**
  *
- * * Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
+ * * Not supported in 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
  * * Not supported on macOS and iOS devices.
  *
  * [![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)

package/dist/components/arcgis-volume-measurement/customElement.d.ts

@@ -14,7 +14,7 @@ import type { SystemOrVolumeUnit, SystemOrLengthUnit, LengthUnit, SystemOrAreaUn
  * > To learn about features in preview, see the [Frequently Asked Questions](https://developers.arcgis.com/javascript/latest/faq/#what-does-the-preview-tag-mean)
  *
  * The Volume Measurement component can be added to a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) to
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) to
  * calculate and visualize the volume of ground surfaces within a defined polygonal area.
  *
  * ![measurement-volume](https://developers.arcgis.com/javascript/latest/assets/img/components/volume-measurement/volume_measurement_poster.png)
@@ -40,7 +40,7 @@ import type { SystemOrVolumeUnit, SystemOrLengthUnit, LengthUnit, SystemOrAreaUn
  * **Known Limitations**
  *
  * -  The Volume Measurement component can only be added to a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  * - The results of the tool vary depending on the zoom level, as changes in zoom level affect the level of detail (LOD) of the scene geometry.
  * - If the view is too close or too far from the measurement polygon, the results will not be computed due to LOD-induced inaccuracies.
  * - The elevation of the target surface in the "Cut & Fill Volume" mode is restricted to the range of -11 km and +9 km.
@@ -81,9 +81,9 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * The [VolumeMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/references/core/analysis/VolumeMeasurementAnalysis/)
    * created or modified by the component.
    *
-   * When connecting the Volume Measurement component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/)
+   * When connecting the Volume Measurement component to the [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/)
    * component, it automatically creates an empty analysis and adds it to the Scene's
-   * [analyses](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#analyses) collection.
+   * [arcgis-scene.analyses](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#analyses) collection.
    * You can then wait for the [VolumeMeasurementAnalysisView3D](https://developers.arcgis.com/javascript/latest/references/core/views/3d/analysis/VolumeMeasurementAnalysisView3D/)
    * to be created before accessing the analysis results.
    *

package/dist/components/arcgis-volume-measurement/customElement.js

@@ -316,7 +316,7 @@ class oe extends B {
     })} role=presentation>${o === "disabled" && d`<calcite-scrim></calcite-scrim>` || ""}${u({ hidden: this.hideHeader && f, children: d`<div class=${U({
       header: !0,
       "no-content": this.hideHeader
-    })}>${u({ hidden: this.hideHeader, children: J({ class: "heading", level: this.headingLevel, children: i.title }) })}<span style=${F({ flex: 1 })}></span>${u({ hidden: f, children: d`<calcite-action icon=gear slot=settings .text=${i.displaySettings} ${D(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed auto-close .open=${f ? !1 : void 0} ${D(this.#i)}><div class="settings-content">${u({ hidden: x, children: d`<div><p>${i.inputUnits}</p>${C}</div>` })}${u({ hidden: w, children: d`<div><p>${i.displayUnits}</p>${L}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${u({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
+    })}>${u({ hidden: this.hideHeader, children: J({ class: "heading", level: this.headingLevel, children: i.title }) })}<span style=${F({ flex: 1 })}></span>${u({ hidden: f, children: d`<calcite-action icon=gear slot=settings .text=${i.displaySettings} ${D(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${f ? !1 : void 0} ${D(this.#i)}><div class="settings-content">${u({ hidden: x, children: d`<div><p>${i.inputUnits}</p>${C}</div>` })}${u({ hidden: w, children: d`<div><p>${i.displayUnits}</p>${L}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${u({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
       this.analysis.measureType = l.target.selectedOption.value;
     }}><calcite-option value=cut-fill>${i.cutAndFillMode}</calcite-option><calcite-option value=stockpile>${i.stockpileMode}</calcite-option></calcite-select></calcite-label>` })}${b != null && le({ error: b, messages: i }) || ""}<arcgis-measurement-content .state=${t.displayState} .hintLabel=${i.hint} .unsupportedLabel=${i.unsupported} .items=${[
       {

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

@@ -7,7 +7,7 @@ import type { WeatherState } from "./types.js";
 
 /**
  * The Weather component allows easy selection and configuration of weather effects in a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  * The available weather types are:
  * [sunny](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/),
  * [cloudy](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/),
@@ -16,7 +16,7 @@ import type { WeatherState } from "./types.js";
  * [foggy](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/).
  *
  * To set the weather programmatically, apply the desired weather type to the
- * [environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) property of the Scene component.
+ * [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) property of the Scene component.
  *
  * ```js
  * // Access the Scene component.
@@ -31,13 +31,13 @@ import type { WeatherState } from "./types.js";
  * ```
  *
  * To determine if the weather visualization is available, check the boolean value of `viewElement.environment.weatherAvailable`. The weather is only available:
- *    * in `global` [viewing mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#viewingMode),
- *    * when `atmosphereEnabled` property on [environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) is `true`,
+ *    * in `global` [arcgis-scene.viewingMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#viewingMode),
+ *    * when `atmosphereEnabled` property on [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) is `true`,
  *    * at lower altitudes, near the ground.
  *
  * **Known limitations**
  *
- * Weather is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * Weather is only supported in a 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  *
  * **See also**
  *