@arcgis/map-components 5.1.4 → 5.1.6

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -600,13 +600,6 @@ export abstract class ArcgisFeaturesNext extends LitElement {
    * @since 5.1
    */
   setFocus(): Promise<void>;
-  /**
-   * Triggers the [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#event-arcgisTriggerAction) event and executes the action
-   * at the specified index in the [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions) array.
-   *
-   * @param action
-   */
-  triggerAction(action: ActionButton | ActionToggle): Promise<void>;
   /** Emitted when the component's close button is clicked. */
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */

package/dist/components/arcgis-features-next/customElement.js

@@ -97,10 +97,6 @@ class Q extends P {
   async setFocus() {
     await this._focusTrapNode.value?.setFocus();
   }
-  async triggerAction(e) {
-    if (!e.disabled)
-      return e?.type === "toggle" && (e.value = !e.value), await U(e, this.viewModel);
-  }
   connectedCallback() {
     super.connectedCallback(), this._createSpinner();
   }
@@ -241,7 +237,7 @@ class Q extends P {
     i || !a || e === t || e === -1 || (this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._removeFlowItems(), this._rootFlowItemNode.value?.scrollContentTo({ top: 0 }));
   }
   _triggerAction(e) {
-    this.triggerAction(e), this.arcgisTriggerAction.emit({ action: e });
+    e.disabled || (e?.type === "toggle" && (e.value = !e.value), U(e, this.viewModel), this.arcgisTriggerAction.emit({ action: e }));
   }
   _viewScaleChange() {
     const { selectedFeature: e } = this;

package/dist/components/arcgis-legend-card-view/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as d } from "@arcgis/lumina";
 import { classes as h } from "@arcgis/toolkit/dom";
 import { H as g } from "../../chunks/heading.js";
 import { g as m } from "../../chunks/globalCss.js";
-const f = a`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.message{padding:.5em 1em}.service-caption-text{margin:0}.service-content{display:flex;flex:1}.service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:fit-content;display:flex;flex-direction:column;flex:1}.service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`, u = 768;
+const f = a`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.message{padding:.5em 1em}.service-caption-text{margin:0}.service-content{display:flex;flex:1}.service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);display:flex;flex-direction:column;flex:1}.service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`, u = 768;
 class v extends d {
   constructor() {
     super(...arguments), this.stacked = !1, this.headingLevel = 3, this.layout = "auto", this.type = "card";

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

@@ -1,6 +1,4 @@
 /// <reference path="../../index.d.ts" />
-import type ActionButton from "@arcgis/core/support/actions/ActionButton.js";
-import type ActionToggle from "@arcgis/core/support/actions/ActionToggle.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type Point from "@arcgis/core/geometry/Point.js";
@@ -608,13 +606,6 @@ export abstract class ArcgisPopup extends LitElement {
   previous(): Promise<void>;
   /** Use this method to give focus to the component if the component is able to be focused. */
   setFocus(): Promise<void>;
-  /**
-   * Triggers the [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#event-arcgisTriggerAction) event and executes the [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions)
-   * at the specified index in the [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions) array.
-   *
-   * @param action
-   */
-  triggerAction(action: ActionButton | ActionToggle): Promise<void>;
   /** Emitted when the component's close button is clicked. */
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "active" | "collapsed" | "currentAlignment" | "dockEnabled" | "effectiveHeading" | "featureCount" | "featureMenuOpen" | "features" | "promises" | "selectedDrillInFeature" | "selectedFeature" | "selectedFeatureComponent" | "selectedFeatureIndex" | "state" | "open"; }>;

package/dist/components/arcgis-popup/customElement.js

@@ -85,9 +85,6 @@ class j extends L {
   async setFocus() {
     this._featuresComponent.value?.setFocus();
   }
-  async triggerAction(t) {
-    await this._featuresComponent.value?.triggerAction(t);
-  }
   connectedCallback() {
     super.connectedCallback(), this._syncPopupResizeObserver();
   }

package/dist/components/arcgis-search/customElement.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { css as _, html as o } from "lit";
+import { css as _, html as s } from "lit";
 import { ref as v } from "lit/directives/ref.js";
 import w from "@arcgis/core/widgets/Search/SearchViewModel.js";
 import { LitElement as f, createEvent as b, renderElement as x, safeClassMap as M, nothing as S } from "@arcgis/lumina";
@@ -97,7 +97,7 @@ class z extends f {
     ]);
   }
   _addSearchResultRenderer() {
-    this._searchResultRendererEl = x(o`<arcgis-search-result-renderer auto-destroy-disabled .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-search-result-renderer>`);
+    this._searchResultRendererEl = x(s`<arcgis-search-result-renderer auto-destroy-disabled .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-search-result-renderer>`);
   }
   _closePopup(e) {
     const { referenceElement: t, view: i } = this;
@@ -137,7 +137,7 @@ class z extends f {
       this._useCurrentLocation();
       return;
     }
-    const i = JSON.parse(t), r = this.viewModel.suggestions?.find(({ sourceIndex: s }) => s === i.sourceIndex)?.results?.find(({ key: s }) => `${s}` == `${i.key}`);
+    const i = JSON.parse(t), r = this.viewModel.suggestions?.find(({ sourceIndex: o }) => o === i.sourceIndex)?.results?.find(({ key: o }) => `${o}` == `${i.key}`);
     r && this.search(r);
   }
   async _useCurrentLocation() {
@@ -179,22 +179,22 @@ class z extends f {
     return (e === -1 ? t.all : r?.name || t.untitledSource) || "";
   }
   render() {
-    return this._addSearchResultRenderer(), o`<div class=${M(y("root", C.widget))}><div class="sr-only" aria-live=polite>${this._selectedMessage}</div><div class="container">${this._renderSourcesMenu()}${this._renderForm()}</div></div>`;
+    return this._addSearchResultRenderer(), s`<div class=${M(y("root", C.widget))}><div class="sr-only" aria-live=polite>${this._selectedMessage}</div><div class="container">${this._renderSourcesMenu()}${this._renderForm()}</div></div>`;
   }
   _renderSourcesMenu() {
-    const { messages: e, _isDisabled: t, _effectiveActiveMenu: i } = this, { allSources: r, searchAllEnabled: s } = this.viewModel;
-    return r.length > 1 ? o`<calcite-dropdown class="dropdown" .disabled=${t} .open=${i === "source"} overlay-positioning=fixed .topLayerDisabled=${this.topLayerDisabled} @calciteDropdownClose=${this._handleSourceClose} @calciteDropdownOpen=${this._handleSourceOpen} @calciteDropdownSelect=${this._handleSourceSelect}><calcite-button appearance=outline-fill icon-start=caret-down kind=neutral .label=${e.searchIn} slot=trigger></calcite-button><calcite-dropdown-group .groupTitle=${e.searchIn}>${s ? this._renderSource(-1) : null}${r.map((n, c) => this._renderSource(c)).toArray()}</calcite-dropdown-group></calcite-dropdown>` : null;
+    const { messages: e, _isDisabled: t, _effectiveActiveMenu: i } = this, { allSources: r, searchAllEnabled: o } = this.viewModel;
+    return r.length > 1 ? s`<calcite-dropdown class="dropdown" .disabled=${t} .open=${i === "source"} overlay-positioning=fixed .topLayerDisabled=${this.topLayerDisabled} @calciteDropdownClose=${this._handleSourceClose} @calciteDropdownOpen=${this._handleSourceOpen} @calciteDropdownSelect=${this._handleSourceSelect}><calcite-button appearance=outline-fill icon-start=caret-down kind=neutral .label=${e.searchIn} slot=trigger></calcite-button><calcite-dropdown-group .groupTitle=${e.searchIn}>${o ? this._renderSource(-1) : null}${r.map((n, c) => this._renderSource(c)).toArray()}</calcite-dropdown-group></calcite-dropdown>` : null;
   }
   _renderUseCurrentLocation() {
     const { _currentLocationValue: e } = this;
-    return o`<calcite-autocomplete-item .heading=${this.messages.useCurrentLocation ?? ""} icon-start=gps-on .value=${e}></calcite-autocomplete-item>`;
+    return s`<calcite-autocomplete-item .heading=${this.messages.useCurrentLocation ?? ""} icon-start=gps-on .value=${e}></calcite-autocomplete-item>`;
   }
   _renderAutocomplete() {
-    const { _effectiveActiveMenu: e, messages: t, _isDisabled: i } = this, { maxInputLength: r, placeholder: s, searchTerm: n, state: c } = this.viewModel, p = this.label ?? t.searchButtonTitle ?? "";
-    return o`<calcite-autocomplete autocomplete=off class="autocomplete" .disabled=${i} .icon=${this.icon || void 0} .inputValue=${n} .label=${p} .loading=${c === "searching"} .maxLength=${r} .name=${this.el.id} @keydown=${this._handleInputKeydown} .open=${e === "suggestion"} overlay-positioning=fixed .placeholder=${s} .topLayerDisabled=${this.topLayerDisabled} title=${(n ? "" : s) ?? S} @calciteAutocompleteChange=${this._handleCalciteAutocompleteChange} @calciteAutocompleteClose=${this._handleAutocompleteClose} @calciteAutocompleteOpen=${this._handleAutocompleteOpen} @calciteAutocompleteTextChange=${this._handleCalciteAutocompleteTextInput} @calciteAutocompleteTextInput=${this._handleCalciteAutocompleteTextInput} ${v(this._handleAutocompleteCreate)}>${this._renderSuggestions()}${this._renderNotices()}</calcite-autocomplete>`;
+    const { _effectiveActiveMenu: e, messages: t, _isDisabled: i } = this, { maxInputLength: r, placeholder: o, searchTerm: n, state: c } = this.viewModel, p = this.label ?? t.searchButtonTitle ?? "";
+    return s`<calcite-autocomplete autocomplete=off class="autocomplete" .disabled=${i} .icon=${this.icon || void 0} .inputValue=${n} .label=${p} .loading=${c === "searching"} .maxLength=${r} .name=${this.el.id} @keydown=${this._handleInputKeydown} .open=${e === "suggestion"} overlay-positioning=fixed .placeholder=${o} .topLayerDisabled=${this.topLayerDisabled} title=${(n ? "" : o) ?? S} @calciteAutocompleteChange=${this._handleCalciteAutocompleteChange} @calciteAutocompleteClose=${this._handleAutocompleteClose} @calciteAutocompleteOpen=${this._handleAutocompleteOpen} @calciteAutocompleteTextChange=${this._handleCalciteAutocompleteTextInput} @calciteAutocompleteTextInput=${this._handleCalciteAutocompleteTextInput} ${v(this._handleAutocompleteCreate)}>${this._renderSuggestions()}${this._renderNotices()}</calcite-autocomplete>`;
   }
   _renderForm() {
-    return o`<form class="form" @submit=${this._formSubmit} role=search>${this._renderAutocomplete()}<button class="submit-button" type=submit>${this.label ?? this.messages.searchButtonTitle ?? ""}</button></form>`;
+    return s`<form class="form" @submit=${this._formSubmit} role=search>${this._renderAutocomplete()}<button class="submit-button" type=submit>${this.label ?? this.messages.searchButtonTitle ?? ""}</button></form>`;
   }
   _renderSuggestGroup(e) {
     return e.results?.map((t) => this._renderSuggestion(t));
@@ -204,28 +204,28 @@ class z extends f {
     return this._showNoResults ? null : this._showCurrentLocation ? this._renderUseCurrentLocation() : e?.map((t) => this._renderSuggestResults(t));
   }
   _renderSuggestResults(e) {
-    const { allSources: t, activeSourceIndex: i } = this.viewModel, { sourceIndex: r } = e, s = e.results?.length, n = t.length > 1 && i === -1, c = this._getSourceName(r);
-    return s && n ? o`<calcite-autocomplete-item-group .heading=${c}>${this._renderSuggestGroup(e)}</calcite-autocomplete-item-group>` : this._renderSuggestGroup(e);
+    const { allSources: t, activeSourceIndex: i } = this.viewModel, { sourceIndex: r } = e, o = e.results?.length, n = t.length > 1 && i === -1, c = this._getSourceName(r);
+    return o && n ? s`<calcite-autocomplete-item-group .heading=${c}>${this._renderSuggestGroup(e)}</calcite-autocomplete-item-group>` : this._renderSuggestGroup(e);
   }
-  _renderSuggestion({ key: e, sourceIndex: t, text: i }) {
-    const r = {
-      key: e,
-      sourceIndex: t
+  _renderSuggestion(e) {
+    const { key: t, sourceIndex: i, text: r } = e, o = {
+      key: t,
+      sourceIndex: i
     };
-    return o`<calcite-autocomplete-item .heading=${i ?? this.messages.untitledResult ?? ""} .value=${JSON.stringify(r)}></calcite-autocomplete-item>`;
+    return s`<calcite-autocomplete-item .heading=${r ?? this.messages.untitledResult ?? ""} .value=${JSON.stringify(o)} .selected=${e === this.viewModel.selectedSuggestion}></calcite-autocomplete-item>`;
   }
   _renderSource(e) {
     const t = this._getSourceName(e);
-    return o`<calcite-dropdown-item data-source-index=${`${e}`} .selected=${e === this.viewModel.activeSourceIndex}>${t}</calcite-dropdown-item>`;
+    return s`<calcite-dropdown-item data-source-index=${`${e}`} .selected=${e === this.viewModel.activeSourceIndex}>${t}</calcite-dropdown-item>`;
   }
   _renderNoResultsWarning(e) {
     const { messages: t } = this, i = e ? h(t.noResultsFoundForValue ?? "", {
       value: `"${e}"`
     }) : t.noResultsFound;
-    return o`<calcite-notice icon=exclamation-mark-triangle kind=warning open slot=content-bottom><div slot=title>${t.noResults}</div><div slot=message>${i}</div></calcite-notice>`;
+    return s`<calcite-notice icon=exclamation-mark-triangle kind=warning open slot=content-bottom><div slot=title>${t.noResults}</div><div slot=message>${i}</div></calcite-notice>`;
   }
   _renderLocateError() {
-    return o`<calcite-notice icon=exclamation-mark-circle kind=danger open slot=content-bottom><div slot=message>${this.messages.locateError}</div></calcite-notice>`;
+    return s`<calcite-notice icon=exclamation-mark-circle kind=danger open slot=content-bottom><div slot=message>${this.messages.locateError}</div></calcite-notice>`;
   }
   _renderNotices() {
     return this._locateFailed ? this._renderLocateError() : this._showNoResults ? this._renderNoResultsWarning(this._lastSearchTerm ?? this.viewModel.searchTerm) : null;

package/dist/components/arcgis-sketch-tooltip-controls/customElement.d.ts

@@ -4,6 +4,12 @@ import type { TooltipDirectionMode } from "@arcgis/core/views/interactive/toolti
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+/**
+ * The sketch-tooltip-controls component provides a user interface to set specific options within Sketch's [SketchTooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchTooltipOptions/), [SkechLabelOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchLabelOptions/), and [SketchValueOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchValueOptions/) classes.
+ *
+ * @since 5.1
+ * @internal
+ */
 export abstract class ArcgisSketchTooltipControls extends LitElement {
   /**
    * private