@arcgis/map-components 5.1.0-next.90 → 5.1.0-next.92

package/dist/chunks/GeolocationPositioning.js

@@ -0,0 +1,397 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import R from "@arcgis/core/core/Accessor.js";
+import { property as l, subclass as U } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Error.js";
+import { watch as O } from "@arcgis/core/core/reactiveUtils.js";
+import h from "@arcgis/core/Graphic.js";
+import x from "@arcgis/core/symbols/CIMSymbol.js";
+import { t as T, i as G } from "./async-utils.js";
+import N from "@arcgis/core/geometry/Point.js";
+import * as d from "@arcgis/core/geometry/operators/projectOperator.js";
+import g from "@arcgis/core/config.js";
+import { geographicToWebMercator as I } from "@arcgis/core/geometry/support/webMercatorUtils.js";
+import L from "@arcgis/core/portal/Portal.js";
+import { project as D } from "@arcgis/core/rest/geometryService.js";
+import F from "@arcgis/core/rest/support/ProjectParameters.js";
+import { log as y } from "@arcgis/toolkit/log";
+let m = !1;
+const j = {
+  maximumAge: 0,
+  timeout: 15e3,
+  enableHighAccuracy: !0
+};
+function z(e) {
+  const t = "geolocation" in navigator;
+  return t || y("warn", e, "Geolocation is not supported by this browser."), t;
+}
+function Q(e) {
+  const t = window.isSecureContext;
+  return t || m || (m = !0, y("warn", e, "Geolocation requires a secure origin.")), t;
+}
+function k(e) {
+  return z(e) && Q(e);
+}
+function ge(e) {
+  return e ??= j, new Promise((o, r) => {
+    setTimeout(
+      () => r(new p("geolocation:timeout", "getting the current geolocation position timed out")),
+      e?.timeout ?? 15e3
+    ), navigator.geolocation.getCurrentPosition(o, r, e ?? void 0);
+  });
+}
+function K(e, t) {
+  const { position: o, view: r } = e, n = H(o)?.coords;
+  if (!n)
+    throw new p("geometry-service:no-coords", "Geolocation has no coordinates");
+  const a = J(n);
+  return V(a, r, t);
+}
+function H(e) {
+  const t = e?.coords || {}, o = {
+    accuracy: t.accuracy,
+    altitude: t.altitude,
+    altitudeAccuracy: t.altitudeAccuracy,
+    heading: t.heading,
+    latitude: t.latitude,
+    longitude: t.longitude,
+    speed: t.speed,
+    toJSON() {
+      return {};
+    }
+  };
+  return e && {
+    coords: o,
+    timestamp: e.timestamp,
+    toJSON() {
+      return {};
+    }
+  };
+}
+function J({ longitude: e, latitude: t, altitude: o }) {
+  return new N({
+    longitude: e,
+    latitude: t,
+    z: o || void 0,
+    spatialReference: {
+      wkid: 4326
+    }
+  });
+}
+async function V(e, t, o) {
+  if (!t)
+    return await Promise.resolve(e);
+  const r = t.spatialReference;
+  return r.isWGS84 ? await Promise.resolve(e) : r.isWebMercator ? await Promise.resolve(I(e)) : d.isLoaded() ? await Promise.resolve(d.execute(e, r)) : await q(o).then(async (i) => {
+    if (!i)
+      throw new p("geometry-service:missing-url", "Geometry service URL is missing");
+    const n = new F({
+      geometries: [e],
+      outSpatialReference: r
+    });
+    return (await D(i, n, o))[0];
+  });
+}
+async function q(e) {
+  if (g.geometryServiceUrl)
+    return await Promise.resolve(g.geometryServiceUrl);
+  const t = L.getDefault();
+  try {
+    await t.load(e);
+  } catch {
+  }
+  return t.helperServices?.geometry?.url;
+}
+var W = Object.defineProperty, X = Object.getOwnPropertyDescriptor, c = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? X(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+    (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
+  return r && i && W(t, o, i), i;
+};
+const B = 2500;
+function f(e) {
+  const t = {
+    type: "CIMVectorMarker",
+    enable: !0,
+    anchorPoint: {
+      x: 0,
+      y: 0
+    },
+    anchorPointUnits: "Relative",
+    dominantSizeAxis3D: "Y",
+    size: e === "background" ? 16 : 14,
+    billboardMode3D: "FaceNearPlane",
+    frame: {
+      xmin: 0,
+      ymin: 0,
+      xmax: 17,
+      ymax: 17
+    },
+    markerGraphics: [
+      {
+        type: "CIMMarkerGraphic",
+        geometry: {
+          rings: [
+            [
+              [8.5, 0],
+              [7.02, 0.13],
+              [5.59, 0.51],
+              [4.25, 1.14],
+              [3.04, 1.99],
+              [1.99, 3.04],
+              [1.14, 4.25],
+              [0.51, 5.59],
+              [0.13, 7.02],
+              [0, 8.5],
+              [0.13, 9.98],
+              [0.51, 11.41],
+              [1.14, 12.75],
+              [1.99, 13.96],
+              [3.04, 15.01],
+              [4.25, 15.86],
+              [5.59, 16.49],
+              [7.02, 16.87],
+              [8.5, 17],
+              [9.98, 16.87],
+              [11.41, 16.49],
+              [12.75, 15.86],
+              [13.96, 15.01],
+              [15.01, 13.96],
+              [15.86, 12.75],
+              [16.49, 11.41],
+              [16.87, 9.98],
+              [17, 8.5],
+              [16.87, 7.02],
+              [16.49, 5.59],
+              [15.86, 4.25],
+              [15.01, 3.04],
+              [13.96, 1.99],
+              [12.75, 1.14],
+              [11.41, 0.51],
+              [9.98, 0.13],
+              [8.5, 0]
+            ]
+          ]
+        },
+        symbol: {
+          type: "CIMPolygonSymbol",
+          symbolLayers: [
+            {
+              type: "CIMSolidStroke",
+              enable: !0,
+              capStyle: "Round",
+              joinStyle: "Round",
+              lineStyle3D: "Strip",
+              miterLimit: 10,
+              width: e === "background" ? 0 : 2,
+              color: [255, 255, 255, 255]
+            },
+            {
+              type: "CIMSolidFill",
+              enable: !0,
+              color: e === "background" ? [0, 0, 0, 66] : [0, 122, 194, 255]
+            }
+          ]
+        }
+      }
+    ],
+    scaleSymbolsProportionally: !0,
+    respectFrame: !0
+  };
+  return e === "background" && (t.offsetX = 0, t.offsetY = -1), t;
+}
+const A = {
+  type: "CIMPictureMarker",
+  primitiveName: "headingOverride",
+  enable: !0,
+  anchorPoint: {
+    x: 0,
+    y: -0.5
+  },
+  anchorPointUnits: "Relative",
+  dominantSizeAxis3D: "Y",
+  size: 36,
+  billboardMode3D: "FaceNearPlane",
+  invertBackfaceTexture: !0,
+  scaleX: 1,
+  textureFilter: "Picture",
+  url: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYaSURBVHgBvVfNb1VFFD/nzP16xRYJKYREEiJoDLLShQkrSNzoHv8I2QgxwY8FJWHhxoVxISEu2AordWNiQjAxEBeEsKAmhCCwkPDRAn1t33v33jnH37n3Fam0pa8kTjOde+/MnN/5+J0z85jW08yYTpxgfzx0bS+fO0R0YHqyeb9w7YEtLTv+9rSdOH7ciNleJJJX/Do1JQ3AltdlT35fiN6gG8kD8akdmzO+6w/zM7wdw725rUY78DBXtmATA6PZntFgm9Kjm6o/HFJpdi5Xhp+16sDBC+H+gUmZfjIXHKC+35U42ZHZfpe30BZS7okNFnhu8wTRk2ek5LEV2q+N8nEj6yuNVRjHddftrt4ahyJbOxF+Uppi/Rf47NlA05Pp9vkyRNkkD8sqUJHwOGfSpYFQFXhTJryQBaZSeAxbFus+U1K0gJm2oy3QKwuZzqeuSK5kpW6BEsE6+nCsAHDXQWuaOljzU8uP/ToxUW4KcwKg8QzOSdFL6Swm0hurAC7N2qIW7ncwNgYKF4la3/w7RnzrUK29KseXWqmTKXGl45Zrd9CLrsSjr96fcw4kS46mTsJznSTrVBR6VQJQdDbpZTWexxgCYCFz30cquD8oYVQgtUAUzfo8wGtqGoNRFmFZ1KKulJMQu3Vpm/I8Pup3ekvES57GaabXo4lsszEA6zrkhcmAAkBNshi59O9wVsokBLZUCQAxllXVBkyCDRQuTlLLiLSEqw3gfUqU0kVdsKymsnzyPLm8fXZxDxVZgvUhg9QyaKDI7AhpSlRVEaA83JM+/V8pGO0PMTHyZwra9FQVk4i1e0D6dPK9v5agkmXAhc0Bw5MjlAQQE0lSDbUmbBX4kGfsiiQWuSZtdle1S4F73cUKJgviyw4mmmqlVSoR/FAK2d1noWQZ8N79MySw0tgNzhN00jRFaPM6y3IyLWBxXuOdvMfhaIy1MQctmvnEMGrMq2Y/ekC3dHF14I84gmZP2s0pgiJFHVwYhIIrMC1zgT4fQgsS0CG48LWtslAsgeKZK5U1c5Slj+nEvvJZqOWubr5ks8iE3bVqCMQCz4p5aiUqpMrOdHz2qLFTxAMSPLwY8WpmntNwrXIMCWvESGH+7n9hVi6ZJ6/sR5gnycFFQgsCQEEB8T9TbsCGy4PrZrEBjGyIt4EApoGRXWKP6Mt3fnvOvhWBjR4gdjtJEDmGQQkBSCS6Teys5qECABTPWOBwcPWgAPIU+E2+Rq3J8lsrQawMHNPbqAXvRqasWcMB/mK42N3twM6/FsbJTZK2Fru15K7niPVIp6RHn++9vRKErAg8ta+MFq4LBxAJKY1EajpxLj5KUzFzOMTni4btxoUzXPzIIOwLnEPxGVqlyWoTdO/WNRUXJhDmAgNAJVd0eABj8FTCvLbpEnxdOycJlFNXVq6MDvzthwOQ654LaMGGVofQWIWtXhM9xaCQp85QIZFMPXcpuUPH3uquJj6htVonvySD+KY6c2AulPAzHdVaZElvPCGBgvkIRUECr1J4qmV6LdGyJvAnu+94HZMla1Eg1AuGVyQWnNCwzqsUXK5+AIsUyPRc1Rbpi93X1xK9tsXtkj9U7INWSWvU0DaZ6OlVAmUDiqgbrwY2Z3ThRVKFXrgi/R0x9GMplxAyER6ynAtZin1DQoLVznLMU+/mywMf3dlDpbyMlbjLQDhLw/Sh24sm5dhTrlHKgS/T0X2zLw/sLeGr5OlEbg2uHwAFw5reKuKsJj8kcIj0zq9H5PqAj+z6E8y+YRIaUhnAEOrcWgv9m3shQ1H7mz5duVJtDLhZqZcNlrEDwXKwCzncdFg+PJeVf1m3uPUupLR7Hq6tHNyLhw1TCmdGbm0BmaUjr63LzaMBH943D9f+yO5uZ7HfcLktqdwqMU0jtPUDN6vDOfzgKFrXtta6q83vfHU4M5KoURbT4W3zsPIqrgQFO8GozV8ocZGOTN4dRdRowN6CnOLmKkk5t7H1i+HPNGJj2kj7buYajoRXh2+36eOt+2nENrrF3ozODEmFC0D4hjbQNgYc+DSYjd9qqGSJXqL/tZ16/DWdfvw9bbCt41hcpYn9RAEX9Q22fwC74ny5v9iplQAAAABJRU5ErkJggg=="
+}, Z = f("layer"), Y = f("background"), _ = new x({
+  data: {
+    type: "CIMSymbolReference",
+    symbol: {
+      type: "CIMPointSymbol",
+      symbolLayers: [Z, Y, A],
+      angleAlignment: "Map"
+    },
+    primitiveOverrides: [
+      {
+        type: "CIMPrimitiveOverride",
+        primitiveName: "headingOverride",
+        propertyName: "Rotation",
+        valueExpressionInfo: {
+          type: "CIMExpressionInfo",
+          title: "Rotation override",
+          expression: "360 - $feature.heading",
+          returnType: "Default"
+        }
+      },
+      {
+        type: "CIMPrimitiveOverride",
+        primitiveName: "headingOverride",
+        propertyName: "TintColor",
+        valueExpressionInfo: {
+          type: "CIMExpressionInfo",
+          title: "TintColor override",
+          expression: "IIF(IsEmpty($feature.heading), [255, 255, 255, 0], [255, 255, 255, 1])",
+          returnType: "Default"
+        }
+      }
+    ]
+  }
+});
+let s = class extends R {
+  constructor() {
+    super(...arguments), this._geolocationUsable = !0, this.goToLocationEnabled = !0, this.graphic = new h({
+      symbol: _
+    }), this.rotationEnabled = !0;
+  }
+  //#region Lifecycle
+  initialize() {
+    k(this) || (this._geolocationUsable = !1), this.addHandles([
+      O(
+        () => this.view?.type,
+        () => this._handleViewTypeChange(),
+        {
+          initial: !0
+        }
+      )
+    ]);
+  }
+  destroy() {
+    this._clearGraphic(), this.view = void 0;
+  }
+  //#endregion
+  //#region Private Methods
+  /**
+   * Clears the locate graphic from the view.
+   */
+  _clearGraphic() {
+    const { view: e, graphic: t } = this;
+    e && t && e.graphics.remove(t);
+  }
+  /**
+   * Adds the graphic to the view.
+   */
+  _addGraphic() {
+    const { view: e, graphic: t } = this;
+    !e?.graphics || !t || e.graphics.includes(t) || e.graphics.push(t);
+  }
+  _handleViewTypeChange() {
+    A.enable = this.view?.type === "2d";
+  }
+  _getScaleWithinConstraints(e, t) {
+    if (!t)
+      return e;
+    if (t.type === "2d") {
+      const { effectiveMaxScale: o, effectiveMinScale: r } = t.constraints;
+      return Math.min(r, Math.max(o, e));
+    }
+    return e;
+  }
+  _getScale(e) {
+    const { scale: t } = this, o = typeof t == "number" ? t : B;
+    return this._getScaleWithinConstraints(o, e);
+  }
+  _getHeading(e, t) {
+    const o = t?.spatialReference, r = o?.isWebMercator || o?.isGeographic, i = e.coords?.heading;
+    return !r || typeof i != "number" || Number.isNaN(i) || i < 0 || i > 360 ? null : i;
+  }
+  _addHeading(e) {
+    const { heading: t, target: o, view: r } = e;
+    if (!(!r || t === null)) {
+      if (r.type === "3d") {
+        o.heading = t;
+        return;
+      }
+      r.type === "2d" && (o.rotation = 360 - t);
+    }
+  }
+  async _animatePoint(e, t, o, r) {
+    const { view: i } = this;
+    if (!this.goToLocationEnabled || !i)
+      return;
+    const n = {
+      target: e,
+      scale: t
+    };
+    this.rotationEnabled && this._addHeading({
+      heading: o,
+      target: n,
+      view: i
+    });
+    const a = { signal: r.signal };
+    if (T(a), this.goToOverride && i)
+      return await this.goToOverride(i, {
+        target: n,
+        options: a
+      });
+    await i.goTo(n, a);
+  }
+  async updatePosition(e, t) {
+    try {
+      const o = this.view, r = await K({ position: e, view: o }, { signal: t.signal }), { graphic: i } = this, { timestamp: n, coords: a } = e, { accuracy: w, altitude: v, altitudeAccuracy: b, latitude: P, longitude: S, speed: C } = a, u = this._getHeading(e, o), M = {
+        timestamp: n,
+        accuracy: w,
+        altitude: v,
+        altitudeAccuracy: b,
+        heading: u,
+        latitude: P,
+        longitude: S,
+        speed: C
+      };
+      i && (i.geometry = r, i.attributes = M);
+      const E = this._getScale(o);
+      await this._animatePoint(r, E, u, t);
+    } catch (o) {
+      if (!G(o))
+        throw new p("geolocation-positioning:invalid-point", "Cannot position invalid point", {
+          error: o
+        });
+    }
+    return e;
+  }
+  //#endregion
+};
+c([
+  l()
+], s.prototype, "_geolocationUsable", 2);
+c([
+  l()
+], s.prototype, "geolocationOptions", 2);
+c([
+  l()
+], s.prototype, "goToLocationEnabled", 2);
+c([
+  l()
+], s.prototype, "goToOverride", 2);
+c([
+  l({
+    type: h
+  })
+], s.prototype, "graphic", 2);
+c([
+  l()
+], s.prototype, "scale", 2);
+c([
+  l()
+], s.prototype, "rotationEnabled", 2);
+c([
+  l()
+], s.prototype, "view", 2);
+s = c([
+  U("map-components.geolocation.GeolocationPositioning")
+], s);
+const me = s;
+export {
+  me as G,
+  ge as g
+};

package/dist/chunks/action-utils.js

@@ -1,17 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import "@arcgis/lumina";
-import "lit/static-html.js";
-import "@arcgis/core/intl.js";
 import { i as f } from "./async-utils.js";
 import { g as l } from "./feature-utils.js";
 import { isZoomScreenSize as w } from "@arcgis/core/applications/Components/actionUtils.js";
-function I(e) {
+function S(e) {
   if (e.icon)
     return e.icon;
   if (!("image" in e && e.image) && !e.className)
     return "question";
 }
-function L(e) {
+function T(e) {
   return e ? {
     backgroundImage: `url(${e})`
   } : {};
@@ -58,7 +55,7 @@ async function b(e, t) {
   const { extent: n } = await a.queryExtent(i);
   n && await e.zoomTo({ target: n }), t.active = !1, t.disabled = !1;
 }
-const q = async (e, t) => {
+const V = async (e, t) => {
   if (!e)
     throw new Error("trigger-action:missing-arguments: Event has no action");
   const { disabled: o, id: r } = e;
@@ -87,8 +84,8 @@ const q = async (e, t) => {
   }
 };
 export {
-  I as a,
-  L as g,
-  q as t,
+  S as a,
+  T as g,
+  V as t,
   h as z
 };

package/dist/chunks/resources.js

@@ -1,25 +1,31 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-const t = "arcgis-map", o = {
+const t = "arcgis-map", e = {
   base: t,
   containerUI: `${t}-container-ui`,
   containerElement: `${t}-container-ui__element`,
   containerElementDefaultSlot: `${t}-container-ui__element-default`,
   containerElementPopupSlot: `${t}-container-ui__element-popup`,
+  containerTopCenterColumn: `${t}-container-ui__top-center-column`,
   containerTopLeftColumn: `${t}-container-ui__top-left-column`,
   containerTopRightColumn: `${t}-container-ui__top-right-column`,
+  containerBottomCenterRow: `${t}-container-ui__bottom-center-row`,
   containerBottomLeftRow: `${t}-container-ui__bottom-left-row`,
   containerBottomRightRow: `${t}-container-ui__bottom-right-row`,
+  containerElementTopCenter: `${t}-container-ui__element-top-center`,
   containerElementTopLeft: `${t}-container-ui__element-top-left`,
   containerElementTopRight: `${t}-container-ui__element-top-right`,
+  containerElementBottomCenter: `${t}-container-ui__element-bottom-center`,
   containerElementBottomLeft: `${t}-container-ui__element-bottom-left`,
   containerElementBottomRight: `${t}-container-ui__element-bottom-right`,
   containerElementTopStart: `${t}-container-ui__element-top-start`,
   containerElementTopEnd: `${t}-container-ui__element-top-end`,
   containerElementBottomStart: `${t}-container-ui__element-bottom-start`,
   containerElementBottomEnd: `${t}-container-ui__element-bottom-end`
-}, e = {
+}, o = {
+  topCenter: "top-center",
   topLeft: "top-left",
   topRight: "top-right",
+  bottomCenter: "bottom-center",
   bottomLeft: "bottom-left",
   bottomRight: "bottom-right",
   topStart: "top-start",
@@ -27,9 +33,16 @@ const t = "arcgis-map", o = {
   bottomStart: "bottom-start",
   bottomEnd: "bottom-end",
   popup: "popup"
-}, n = ["topLeft", "topRight", "bottomLeft", "bottomRight"];
+}, n = [
+  "topCenter",
+  "topLeft",
+  "topRight",
+  "bottomCenter",
+  "bottomLeft",
+  "bottomRight"
+];
 export {
-  o as C,
-  e as S,
+  e as C,
+  o as S,
   n as s
 };

package/dist/chunks/slots.js

@@ -1,20 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { css as u, html as l } from "lit";
-import { nothing as n, safeClassMap as e } from "@arcgis/lumina";
+import { nothing as c, safeClassMap as e } from "@arcgis/lumina";
 import { S as i, C as a } from "./resources.js";
-import { createRef as c, ref as r } from "lit/directives/ref.js";
-const w = u`: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-layer-list-new,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-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;
+import { createRef as s, ref as t } from "lit/directives/ref.js";
+const w = u`: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-layer-list-new,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-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-center-column{position:absolute;top:var(--calcite-spacing-none);left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top);::slotted(*){max-width:var(--arcgis-internal-top-max-width)}}.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-center-row{position:absolute;bottom:var(--calcite-spacing-none);left:50%;transform:translate(-50%);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-bottom:calc(var(--arcgis-internal-attribution-space-top) + var(--calcite-spacing-lg));padding-bottom:var(--arcgis-internal-layout-overlay-space-bottom)}.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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,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-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,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-layer-list-new,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;
 function y() {
   return {
-    topLeft: c(),
-    topRight: c(),
-    bottomLeft: c(),
-    bottomRight: c()
+    topCenter: s(),
+    topLeft: s(),
+    topRight: s(),
+    bottomCenter: s(),
+    bottomLeft: s(),
+    bottomRight: s()
   };
 }
 function b(o) {
-  const { direction: t, popupComponentEnabled: g = !1, handlePopupSlotChange: d, webGLErrorElement: p, popupElement: m, slotGroupRefs: s } = o;
-  return l`<div class=${e({ [a.containerElementPopupSlot]: !0 })}>${g ? l`<arcgis-popup ${r(m)}></arcgis-popup>` : null}<slot name=${i.popup} @slotchange=${d}></slot></div><div class=${e({ [a.containerElementDefaultSlot]: !0 })}>${p}<slot></slot></div><div class=${e({ [a.containerTopLeftColumn]: !0 })} ${r(s?.topLeft)}><div class=${e({ [a.containerElement]: !0, [a.containerElementTopLeft]: !0 })}><slot name=${i.topLeft}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementTopStart]: !0 })}><slot name=${(t === "ltr" ? i.topStart : i.topEnd) ?? n}></slot></div></div><div class=${e({ [a.containerTopRightColumn]: !0 })} ${r(s?.topRight)}><div class=${e({ [a.containerElement]: !0, [a.containerElementTopRight]: !0 })}><slot name=${i.topRight}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementTopEnd]: !0 })}><slot name=${(t === "ltr" ? i.topEnd : i.topStart) ?? n}></slot></div></div><div class=${e({ [a.containerBottomLeftRow]: !0 })} ${r(s?.bottomLeft)}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomLeft]: !0 })}><slot name=${i.bottomLeft}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomStart]: !0 })}><slot name=${(t === "ltr" ? i.bottomStart : i.bottomEnd) ?? n}></slot></div></div><div class=${e({ [a.containerBottomRightRow]: !0 })} ${r(s?.bottomRight)}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomRight]: !0 })}><slot name=${i.bottomRight}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomEnd]: !0 })}><slot name=${(t === "ltr" ? i.bottomEnd : i.bottomStart) ?? n}></slot></div></div>`;
+  const { direction: n, popupComponentEnabled: g = !1, handlePopupSlotChange: d, webGLErrorElement: p, popupElement: m, slotGroupRefs: r } = o;
+  return l`<div class=${e({ [a.containerElementPopupSlot]: !0 })}>${g ? l`<arcgis-popup ${t(m)}></arcgis-popup>` : null}<slot name=${i.popup} @slotchange=${d}></slot></div><div class=${e({ [a.containerElementDefaultSlot]: !0 })}>${p}<slot></slot></div><div class=${e({ [a.containerTopLeftColumn]: !0 })} ${t(r?.topLeft)}><div class=${e({ [a.containerElement]: !0, [a.containerElementTopLeft]: !0 })}><slot name=${i.topLeft}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementTopStart]: !0 })}><slot name=${(n === "ltr" ? i.topStart : i.topEnd) ?? c}></slot></div></div><div class=${e({ [a.containerTopCenterColumn]: !0 })} ${t(r?.topCenter)}><div class=${e({ [a.containerElement]: !0, [a.containerElementTopCenter]: !0 })}><slot name=${i.topCenter}></slot></div></div><div class=${e({ [a.containerTopRightColumn]: !0 })} ${t(r?.topRight)}><div class=${e({ [a.containerElement]: !0, [a.containerElementTopRight]: !0 })}><slot name=${i.topRight}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementTopEnd]: !0 })}><slot name=${(n === "ltr" ? i.topEnd : i.topStart) ?? c}></slot></div></div><div class=${e({ [a.containerBottomLeftRow]: !0 })} ${t(r?.bottomLeft)}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomLeft]: !0 })}><slot name=${i.bottomLeft}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomStart]: !0 })}><slot name=${(n === "ltr" ? i.bottomStart : i.bottomEnd) ?? c}></slot></div></div><div class=${e({ [a.containerBottomCenterRow]: !0 })} ${t(r?.bottomCenter)}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomCenter]: !0 })}><slot name=${i.bottomCenter}></slot></div></div><div class=${e({ [a.containerBottomRightRow]: !0 })} ${t(r?.bottomRight)}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomRight]: !0 })}><slot name=${i.bottomRight}></slot></div><div class=${e({ [a.containerElement]: !0, [a.containerElementBottomEnd]: !0 })}><slot name=${(n === "ltr" ? i.bottomEnd : i.bottomStart) ?? c}></slot></div></div>`;
 }
 export {
   b as S,

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

@@ -11,8 +11,8 @@ import { u as f } from "../../chunks/useView.js";
 import { g as w } from "../../chunks/globalCss.js";
 import { c as y } from "../../chunks/utils.js";
 import { c as s } from "../../chunks/goTo.js";
-const x = g`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host([visual-scale="l"]){calcite-button{width:calc(var(--calcite-spacing-xxxl) + var(--calcite-spacing-md));height:calc(var(--calcite-spacing-xxxl) + var(--calcite-spacing-md))}}:host([visual-scale="s"]){calcite-button{width:var(--calcite-spacing-xxl);height:var(--calcite-spacing-xxl)}}.root{border-radius:50%;box-shadow:var(--arcgis-internal-box-shadow, none)}.icon-container{justify-content:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.icon-container:dir(rtl){transform:translate(50%,-50%)}`;
-class b extends c {
+const b = g`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host([visual-scale="l"]){calcite-button{width:calc(var(--calcite-spacing-xxxl) + var(--calcite-spacing-md));height:calc(var(--calcite-spacing-xxxl) + var(--calcite-spacing-md))}}:host([visual-scale="s"]){calcite-button{width:var(--calcite-spacing-xxl);height:var(--calcite-spacing-xxl)}}.root{border-radius:50%;box-shadow:var(--arcgis-internal-box-shadow, none)}.icon-container{justify-content:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.icon-container:dir(rtl){transform:translate(50%,-50%)}`;
+class x extends c {
   constructor() {
     super(...arguments), this._hasInitializedOrientation = !1, this._hasInitializedState = !1, this._lastState = "disabled", this.messages = v(), this._orientation = {
       x: 0,
@@ -24,7 +24,7 @@ class b extends c {
     this.properties = { _orientation: 16, view: 0, autoDestroyDisabled: 5, canShowNorth: 32, goToOverride: 0, icon: 3, label: 1, messageOverrides: 0, orientation: 32, referenceElement: 1, state: 32, visualScale: 3 };
   }
   static {
-    this.styles = x;
+    this.styles = b;
   }
   get canShowNorth() {
     return y(this.view);
@@ -96,7 +96,7 @@ class b extends c {
 const _ = (a) => ({
   transform: `rotateZ(${a.z}deg)`
 });
-r("arcgis-compass", b);
+r("arcgis-compass", x);
 export {
-  b as ArcgisCompass
+  x as ArcgisCompass
 };