@arcgis/map-components 5.2.0-next.73 → 5.2.0-next.75

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

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type SelectionOperation from "@arcgis/core/views/selection/SelectionOperation.js";
 import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
+import type { SelectionToolbarViewModelEvents } from "@arcgis/core/widgets/support/SelectionToolbar/SelectionToolbarViewModel.js";
 import type { SelectionOperationProperties } from "@arcgis/core/views/selection/SelectionOperation.js";
-import type { SelectionChangeEventInfo, SelectionCompleteEventInfo, SelectionOperationType, SelectionToolName, SelectableViewUnion, SelectionSource } from "@arcgis/core/views/selection/types.js";
+import type { SelectionOperationType, SelectionToolName, SelectableViewUnion, SelectionSource } from "@arcgis/core/views/selection/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { SelectionToolbarBeforeActivateEvent } from "./types.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { SelectionToolConfig } from "@arcgis/core/widgets/support/SelectionToolbar/types.js";
@@ -172,7 +172,7 @@ export abstract class ArcgisSelectionToolbar extends LitElement {
    * Controls the orientation of the component.
    *
    * @default "horizontal"
-   * @since 5.2
+   * @internal
    */
   accessor layout: "horizontal" | "vertical";
   /**
@@ -337,6 +337,15 @@ export abstract class ArcgisSelectionToolbar extends LitElement {
   cancel(): Promise<void>;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
+  /**
+   * Convenience method for syncing the effective selection manager with the current layers and tables on
+   * the view. This is useful when new layers or table layers have been added to the view after construction.
+   * Otherwise, newly-added layers are not included in selection results made by this component. This method will do
+   * nothing if the effective selection manager does not have a view assigned.
+   *
+   * @since 5.2
+   */
+  syncSources(): Promise<void>;
   /**
    * Convenience method for toggling the active state of a specific tool. If the provided tool is already active, it will be cancelled.
    * If the provided tool is not active, it will be activated. Any currently active selection operation will also be cancelled before
@@ -352,23 +361,24 @@ export abstract class ArcgisSelectionToolbar extends LitElement {
    *
    * @since 5.2
    */
-  readonly arcgisBeforeActivate: import("@arcgis/lumina").TargetedEvent<this, SelectionToolbarBeforeActivateEvent>;
+  readonly arcgisBeforeActivate: import("@arcgis/lumina").TargetedEvent<this, SelectionToolbarViewModelEvents["before-activate"]>;
   /**
    * Fires when the selection operation is complete and results have been processed.
    *
    * @since 5.2
    */
-  readonly arcgisComplete: import("@arcgis/lumina").TargetedEvent<this, SelectionCompleteEventInfo>;
+  readonly arcgisComplete: import("@arcgis/lumina").TargetedEvent<this, SelectionToolbarViewModelEvents["complete"]>;
   /** 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: "activeOperation" | "state"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
-   * Fires when the determined selection changes, including while drawing.
+   * Fires when the potential selection set changes while drawing. This event will not fire unless
+   * the 'syncWhileDrawing' property is set to true. For the final selection set, use the 'complete' event.
    *
    * @since 5.2
    */
-  readonly arcgisSelectionChange: import("@arcgis/lumina").TargetedEvent<this, SelectionChangeEventInfo>;
+  readonly arcgisSelectionChange: import("@arcgis/lumina").TargetedEvent<this, SelectionToolbarViewModelEvents["selection-change"]>;
   readonly "@eventTypes": {
     arcgisBeforeActivate: ArcgisSelectionToolbar["arcgisBeforeActivate"]["detail"];
     arcgisComplete: ArcgisSelectionToolbar["arcgisComplete"]["detail"];

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

@@ -2,26 +2,27 @@
 import { c as g } from "../../chunks/runtime.js";
 import { css as v, html as a } from "lit";
 import { keyed as h } from "lit/directives/keyed.js";
-import { substitute as p, formatNumber as T } from "@arcgis/core/intl.js";
-import b from "@arcgis/core/widgets/support/SelectionToolbar/SelectionToolbarViewModel.js";
-import { LitElement as m, createEvent as r, nothing as n } from "@arcgis/lumina";
-import { usePropertyChange as y } from "@arcgis/lumina/controllers";
-import { u as w } from "../../chunks/useT9n.js";
+import { substitute as p, formatNumber as m } from "@arcgis/core/intl.js";
+import T from "@arcgis/core/widgets/support/SelectionToolbar/SelectionToolbarViewModel.js";
+import { LitElement as b, createEvent as y, nothing as r } from "@arcgis/lumina";
+import { usePropertyChange as w } from "@arcgis/lumina/controllers";
+import { reEmitEvent as d } from "@arcgis/lumina/controllers/accessor";
+import { u as M } from "../../chunks/useT9n.js";
 import { m as O } from "../../chunks/useViewModel.js";
-const M = v`: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}`, u = {
+const S = v`: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}`, u = {
   replace: "overwrite-features",
   add: "cursor-plus",
   remove: "cursor-minus"
-}, $ = O(b);
-class S extends m {
+}, $ = O(T);
+class D extends b {
   constructor() {
-    super(...arguments), this.viewModel = $(this), this.messages = w(), 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.defaultPointToolOptions = this.viewModel.defaultPointToolOptions, this.defaultRectangleToolOptions = this.viewModel.defaultRectangleToolOptions, this.effectiveSelectionManager = this.viewModel.effectiveSelectionManager, this.effectiveSources = this.viewModel.effectiveSources, this.hideChip = !1, this.hideLassoTool = !1, this.hideOperationTypeControls = !1, this.hidePanTool = !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 = r(), this.arcgisComplete = r(), this.arcgisPropertyChange = y()("activeOperation", "state"), this.arcgisReady = r(), this.arcgisSelectionChange = r();
+    super(...arguments), this.viewModel = $(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.defaultPointToolOptions = this.viewModel.defaultPointToolOptions, this.defaultRectangleToolOptions = this.viewModel.defaultRectangleToolOptions, this.effectiveSelectionManager = this.viewModel.effectiveSelectionManager, this.effectiveSources = this.viewModel.effectiveSources, this.hideChip = !1, this.hideLassoTool = !1, this.hideOperationTypeControls = !1, this.hidePanTool = !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.arcgisComplete = d(() => this.viewModel, "complete"), this.arcgisPropertyChange = w()("activeOperation", "state"), this.arcgisReady = y(), 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, defaultPointToolOptions: 0, defaultRectangleToolOptions: 0, effectiveSelectionManager: 32, effectiveSources: 32, hideChip: 5, hideLassoTool: 5, hideOperationTypeControls: 5, hidePanTool: 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 = M;
+    this.styles = S;
   }
   get _effectiveDisabled() {
     return this.disabled || this.state === "disabled";
@@ -73,6 +74,9 @@ class S extends m {
   async destroy() {
     this.viewModel?.destroy();
   }
+  async syncSources() {
+    return this.effectiveSelectionManager?.syncSources();
+  }
   async toggleTool(e) {
     if (!this._effectiveDisabled)
       return this.viewModel.toggleTool(e);
@@ -103,13 +107,13 @@ class S extends m {
     const { effectiveSelectionManager: e, layout: t, messages: i, visualScale: o } = this, s = e?.count ?? 0, l = o === "l" ? 999 : 99;
     return i.countTruncated && s > l && t === "vertical" ? p(i.countTruncated, {
       count: l
-    }) : T(s);
+    }) : m(s);
   }
   #i() {
     if (this.hideProgress)
       return;
     const e = this.messages.processing;
-    return a`<calcite-progress aria-label=${e ?? n} .label=${e} .type=${this._processing ? "indeterminate" : "determinate"}></calcite-progress>`;
+    return a`<calcite-progress aria-label=${e ?? r} .label=${e} .type=${this._processing ? "indeterminate" : "determinate"}></calcite-progress>`;
   }
   #o() {
     return h("tools-group", a`<calcite-action-group>${this.#s()}${this.#a()}</calcite-action-group>`);
@@ -137,7 +141,7 @@ class S extends m {
     if (this.hideChip)
       return;
     const { effectiveSelectionManager: e, messages: t } = this, i = e?.count ?? 0, o = this._getTextForChip(), s = t.clearSelectionCount ? p(t.clearSelectionCount, { count: i }) : void 0;
-    return a`<calcite-chip appearance=outline .closable=${i > 0} .disabled=${this._effectiveDisabled || i === 0} .label=${o} .scale=${this.visualScale} title=${s ?? n} @calciteChipClose=${() => e?.clear()}>${o}</calcite-chip>`;
+    return a`<calcite-chip appearance=outline .closable=${i > 0} .disabled=${this._effectiveDisabled || i === 0} .label=${o} .scale=${this.visualScale} title=${s ?? r} @calciteChipClose=${() => e?.clear()}>${o}</calcite-chip>`;
   }
   #n() {
     if (this.hidePointTool)
@@ -161,8 +165,8 @@ class S extends m {
     const { availableOperationTypes: e } = this;
     if (this.hideOperationTypeControls || !e.length)
       return;
-    const { _effectiveOperationType: t, showTextLabels: i, visualScale: o } = this, s = u[t], l = this._getTextForSelectionOperationType(t), c = this._getLabelForSelectionOperationType(t);
-    return h("toggle-group", a`<calcite-action-group><calcite-dropdown overlay-positioning=fixed placement=bottom-start .scale=${o}><calcite-action class=tool-button .disabled=${this._effectiveDisabled} .icon=${s} .scale=${o} slot=trigger .text=${l ?? ""} .textEnabled=${i} title=${c ?? n}><calcite-icon icon=chevron-down scale=s></calcite-icon></calcite-action><calcite-dropdown-group>${e.map((d) => this.#p(d))}</calcite-dropdown-group></calcite-dropdown></calcite-action-group>`);
+    const { _effectiveOperationType: t, showTextLabels: i, visualScale: o } = this, s = u[t], l = this._getTextForSelectionOperationType(t), n = this._getLabelForSelectionOperationType(t);
+    return h("toggle-group", a`<calcite-action-group><calcite-dropdown overlay-positioning=fixed placement=bottom-start .scale=${o}><calcite-action class=tool-button .disabled=${this._effectiveDisabled} .icon=${s} .scale=${o} slot=trigger .text=${l ?? ""} .textEnabled=${i} title=${n ?? r}><calcite-icon icon=chevron-down scale=s></calcite-icon></calcite-action><calcite-dropdown-group>${e.map((c) => this.#p(c))}</calcite-dropdown-group></calcite-dropdown></calcite-action-group>`);
   }
   #p(e) {
     return a`<calcite-dropdown-item .iconStart=${u[e]} .selected=${this.defaultOperationType === e} @calciteDropdownItemSelect=${() => this.defaultOperationType = e}>${this._getLabelForSelectionOperationType(e)}</calcite-dropdown-item>`;
@@ -178,14 +182,14 @@ class S extends m {
     });
   }
   #t(e) {
-    const { active: t, disabled: i, icon: o, onclick: s, text: l, title: c } = e, { showTextLabels: d, visualScale: f } = this;
-    return a`<calcite-action .active=${t} class=tool-button .disabled=${i} .icon=${o} @click=${s} .text=${l} .textEnabled=${d} title=${c ?? n} .scale=${f}></calcite-action>`;
+    const { active: t, disabled: i, icon: o, onclick: s, text: l, title: n } = e, { showTextLabels: c, visualScale: f } = this;
+    return a`<calcite-action .active=${t} class=tool-button .disabled=${i} .icon=${o} @click=${s} .text=${l} .textEnabled=${c} title=${n ?? r} .scale=${f}></calcite-action>`;
   }
   render() {
-    return a`<div><calcite-action-bar expand-disabled .layout=${this.layout} overflow-actions-disabled .scale=${this.visualScale}>${this.#h()}${this.#o()}${this.#r()}</calcite-action-bar>${this.#i()}</div>`;
+    return a`<div><calcite-action-bar expand-toggle-disabled .layout=${this.layout} overflow-mode=none .scale=${this.visualScale}>${this.#h()}${this.#o()}${this.#r()}</calcite-action-bar>${this.#i()}</div>`;
   }
 }
-g("arcgis-selection-toolbar", S);
+g("arcgis-selection-toolbar", D);
 export {
-  S as ArcgisSelectionToolbar
+  D as ArcgisSelectionToolbar
 };