@arcgis/map-components 5.1.0-next.5 → 5.1.0-next.50

package/dist/chunks/feature-utils.js

@@ -1,9 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { s as u } from "./layer-utils.js";
-import { log as m } from "@arcgis/toolkit/log";
-const l = /^\s*expression\//iu, F = /href=(""|'')/giu, g = /(\{([^{\r\n]+)\})/gu, y = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, L = /'/gu, N = "relationships/", h = /^(?:mailto:|tel:)/u;
-function O(e, t) {
+import { fieldFormatFromFieldInfo as m } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
+import { g as F } from "./layer-utils.js";
+import { log as g } from "@arcgis/toolkit/log";
+const u = /^\s*expression\//iu, y = /href=(""|'')/giu, C = /(\{([^{\r\n]+)\})/gu, L = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, h = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
+function P(e, t) {
   const n = /* @__PURE__ */ new Map();
   if (!e)
     return n;
@@ -15,7 +16,7 @@ function O(e, t) {
   }
   return n;
 }
-function z(e) {
+function U(e) {
   const t = [];
   if (!e)
     return t;
@@ -27,47 +28,51 @@ function z(e) {
     }
   }), t;
 }
-function H(e, t) {
+function $(e, t) {
   return e?.getEffectivePopupTemplate(t) ?? void 0;
 }
-function M(e) {
+function D(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function b(e = "") {
+function I(e = "") {
   return e ? e.includes(N) : !1;
 }
-function P(e = "") {
+function W(e = "") {
   if (e)
-    return !h.test(e.trim().toLowerCase());
+    return !b.test(e.trim().toLowerCase());
 }
 function c(e, t) {
   const n = p(t, e);
   return n ? n.name : e;
 }
-function U(e, t) {
+function q(e, t) {
   return e?.map((n) => c(n, t));
 }
 function f(e) {
-  return e ? l.test(e) : !1;
+  return e ? u.test(e) : !1;
 }
-function C(e, t) {
+function w(e, t) {
   if (!t || !f(t) || !e)
     return;
-  const n = t.replace(l, "").toLowerCase();
+  const n = t.replace(u, "").toLowerCase();
   return e.find(({ name: r }) => r.toLowerCase() === n);
 }
-function $(e, t) {
+function _(e, t) {
   if (!(!e?.length || !t))
     return e.find((n) => n.fieldName?.toLowerCase() === t.toLowerCase());
 }
-function w({
+function A(e) {
+  const { fieldInfo: t, graphic: n, layer: r } = e;
+  return T({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+}
+function T({
   fieldInfo: e,
   graphic: t
 }) {
-  return !!e?.fieldName && !f(e.fieldName) && !b(e.fieldName) && !t?.isAggregate && !t?.popupTemplate;
+  return !!e?.fieldName && !f(e.fieldName) && !I(e.fieldName) && !t?.popupTemplate;
 }
-function D({
+function B({
   expressionInfos: e,
   fieldInfo: t,
   graphic: n,
@@ -76,46 +81,41 @@ function D({
 }) {
   if (!t?.fieldName)
     return null;
-  const o = C(e, t?.fieldName);
+  const o = w(e, t?.fieldName);
   if (o)
     return o.title || null;
-  if (u(i) && w({ fieldInfo: t, graphic: n })) {
-    const s = i.getFieldAlias(t.fieldName);
-    return r ? t.label || s || t.fieldName : s || t.fieldName;
+  const s = A({ fieldInfo: t, graphic: n, layer: i });
+  if (s) {
+    const l = s.getFieldAlias(t.fieldName);
+    return r ? t.label || l || t.fieldName : l || t.fieldName;
   }
   return t.label || t.fieldName;
 }
-function W({
-  fieldInfo: e,
-  isContentFieldInfos: t,
-  layer: n
-}) {
-  if (!e?.fieldName)
+function G(e) {
+  const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
+  if (!n?.fieldName)
     return null;
-  if (u(n)) {
-    const r = n?.getFieldConfiguration?.(e.fieldName)?.fieldFormat;
-    return t && e.fieldFormat || r;
-  }
-  return null;
+  const i = !t.popupTemplate && !t.fieldConfigurations ? m(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
+  return r && n.fieldFormat || i;
 }
 function d(e) {
   return e.trim();
 }
-function A(e) {
-  return e.replaceAll(F, "");
+function x(e) {
+  return e.replaceAll(y, "");
 }
-function x(e, t) {
+function k(e, t) {
   return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function T({
+function R({
   formattedValues: e,
   template: t,
   fieldInfoMap: n
 }) {
   return d(
-    A(
+    x(
       a(
-        a(t, (r) => x(r, n)),
+        a(t, (r) => k(r, n)),
         e
       )
     )
@@ -124,48 +124,48 @@ function T({
 function p(e, t) {
   return !(e && "getField" in e && typeof e.getField == "function") || !t ? null : e.getField(t) ?? null;
 }
-function k(e, t) {
-  return e.replaceAll(g, (n, r, i) => {
+function E(e, t) {
+  return e.replaceAll(C, (n, r, i) => {
     const o = p(t, i);
     return o ? `{${o.name}}` : r;
   });
 }
-function R(e, t, n = !1) {
+function V(e, t, n = !1) {
   const r = t[e];
   if (typeof r == "string") {
     const o = (n ? encodeURIComponent(r) : r).replaceAll(
-      L,
+      h,
       "%27"
     );
     t[e] = o;
   }
 }
-function E(e, t = !1) {
+function v(e, t = !1) {
   const n = { ...e };
-  return Object.keys(n).forEach((r) => R(r, n, t)), n;
+  return Object.keys(n).forEach((r) => V(r, n, t)), n;
 }
-function I(e, t, n) {
+function S(e, t, n) {
   t = d(t);
   const r = t && !t.startsWith("{");
-  return a(e, E(n, r || !1));
+  return a(e, v(n, r || !1));
 }
-function V(e, t, n) {
-  const r = k(e, n);
+function j(e, t, n) {
+  const r = E(e, n);
   return r && r.replaceAll(
-    y,
-    (i, o, s) => I(i, o || s, t)
+    L,
+    (i, o, s) => S(i, o || s, t)
   );
 }
-function q({
+function J({
   values: e,
   globalValues: t,
   layer: n,
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? T({
+  return r ? R({
     formattedValues: t,
-    template: V(
+    template: j(
       r,
       {
         ...t,
@@ -176,7 +176,7 @@ function q({
     fieldInfoMap: i
   }) : "";
 }
-async function _({
+async function K({
   type: e,
   value: t,
   event: n
@@ -184,7 +184,7 @@ async function _({
   try {
     return typeof t == "function" ? t(n) : await t;
   } catch (r) {
-    m("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
+    g("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
       detail: {
         error: r,
         graphic: n.graphic,
@@ -194,7 +194,7 @@ async function _({
     return;
   }
 }
-function B(e) {
+function Q(e) {
   const t = e.attributes, n = e.layer;
   if (!t || !n)
     return "";
@@ -202,22 +202,22 @@ function B(e) {
   return i?.toString() || o || "Unknown";
 }
 export {
-  M as a,
-  z as b,
-  O as c,
-  b as d,
-  _ as e,
-  P as f,
-  H as g,
-  B as h,
+  D as a,
+  U as b,
+  P as c,
+  I as d,
+  K as e,
+  W as f,
+  $ as g,
+  Q as h,
   f as i,
-  D as j,
-  w as k,
-  W as l,
-  k as m,
-  T as n,
-  U as o,
+  B as j,
+  A as k,
+  G as l,
+  E as m,
+  R as n,
+  q as o,
   c as p,
-  $ as q,
-  q as s
+  _ as q,
+  J as s
 };

package/dist/chunks/heading.js

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { classes as l } from "@arcgis/toolkit/dom";
-import { safeClassMap as m, nothing as g } from "@arcgis/lumina";
+import { nothing as m, safeClassMap as g } from "@arcgis/lumina";
 import { unsafeStatic as f, html as p } from "lit/static-html.js";
 import { g as u } from "./globalCss.js";
 function L({ level: n, class: a, id: t, children: o, excludeGlobalCss: s }) {
   const e = r(n), c = `h${e}`, i = f(c);
-  return p`<${i} .ariaLevel=${String(e)} class=${m(l(s ? a : u.heading, a))} id=${t ?? g} role=heading>${o}</${i}>`;
+  return p`<${i} .ariaLevel=${String(e)} class=${g(l(s ? a : u.heading, a))} id=${t ?? m} role=heading>${o}</${i}>`;
 }
 function h(n, a, t) {
   return Math.min(Math.max(n, a), t);

package/dist/chunks/layer-utils.js

@@ -5,28 +5,54 @@ function a(e, t) {
   const { map: n } = e;
   n.layers.includes(t) || (n.add(t), n.reorder(t, n.layers.length - 1));
 }
-function u(e) {
-  return e != null && typeof e == "object" && "type" in e && e.type === "feature";
-}
 function s(e) {
-  return u(e) && e?.type === "feature" && e.source?.type === "feature-layer";
+  return e != null && typeof e == "object" && "type" in e && e.type === "feature";
 }
 function o(e) {
+  return s(e) && e?.type === "feature" && e.source?.type === "feature-layer";
+}
+function f(e) {
   return e != null && typeof e == "object" && "type" in e && e.type === "graphics";
 }
 function p(e) {
-  return u(e) && s(e);
+  return e != null && typeof e == "object" && "type" in e && e.type === "subtype-group" && "sublayers" in e;
+}
+function d(e) {
+  return e?.type === "subtype-sublayer";
 }
-function c(e, t) {
+function c(e) {
+  return s(e) && o(e);
+}
+function y(e, t) {
   const n = t?.type === "subtype-sublayer" ? t.parent : t;
-  return e.allLayerViews.find((i) => {
-    const r = i.layer;
+  return e.allLayerViews.find((u) => {
+    const r = u.layer;
     return r === n || "sublayers" in r && r.sublayers != null && r.sublayers.includes(n);
   });
 }
+function i(e) {
+  const t = e?.type;
+  return t === "binning" || t === "cluster";
+}
+function b(e, t) {
+  if (!c(e))
+    return;
+  const n = t?.graphic, u = e.featureReduction;
+  if (n) {
+    if (n.isAggregate) {
+      const r = n.origin;
+      return r && "featureReductionProvider" in r && u ? i(u) ? u : null : void 0;
+    }
+    return e;
+  }
+  return t?.checkFeatureReduction && u ? i(u) ? u : null : e;
+}
 export {
-  a,
-  c as f,
-  o as i,
-  p as s
+  p as a,
+  f as b,
+  a as c,
+  s as d,
+  y as f,
+  b as g,
+  d as i
 };

package/dist/chunks/measurementUtils.js

@@ -2,11 +2,11 @@
 function m({
   supported: e,
   disabled: s,
-  ready: t,
-  operationState: r,
-  valid: i
+  ready: i,
+  operationState: t,
+  valid: r
 }) {
-  return e ? s || !t ? "disabled" : r === "active" ? "measuring" : i ? "measured" : "ready" : "unsupported";
+  return e ? s || !i ? "disabled" : t === "active" ? "measuring" : r ? "measured" : "ready" : "unsupported";
 }
 function l(e, s) {
   switch (e) {
@@ -80,19 +80,19 @@ function g(e, s) {
 function h(e) {
   return e === "imperial" || e === "metric";
 }
-function p(e, s, t) {
-  const r = e?.filter((i) => s.includes(i));
-  return r && r.length > 0 ? r.slice() : t.slice();
+function p(e, s, i = s) {
+  const t = e?.filter((r) => s.includes(r));
+  return t && t.length > 0 ? t.slice() : i.slice();
 }
-function q(e, s, t, r) {
-  const i = e ?? s ?? void 0;
-  return i && t.includes(i) ? i : r && t.includes(r) ? r : t[0];
+function q(e, s, i, t) {
+  const r = e ?? s ?? t ?? void 0;
+  return r && i.includes(r) ? r : i[0];
 }
 export {
   l as a,
   b,
-  o as c,
-  q as d,
+  q as c,
+  o as d,
   f as e,
   g as f,
   m as g,

package/dist/chunks/slots.js

@@ -1,25 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { css as p, html as n } from "lit";
-import { safeClassMap as i } from "@arcgis/lumina";
-import { ref as d } from "lit/directives/ref.js";
-const h = p`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:block;position:relative;height:100%;width:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);container:arcgis-map-container/size;contain:layout;--arcgis-internal-attribution-space-top: 0px}::slotted(:is([closed],[closed="true"])){display:none}:dir(rtl) ::slotted(:not(arcgis-swipe)){direction:rtl}::slotted(*){--esri-widget-padding-x: var(--calcite-spacing-lg);--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-attachments,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-coordinate-conversion,arcgis-daylight,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-elevation-profile,arcgis-expand,arcgis-feature-form,arcgis-features,arcgis-feature-table,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-measurement,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-time-slider,arcgis-time-zone-label,arcgis-track,arcgis-utility-network-associations,arcgis-utility-network-trace,arcgis-utility-network-validate-topology,arcgis-version-management,arcgis-video-player,arcgis-volume-measurement,arcgis-weather,arcgis-zoom)){box-shadow:var(--arcgis-internal-box-shadow);--arcgis-internal-padding: var(--esri-widget-padding);--arcgis-internal-padding-md: var(--calcite-spacing-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out;overflow-y:auto}.arcgis-map-container-ui{position:absolute;inset:var(--calcite-spacing-none);padding:var(--calcite-spacing-none);z-index:var(--calcite-z-index);pointer-events:none;background:none}.arcgis-map-container-ui__element{display:flex;flex-direction:column;pointer-events:none;width:max-content;max-width:100%}.arcgis-map-container-ui__element .esri-widget--panel{min-width:var(--arcgis-internal-panel-width)}.arcgis-map-container-ui__element-popup,.arcgis-map-container-ui__element-default{pointer-events:none;max-width:100%;position:absolute;display:block;inset:var(--calcite-spacing-none);width:100%;::slotted(:not(arcgis-swipe,arcgis-presentation)){pointer-events:auto}}.arcgis-map-container-ui__top-left-column{position:absolute;top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:var(--calcite-spacing-lg);margin-left:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-left:var(--arcgis-internal-layout-overlay-space-left);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}}.arcgis-map-container-ui__top-left-column:dir(rtl){align-items:flex-end;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__top-right-column{position:absolute;top:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-right:var(--arcgis-internal-layout-overlay-space-right);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__top-right-column:dir(rtl){align-items:flex-start;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-top-left{top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-left:dir(rtl){align-items:flex-end}.arcgis-map-container-ui__element-top-right{position:relative;justify-content:flex-start;align-items:flex-end;margin-left:auto;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-right:dir(rtl){align-items:flex-start}.arcgis-map-container-ui__element-top-start{position:relative;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-start:dir(rtl){align-items:flex-end;--arcgis-internal-sketch-justify-content: flex-start;::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}}.arcgis-map-container-ui__element-top-end{position:relative;justify-content:flex-start;align-items:flex-end;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-end:dir(rtl){align-items:flex-start;--arcgis-internal-sketch-justify-content: flex-end}.arcgis-map-container-ui__bottom-left-row{position:absolute;bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:row;align-items:flex-end;max-width:100%;margin-left:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-left:var(--arcgis-internal-layout-overlay-space-left);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-right:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}}.arcgis-map-container-ui__bottom-left-row:dir(rtl){flex-direction:row-reverse;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__bottom-right-row{position:absolute;bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-right:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-right:var(--arcgis-internal-layout-overlay-space-right);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-left:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}}.arcgis-map-container-ui__bottom-right-row:dir(rtl){flex-direction:row;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-bottom-left{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-right{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-start{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-right:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-start}}.arcgis-map-container-ui__element-bottom-end{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-left:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__element>*{pointer-events:auto}@container arcgis-map-container (height >= 0){::slotted(arcgis-sketch){--responsive-toolbar-vert-width: var(--calcite-spacing-none);--responsive-toolbar-vert-height: min(100vh - 120px, 100cqh - 120px);--responsive-toolbar-horiz-width: min(100vw - 60px, 100cqw - 60px);--responsive-toolbar-horiz-height: var(--calcite-spacing-none)}}@container arcgis-map-container (max-height: 544px) or (max-width: 544px){::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-button-display: none;--arcgis-internal-floor-filter-menu-width: 225px}}@container arcgis-map-container (max-height: 499.99px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-sm);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-sm)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-sm)}}@container arcgis-map-container (min-height: 500px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-md);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 320px;--arcgis-internal-floor-filter-levels-max-height: 320px}}@container arcgis-map-container (min-height: 768px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 420px;--arcgis-internal-floor-filter-levels-max-height: 420px}}@container arcgis-map-container (min-height: 992px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}}@container arcgis-map-container (min-height: 1200px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-xl);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-xl)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-xl)}}@container arcgis-map-container (min-width: 544px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 768px){::slotted(:is(arcgis-legend[card-style-layout="auto"])){--arcgis-internal-legend-width: auto}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 992px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 1200px){::slotted(:is(arcgis-basemap-gallery)){width:var(--arcgis-internal-basemap-gallery-width-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`, a = "arcgis-map", e = {
-  base: a,
-  containerUI: `${a}-container-ui`,
-  containerElement: `${a}-container-ui__element`,
-  containerElementDefaultSlot: `${a}-container-ui__element-default`,
-  containerElementPopupSlot: `${a}-container-ui__element-popup`,
-  containerTopLeftColumn: `${a}-container-ui__top-left-column`,
-  containerTopRightColumn: `${a}-container-ui__top-right-column`,
-  containerBottomLeftRow: `${a}-container-ui__bottom-left-row`,
-  containerBottomRightRow: `${a}-container-ui__bottom-right-row`,
-  containerElementTopLeft: `${a}-container-ui__element-top-left`,
-  containerElementTopRight: `${a}-container-ui__element-top-right`,
-  containerElementBottomLeft: `${a}-container-ui__element-bottom-left`,
-  containerElementBottomRight: `${a}-container-ui__element-bottom-right`,
-  containerElementTopStart: `${a}-container-ui__element-top-start`,
-  containerElementTopEnd: `${a}-container-ui__element-top-end`,
-  containerElementBottomStart: `${a}-container-ui__element-bottom-start`,
-  containerElementBottomEnd: `${a}-container-ui__element-bottom-end`
+import { css as p, html as s } from "lit";
+import { nothing as n, safeClassMap as i } from "@arcgis/lumina";
+import { ref as m } from "lit/directives/ref.js";
+const v = p`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:block;position:relative;height:100%;width:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);container:arcgis-map-container/size;contain:layout;--arcgis-internal-attribution-space-top: 0px}::slotted(:is([closed],[closed="true"])){display:none}:dir(rtl) ::slotted(:not(arcgis-swipe)){direction:rtl}::slotted(*){--esri-widget-padding-x: var(--calcite-spacing-lg);--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-attachments,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-coordinate-conversion,arcgis-daylight,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-elevation-profile,arcgis-expand,arcgis-feature-form,arcgis-features,arcgis-feature-table,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-measurement,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-time-slider,arcgis-time-zone-label,arcgis-track,arcgis-utility-network-associations,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-topology,arcgis-version-management,arcgis-video-player,arcgis-volume-measurement,arcgis-weather,arcgis-zoom)){box-shadow:var(--arcgis-internal-box-shadow);--arcgis-internal-padding: var(--esri-widget-padding);--arcgis-internal-padding-md: var(--calcite-spacing-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-internal-panel-overflow: hidden;--arcgis-internal-panel-min-width: 0}.arcgis-map-container-ui{position:absolute;inset:var(--calcite-spacing-none);padding:var(--calcite-spacing-none);z-index:var(--calcite-z-index);pointer-events:none;background:none}.arcgis-map-container-ui__element{display:flex;flex-direction:column;pointer-events:none;width:max-content;max-width:100%}.arcgis-map-container-ui__element .esri-widget--panel{min-width:var(--arcgis-internal-panel-width)}.arcgis-map-container-ui__element-popup,.arcgis-map-container-ui__element-default{pointer-events:none;max-width:100%;position:absolute;display:block;inset:var(--calcite-spacing-none);width:100%;::slotted(:not(arcgis-swipe,arcgis-presentation)){pointer-events:auto}}.arcgis-map-container-ui__top-left-column{position:absolute;top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:var(--calcite-spacing-lg);margin-left:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-left:var(--arcgis-internal-layout-overlay-space-left);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}}.arcgis-map-container-ui__top-left-column:dir(rtl){align-items:flex-end;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__top-right-column{position:absolute;top:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;margin-top:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);padding-right:var(--arcgis-internal-layout-overlay-space-right);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__top-right-column:dir(rtl){align-items:flex-start;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-top-left{top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-left:dir(rtl){align-items:flex-end}.arcgis-map-container-ui__element-top-right{position:relative;justify-content:flex-start;align-items:flex-end;margin-left:auto;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-right:dir(rtl){align-items:flex-start}.arcgis-map-container-ui__element-top-start{position:relative;justify-content:flex-start;align-items:flex-start;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-start:dir(rtl){align-items:flex-end;--arcgis-internal-sketch-justify-content: flex-start;::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}}.arcgis-map-container-ui__element-top-end{position:relative;justify-content:flex-start;align-items:flex-end;::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column wrap-reverse}::slotted(*){margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-end:dir(rtl){align-items:flex-start;--arcgis-internal-sketch-justify-content: flex-end}.arcgis-map-container-ui__bottom-left-row{position:absolute;bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:row;align-items:flex-end;max-width:100%;margin-left:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-left:var(--arcgis-internal-layout-overlay-space-left);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-right:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}}.arcgis-map-container-ui__bottom-left-row:dir(rtl){flex-direction:row-reverse;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row-reverse}}.arcgis-map-container-ui__bottom-right-row{position:absolute;bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-right:var(--calcite-spacing-lg);margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-right:var(--arcgis-internal-layout-overlay-space-right);padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom);::slotted(:last-child){margin-left:var(--calcite-spacing-xxl)}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-column-direction: column-reverse;--arcgis-internal-floor-filter-button-border-width: 0 0 1px}::slotted(*){max-width:var(--arcgis-internal-top-max-width)}::slotted(arcgis-expand){--arcgis-internal-sketch-justify-content: flex-end}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}}.arcgis-map-container-ui__bottom-right-row:dir(rtl){flex-direction:row;::slotted(arcgis-floor-filter){--arcgis-internal-row-direction: row}}.arcgis-map-container-ui__element-bottom-left{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-right{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-start{bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-flow:row;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-internal-collapse-icon-flip: scaleX(-1)}::slotted(arcgis-sketch){--sketch-pad-flex-flow: wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end}::slotted(*){margin-right:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-right:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-start}}.arcgis-map-container-ui__element-bottom-end{bottom:var(--calcite-spacing-none);right:var(--calcite-spacing-none);align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-flow:row-reverse;::slotted(arcgis-coordinate-conversion){--arcgis-internal-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-internal-expand-icon-number-spacing-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-internal-expand-icon-number-spacing-right: none}::slotted(arcgis-sketch){--sketch-pad-flex-flow: row-reverse wrap-reverse}::slotted(arcgis-sketch[layout="vertical"]){--sketch-pad-flex-flow: column-reverse wrap-reverse}::slotted(arcgis-floor-filter){--arcgis-internal-floor-filter-align-items: flex-end;--arcgis-internal-row-direction: row-reverse}::slotted(*){margin-left:var(--calcite-spacing-sm-plus)}::slotted(:dir(rtl)){margin-left:var(--calcite-spacing-none);--arcgis-internal-sketch-justify-content: flex-end}}.arcgis-map-container-ui__element>*{pointer-events:auto}@container arcgis-map-container (height >= 0){::slotted(arcgis-sketch){--responsive-toolbar-vert-width: var(--calcite-spacing-none);--responsive-toolbar-vert-height: min(100vh - 120px, 100cqh - 120px);--responsive-toolbar-horiz-width: min(100vw - 60px, 100cqw - 60px);--responsive-toolbar-horiz-height: var(--calcite-spacing-none)}}@container arcgis-map-container (max-height: 544px) or (max-width: 544px){::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-button-display: none;--arcgis-internal-floor-filter-menu-width: 225px}}@container arcgis-map-container (max-height: 499.99px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-sm);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-sm)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-sm)}}@container arcgis-map-container (min-height: 500px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-md);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 320px;--arcgis-internal-floor-filter-levels-max-height: 320px}}@container arcgis-map-container (min-height: 768px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 420px;--arcgis-internal-floor-filter-levels-max-height: 420px}}@container arcgis-map-container (min-height: 992px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}}@container arcgis-map-container (min-height: 1200px){.arcgis-map-container-ui__element>*{--arcgis-internal-expand-max-height: var(--arcgis-internal-panel-height-xl);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-xl)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-xl)}}@container arcgis-map-container (min-width: 544px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 768px){::slotted(:is(arcgis-legend[card-style-layout="auto"])){--arcgis-internal-legend-width: auto}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 992px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 1200px){::slotted(:is(arcgis-basemap-gallery)){width:var(--arcgis-internal-basemap-gallery-width-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`, e = "arcgis-map", a = {
+  base: e,
+  containerUI: `${e}-container-ui`,
+  containerElement: `${e}-container-ui__element`,
+  containerElementDefaultSlot: `${e}-container-ui__element-default`,
+  containerElementPopupSlot: `${e}-container-ui__element-popup`,
+  containerTopLeftColumn: `${e}-container-ui__top-left-column`,
+  containerTopRightColumn: `${e}-container-ui__top-right-column`,
+  containerBottomLeftRow: `${e}-container-ui__bottom-left-row`,
+  containerBottomRightRow: `${e}-container-ui__bottom-right-row`,
+  containerElementTopLeft: `${e}-container-ui__element-top-left`,
+  containerElementTopRight: `${e}-container-ui__element-top-right`,
+  containerElementBottomLeft: `${e}-container-ui__element-bottom-left`,
+  containerElementBottomRight: `${e}-container-ui__element-bottom-right`,
+  containerElementTopStart: `${e}-container-ui__element-top-start`,
+  containerElementTopEnd: `${e}-container-ui__element-top-end`,
+  containerElementBottomStart: `${e}-container-ui__element-bottom-start`,
+  containerElementBottomEnd: `${e}-container-ui__element-bottom-end`
 }, t = {
   topLeft: "top-left",
   topRight: "top-right",
@@ -31,12 +31,12 @@ const h = p`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 3
   bottomEnd: "bottom-end",
   popup: "popup"
 };
-function v(s) {
-  const { direction: r, popupComponentEnabled: c = !1, handlePopupSlotChange: l, webGLErrorElement: o, popupElement: g } = s;
-  return n`<div class=${i({ [e.containerElementPopupSlot]: !0 })}>${c ? n`<arcgis-popup ${d(g)}></arcgis-popup>` : null}<slot name=${t.popup} @slotchange=${l}></slot></div><div class=${i({ [e.containerElementDefaultSlot]: !0 })}>${o}<slot></slot></div><div class=${i({ [e.containerTopLeftColumn]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementTopLeft]: !0 })}><slot name=${t.topLeft}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementTopStart]: !0 })}><slot name=${r === "ltr" ? t.topStart : t.topEnd}></slot></div></div><div class=${i({ [e.containerTopRightColumn]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementTopRight]: !0 })}><slot name=${t.topRight}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementTopEnd]: !0 })}><slot name=${r === "ltr" ? t.topEnd : t.topStart}></slot></div></div><div class=${i({ [e.containerBottomLeftRow]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomLeft]: !0 })}><slot name=${t.bottomLeft}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomStart]: !0 })}><slot name=${r === "ltr" ? t.bottomStart : t.bottomEnd}></slot></div></div><div class=${i({ [e.containerBottomRightRow]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomRight]: !0 })}><slot name=${t.bottomRight}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomEnd]: !0 })}><slot name=${r === "ltr" ? t.bottomEnd : t.bottomStart}></slot></div></div>`;
+function x(c) {
+  const { direction: r, popupComponentEnabled: l = !1, handlePopupSlotChange: o, webGLErrorElement: g, popupElement: d } = c;
+  return s`<div class=${i({ [a.containerElementPopupSlot]: !0 })}>${l ? s`<arcgis-popup ${m(d)}></arcgis-popup>` : null}<slot name=${t.popup} @slotchange=${o}></slot></div><div class=${i({ [a.containerElementDefaultSlot]: !0 })}>${g}<slot></slot></div><div class=${i({ [a.containerTopLeftColumn]: !0 })}><div class=${i({ [a.containerElement]: !0, [a.containerElementTopLeft]: !0 })}><slot name=${t.topLeft}></slot></div><div class=${i({ [a.containerElement]: !0, [a.containerElementTopStart]: !0 })}><slot name=${(r === "ltr" ? t.topStart : t.topEnd) ?? n}></slot></div></div><div class=${i({ [a.containerTopRightColumn]: !0 })}><div class=${i({ [a.containerElement]: !0, [a.containerElementTopRight]: !0 })}><slot name=${t.topRight}></slot></div><div class=${i({ [a.containerElement]: !0, [a.containerElementTopEnd]: !0 })}><slot name=${(r === "ltr" ? t.topEnd : t.topStart) ?? n}></slot></div></div><div class=${i({ [a.containerBottomLeftRow]: !0 })}><div class=${i({ [a.containerElement]: !0, [a.containerElementBottomLeft]: !0 })}><slot name=${t.bottomLeft}></slot></div><div class=${i({ [a.containerElement]: !0, [a.containerElementBottomStart]: !0 })}><slot name=${(r === "ltr" ? t.bottomStart : t.bottomEnd) ?? n}></slot></div></div><div class=${i({ [a.containerBottomRightRow]: !0 })}><div class=${i({ [a.containerElement]: !0, [a.containerElementBottomRight]: !0 })}><slot name=${t.bottomRight}></slot></div><div class=${i({ [a.containerElement]: !0, [a.containerElementBottomEnd]: !0 })}><slot name=${(r === "ltr" ? t.bottomEnd : t.bottomStart) ?? n}></slot></div></div>`;
 }
 export {
-  e as C,
-  v as S,
-  h as s
+  a as C,
+  x as S,
+  v as s
 };

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { html as h } from "lit";
-import { when as p, watch as s } from "@arcgis/core/core/reactiveUtils.js";
+import { when as r, watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import { GenericController as u, useDirection as c, makeGenericController as a } from "@arcgis/lumina/controllers";
 import { getSlotAssignedElements as m } from "@arcgis/toolkit/dom";
 import { createRef as f } from "lit/directives/ref.js";
-import { S as d } from "./slots.js";
+import { S as E } from "./slots.js";
 import { createEvent as l } from "@arcgis/lumina";
 class _ extends u {
   //#endregion
@@ -23,11 +23,11 @@ class _ extends u {
   //#region Private Methods
   hostLifecycle() {
     return [
-      p(() => this.component.view.ready, () => {
+      r(() => this.component.view.ready, () => {
         this._assignDefaultPopup();
       }),
       // Close component popup when view popup is opened
-      p(() => this.component.view.popup?.visible, () => {
+      r(() => this.component.view.popup?.visible, () => {
         this.popupElement?.open && (this.popupElement.open = !1);
       })
     ];
@@ -44,7 +44,7 @@ class _ extends u {
     this.popupElement && (this.popupElement.open = !1), this.component.view.closePopup();
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this.popupElement = this.popupRef.value, this.popupElement.view = this.component.view);
+    this.popupRef.value && !this.popupElement && (this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
   }
   handleAttributionHeightChange(e) {
     if (!(this.attributionHeight === e || !this.component.el.shadowRoot)) {
@@ -59,7 +59,7 @@ class _ extends u {
     if (this._assignDefaultPopup(), this.popupElement && !this.component.popupDisabled) {
       e.stopPropagation();
       const { location: o, promises: t } = await this.popupElement.handleViewClick(e);
-      t?.length && this.openPopup({ location: o, promises: t });
+      t?.length ? this.openPopup({ location: o, promises: t }) : this.popupElement.open && this.closePopup();
     }
   }
   _handlePopupSlotChange(e) {
@@ -72,7 +72,7 @@ class _ extends u {
   //#endregion
   //#region Rendering
   render() {
-    return d({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, handlePopupSlotChange: (e) => this._handlePopupSlotChange(e), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return E({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, handlePopupSlotChange: (e) => this._handlePopupSlotChange(e), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
 const v = a((i, e) => {
@@ -83,10 +83,10 @@ const v = a((i, e) => {
         const { map: t } = i;
         if (!t || t.destroyed)
           return [];
-        const r = [];
-        return t.loadError && r.push(t), t.basemap?.loadError && r.push(t.basemap), t.ground.loadError && r.push(t.ground), [...t.allLayers, ...t.allTables].forEach((n) => {
-          n.loadError && r.push(n);
-        }), r;
+        const n = [];
+        return t.loadError && n.push(t), t.basemap?.loadError && n.push(t.basemap), t.ground.loadError && n.push(t.ground), [...t.allLayers, ...t.allTables].forEach((p) => {
+          p.loadError && n.push(p);
+        }), n;
       },
       (t) => {
         t.length && (i.loadErrorSources = t, o.emit());