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

package/dist/components/arcgis-selection-toolbar/customElement.js

@@ -0,0 +1,218 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as v } from "../../chunks/runtime.js";
+import { css as T, html as s } from "lit";
+import { keyed as p } from "lit/directives/keyed.js";
+import { substitute as h, formatNumber as y } from "@arcgis/core/intl.js";
+import m from "@arcgis/core/widgets/support/SelectionToolbar/SelectionToolbarViewModel.js";
+import { LitElement as b, createEvent as u, nothing as a } from "@arcgis/lumina";
+import { usePropertyChange as w } from "@arcgis/lumina/controllers";
+import { reEmitEvent as d } from "@arcgis/lumina-toolkit/reEmitEvent";
+import { u as M } from "../../chunks/useT9n.js";
+import { m as O } from "../../chunks/useViewModel.js";
+const C = T`:host{width:100%;display:flex;>*{align-items:center;align-self:center;height:100%;width:100%}}.root{display:flex;flex-direction:column}calcite-action-bar[layout=horizontal]{width:100%;calcite-chip{margin-inline-start:auto}}calcite-action-bar[layout=vertical]{height:100%;calcite-chip{margin-block-start:auto}}calcite-action-bar slot{align-items:center}calcite-dropdown:has(calcite-action:not([text-enabled])){align-self:center}calcite-action:not([text-enabled]){align-self:center}calcite-chip{display:flex;align-self:center;line-height:initial}calcite-dropdown{calcite-icon{margin-inline-start:var(--calcite-space-2xs)}}calcite-chip[closed]{display:inline-flex}calcite-progress{--calcite-progress-background-color: transparent}`, g = {
+  replace: "overwrite-features",
+  add: "cursor-plus",
+  remove: "cursor-minus"
+}, S = O(m);
+class $ extends b {
+  constructor() {
+    super(...arguments), this.viewModel = S(this), this.messages = M(), this.autoDestroyDisabled = !1, this.disabled = !1, this.icon = "selection-set", this.view = this.viewModel.view, this.activeOperation = this.viewModel.activeOperation, this.availableOperationTypes = ["replace", "add", "remove"], this.continuousSelectionEnabled = this.viewModel.continuousSelectionEnabled, this.defaultLassoToolOptions = this.viewModel.defaultLassoToolOptions, this.defaultOperationType = this.viewModel.defaultOperationType, this.defaultPolygonToolOptions = this.viewModel.defaultPolygonToolOptions, this.defaultPointToolOptions = this.viewModel.defaultPointToolOptions, this.defaultRectangleToolOptions = this.viewModel.defaultRectangleToolOptions, this.effectiveSelectionManager = this.viewModel.effectiveSelectionManager, this.effectiveSources = this.viewModel.effectiveSources, this.hideChip = !1, this.hideChipCloseButton = !1, this.hideLassoTool = !1, this.hideOperationTypeControls = !1, this.hidePanTool = !1, this.hidePolygonTool = !1, this.hidePointTool = !1, this.hideProgress = !1, this.hideRectangleTool = !1, this.layout = "horizontal", this.returnFeatureTitleFields = this.viewModel.returnFeatureTitleFields, this.selectionManager = this.viewModel.selectionManager, this.showTextLabels = !1, this.sources = this.viewModel.sources, this.toolConfigs = this.viewModel.toolConfigs, this.visualScale = "m", this.arcgisBeforeActivate = d(() => this.viewModel, "before-activate"), this.arcgisClear = u(), this.arcgisComplete = d(() => this.viewModel, "complete"), this.arcgisPropertyChange = w()("activeOperation", "state"), this.arcgisReady = u(), this.arcgisSelectionChange = d(() => this.viewModel, "selection-change");
+  }
+  static {
+    this.properties = { _effectiveDisabled: 16, _effectiveOperationType: 16, _processing: 16, autoDestroyDisabled: 5, disabled: 7, icon: 1, label: 1, referenceElement: 1, view: 0, activeOperation: 32, availableOperationTypes: 0, continuousSelectionEnabled: 5, defaultLassoToolOptions: 0, defaultOperationType: 1, defaultPolygonToolOptions: 0, defaultPointToolOptions: 0, defaultRectangleToolOptions: 0, effectiveSelectionManager: 32, effectiveSources: 32, hideChip: 5, hideChipCloseButton: 5, hideLassoTool: 5, hideOperationTypeControls: 5, hidePanTool: 5, hidePolygonTool: 5, hidePointTool: 5, hideProgress: 5, hideRectangleTool: 5, layerViewPreferenceDisabled: 5, layout: 1, returnFeatureTitleFields: 5, returnGeometryDisabled: 5, selectionManager: 0, showTextLabels: 5, sources: 0, state: 32, syncResultsDisabled: 5, syncWhileDrawing: 5, toolConfigs: 0, visualScale: 1 };
+  }
+  static {
+    this.styles = C;
+  }
+  get _effectiveDisabled() {
+    return this.disabled || this.state === "disabled";
+  }
+  get _effectiveOperationType() {
+    return this.activeOperation?.effectiveType || this.defaultOperationType;
+  }
+  get _processing() {
+    return !!this.activeOperation?.processingFinalSelection;
+  }
+  get layerViewPreferenceDisabled() {
+    return !this.viewModel.layerViewPreferenceEnabled;
+  }
+  set layerViewPreferenceDisabled(e) {
+    this.viewModel.layerViewPreferenceEnabled = !e;
+  }
+  get returnGeometryDisabled() {
+    return !this.viewModel.returnGeometry;
+  }
+  set returnGeometryDisabled(e) {
+    this.viewModel.returnGeometry = !e;
+  }
+  get state() {
+    return this.viewModel.state;
+  }
+  get syncResultsDisabled() {
+    return !this.viewModel.persistSelection;
+  }
+  set syncResultsDisabled(e) {
+    this.viewModel.persistSelection = !e;
+  }
+  get syncWhileDrawing() {
+    return !this.viewModel.selectOnComplete;
+  }
+  set syncWhileDrawing(e) {
+    this.viewModel.selectOnComplete = !e;
+  }
+  async activate(e) {
+    if (this.cancel(), !this._effectiveDisabled)
+      return this.viewModel.activate(e);
+  }
+  async activateTool(e) {
+    if (!this._effectiveDisabled)
+      return this.viewModel.activateTool(e);
+  }
+  async cancel() {
+    this.viewModel.cancel();
+  }
+  async destroy() {
+    this.viewModel?.destroy();
+  }
+  async syncSources() {
+    return this.effectiveSelectionManager?.syncSources();
+  }
+  async toggleTool(e) {
+    if (!this._effectiveDisabled)
+      return this.viewModel.toggleTool(e);
+  }
+  _handleClearSelection() {
+    this.effectiveSelectionManager?.clear(), this.arcgisClear.emit();
+  }
+  _getLabelForSelectionOperationType(e) {
+    const { messages: t } = this;
+    switch (e) {
+      case "replace":
+        return t?.replaceSelection;
+      case "add":
+        return t?.addToSelection;
+      case "remove":
+        return t?.removeFromSelection;
+    }
+  }
+  _getTextForSelectionOperationType(e) {
+    const { messages: t } = this;
+    switch (e) {
+      case "replace":
+        return t?.replace;
+      case "add":
+        return t?.add;
+      case "remove":
+        return t?.remove;
+    }
+  }
+  _getTextForChip(e) {
+    const { layout: t, messages: i, visualScale: o } = this, l = o === "l" ? 999 : 99;
+    return i.countTruncated && e > l && t === "vertical" ? h(i.countTruncated, {
+      count: l
+    }) : y(e);
+  }
+  _getTooltipForChip(e) {
+    const { messages: t } = this;
+    return !t?.selectionCount || !t?.clearSelectionCount ? "" : this.hideChipCloseButton || e === 0 ? h(t.selectionCount, { count: e }) : h(t.clearSelectionCount, { count: e });
+  }
+  #i() {
+    if (this.hideProgress)
+      return;
+    const e = this.messages.processing;
+    return s`<calcite-progress aria-label=${e ?? a} .label=${e} .type=${this._processing ? "indeterminate" : "determinate"}></calcite-progress>`;
+  }
+  #o() {
+    return p("tools-group", s`<calcite-action-group>${this.#s()}${this.#l()}</calcite-action-group>`);
+  }
+  #s() {
+    return [
+      this.#a(),
+      this.#r(),
+      this.#c(),
+      this.#d(),
+      this.#h()
+    ];
+  }
+  #l() {
+    return this.toolConfigs.map(({ toolName: e, icon: t }) => this.#e(e, t));
+  }
+  #a() {
+    if (this.hidePanTool)
+      return;
+    const e = this.messages.pan ?? "";
+    return this.#t({
+      active: !this.activeOperation,
+      disabled: this._effectiveDisabled,
+      icon: "pan",
+      onclick: () => {
+        this.cancel();
+      },
+      text: e,
+      title: e
+    });
+  }
+  #n() {
+    if (this.hideChip)
+      return;
+    const { effectiveSelectionManager: e } = this, t = e?.count ?? 0, i = this._getTextForChip(t), o = !this.hideChipCloseButton && t > 0;
+    return s`<calcite-chip appearance=outline .closable=${o} .disabled=${this._effectiveDisabled || t === 0} .label=${i} .scale=${this.visualScale} title=${this._getTooltipForChip(t) ?? a} @calciteChipClose=${this._handleClearSelection}>${i}</calcite-chip>`;
+  }
+  #r() {
+    if (this.hidePointTool)
+      return;
+    const { messages: e } = this;
+    return this.#e("point", "selection-set", e.point, e.selectByPoint);
+  }
+  #c() {
+    if (this.hidePolygonTool)
+      return;
+    const { messages: e } = this;
+    return this.#e("polygon", "polygon-select", e.polygon, e.selectByPolygon);
+  }
+  #h() {
+    if (this.hideLassoTool)
+      return;
+    const { messages: e } = this;
+    return this.#e("lasso", "lasso-select", e.lasso, e.selectByLasso);
+  }
+  #d() {
+    if (this.hideRectangleTool)
+      return;
+    const { messages: e } = this;
+    return this.#e("rectangle", "cursor-marquee", e.rectangle, e.selectByRectangle);
+  }
+  #p() {
+    const { availableOperationTypes: e } = this;
+    if (this.hideOperationTypeControls || !e.length)
+      return;
+    const { _effectiveOperationType: t, showTextLabels: i, visualScale: o } = this, l = g[t], n = this._getTextForSelectionOperationType(t), r = this._getLabelForSelectionOperationType(t);
+    return p("toggle-group", s`<calcite-action-group><calcite-dropdown overlay-positioning=fixed placement=bottom-start .scale=${o}><calcite-action class=tool-button .disabled=${this._effectiveDisabled} .icon=${l} .scale=${o} slot=trigger .text=${n ?? ""} .textEnabled=${i} title=${r ?? a}><calcite-icon icon=chevron-down scale=s></calcite-icon></calcite-action><calcite-dropdown-group>${e.map((c) => this.#u(c))}</calcite-dropdown-group></calcite-dropdown></calcite-action-group>`);
+  }
+  #u(e) {
+    return s`<calcite-dropdown-item .iconStart=${g[e]} .selected=${this.defaultOperationType === e} @calciteDropdownItemSelect=${() => this.defaultOperationType = e}>${this._getLabelForSelectionOperationType(e)}</calcite-dropdown-item>`;
+  }
+  #e(e, t = "selection", i = e, o = i) {
+    return this.#t({
+      active: this.activeOperation?.toolName === e,
+      disabled: this._effectiveDisabled,
+      icon: t,
+      onclick: () => {
+        this.toggleTool(e);
+      },
+      text: i,
+      title: o
+    });
+  }
+  #t(e) {
+    const { active: t, disabled: i, icon: o, onclick: l, text: n, title: r } = e, { showTextLabels: c, visualScale: f } = this;
+    return s`<calcite-action .active=${t} class=tool-button .disabled=${i} .icon=${o} @click=${l} .text=${n} .textEnabled=${c} title=${r ?? a} .scale=${f}></calcite-action>`;
+  }
+  render() {
+    return s`<div><calcite-action-bar expand-toggle-disabled .layout=${this.layout} overflow-mode=none .scale=${this.visualScale}>${this.#p()}${this.#o()}${this.#n()}</calcite-action-bar>${this.#i()}</div>`;
+  }
+}
+v("arcgis-selection-toolbar", $);
+export {
+  $ as ArcgisSelectionToolbar
+};

package/dist/components/arcgis-selection-toolbar/index.d.ts

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

package/dist/components/arcgis-selection-toolbar/index.js

@@ -0,0 +1,10 @@
+import "@esri/calcite-components/components/calcite-progress";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-action-bar";
+export * from "./customElement.js";

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -27,9 +27,13 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * define the date, time range, and UTC offset used to compute the analysis overlay. They do not change the lighting in
  * the scene. To control scene lighting, use the [arcgis-daylight](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-daylight/) component.
  *
- * The [utcOffset](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#utcOffset) property determines which timezone the selected date and time range
- * are interpreted in for the analysis. This differs from the Daylight component, where selecting a timezone updates the
- * [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) date and time according to the camera position.
+ * The [utcOffset](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#utcOffset) property determines the time zone used to interpret the selected
+ * date and time range.
+ *
+ * > [!IMPORTANT]
+ * >
+ * > Shadow Cast does not use [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone). Changing the scene's time zone does not affect
+ * > the analysis. Support for using the scene's time zone is planned for a future release.
  *
  * The [mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#mode) property controls how shadow or sunlight exposure is visualized:
  *
@@ -130,6 +134,15 @@ export abstract class ArcgisShadowCast extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-shadow-cast auto-destroy-disabled></arcgis-shadow-cast>
+   * ```
+   *
+   * ```js
+   * shadowCastElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -495,6 +508,13 @@ export abstract class ArcgisShadowCast extends LitElement {
    * * `ready` - component is ready
    */
   get state(): "disabled" | "ready";
+  /**
+   * Controls whether the component uses its legacy UTC-offset model or the scene's regional time zone.
+   *
+   * @default "offset"
+   * @internal
+   */
+  accessor timeZoneMode: "offset" | "region";
   /**
    * Color of the visualization in `"total-duration"` [mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#mode). The opacity is mapped
    * to the time spent in shadow or sunlight. Areas with no duration are displayed with zero opacity and areas with the
@@ -513,11 +533,12 @@ export abstract class ArcgisShadowCast extends LitElement {
   /**
    * The UTC offset in hours used to interpret the selected date and time range for the analysis. If not specified, the
    * component automatically determines an approximate UTC offset based on the camera location.
+   * This property is separate from [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone). Changing one does not update the other.
    */
   accessor utcOffset: number | null | undefined;
   /**
-   * 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 arcgis-shadow-cast component will be associated with a map or scene component rather than using the `view` property.
+   * 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 arcgis-shadow-cast component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: SceneView | undefined;
   /**
@@ -559,7 +580,7 @@ export abstract class ArcgisShadowCast extends LitElement {
   };
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisShadowCast["arcgisPropertyChange"]["detail"];