@arcgis/map-components 5.2.0-next.86 → 5.2.0-next.87

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,16 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { html as u } from "lit";
-import { when as s, watch as r } from "@arcgis/core/core/reactiveUtils.js";
-import { GenericController as h, useDirection as c, makeGenericController as a } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as m } from "@arcgis/toolkit/dom/slots";
-import { createRef as f } from "lit/directives/ref.js";
-import { c as E, S as d } from "./slots.js";
-import { createEvent as l } from "@arcgis/lumina";
-class C extends h {
+import { html as c } from "lit";
+import { when as a, watch as u } from "@arcgis/core/core/reactiveUtils.js";
+import { GenericController as m, useDirection as f, makeController as d, makeGenericController as l } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as E } from "@arcgis/toolkit/dom/slots";
+import { createRef as b } from "lit/directives/ref.js";
+import { c as w, S as g } from "./slots.js";
+import { observeAncestorsMutation as v, unsafeGetCalciteModeName as P } from "@arcgis/toolkit/dom";
+import { createEvent as h } from "@arcgis/lumina";
+class V extends m {
   //#endregion
   //#region Lifecycle
   constructor(o) {
-    super(o), this.direction = c(), this.popupRef = f(), this.slotGroupRefs = E(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (t) => {
+    super(o), this.direction = f(), this.popupRef = b(), this.slotGroupRefs = w(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (t) => {
       const e = t.reason;
       if (e?.name === "webgl:required") {
         const { name: i } = e;
@@ -22,11 +23,11 @@ class C extends h {
   //#region Private Methods
   hostLifecycle() {
     return [
-      s(() => this.component.view.ready, () => {
+      a(() => this.component.view.ready, () => {
         this._assignDefaultPopup();
       }),
       // Close component popup when view popup is opened
-      s(() => this.component.view.popup?.visible, () => {
+      a(() => this.component.view.popup?.visible, () => {
         this.popupElement?.open && (this.popupElement.open = !1);
       }),
       this.component.view.on(
@@ -44,8 +45,8 @@ class C extends h {
   async openPopup(o) {
     if (this._assignDefaultPopup(), this.closePopup(), this.popupElement) {
       await this.popupElement.componentOnReady(), this.popupElement.open = !0;
-      const { fetchFeatures: t, shouldFocus: e, title: i, ...n } = o;
-      delete o.fetchFeatures, Object.assign(this.popupElement, n), i !== void 0 && (this.popupElement.heading = i), e && await this.popupElement.setFocus(), t && this.popupElement.fetchFeatures();
+      const { fetchFeatures: t, shouldFocus: e, title: i, featureStream: n, promises: r, ...s } = o;
+      delete o.fetchFeatures, r && r.length > 0 && Object.assign(s, { promises: r }), Object.assign(this.popupElement, s), n && (this.popupElement.featureStream = n), i !== void 0 && (this.popupElement.heading = i), e && await this.popupElement.setFocus(), t && !n && await this.popupElement.fetchFeatures();
     } else
       await this.component.view.openPopup(o);
   }
@@ -73,29 +74,42 @@ class C extends h {
   async _handleOpenPopup(o) {
     if (this._assignDefaultPopup(), !this.component.popupDisabled) {
       if (this._maybeDisableViewPopup(), this.popupElement) {
-        const { location: t, promises: e } = await this.popupElement?.handleViewClick(o) ?? {};
-        e?.length ? this.openPopup({ location: t, promises: e }) : this.popupElement?.open && this.closePopup();
+        const t = { x: o.x, y: o.y }, e = this.component.view?.fetchPopupFeatures(t);
+        e ? await this.openPopup({ location: o.mapPoint, featureStream: e }) : this.popupElement?.open && this.closePopup();
       }
       this._maybeResetViewPopup();
     }
   }
   _handlePopupSlotChange(o) {
-    const t = m(o.target, "arcgis-popup");
+    const t = E(o.target, "arcgis-popup");
     !this.popupElement && t.length ? this.popupElement = t[0] : t.length || (this.popupElement = void 0);
   }
   _webGLErrorAlert() {
-    return this.webGLError ? u`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? c`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
   render() {
-    return d({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (o) => this._handlePopupSlotChange(o), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return g({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (o) => this._handlePopupSlotChange(o), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-const R = a((p, o) => {
-  const t = l();
+function A(p) {
+  d((o, t) => {
+    const e = () => {
+      if (p.attributionMode !== "auto")
+        return;
+      const i = P(p.el);
+      p.view.attributionMode !== i && (p.view.attributionMode = i);
+    };
+    t.onLifecycle(() => (e(), v(p.el, ["class"], e))), t.onUpdate((i) => {
+      i.has("attributionMode") && p.attributionMode === "auto" && e();
+    });
+  });
+}
+const D = l((p, o) => {
+  const t = h();
   return o.onLifecycle(
-    () => r(
+    () => u(
       () => {
         const { map: e } = p;
         if (!e || e.destroyed)
@@ -110,11 +124,11 @@ const R = a((p, o) => {
       }
     )
   ), t;
-}), G = a(
+}), O = l(
   (p, o) => {
-    const t = l();
+    const t = h();
     return o.onLifecycle(
-      () => r(
+      () => u(
         () => p.view?.readyState,
         (e) => {
           (e === "map-content-error" || e === "rendering-error") && t.emit();
@@ -124,7 +138,8 @@ const R = a((p, o) => {
   }
 );
 export {
-  C as U,
-  G as a,
-  R as u
+  V as U,
+  O as a,
+  A as b,
+  D as u
 };

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

@@ -1,7 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { css as m, html as o } from "lit";
-import "@arcgis/core/core/Collection.js";
 import F from "@arcgis/core/popup/FeatureContent.js";
 import p from "@arcgis/core/Graphic.js";
 import _ from "@arcgis/core/symbols/SimpleFillSymbol.js";

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

@@ -8,7 +8,6 @@ import T from "@arcgis/core/core/Collection.js";
 import v from "@arcgis/core/core/Error.js";
 import A from "@arcgis/core/webdoc/support/SlideThumbnail.js";
 import O from "@arcgis/core/Viewpoint.js";
-import "@arcgis/core/WebMap.js";
 import { LitElement as z, createEvent as B, nothing as x, safeClassMap as L } from "@arcgis/lumina";
 import { H as N } from "../../chunks/heading.js";
 import V from "@arcgis/core/core/Accessor.js";

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

@@ -9,7 +9,7 @@ import { m as C } from "../../chunks/useViewModel.js";
 import { LitElement as b, createEvent as F, nothing as _, safeClassMap as L } from "@arcgis/lumina";
 import { substitute as T } from "@arcgis/core/intl.js";
 import { renderingSanitizer as A } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { c as R, g as D, d as V, e as k, b as d, i as E, f as B } from "../../chunks/feature-utils.js";
+import { c as R, g as D, d as E, e as V, b as d, i as k, f as B } from "../../chunks/feature-utils.js";
 import N from "@arcgis/core/core/Collection.js";
 import { watch as H } from "@arcgis/core/core/reactiveUtils.js";
 import { stripHTML as P } from "@arcgis/core/applications/Components/stringUtils.js";
@@ -32,7 +32,7 @@ class S extends b {
     return D(this.graphic);
   }
   get fieldInfoMap() {
-    return V(k(this.popupTemplate), this.sourceLayer);
+    return E(V(this.popupTemplate), this.sourceLayer);
   }
   get values() {
     return this.graphic?.attributes ?? {};
@@ -121,7 +121,7 @@ class S extends b {
     return r`<arcgis-feature-content .creator=${e.creator} .destroyer=${e.destroyer ?? void 0} .graphic=${this.graphic ?? void 0} class="content-element"></arcgis-feature-content>`;
   }
   _renderFields(e, t) {
-    const i = this.viewModel.formattedAttributes, { values: a, fieldInfoMap: s, sourceLayer: o, popupTemplate: n, globalValues: l, graphic: c } = this, h = !!e?.fieldInfos, u = (e.fieldInfos ?? n?.fieldInfos ?? [])?.filter(({ fieldName: g }) => !!g && (E(g) || B(g) || g in a)), f = n?.expressionInfos, m = d({
+    const i = this.viewModel.formattedAttributes, { values: a, fieldInfoMap: s, sourceLayer: o, popupTemplate: n, globalValues: l, graphic: c } = this, h = !!e?.fieldInfos, u = (e.fieldInfos ?? n?.fieldInfos ?? [])?.filter(({ fieldName: g }) => !!g && (k(g) || B(g) || g in a)), f = n?.expressionInfos, m = d({
       values: a,
       fieldInfoMap: s,
       globalValues: l,
@@ -252,7 +252,7 @@ class S extends b {
   }
   _renderContentContainer() {
     const { flowItems: e, hideContent: t, internalFlowItems: i, headingLevel: a, state: s, messages: o, heading: n, hideHeading: l } = this, c = t ? null : r`<div class="main">${[this._renderContent(), this._renderLastEditInfo()]}</div>`, h = o.returnToInitialFeature ?? "";
-    return e ? c : r`<calcite-flow ${y(this._storeRootFlowNode)}><calcite-flow-item .loading=${s === "loading"} .headingLevel=${a} .heading=${l ? void 0 : P(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${A.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item @calciteFlowItemBack=${(f) => {
+    return e ? c : r`<calcite-flow ${y(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s === "loading"} .headingLevel=${a} .heading=${l ? void 0 : P(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${A.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${(f) => {
       f.preventDefault(), this._handleDrillInBackClick();
     }} .loading=${s === "loading"} .headingLevel=${a} .selected=${u === i.length - 1}><calcite-action icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${h} title=${h ?? _}></calcite-action>${p}</calcite-flow-item>`)}</calcite-flow>`;
   }

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

@@ -359,7 +359,7 @@ class te extends z {
   }
   _renderPagination() {
     const { previous: e, next: t } = this.messages;
-    return a`<calcite-action-bar class="pagination-action-bar" expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${e ?? ""} @click=${this._previousFeature} .text=${e ?? ""} title=${e ?? "" ?? h}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t ?? ""} @click=${this._nextFeature} .text=${t ?? ""} title=${t ?? "" ?? h}></calcite-action></calcite-action-group></calcite-action-bar>`;
+    return a`<calcite-action-bar class="pagination-action-bar" expand-toggle-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${e ?? ""} @click=${this._previousFeature} .text=${e ?? ""} title=${e ?? "" ?? h}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t ?? ""} @click=${this._nextFeature} .text=${t ?? ""} title=${t ?? "" ?? h}></calcite-action></calcite-action-group></calcite-action-bar>`;
   }
   _renderFeatureMenuItem(e) {
     const { initialDisplayMode: t } = this, { selectedFeatureViewModel: s, featureViewModels: i } = this.viewModel, o = e === s, n = i.indexOf(e);
@@ -408,7 +408,7 @@ class te extends z {
     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=${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>`;
+    }} .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-toggle-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>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e?.map((i, o) => this._renderFlowItem(i, this._featureFlowItemSelected && o === e.length - 1)), s = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(), t] : [this._renderContentFeature(), t, this._renderFeatureMenuContainer()];
@@ -416,7 +416,7 @@ class te extends z {
   }
   _renderActionBar() {
     const t = this.viewModel.selectedFeatureViewModel?.isFeatureFromTable && !this.location ? this.viewModel.allActions.filter((s) => s.id !== M.id) : this.viewModel.allActions;
-    return !this._isCollapsed && !this.hideActionBar && t.length ? a`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${m(this._actionBarMenuNode)}>${this._renderActions()}</calcite-action-group></calcite-action-bar>` : null;
+    return !this._isCollapsed && !this.hideActionBar && t.length ? a`<calcite-action-bar expand-toggle-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${m(this._actionBarMenuNode)}>${this._renderActions()}</calcite-action-group></calcite-action-bar>` : null;
   }
   _renderActions() {
     return this.viewModel.allActions.toArray().map((e) => {