@arcgis/map-components 6.0.0-next.14 → 6.0.0-next.16

package/dist/chunks/slots.js

@@ -3,7 +3,7 @@ import { css as u, html as c } from "lit";
 import { nothing as l, safeClassMap as e } from "@arcgis/lumina";
 import { createRef as s, ref as t } from "lit/directives/ref.js";
 import { S as i, C as a } from "./resources.js";
-const y = 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-layout-overlay-center-max-width: var(--arcgis-internal-top-max-width);--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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-coordinate-conversion,arcgis-coordinate-conversion-next,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-filter-builder,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-exploratory-analysis,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-selection-list,arcgis-selection-toolbar,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,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-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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend:not([card-style-layout]),arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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}::slotted(:is(arcgis-exploratory-analysis)){width:var(--arcgis-internal-exploratory-analysis-width, fit-content);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-internal-panel-overflow: hidden;--arcgis-internal-panel-min-width: 0}.arcgis-map{position:relative;z-index: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-layout-overlay-center-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-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-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));::slotted(*){max-width:var(--arcgis-layout-overlay-center-max-width)}}.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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;
+const y = 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-layout-overlay-center-max-width: var(--arcgis-internal-top-max-width);--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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-coordinate-conversion,arcgis-coordinate-conversion-next,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-filter-builder,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-exploratory-analysis,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-selection-list,arcgis-selection-toolbar,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,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-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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend:not([card-style-layout]),arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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}::slotted(:is(arcgis-exploratory-analysis)){width:var(--arcgis-internal-exploratory-analysis-width, fit-content);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-internal-panel-overflow: hidden;--arcgis-internal-panel-min-width: 0}.arcgis-map{position:relative;z-index: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{position:absolute;top:var(--calcite-spacing-none);left:var(--calcite-spacing-none);right:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:center;height:max-content;margin-top:var(--calcite-spacing-lg);padding-top:var(--arcgis-internal-layout-overlay-space-top)}.arcgis-map-container-ui__top-left-column{position:absolute;top:100%;left:var(--calcite-spacing-none);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:var(--calcite-spacing-lg);padding-left:var(--arcgis-internal-layout-overlay-space-left);padding-right:var(--calcite-spacing-sm-plus);::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:100%;left:var(--arcgis-internal-top-center-position, 50%);transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;::slotted(*){max-width:var(--arcgis-layout-overlay-center-max-width);min-width:0}}.arcgis-map-container-ui__top-right-column{position:absolute;top:100%;right:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:flex-end;margin-right:var(--calcite-spacing-lg);padding-left:var(--calcite-spacing-sm-plus);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{max-width:calc(100% - 2 * var(--calcite-spacing-lg) - var(--arcgis-internal-layout-overlay-space-left) - var(--arcgis-internal-layout-overlay-space-right));>slot{display:flex;gap:var(--calcite-spacing-sm-plus);max-width:var(--arcgis-layout-overlay-center-max-width)}::slotted(*){min-width:0;margin-bottom:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-top-center{>slot{display:flex;gap:var(--calcite-spacing-sm-plus);max-width:var(--arcgis-internal-top-center-max-width, 100%)}}.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-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-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{position:absolute;right:var(--calcite-spacing-none);bottom:var(--calcite-spacing-none);left:var(--calcite-spacing-none);display:flex;flex-direction:column;align-items:center;height:max-content;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-left-row{position:absolute;bottom:100%;left:var(--calcite-spacing-none);display:flex;flex-direction:row;align-items:flex-end;max-width:100%;margin-left:var(--calcite-spacing-lg);padding-left:var(--arcgis-internal-layout-overlay-space-left);::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:100%;left:var(--arcgis-internal-bottom-center-position, 50%);transform:translate(-50%);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;::slotted(*){max-width:var(--arcgis-layout-overlay-center-max-width);min-width:0}}.arcgis-map-container-ui__bottom-right-row{position:absolute;bottom:100%;right:var(--calcite-spacing-none);display:flex;flex-direction:row-reverse;align-items:flex-end;max-width:100%;margin-right:var(--calcite-spacing-lg);padding-right:var(--arcgis-internal-layout-overlay-space-right);::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{max-width:calc(100% - 2 * var(--calcite-spacing-lg) - var(--arcgis-internal-layout-overlay-space-left) - var(--arcgis-internal-layout-overlay-space-right));>slot{display:flex;align-items:flex-end;gap:var(--calcite-spacing-sm-plus);max-width:var(--arcgis-layout-overlay-center-max-width)}::slotted(*){min-width:0;margin-top:var(--calcite-spacing-sm-plus)}}.arcgis-map-container-ui__element-bottom-center{>slot{display:flex;align-items:flex-end;gap:var(--calcite-spacing-sm-plus);max-width:var(--arcgis-internal-bottom-center-max-width, 100%)}}:is(.arcgis-map-container-ui__element-top,.arcgis-map-container-ui__element-top-center,.arcgis-map-container-ui__element-bottom-center,.arcgis-map-container-ui__element-bottom){::slotted(:is(arcgis-compass,arcgis-fullscreen,arcgis-home,arcgis-locate,arcgis-track,arcgis-zoom)){flex-shrink:0}}.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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,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-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-filter-builder,arcgis-layer-list,arcgis-layer-list-next,arcgis-line-of-sight,arcgis-print,arcgis-selection-list,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-utility-network-trace-analysis,arcgis-utility-network-trace-analysis,arcgis-utility-network-validate-network-topology,arcgis-version-management,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;
 function w() {
   return {
     topCenter: s(),
@@ -15,8 +15,8 @@ function w() {
   };
 }
 function b(o) {
-  const { direction: n, popupComponentEnabled: g = !1, handlePopupSlotChange: d, webGLErrorElement: p, popupElement: m, slotGroupRefs: r } = o;
-  return c`<div class=${e({ [a.containerElementPopupSlot]: !0 })}>${g ? c`<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) ?? l}></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) ?? l}></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) ?? l}></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) ?? l}></slot></div></div>`;
+  const { direction: n, popupComponentEnabled: g = !1, handlePopupSlotChange: d, webGLErrorElement: m, popupElement: p, slotGroupRefs: r } = o;
+  return c`<div class=${e({ [a.containerElementPopupSlot]: !0 })}>${g ? c`<arcgis-popup ${t(p)}></arcgis-popup>` : null}<slot name=${i.popup} @slotchange=${d}></slot></div><div class=${e({ [a.containerElementDefaultSlot]: !0 })}>${m}<slot></slot></div><div class=${e({ [a.containerTop]: !0 })}><div class=${e({ [a.containerElement]: !0, [a.containerElementTop]: !0 })}><slot name=${i.top}></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) ?? l}></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) ?? l}></slot></div></div></div><div class=${e({ [a.containerBottom]: !0 })}><div class=${e({ [a.containerElement]: !0, [a.containerElementBottom]: !0 })}><slot name=${i.bottom}></slot></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) ?? l}></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) ?? l}></slot></div></div></div>`;
 }
 export {
   b as S,

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,68 +1,68 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { html as C } from "lit";
-import { initializeProjection as R } from "@arcgis/core/applications/Components/featureUtils.js";
-import { signal as O } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { watch as u, when as A } from "@arcgis/core/core/reactiveUtils.js";
-import P from "@arcgis/core/geometry/Point.js";
-import F from "@arcgis/core/Graphic.js";
-import { GenericController as L, useDirection as G, makeController as M, makeGenericController as _ } from "@arcgis/lumina/controllers";
+import { html as R } from "lit";
+import { initializeProjection as O } from "@arcgis/core/applications/Components/featureUtils.js";
+import { signal as L } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { watch as f, when as x } from "@arcgis/core/core/reactiveUtils.js";
+import C from "@arcgis/core/geometry/Point.js";
+import A from "@arcgis/core/Graphic.js";
+import { GenericController as F, useDirection as M, makeController as G, makeGenericController as P } from "@arcgis/lumina/controllers";
 import { getSlotAssignedElements as D } from "@arcgis/toolkit/dom/slots";
-import { whenOrAbort as y } from "@arcgis/toolkit/promise";
-import { createRef as V } from "lit/directives/ref.js";
-import { c as k, S as x } from "./slots.js";
-import { i as T, t as H } from "./async-utils.js";
-import { observeAncestorsMutation as j, unsafeGetCalciteModeName as q } from "@arcgis/toolkit/dom";
-import { createEvent as S } from "@arcgis/lumina";
-async function* U(n, t) {
-  for (const e of n) {
-    const i = await y(e, t).catch(() => {
+import { whenOrAbort as S } from "@arcgis/toolkit/promise";
+import { createRef as _ } from "lit/directives/ref.js";
+import { c as V, S as k } from "./slots.js";
+import { i as U, t as z } from "./async-utils.js";
+import { observeAncestorsMutation as T, unsafeGetCalciteModeName as W } from "@arcgis/toolkit/dom";
+import { createEvent as y } from "@arcgis/lumina";
+async function* H(r, e) {
+  for (const t of r) {
+    const i = await S(t, e).catch(() => {
     });
-    if (t.aborted)
+    if (e.aborted)
       return;
-    yield* Array.isArray(i) ? i.filter((o) => o instanceof F) : [];
+    yield* Array.isArray(i) ? i.filter((o) => o instanceof A) : [];
   }
 }
-async function* v() {
+async function* w() {
   yield* [];
 }
-async function* K(n, t) {
-  await y(n, t).catch(() => {
+async function* j(r, e) {
+  await S(r, e).catch(() => {
   });
 }
-async function N(n, t, e, i) {
+async function B(r, e, t, i) {
   let o;
-  if (e instanceof P ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
-    return v();
-  const r = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
+  if (t instanceof C ? (await O(t.spatialReference, r.spatialReference), z(i.signal), o = r.toScreen(t)) : o = t, !o)
+    return w();
+  const n = Promise.withResolvers(), s = r.fetchPopupFeatures(o, {
     ...i,
-    defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
-    hitTestResolver: r
-  }) ?? v();
-  return await r.promise, a;
+    defaultPopupTemplateEnabled: e.defaultPopupTemplateEnabled,
+    hitTestResolver: n
+  }) ?? w();
+  return await n.promise, s;
 }
-function d(n, t) {
-  if (t instanceof P)
-    return t;
-  const e = "width" in t ? { x: t.x + t.width / 2, y: t.y + t.height / 2 } : t;
-  return n.toMap(e) ?? void 0;
+function g(r, e) {
+  if (e instanceof C)
+    return e;
+  const t = "width" in e ? { x: e.x + e.width / 2, y: e.y + e.height / 2 } : e;
+  return r.toMap(t) ?? void 0;
 }
-async function $(n, t, e, i) {
+async function $(r, e, t, i) {
   const o = {};
   return {
     diagnostics: o,
-    featureStream: await N(n, t, e, {
+    featureStream: await B(r, e, t, {
       diagnostics: o,
       signal: i
     }),
-    location: d(n, e)
+    location: g(r, t)
   };
 }
-class re extends L {
+class re extends F {
   //#endregion
   //#region Lifecycle
-  constructor(t) {
-    super(t), this.direction = G(), this.popupRef = V(), this._popupElement = O(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = k(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
-      const i = e.reason;
+  constructor(e) {
+    super(e), this.direction = M(), this.popupRef = _(), this.uiContainerRef = _(), this._popupElement = L(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = V(), this.attributionHeight = 0, this.#e = null, this.component.listenOn(globalThis, "unhandledrejection", (t) => {
+      const i = t.reason;
       if (i?.name === "webgl:required") {
         const { name: o } = i;
         this.webGLError = { name: o };
@@ -75,28 +75,29 @@ class re extends L {
   get popupElement() {
     return this._popupElement.value;
   }
-  set popupElement(t) {
-    this._popupElement.value = t;
+  set popupElement(e) {
+    this._popupElement.value = e;
   }
+  #e;
   //#endregion
   //#region Private Methods
   hostLifecycle() {
-    const { view: t } = this.component, e = t.focusRegionShortcutEnabled;
+    const { view: e } = this.component, t = e.focusRegionShortcutEnabled;
     return [
       ...[
-        u(() => this.component.focusRegionShortcutEnabled ?? this._focusRegionSelectionSupported, (o) => {
+        f(() => this.component.focusRegionShortcutEnabled ?? this._focusRegionSelectionSupported, (o) => {
           this.component.view.focusRegionShortcutEnabled = o;
         }, { initial: !0, sync: !0 }),
-        A(() => this.component.view.ready, () => {
+        x(() => this.component.view.ready, () => {
           this._assignDefaultPopup();
         }),
-        u(() => this.component.view.popup?.visible, (o, r) => {
-          (o || r) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
+        f(() => this.component.view.popup?.visible, (o, n) => {
+          (o || n) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
         }, { initial: !0 }),
-        u(
+        f(
           () => this.component.popupElement?.open,
-          (o, r) => {
-            r && !o && this._cancelPopupOperation();
+          (o, n) => {
+            n && !o && this._cancelPopupOperation();
           },
           // Using sync to preemptively prevent a close notification from canceling a replacement operation.
           { initial: !0, sync: !0 }
@@ -106,8 +107,8 @@ class re extends L {
           "click",
           [],
           (o) => {
-            const r = o.native;
-            o.button !== 0 || r?.ctrlKey || r?.metaKey || this._handleOpenPopup(o).catch(() => {
+            const n = o.native;
+            o.button !== 0 || n?.ctrlKey || n?.metaKey || this._handleOpenPopup(o).catch(() => {
             });
           },
           // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
@@ -116,54 +117,63 @@ class re extends L {
       ],
       {
         remove: () => {
-          t.focusRegionShortcutEnabled = e;
+          e.focusRegionShortcutEnabled = t;
         }
       }
     ];
   }
+  hostConnected() {
+    this._observeCenterSlotElements();
+  }
+  hostUpdated() {
+    this.component.el.isConnected && this._observeCenterSlotElements(), this.component.popupComponentEnabled ? this._assignDefaultPopup() : (this.popupElement === this._defaultPopupElement && (this._cancelPopupOperation(), this._maybeResetViewPopup(), this.popupElement = void 0), this._defaultPopupElement = void 0);
+  }
   hostDestroy() {
-    this._cancelPopupOperation();
+    this._cancelPopupOperation(), this._disconnectCenterSlotResizeObserver();
+  }
+  hostDisconnected() {
+    this._disconnectCenterSlotResizeObserver();
   }
-  async openPopup(t = {}) {
+  async openPopup(e = {}) {
     this._assignDefaultPopup();
-    const e = this.popupElement, i = t.location ?? e?.location, o = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!i;
+    const t = this.popupElement, i = e.location ?? t?.location, o = !!t && !e.featureStream && !e.promises?.length && !!e.fetchFeatures && !!i;
     this._cancelPopupOperation();
-    const r = new AbortController();
-    if (this._popupAbortController = r, e) {
-      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...g } = t, m = c ? d(this.component.view, c) : void 0, w = c ?? i, p = o && w ? $(this.component.view, e, w, r.signal) : null, f = p ? Promise.withResolvers() : null;
-      p && f && (p.catch(() => {
-      }), e.featureStream = K(f.promise, r.signal));
+    const n = new AbortController();
+    if (this._popupAbortController = n, t) {
+      const { fetchFeatures: s, shouldFocus: p, title: a, featureStream: c, promises: m, location: u, ...E } = e, d = u ? g(this.component.view, u) : void 0, v = u ?? i, l = o && v ? $(this.component.view, t, v, n.signal) : null, b = l ? Promise.withResolvers() : null;
+      l && b && (l.catch(() => {
+      }), t.featureStream = j(b.promise, n.signal));
       try {
-        await e.componentOnReady();
-      } catch (s) {
-        throw p && this._isCurrentPopupOperation(r) && (r.abort(), e.open = !1, await e.clear()), s;
+        await t.componentOnReady();
+      } catch (h) {
+        throw l && this._isCurrentPopupOperation(n) && (n.abort(), t.open = !1, await t.clear()), h;
       }
-      if (!this._isCurrentPopupOperation(r))
+      if (!this._isCurrentPopupOperation(n))
         return;
-      if (p)
+      if (l)
         try {
-          const s = await p;
-          if (!this._isCurrentPopupOperation(r))
+          const h = await l;
+          if (!this._isCurrentPopupOperation(n))
             return;
-          Object.assign(e, g), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
-        } catch (s) {
-          if (!T(s))
-            throw this._isCurrentPopupOperation(r) && (e.open = !1, await e.clear()), s;
+          Object.assign(t, E), a !== void 0 && (t.heading = a), await t.openFeatureStream(h);
+        } catch (h) {
+          if (!U(h))
+            throw this._isCurrentPopupOperation(n) && (t.open = !1, await t.clear()), h;
           return;
         } finally {
-          f?.resolve();
+          b?.resolve();
         }
       else
-        Object.assign(e, g), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
-          featureStream: U(b, r.signal),
-          location: m
-        }) : (e.featureStream = null, c !== void 0 && (e.location = m), e.open = !0);
-      h && this._isCurrentPopupOperation(r) && await e.setFocus();
+        Object.assign(t, E), a !== void 0 && (t.heading = a), c ? await t.openFeatureStream({ featureStream: c, location: d }) : m?.length ? await t.openFeatureStream({
+          featureStream: H(m, n.signal),
+          location: d
+        }) : (t.featureStream = null, u !== void 0 && (t.location = d), t.open = !0);
+      p && this._isCurrentPopupOperation(n) && await t.setFocus();
     } else {
-      const { location: a, ...h } = t;
+      const { location: s, ...p } = e;
       await this.component.view.openPopup({
-        ...h,
-        location: a ? d(this.component.view, a) : void 0
+        ...p,
+        location: s ? g(this.component.view, s) : void 0
       });
     }
   }
@@ -173,107 +183,149 @@ class re extends L {
   _cancelPopupOperation() {
     this._popupAbortController?.abort(), this._popupAbortController = null;
   }
-  _isCurrentPopupOperation(t) {
-    return this._popupAbortController === t && !t.signal.aborted;
+  _isCurrentPopupOperation(e) {
+    return this._popupAbortController === e && !e.signal.aborted;
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
+    this.component.popupComponentEnabled && this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
   }
-  handleAttributionHeightChange(t) {
-    if (!(this.attributionHeight === t || !this.component.el.shadowRoot)) {
-      if (this.attributionHeight = t, !this._uiContainer) {
-        const e = this.component.el.shadowRoot.querySelector(".arcgis-map-container-ui");
-        this._uiContainer = e;
-      }
-      this._uiContainer?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`);
+  handleAttributionHeightChange(e) {
+    this.attributionHeight !== e && (this.attributionHeight = e, this._getUiContainer()?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`));
+  }
+  _observeCenterSlotElements() {
+    const e = this._getUiContainer(), { topLeft: t, topRight: i, bottomLeft: o, bottomRight: n } = this.slotGroupRefs, s = [t.value, i.value, o.value, n.value];
+    if (e) {
+      this.#e ??= new ResizeObserver(() => this._updateCenterSlotMaxWidths()), this.#e.disconnect(), this.#e.observe(e);
+      for (const p of s)
+        p && this.#e.observe(p, { box: "border-box" });
+      this._updateCenterSlotMaxWidths();
     }
   }
+  _updateCenterSlotMaxWidths() {
+    const e = this._getUiContainer(), { topLeft: t, topRight: i, bottomLeft: o, bottomRight: n } = this.slotGroupRefs;
+    if (!(e && t.value && i.value && o.value && n.value))
+      return;
+    const s = e.getBoundingClientRect(), p = this._getCenterSlotLayout(s, t.value, i.value), a = this._getCenterSlotLayout(s, o.value, n.value);
+    this._setCenterSlotProperty(e, "--arcgis-internal-top-center-max-width", p.maxWidth), this._setCenterSlotProperty(e, "--arcgis-internal-top-center-position", p.position), this._setCenterSlotProperty(e, "--arcgis-internal-bottom-center-max-width", a.maxWidth), this._setCenterSlotProperty(e, "--arcgis-internal-bottom-center-position", a.position);
+  }
+  _setCenterSlotProperty(e, t, i) {
+    const o = `${i}px`;
+    e.style.getPropertyValue(t) !== o && e.style.setProperty(t, o);
+  }
+  /*
+   * Both sides occupied: reserve the larger extent on both sides so the center
+   * remains aligned with the container midpoint.
+   *
+   * |<------ side reserve ------>|<------ max width ------>|<------ side reserve ------>|
+   * | left extent | unused space |        center           | unused space | right extent |
+   *                                             ^ container midpoint
+   *
+   * One side empty: use the space between the actual extents and reposition
+   * the center within it.
+   *
+   * |<-- left extent -->|<---------------- max width ---------------->|<-- right extent -->|
+   *                     |                   center                    |
+   *                                          ^ position
+   */
+  _getCenterSlotLayout(e, t, i) {
+    const o = t.getBoundingClientRect(), n = i.getBoundingClientRect(), s = o.width > 0, p = n.width > 0, a = o.right - e.left, c = e.right - n.left, m = s && p, u = m ? Math.max(0, e.width - 2 * Math.max(a, c)) : Math.max(0, e.width - a - c);
+    return {
+      maxWidth: u,
+      position: m ? e.width / 2 : a + u / 2
+    };
+  }
+  _disconnectCenterSlotResizeObserver() {
+    this.#e?.disconnect(), this.#e = null;
+  }
+  _getUiContainer() {
+    return this.uiContainerRef.value;
+  }
   _maybeDisableViewPopup() {
     this.component.view && (this.component.popupComponentEnabled || this.popupElement) && (this.previousViewPopupEnabled ??= this.component.view.popupEnabled, this.component.view.popupEnabled = !1);
   }
   _maybeResetViewPopup() {
     this.component.view && this.previousViewPopupEnabled !== void 0 && (this.component.view.popupEnabled = this.previousViewPopupEnabled, this.previousViewPopupEnabled = void 0);
   }
-  async _handleOpenPopup(t) {
+  async _handleOpenPopup(e) {
     if (this._assignDefaultPopup(), !this.component.popupDisabled) {
       this._popupClickOpenCount++, this._maybeDisableViewPopup();
       try {
         this.popupElement && await this.openPopup({
           fetchFeatures: !0,
-          location: { x: t.x, y: t.y }
+          location: { x: e.x, y: e.y }
         });
       } finally {
         this._popupClickOpenCount--, this._popupClickOpenCount || this._maybeResetViewPopup();
       }
     }
   }
-  _handleFocusRegionSelect(t) {
+  _handleFocusRegionSelect(e) {
     this._assignDefaultPopup(), !(!this._focusRegionSelectionSupported || !this.popupElement) && queueMicrotask(() => {
-      const { focusRegion: e } = this.component.view;
-      !t.defaultPrevented && e && this.openPopup({ fetchFeatures: !0, location: e }).catch(() => {
+      const { focusRegion: t } = this.component.view;
+      !e.defaultPrevented && t && this.openPopup({ fetchFeatures: !0, location: t }).catch(() => {
       });
     });
   }
-  _handlePopupSlotChange(t) {
-    const e = D(t.target, "arcgis-popup");
-    !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
+  _handlePopupSlotChange(e) {
+    const t = D(e.target, "arcgis-popup")[0];
+    t ? this.popupElement = t : this.popupElement !== this._defaultPopupElement && (this.popupElement = void 0, this._assignDefaultPopup());
   }
   _webGLErrorAlert() {
-    return this.webGLError ? C`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? R`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
   render() {
-    return x({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return k({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (e) => this._handlePopupSlotChange(e), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function pe(n) {
-  M((t, e) => {
+function se(r) {
+  G((e, t) => {
     const i = () => {
-      if (n.attributionMode !== "auto")
+      if (r.attributionMode !== "auto")
         return;
-      const o = q(n.el);
-      n.view.attributionMode !== o && (n.view.attributionMode = o);
+      const o = W(r.el);
+      r.view.attributionMode !== o && (r.view.attributionMode = o);
     };
-    e.onLifecycle(() => (i(), j(n.el, ["class"], i))), e.onUpdate((o) => {
-      o.has("attributionMode") && n.attributionMode === "auto" && i();
+    t.onLifecycle(() => (i(), T(r.el, ["class"], i))), t.onUpdate((o) => {
+      o.has("attributionMode") && r.attributionMode === "auto" && i();
     });
   });
 }
-const se = _((n, t) => {
-  const e = S();
-  return t.onLifecycle(
-    () => u(
+const pe = P((r, e) => {
+  const t = y();
+  return e.onLifecycle(
+    () => f(
       () => {
-        const { map: i } = n;
+        const { map: i } = r;
         if (!i || i.destroyed)
           return [];
         const o = [];
-        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((r) => {
-          r.loadError && o.push(r);
+        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((n) => {
+          n.loadError && o.push(n);
         }), o;
       },
       (i) => {
-        i.length && (n.loadErrorSources = i, e.emit());
+        i.length && (r.loadErrorSources = i, t.emit());
       }
     )
-  ), e;
-}), ae = _(
-  (n, t) => {
-    const e = S();
-    return t.onLifecycle(
-      () => u(
-        () => n.view?.readyState,
+  ), t;
+}), ae = P(
+  (r, e) => {
+    const t = y();
+    return e.onLifecycle(
+      () => f(
+        () => r.view?.readyState,
         (i) => {
-          (i === "map-content-error" || i === "rendering-error") && e.emit();
+          (i === "map-content-error" || i === "rendering-error") && t.emit();
         }
       )
-    ), e;
+    ), t;
   }
 );
 export {
   re as U,
   ae as a,
-  pe as b,
-  se as u
+  se as b,
+  pe as u
 };