@arcgis/map-components 5.2.0-next.25 → 5.2.0-next.27

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

@@ -647,9 +647,9 @@ export abstract class ArcgisFeatures extends LitElement {
    */
   setFocus(): Promise<void>;
   /**
-   * Triggers the [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#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/#actions) array.
+   * Triggers the [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#event-arcgisTriggerAction) event and executes the specified default action.
    *
+   * @deprecated since 5.1. Trigger actions with manual user interaction within the component.
    * @param action
    */
   triggerAction(action: ActionButton | ActionToggle): Promise<void>;

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as O } from "../../chunks/runtime.js";
 import { css as R, html as a } from "lit";
-import { keyed as D } from "lit/directives/keyed.js";
+import { keyed as V } from "lit/directives/keyed.js";
 import B from "@arcgis/core/widgets/Features/FeaturesViewModel.js";
 import { u as L } from "../../chunks/useT9n.js";
-import { log as V } from "@arcgis/toolkit/log";
-import { classes as A } from "@arcgis/toolkit/dom";
-import { useDirection as S, usePropertyChange as H, bypassReadOnly as x } from "@arcgis/lumina/controllers";
+import { log as A } from "@arcgis/toolkit/log";
+import { classes as x } from "@arcgis/toolkit/dom";
+import { useDirection as S, usePropertyChange as H, bypassReadOnly as y } from "@arcgis/lumina/controllers";
 import { m as P } from "../../chunks/useViewModel.js";
-import { LitElement as z, createEvent as y, renderElement as U, nothing as h, safeClassMap as I } from "@arcgis/lumina";
+import { LitElement as z, createEvent as I, renderElement as U, nothing as h, safeClassMap as T } from "@arcgis/lumina";
 import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { t as Z, z as K } from "../../chunks/action-utils.js";
-import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
+import { stripHTML as k } from "@arcgis/core/applications/Components/stringUtils.js";
 import E from "@arcgis/core/core/Collection.js";
 import { g as j } from "../../chunks/feature-utils.js";
 import { renderingSanitizer as _ } from "@arcgis/core/applications/Components/sanitizerUtils.js";
@@ -25,8 +25,8 @@ const J = R`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-col
   id: "zoom-to-feature",
   title: "{messages.zoom}"
 }), M = Q.clone();
-function Y(k) {
-  return k?.declaredClass.startsWith("esri.layers.") ?? !1;
+function Y(D) {
+  return D?.declaredClass.startsWith("esri.layers.") ?? !1;
 }
 const ee = P(B);
 class te extends z {
@@ -38,7 +38,7 @@ class te extends z {
     }), this._featureMenuIntersectionObserverNode = null, this._rootFlowItemNode = b(), this._featureMenuViewportNode = b(), this._actionBarMenuNode = b(), this._flowContainerNode = b(), this.messages = L(), this._selectedFeatureComponent = b(), this._cancelOpenRelatedFeature = () => {
       const { _openRelatedFeatureAbortController: e } = this;
       e && e.abort(), this._openRelatedFeatureAbortController = null;
-    }, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this.viewModel = ee(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.featureMenuTitle = this.viewModel.featureMenuTitle, this.featureNavigationTop = !1, this.features = this.viewModel.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.goToOverride = this.viewModel.goToOverride, this.headerActions = new E(), this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSelectFeature = !1, this.hideSpinner = !1, this.hideContent = !1, this.hideExpressionContent = !1, this.hideLastEditedInfo = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.map = this.viewModel.map, this.open = this.viewModel.visible, this.promises = this.viewModel.promises, this.responsiveActionsEnabled = !1, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.showCollapseButton = !1, this.spatialReference = this.viewModel.spatialReference, this.state = this.viewModel.state, this.timeZone = this.viewModel.timeZone, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = H()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = y(), this.arcgisClose = y(), this.arcgisTriggerAction = y();
+    }, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this.viewModel = ee(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.featureMenuTitle = this.viewModel.featureMenuTitle, this.featureNavigationTop = !1, this.features = this.viewModel.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.goToOverride = this.viewModel.goToOverride, this.headerActions = new E(), this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSelectFeature = !1, this.hideSpinner = !1, this.hideContent = !1, this.hideExpressionContent = !1, this.hideLastEditedInfo = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.map = this.viewModel.map, this.open = this.viewModel.visible, this.promises = this.viewModel.promises, this.responsiveActionsEnabled = !1, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.showCollapseButton = !1, this.spatialReference = this.viewModel.spatialReference, this.state = this.viewModel.state, this.timeZone = this.viewModel.timeZone, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = H()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = I(), this.arcgisClose = I(), this.arcgisTriggerAction = I();
   }
   static {
     this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, collapseDirection: 1, collapsed: 5, content: 1, defaultPopupTemplateEnabled: 5, effectiveHeading: 32, featureCount: 9, featureMenuOpen: 5, featureMenuTitle: 1, featureNavigationTop: 5, features: 0, featuresPerPage: 9, featureViewModelAbilities: 0, goToOverride: 0, headerActions: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideHeading: 5, hideSelectFeature: 5, hideSpinner: 5, hideContent: 5, chartAnimationDisabled: 5, hideAttachmentsContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, hideRelationshipContent: 5, hideTextContent: 5, hideUtilityNetworkContent: 5, hideLastEditedInfo: 5, highlightDisabled: 5, icon: 1, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, map: 0, messageOverrides: 0, open: 5, referenceElement: 1, promises: 0, responsiveActionsEnabled: 5, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 32, timeZone: 1, updateLocationEnabled: 5, view: 0 };
@@ -135,16 +135,18 @@ class te extends z {
     this.location = l.location, this.promises = l.pendingFeatures;
   }
   async next() {
-    return V("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
+    return A("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
   }
   async previous() {
-    return V("warn", this, "The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."), this.viewModel.previous();
+    return A("warn", this, "The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."), this.viewModel.previous();
   }
   async setFocus() {
     this._flowContainerNode.value?.setFocus();
   }
   async triggerAction(e) {
-    if (!e.disabled)
+    if (A("warn", this, "The triggerAction() method is deprecated since 5.1. Trigger actions with manual user interaction within the component.", {
+      once: !0
+    }), !e.disabled)
       return e?.type === "toggle" && (e.value = !e.value), await Z(e, this.viewModel);
   }
   connectedCallback() {
@@ -183,15 +185,15 @@ class te extends z {
   }
   updated() {
     const e = this._selectedFeatureComponent.value ?? void 0;
-    this.selectedFeatureComponent !== e && x(() => this.selectedFeatureComponent = e);
+    this.selectedFeatureComponent !== e && y(() => this.selectedFeatureComponent = e);
   }
   _syncSelectedDrillInFeature() {
     const e = this.flowItems.getItemAt(this.flowItems.length - 1);
-    x(() => this.selectedDrillInFeature = e?.graphic ?? void 0);
+    y(() => this.selectedDrillInFeature = e?.graphic ?? void 0);
   }
   _syncEffectiveHeading() {
     const e = this._calculateEffectiveHeading();
-    this.effectiveHeading !== e && x(() => this.effectiveHeading = e);
+    this.effectiveHeading !== e && y(() => this.effectiveHeading = e);
   }
   _cancelFetchingFeatures() {
     this._fetchFeaturesController?.abort(), this._fetchFeaturesController = null;
@@ -367,7 +369,7 @@ class te extends z {
     const { messages: e, viewModel: t } = this, s = this._groupResultsByLayer(), i = this.initialDisplayMode === "list" ? "none" : "single";
     return t.featureViewModels.length ? a`<calcite-list display-mode=flat .label=${e?.featuresList ?? ""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(), (o) => {
       const n = s.get(o)?.map((c) => this._renderFeatureMenuItem(c)), l = o ? o.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && l !== null ? D(o ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${n}</calcite-list-item-group>`) : n;
+      return !this.hideFeatureListLayerTitle && l !== null ? V(o ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${n}</calcite-list-item-group>`) : n;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -382,10 +384,10 @@ class te extends z {
     if (c === "list" && !f)
       return null;
     const F = l.length === 0 && o, $ = p ? !p.content : !w;
-    return a`<calcite-flow-item class=${I(A({
+    return a`<calcite-flow-item class=${T(x({
       "content-feature": !0,
       "flow-item-collapsed": s
-    }))} .closable=${!t} .closed=${!g} .collapsed=${s} .collapseDirection=${this.collapseDirection ?? (n ? "down" : "up")} .collapsible=${i} .headingLevel=${e} .selected=${F} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!v && d ? T(d) : void 0} ${m(this._rootFlowItemNode)}>${!v && d ? a`<div slot=heading><div .innerHTML=${_.sanitize(d ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${I(A("container", "content-container", {
+    }))} .closable=${!t} .closed=${!g} .collapsed=${s} .collapseDirection=${this.collapseDirection ?? (n ? "down" : "up")} .collapsible=${i} .headingLevel=${e} .selected=${F} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!v && d ? k(d) : void 0} ${m(this._rootFlowItemNode)}>${!v && d ? a`<div slot=heading><div .innerHTML=${_.sanitize(d ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${T(x("container", "content-container", {
       "content-hidden": $
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
@@ -394,7 +396,7 @@ class te extends z {
     if (o === "feature" && !n)
       return null;
     const $ = !l;
-    return a`<calcite-flow-item class=${I(A({
+    return a`<calcite-flow-item class=${T(x({
       "flow-item-collapsed": f
     }))} .closable=${o === "list" && !t} .closed=${!p} .collapsed=${o === "list" && f} .collapseDirection=${this.collapseDirection ?? (v ? "down" : "up")} .collapsible=${o === "list" && c} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : u(i.total ?? "", {
       total: w.length
@@ -404,7 +406,7 @@ class te extends z {
   }
   _renderFlowItem(e, t) {
     const { messages: s, hideCloseButton: i, hideSelectFeature: o, active: n, hideHeading: l } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !o, v = e.flowType === "feature-association", g = s.returnToInitialFeature ?? "", p = s?.selectFeature, w = this._getActionTitle(M), d = !this.hideActionBar && v && c;
-    return a`<calcite-flow-item .closable=${!i} .closed=${!n} .description=${T(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : T(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(F) => {
+    return a`<calcite-flow-item .closable=${!i} .closed=${!n} .description=${k(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : k(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(F) => {
       F.preventDefault(), this._handleDrillInBackClick();
     }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${_.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${_.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${g ?? ""} title=${g ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${w} title=${w ?? h} @click=${() => K(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
   }
@@ -424,7 +426,7 @@ class te extends z {
   }
   _renderContent() {
     const { content: e, selectedFeatureViewModel: t } = this.viewModel;
-    return t ? a`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature>` : typeof e == "string" ? D(e, a`<div .innerHTML=${_.sanitize(e) ?? ""}></div>`) : e ?? null;
+    return t ? a`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature>` : typeof e == "string" ? V(e, a`<div .innerHTML=${_.sanitize(e) ?? ""}></div>`) : e ?? null;
   }
 }
 O("arcgis-features", te);

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

@@ -98,10 +98,6 @@ class te extends P {
   async setFocus() {
     await this._focusTrapNode.value?.setFocus();
   }
-  async triggerAction(e) {
-    if (!e.disabled)
-      return e?.type === "toggle" && (e.value = !e.value), await K(e, this.viewModel);
-  }
   connectedCallback() {
     super.connectedCallback(), this._createSpinner();
   }
@@ -242,7 +238,7 @@ class te 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), K(e, this.viewModel), this.arcgisTriggerAction.emit({ action: e }));
   }
   _viewScaleChange() {
     const { selectedFeature: e } = this;

package/dist/components/arcgis-layer-list-item-indicator/customElement.js

@@ -1,12 +1,54 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import "../../chunks/runtime.js";
-import "lit/directives/ref.js";
-import "lit";
-import "@arcgis/lumina/controllers";
-import "@arcgis/lumina";
-import "../../chunks/layer-list-utils.js";
-import { A as c } from "../../chunks/layer-list-item-indicator.js";
-import "@arcgis/toolkit/dom";
+import { c as l } from "../../chunks/runtime.js";
+import { ref as p } from "lit/directives/ref.js";
+import { css as u, html as a } from "lit";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { LitElement as d, nothing as g, safeClassMap as h } from "@arcgis/lumina";
+import { f } from "../../chunks/layer-list-utils.js";
+import { c as n } from "../../chunks/css.js";
+import { classes as y } from "@arcgis/toolkit/dom";
+const b = u`:host{margin-inline:var(--calcite-space-sm)}.status-indicator{visibility:hidden}.publishing{visibility:visible;color:var(--calcite-color-text-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:2s infinite arcgis-layer-list__publishing-anim}.updating{visibility:visible;animation:2s infinite arcgis-layer-list__updating-anim}.connection-status{visibility:visible;color:var(--calcite-color-status-warning);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl)}.connection-status--connected{color:var(--calcite-color-status-success)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`;
+class v extends d {
+  constructor() {
+    super(...arguments), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = m()("item", "parent");
+  }
+  static {
+    this.properties = { _iconEl: 16, item: 0, parent: 0, messages: 0, autoDestroyDisabled: 5 };
+  }
+  static {
+    this.styles = [b];
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  _setIconEl(i) {
+    this._iconEl = i;
+  }
+  getTooltipText(i, o, s, t) {
+    const e = (c) => typeof c == "string" ? c : "";
+    if (i)
+      return e(t?.publishing);
+    if (o)
+      return e(t?.updating);
+    switch (s) {
+      case "connected":
+        return e(t?.connected);
+      case "paused":
+        return e(t?.paused);
+      default:
+        return e(t?.disconnected);
+    }
+  }
+  render() {
+    if (!this.item)
+      return null;
+    const { publishing: i } = this.item, o = "updating" in this.item && this.item.updating && !this.parent, s = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, t = !!s, e = i || o || t ? f({ connectionStatus: s, publishing: i }) : "blank", { messages: c } = this, r = this.getTooltipText(i, o, s, c);
+    return a`<calcite-icon class=${h(y(n.statusIndicator, { [n.publishing]: i }, "updating" in n && { [n.updating]: o }, "connectionStatus" in n && { [n.connectionStatus]: t }, "connectionStatusConnected" in n && {
+      [n.connectionStatusConnected]: t && s === "connected"
+    }))} title=${c?.connectionStatus ?? g} .icon=${e} scale=s ${p(this._setIconEl)}></calcite-icon>${this._iconEl ? a`<calcite-tooltip placement=top .referenceElement=${this._iconEl}>${r}</calcite-tooltip>` : null}`;
+  }
+}
+l("arcgis-layer-list-item-indicator", v);
 export {
-  c as ArcgisLayerListItemIndicator
+  v as ArcgisLayerListItemIndicator
 };