@arcgis/map-components 4.34.0-next.98 → 4.34.0

package/dist/chunks/slots.js

@@ -1,27 +1,43 @@
-import { html as i } from "lit";
-import { safeClassMap as o } from "@arcgis/lumina";
+import { html as n, css as l } from "lit";
+import { safeClassMap as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
-const e = "arcgis-map", t = {
-  base: e,
-  containerUI: `${e}-container-ui`,
-  containerElement: `${e}-container-ui__element`,
-  containerElementDefaultSlot: `${e}-container-ui__element-default`,
-  containerElementTopLeft: `${e}-container-ui__element-top-left`,
-  containerElementTopRight: `${e}-container-ui__element-top-right`,
-  containerElementBottomLeft: `${e}-container-ui__element-bottom-left`,
-  containerElementBottomRight: `${e}-container-ui__element-bottom-right`
-}, n = {
+v4.34.0 */
+const a = "arcgis-map", e = {
+  base: a,
+  containerUI: `${a}-container-ui`,
+  containerElement: `${a}-container-ui__element`,
+  containerElementDefaultSlot: `${a}-container-ui__element-default`,
+  containerElementPopupSlot: `${a}-container-ui__element-popup`,
+  containerTopLeftColumn: `${a}-container-ui__top-left-column`,
+  containerTopRightColumn: `${a}-container-ui__top-right-column`,
+  containerBottomLeftRow: `${a}-container-ui__bottom-left-row`,
+  containerBottomRightRow: `${a}-container-ui__bottom-right-row`,
+  containerElementTopLeft: `${a}-container-ui__element-top-left`,
+  containerElementTopRight: `${a}-container-ui__element-top-right`,
+  containerElementBottomLeft: `${a}-container-ui__element-bottom-left`,
+  containerElementBottomRight: `${a}-container-ui__element-bottom-right`,
+  containerElementTopStart: `${a}-container-ui__element-top-start`,
+  containerElementTopEnd: `${a}-container-ui__element-top-end`,
+  containerElementBottomStart: `${a}-container-ui__element-bottom-start`,
+  containerElementBottomEnd: `${a}-container-ui__element-bottom-end`
+}, t = {
   topLeft: "top-left",
   topRight: "top-right",
   bottomLeft: "bottom-left",
-  bottomRight: "bottom-right"
+  bottomRight: "bottom-right",
+  topStart: "top-start",
+  topEnd: "top-end",
+  bottomStart: "bottom-start",
+  bottomEnd: "bottom-end",
+  popup: "popup"
 };
-function a() {
-  return i`<div class=${o({ [t.containerElement]: !0, [t.containerElementDefaultSlot]: !0 })}><slot></slot></div><div class=${o({ [t.containerElement]: !0, [t.containerElementTopLeft]: !0 })}><slot name=${n.topLeft}></slot></div><div class=${o({ [t.containerElement]: !0, [t.containerElementTopRight]: !0 })}><slot name=${n.topRight}></slot></div><div class=${o({ [t.containerElement]: !0, [t.containerElementBottomLeft]: !0 })}><slot name=${n.bottomLeft}></slot></div><div class=${o({ [t.containerElement]: !0, [t.containerElementBottomRight]: !0 })}><slot name=${n.bottomRight}></slot></div>`;
+function m(r, s, c) {
+  return n`<div class=${i({ [e.containerElementPopupSlot]: !0 })}><slot name=${t.popup} @slotchange=${s}></slot></div><div class=${i({ [e.containerElementDefaultSlot]: !0 })}>${c}<slot></slot></div><div class=${i({ [e.containerTopLeftColumn]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementTopLeft]: !0 })}><slot name=${t.topLeft}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementTopStart]: !0 })}><slot name=${r === "ltr" ? t.topStart : t.topEnd}></slot></div></div><div class=${i({ [e.containerTopRightColumn]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementTopRight]: !0 })}><slot name=${t.topRight}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementTopEnd]: !0 })}><slot name=${r === "ltr" ? t.topEnd : t.topStart}></slot></div></div><div class=${i({ [e.containerBottomLeftRow]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomLeft]: !0 })}><slot name=${t.bottomLeft}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomStart]: !0 })}><slot name=${r === "ltr" ? t.bottomStart : t.bottomEnd}></slot></div></div><div class=${i({ [e.containerBottomRightRow]: !0 })}><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomRight]: !0 })}><slot name=${t.bottomRight}></slot></div><div class=${i({ [e.containerElement]: !0, [e.containerElementBottomEnd]: !0 })}><slot name=${r === "ltr" ? t.bottomEnd : t.bottomStart}></slot></div></div>`;
 }
+const d = l`: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-basemap-gallery-width-lg: 450px;--arcgis-expand-max-height: var(--calcite-spacing-xxxl);--arcgis-collapse-icon-flip: scaleX(1);--arcgis-row-direction: row;--arcgis-legend-internal-width: 300px;--arcgis-layout-overlay-space-top: 0px;--arcgis-layout-overlay-space-bottom: 0px;--arcgis-layout-overlay-space-left: 0px;--arcgis-layout-overlay-space-right: 0px;--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}::slotted(:is([closed],[closed="true"])){display:none}:dir(rtl) ::slotted(:not(arcgis-swipe)){direction:rtl}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-attachments,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-coordinate-conversion,arcgis-daylight,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-elevation-profile,arcgis-expand,arcgis-feature-form,arcgis-features,arcgis-feature-table,arcgis-fullscreen,arcgis-grid-controls,arcgis-home,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-link-chart-layout-switcher,arcgis-locate,arcgis-measurement,arcgis-navigation-toggle,arcgis-oriented-imagery-viewer,arcgis-print,arcgis-search,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-time-slider,arcgis-time-zone-label,arcgis-track,arcgis-utility-network-associations,arcgis-utility-network-trace,arcgis-utility-network-validate-topology,arcgis-version-management,arcgis-video-player,arcgis-weather,arcgis-zoom)){box-shadow:var(--arcgis-internal-box-shadow)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out;overflow-y:auto}.arcgis-map-container-ui{position:absolute;inset:var(--calcite-spacing-none);padding:var(--calcite-spacing-none);z-index:var(--calcite-z-index);pointer-events:none;background:none}.arcgis-map-container-ui__element{display:flex;flex-direction:column;pointer-events:none;width:max-content;max-width:100%}.arcgis-map-container-ui__element .esri-widget--panel{min-width:var(--arcgis-internal-panel-width)}.arcgis-map-container-ui__element-popup,.arcgis-map-container-ui__element-default{pointer-events:none;max-width:100%;position:absolute;display:block;inset:var(--calcite-spacing-none);width:100%;::slotted(:not(arcgis-swipe)){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-layout-overlay-space-top);padding-left:var(--arcgis-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-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-layout-overlay-space-top);padding-right:var(--arcgis-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-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-expand-icon-number-left: none;--arcgis-expand-icon-number-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-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-expand-icon-number-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-expand-icon-number-right: none}::slotted(arcgis-floor-filter){--arcgis-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-expand-icon-number-left: none;--arcgis-expand-icon-number-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-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-expand-icon-number-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-expand-icon-number-right: none}::slotted(arcgis-floor-filter){--arcgis-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:var(--calcite-spacing-xxxl);padding-left:var(--arcgis-layout-overlay-space-left);padding-bottom:var(--arcgis-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-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:var(--calcite-spacing-xxxl);padding-right:var(--arcgis-layout-overlay-space-right);padding-bottom:var(--arcgis-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-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-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-expand-icon-number-left: none;--arcgis-expand-icon-number-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-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-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-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-expand-icon-number-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-expand-icon-number-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-floor-filter-align-items: flex-end;--arcgis-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-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-expand-icon-number-left: none;--arcgis-expand-icon-number-right: calc(-1 * var(--calcite-spacing-xs))}::slotted(:is(arcgis-floor-filter,arcgis-expand)){--arcgis-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-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-coordinate-conversion-flex-direction: column-reverse}::slotted(arcgis-expand){--arcgis-expand-icon-number-left: calc(-1 * var(--calcite-spacing-xs));--arcgis-expand-icon-number-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-floor-filter-align-items: flex-end;--arcgis-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-expand-max-height: var(--arcgis-internal-panel-height-sm);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-sm)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-sm)}}@container arcgis-map-container (min-height: 500px){.arcgis-map-container-ui__element>*{--arcgis-expand-max-height: var(--arcgis-internal-panel-height-md);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-md)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 320px;--arcgis-internal-floor-filter-levels-max-height: 320px}}@container arcgis-map-container (min-height: 768px){.arcgis-map-container-ui__element>*{--arcgis-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-floor-filter)){--arcgis-internal-floor-filter-menu-max-height: 420px;--arcgis-internal-floor-filter-levels-max-height: 420px}}@container arcgis-map-container (min-height: 992px){.arcgis-map-container-ui__element>*{--arcgis-expand-max-height: var(--arcgis-internal-panel-height-lg);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-lg)}}@container arcgis-map-container (min-height: 1200px){.arcgis-map-container-ui__element>*{--arcgis-expand-max-height: var(--arcgis-internal-panel-height-xl);--arcgis-internal-panel-height: var(--arcgis-internal-panel-height-xl)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){max-height:var(--arcgis-internal-panel-height-xl)}}@container arcgis-map-container (min-width: 544px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 768px){::slotted(:is(arcgis-legend[card-style-layout="auto"])){--arcgis-legend-internal-width: auto}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 992px){::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}@container arcgis-map-container (min-width: 1200px){::slotted(:is(arcgis-basemap-gallery)){width:var(--arcgis-internal-basemap-gallery-width-lg)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width)}}`;
 export {
-  t as C,
-  a as s
+  e as C,
+  m as a,
+  d as s
 };

package/dist/chunks/svgUtils.js

@@ -0,0 +1,228 @@
+import { svg as a, html as H } from "lit";
+import { getBoundingBox as J, computeBBox as V, getTransformMatrix as X } from "@arcgis/core/applications/Components/svgUtils.js";
+import j from "@arcgis/core/Color.js";
+import { nothing as t, safeStyleMap as Y } from "@arcgis/lumina";
+import { p as q, t as K } from "./utils2.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0 */
+let Q = 0;
+function Z() {
+  return Q++;
+}
+let _ = 0;
+function A() {
+  return _++;
+}
+let nn = 0;
+function tn() {
+  return nn++;
+}
+const z = /* @__PURE__ */ new Map([
+  ["dash", [4, 3]],
+  ["dashdot", [4, 3, 1, 3]],
+  ["dot", [1, 3]],
+  ["longdash", [8, 3]],
+  ["longdashdot", [8, 3, 1, 3]],
+  ["longdashdotdot", [8, 3, 1, 3, 1, 3]],
+  ["shortdash", [4, 1]],
+  ["shortdashdot", [4, 1, 1, 1]],
+  ["shortdashdotdot", [4, 1, 1, 1, 1, 1]],
+  ["shortdot", [1, 1]],
+  ["solid", []]
+]), en = "http://www.w3.org/2000/svg", rn = Math.PI;
+function on(n) {
+  const { pattern: i, linearGradient: e } = n;
+  if (i)
+    return a`<pattern height=${i.height ?? t} id=${i.id ?? t} patternUnits=userSpaceOnUse width=${i.width ?? t} x=${i.x ?? 0 ?? t} y=${i.y ?? 0 ?? t}><image height=${i.image.height ?? t} href=${i.image.href ?? t} width=${i.image.width ?? t} x=${i.image.x ?? t} y=${i.image.y ?? t} /></pattern>`;
+  if (e) {
+    const r = e.stops.map((o) => a`<stop offset=${o.offset ?? t} stop-color=${o.color ?? t} />`);
+    return a`<linearGradient gradientUnits=userSpaceOnUse id=${e.id ?? t} x1=${e.x1 ?? t} x2=${e.x2 ?? t} y1=${e.y1 ?? t} y2=${e.y2 ?? t}>${r}</linearGradient>`;
+  }
+  return null;
+}
+function D(n) {
+  if (!n)
+    return { fill: "none", pattern: null, linearGradient: null };
+  if (!("type" in n))
+    return { fill: new j(n).toString(), pattern: null, linearGradient: null };
+  if (n.type === "pattern") {
+    const e = `patternId-${Z()}`;
+    return {
+      fill: `url(#${e})`,
+      pattern: {
+        id: e,
+        x: n.x,
+        y: n.y,
+        width: n.width,
+        height: n.height,
+        image: {
+          x: 0,
+          y: 0,
+          width: n.width,
+          height: n.height,
+          href: n.src
+        }
+      },
+      linearGradient: null
+    };
+  }
+  const i = `linearGradientId-${A()}`;
+  return {
+    fill: `url(#${i})`,
+    pattern: null,
+    linearGradient: {
+      id: i,
+      x1: n.x1,
+      y1: n.y1,
+      x2: n.x2,
+      y2: n.y2,
+      stops: n.colors.map((e) => ({
+        offset: e.offset,
+        color: e.color && new j(e.color).toString()
+      }))
+    }
+  };
+}
+function N(n) {
+  const i = {
+    color: "none",
+    width: 1,
+    cap: "butt",
+    join: "4",
+    dashArray: "none",
+    dashOffset: "0"
+  };
+  return n && (n.width != null && (i.width = n.width), n.cap && (i.cap = n.cap), n.join && (i.join = n.join.toString()), n.color && (i.color = new j(n.color).toString()), n.dashArray && (i.dashArray = n.dashArray), n.dashoffset && (i.dashOffset = n.dashoffset), n.style && !n.dashArray && (i.dashArray = an(n).join(",") || "none")), i;
+}
+function an(n) {
+  if (!n?.style)
+    return [];
+  const { dashArray: i, style: e, width: r } = n;
+  if (typeof i == "string" && i !== "none")
+    return i.split(",").map((l) => Number(l));
+  const o = r ?? 0, d = z.has(e) ? z.get(e).map((l) => l * o) : [];
+  if (n.cap !== "butt")
+    for (const [l, c] of d.entries())
+      d[l] = l % 2 === 1 ? c + o : Math.max(c - o, 1);
+  return d;
+}
+function ln(n) {
+  return n.map((i) => `${i.command} ${i.values.join(" ")}`).join(" ").trim();
+}
+function G(n, i) {
+  if (n == null)
+    throw new Error("value is None");
+}
+function P(n, i, e, r, o) {
+  if (n) {
+    if (n.type === "circle")
+      return a`<circle cx=${n.cx ?? t} cy=${n.cy ?? t} fill=${i ?? t} fill-rule=evenodd r=${n.r ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-dashoffset=${e.dashOffset ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    if (n.type === "ellipse")
+      return a`<ellipse cx=${n.cx ?? t} cy=${n.cy ?? t} fill=${i ?? t} fill-rule=evenodd rx=${n.rx ?? t} ry=${n.ry ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    if (n.type === "rect")
+      return a`<rect fill=${i ?? t} fill-rule=evenodd height=${n.height ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} width=${n.width ?? t} x=${n.x ?? t} y=${n.y ?? t} />`;
+    if (n.type === "image")
+      return a`<image aria-label=${o ?? "" ?? t} height=${n.height ?? t} href=${n.src ?? t} preserveAspectRatio=none width=${n.width ?? t} x=${n.x ?? t} y=${n.y ?? t} />`;
+    if (n.type === "path") {
+      const d = typeof n.path != "string" ? ln(n.path) : n.path;
+      return a`<path d=${d ?? t} fill=${i ?? t} fill-rule=evenodd stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} />`;
+    }
+    if (n.type === "text")
+      return G(r), a`<text dominant-baseline=${(r.dominantBaseline === "inherit" || r.dominantBaseline === "alphabetic" || r.dominantBaseline === "auto" || r.dominantBaseline === "central" || r.dominantBaseline === "hanging" || r.dominantBaseline === "ideographic" || r.dominantBaseline === "mathematical" || r.dominantBaseline === "middle" || r.dominantBaseline === "text-bottom" || r.dominantBaseline === "text-top" ? r.dominantBaseline : void 0) ?? t} fill=${i ?? t} fill-rule=evenodd font-family=${r.font.family ?? t} font-size=${r.font.size ?? t} font-style=${r.font.style ?? t} font-variant=${r.font.variant ?? t} font-weight=${r.font.weight ?? t} kerning=${r.kerning ?? t} rotate=${r.rotate ?? t} stroke=${e.color ?? t} stroke-dasharray=${e.dashArray ?? void 0 ?? t} stroke-linecap=${e.cap ?? t} stroke-linejoin=${e.join ?? t} stroke-miterlimit=4 stroke-width=${e.width ?? t} text-anchor=${(r.align === "inherit" || r.align === "middle" || r.align === "end" || r.align === "start" ? r.align : void 0) ?? t} text-decoration=${(r.decoration === "inherit" || r.decoration === "none" || r.decoration === "blink" || r.decoration === "line-through" || r.decoration === "overline" || r.decoration === "underline" ? r.decoration : void 0) ?? t} text-rendering=auto x=${n.x ?? t} y=${n.y ?? t}>${n.text}</text>`;
+  }
+  return null;
+}
+function sn(n, i, e) {
+  const r = U(n);
+  if (!r)
+    return null;
+  const { strength: o, radius: d } = r, l = o > 0 ? d : 0, c = 5 ** (i / 100) * (0.4 + i / 100), h = (o + l * 0.5) * c, u = (o + l) * i, f = o * 4 + 1;
+  return a`<filter filterUnits=userSpaceOnUse height=300% .id=${`bloom${e}`} width=300% x=-100% y=-100%><feMorphology in=SourceGraphic operator=dilate radius=${h ?? t} result=dilate /><feGaussianBlur in=dilate result=blur stdDeviation=${u / 25} /><feGaussianBlur in=blur result=intensityBlur stdDeviation=${u / 50} /><feComponentTransfer in=SourceGraphic result=intensityBrightness><feFuncR slope=${f ?? t} type=linear /><feFuncG slope=${f ?? t} type=linear /><feFuncB slope=${f ?? t} type=linear /></feComponentTransfer><feMerge><feMergeNode in=intensityBlur /><feMergeNode in=intensityBrightness /><feGaussianBlur stdDeviation=${o / 10} /></feMerge></filter>`;
+}
+function w(n, i) {
+  const e = n * (rn / 180);
+  return Math.abs(i * Math.sin(e)) + Math.abs(i * Math.cos(e));
+}
+function R(n, i) {
+  const e = {
+    align: null,
+    decoration: null,
+    kerning: null,
+    rotate: null,
+    font: {
+      style: null,
+      variant: null,
+      weight: null,
+      size: null,
+      family: null
+    }
+  };
+  if (n) {
+    const r = n.alignBaseline, o = r === "baseline" ? "auto" : r === "top" ? "text-top" : r === "bottom" ? "hanging" : r;
+    e.align = n.align, e.dominantBaseline = o, e.decoration = n.decoration, e.kerning = n.kerning ? "auto" : "0", e.rotate = n.rotated ? "90" : "0", G(i), e.font.style = i.style || "normal", e.font.variant = i.variant || "normal", e.font.weight = i.weight || "normal", e.font.size = i.size?.toString() || "10pt", e.font.family = i.family || "serif";
+  }
+  return e;
+}
+function dn(n, i) {
+  if (!n || n.length === 0)
+    return null;
+  const e = [];
+  for (const r of n) {
+    const { shape: o, fill: d, stroke: l, font: c } = r, h = D(d), u = N(l), f = o.type === "text" ? R(o, c) : null, v = P(o, h.fill, u, f);
+    v && e.push(v);
+  }
+  return a`<mask id=${i ?? t} maskUnits=userSpaceOnUse><g>${e}</g></mask>`;
+}
+function U(n) {
+  const i = n?.match(/bloom\(\s*([^\s]+)\s+([^\s]+)\s+([^\s]+)\s*\)/iu);
+  if (!i)
+    return null;
+  const [, e, r, o] = i;
+  return {
+    strength: Number(e),
+    radius: q(K(r)),
+    threshold: Number(o)
+  };
+}
+function $n(n, i, e, r = {}) {
+  const o = [], d = [], l = tn(), c = sn(r.cssEffectFilter, i, l);
+  let h = null;
+  if (c) {
+    const s = U(r.cssEffectFilter), g = r.clipBloomEffect || !s?.strength ? 0 : (s.strength + s.radius / 2) / 3, m = i + i * g, y = e + e * g;
+    h = [Math.max(m, 10), Math.max(y, 10)];
+  }
+  let u = i, f = e;
+  if (r.useRotationSize)
+    for (let s = 0; s < n.length; s++) {
+      const g = r.rotations?.[s] ?? 0;
+      u = Math.max(w(g, i), u), f = Math.max(w(g, e), f);
+    }
+  for (let s = 0; s < n.length; s++) {
+    const g = n[s], m = [], y = [];
+    let k = 0, b = 0, B = 0;
+    for (const p of g) {
+      const { shape: $, fill: T, stroke: F, font: W, offset: M } = p;
+      !r.ignoreStrokeWidth && $.type !== "text" && (k += F?.width || 0);
+      const O = D(T), C = N(F), E = $.type === "text" ? R($, W) : null;
+      o.push(on(O)), m.push(P($, O.fill, C, E, r.ariaLabel)), y.push(J($)), M && (b += M[0], B += M[1]);
+    }
+    const x = r.rotations?.[s] ?? 0;
+    r.useRotationSize && (b += (u - w(x, i)) / 2, B += (f - w(x, e)) / 2);
+    const L = V(y), I = X(L, i, e, k, r.scale ?? !1, x, r.useRotationSize ?? !1, [b, B], h);
+    let S = null;
+    if (r.masking) {
+      const p = `mask-${s}`, $ = r.masking[s];
+      o.push(dn($, p)), S = `url(#${p})`;
+    }
+    d.push(S ? a`<g mask=${S ?? t}><g transform=${I ?? t}>${m}</g></g>` : a`<g transform=${I ?? t}>${m}</g>`);
+  }
+  return c && (G(h), u = h[0], f = h[1]), H`<svg aria-label=${r.ariaLabel ?? t} height=${f ?? t} role=img style=${Y("display: block;")} width=${u ?? t} xmlns=${en}>${a`${c}<defs>${o}</defs>${c ? a`<g filter=${`url(#bloom${l})`}>${d}</g>` : d}`}</svg>`;
+}
+export {
+  P as a,
+  N as b,
+  $n as c,
+  D as g,
+  on as r
+};

package/dist/chunks/univariateUtils.js

@@ -0,0 +1,101 @@
+import { html as h, svg as b } from "lit";
+import { renderColorRampPreviewHTML as C } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { renderElement as E, safeClassMap as $, safeStyleMap as p } from "@arcgis/lumina";
+import { p as d, s as I, g as M } from "./utils2.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0 */
+const w = 10, z = 20, u = 10, g = 20, S = {
+  // univariate above-and-below
+  univariateAboveAndBelowSymbol: "arcgis-univariate-above-and-below-ramp__symbol",
+  colorRamp: "arcgis-legend__color-ramp"
+};
+function v(o) {
+  return typeof o == "number";
+}
+function P(o = "vertical") {
+  const e = "stroke:rgb(200, 200, 200);stroke-width:1";
+  return o === "vertical" ? h`<svg height=4 width=10>${b`<line style=${p(e)} x1=0 x2=10 y1=2 y2=2 />`}</svg>` : h`<svg height=10 width=10>${b`<line style=${p(e)} x1=5 x2=5 y1=0 y2=10 />`}</svg>`;
+}
+function L(o, e = "vertical") {
+  const s = {
+    height: `${z}px`,
+    opacity: o?.toString()
+  };
+  return h`<div class=${$(S.univariateAboveAndBelowSymbol)} style=${p(s)}>${P(e)}</div>`;
+}
+function y(o, e, s, a = "vertical", t) {
+  o.infos.forEach((i, n) => {
+    if (t && n === 2) {
+      i.preview = E(L(s, a));
+      return;
+    } else {
+      const l = (v(i.size) ? d(i.size) : 0) + (a === "horizontal" ? g : u), f = i.preview, c = f?.tagName.toLowerCase() === "div", r = c ? f : document.createElement("div");
+      r.className = S.univariateAboveAndBelowSymbol, a === "horizontal" ? r.style.width = `${l}px` : r.style.height = `${l}px`, !c && f && r.appendChild(f), I(r, M(e, i.label)), i.preview = r;
+    }
+  });
+}
+function H(o, e = "classic") {
+  const s = o.infos, a = s.at(0), t = s.at(-1), i = v(a.size) ? d(a.size) : 0, n = v(t.size) ? d(t.size) : 0;
+  return e === "classic" ? (i + u) / 2 : (i - n) / 2;
+}
+function k(o, e) {
+  if (!o)
+    return null;
+  const s = o.infos.map((t) => t.color), a = C(
+    e.type === "full" ? s : e.type === "above" ? s.slice(0, 3) : s.slice(2, 5),
+    // Last 3 colors
+    {
+      width: e.width ?? void 0,
+      height: e.height ?? void 0,
+      align: e.rampAlignment,
+      cssEffectFilter: e.cssEffectFilter,
+      ariaLabel: e.ariaLabel ?? void 0
+    }
+  );
+  return a.className = S.colorRamp, e.opacity != null && (a.style.opacity = e.opacity.toString()), a;
+}
+function U(o, e, s, a = "vertical") {
+  let t = 0;
+  const i = o.infos, n = Math.floor(i.length / 2), l = e === "full" || e === "above" ? 0 : n, f = e === "full" || e === "below" ? i.length - 1 : n;
+  for (let c = l; c <= f; c++)
+    if (s && c === n)
+      t += a === "horizontal" ? w : z;
+    else {
+      const r = i[c].size, m = (v(r) ? d(r) : 0) + (a === "horizontal" ? g : u);
+      t += m;
+    }
+  return Math.round(t);
+}
+function D(o, e, s, a = "vertical") {
+  const t = U(o, e, s, a), i = o.infos, n = Math.floor(i.length / 2), l = e === "full" || e === "above" ? 0 : n, f = e === "full" || e === "below" ? i.length - 1 : n, c = v(i[l].size) ? i[l].size : 0, r = v(i[f].size) ? i[f].size : 0, m = e === "full" ? c + r : e === "above" ? c : r, x = s ? a === "vertical" ? z : w : 0, R = a === "vertical" ? u * (e === "full" ? 2 : 1) : g * (e === "full" ? 2 : 1);
+  return Math.round(t - (d(m) / 2 + x / 2 + R / 2));
+}
+function F(o, e, s, a = "vertical") {
+  const t = o.infos;
+  let i = t.find(({ type: l }) => l === "size-ramp"), n = t.find(({ type: l }) => l === "color-ramp");
+  return i && (i = { ...i }, i.infos = [...i.infos], y(i, e, s, a, !0)), n && (n = { ...n }, n.infos = [...n.infos]), a === "horizontal" && (i?.infos.reverse(), n?.infos.reverse()), { sizeRampElement: i, colorRampElement: n };
+}
+function T(o, e, s = "vertical") {
+  const a = o.infos;
+  let t = a.find(({ type: n }) => n === "size-ramp"), i = a.find(({ type: n }) => n === "color-ramp");
+  return t && (t = { ...t }, t.infos = [...t.infos], y(t, e, null, s, !1)), i && (i = { ...i }, i.infos = [...i.infos]), s === "horizontal" && (t?.infos.reverse(), i?.infos.reverse()), { sizeRampElement: t, colorRampElement: i };
+}
+const W = { marginLeft: "3px" }, j = {
+  display: "table-cell",
+  verticalAlign: "middle"
+}, q = {
+  display: "flex",
+  alignItems: "flex-start"
+};
+export {
+  H as a,
+  D as b,
+  k as c,
+  W as d,
+  j as e,
+  F as f,
+  T as g,
+  U as h,
+  q as u
+};

package/dist/chunks/useArcgisViewReadyError.js

@@ -0,0 +1,91 @@
+import { html as a } from "lit";
+import { when as c, watch as p } from "@arcgis/core/core/reactiveUtils.js";
+import { GenericController as u, useDirection as h, makeGenericController as n } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as f } from "@arcgis/toolkit/dom";
+import { a as d } from "./slots.js";
+import { createEvent as l } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0 */
+class R extends u {
+  //#endregion
+  //#region Lifecycle
+  constructor(o) {
+    super(o), this.direction = h(), this.component.listen("arcgisViewClick", (r) => {
+      this._handleOpenPopup(r.detail);
+    }), this.component.listenOn(globalThis, "unhandledrejection", (r) => {
+      if (r.reason?.name === "webgl:required") {
+        const { name: e } = r.reason;
+        this.webGLError = { name: e };
+      }
+    });
+  }
+  //#endregion
+  //#region Private Methods
+  hostLifecycle() {
+    return c(() => this.component.view.popup?.visible, () => {
+      this.popupRef?.visible && (this.popupRef.visible = !1);
+    });
+  }
+  openPopup(o) {
+    this.popupRef ? this.popupRef.open(o) : this.component.view.openPopup(o);
+  }
+  closePopup() {
+    this.popupRef ? this.popupRef.visible = !1 : this.component.view.closePopup();
+  }
+  async _handleOpenPopup(o) {
+    if (this.popupRef && !this.component.popupDisabled) {
+      o.stopPropagation();
+      const { location: r, promises: e } = await this.popupRef?.handleViewClick(o);
+      e?.length && (this.component.view.closePopup(), this.popupRef?.open({ location: r, promises: e }));
+    }
+  }
+  _handlePopupSlotChange(o) {
+    const r = f(o.target, "arcgis-popup");
+    !this.popupRef && r.length ? this.popupRef = r[0] : r.length || (this.popupRef = void 0);
+  }
+  _webGLErrorAlert() {
+    return this.webGLError ? a`<calcite-alert icon=x-octagon kind=danger open .label=${this.webGLError.name}><div slot=title>Unable to display map. WebGL2 support is required.</div><div slot=message>Ensure that your browser and hardware meet the minimum requirements.</div><calcite-link slot=link href=https://esriurl.com/webgl-faq>https://esriurl.com/webgl-faq</calcite-link></calcite-alert>` : null;
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    return d(this.direction, (o) => this._handlePopupSlotChange(o), this._webGLErrorAlert());
+  }
+}
+const L = n((t, o) => {
+  const r = l();
+  return o.onLifecycle(
+    () => p(
+      () => {
+        const { map: e } = t;
+        if (!e || e.destroyed)
+          return [];
+        const i = [];
+        return e.loadError && i.push(e), e.basemap?.loadError && i.push(e.basemap), e.ground.loadError && i.push(e.ground), [...e.allLayers, ...e.allTables].forEach((s) => {
+          s.loadError && i.push(s);
+        }), i;
+      },
+      (e) => {
+        e.length && (t.loadErrorSources = e, r.emit());
+      }
+    )
+  ), r;
+}), y = n(
+  (t, o) => {
+    const r = l();
+    return o.onLifecycle(
+      () => p(
+        () => t.view?.readyState,
+        (e) => {
+          (e === "map-content-error" || e === "rendering-error") && r.emit();
+        }
+      )
+    ), r;
+  }
+);
+export {
+  R as U,
+  y as a,
+  L as u
+};

package/dist/chunks/useHandles.js

@@ -1,7 +1,7 @@
 import { toFunction as i, Controller as n } from "@arcgis/lumina/controllers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
+v4.34.0 */
 class o {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
+v4.34.0 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -1,61 +1,40 @@
-import { proxyExports as h, GenericController as c } from "@arcgis/lumina/controllers";
-import * as l from "@arcgis/core/core/reactiveUtils.js";
-import { signal as a } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { a as i } from "./component-utils.js";
+import { proxyExports as i, GenericController as s } from "@arcgis/lumina/controllers";
+import { a as t } from "./component-utils.js";
+import * as r from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
-const v = (s) => m(s);
-class d extends c {
-  #e = a(void 0);
-  #o = void 0;
-  #t = !1;
+v4.34.0 */
+const p = (o) => l(o);
+class c extends s {
+  #e;
   constructor(e) {
-    super(e);
-    const { el: t } = e, n = t.view;
-    this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
-      get: () => this.#e.value,
-      set: (o) => {
-        if (this.exports === o)
-          return;
-        const r = t.view;
-        this.#e.value = o, this.exports = o, this.component.requestUpdate("view", r), this.#i();
-      },
-      configurable: !0,
-      enumerable: !0
-    }), e !== t && Object.defineProperty(e, "view", {
-      get: () => t.view,
-      set: (o) => {
-        t.view = o;
-      }
-    }), queueMicrotask(() => n ? t.view = n : 0);
+    super(e), this.setProvisionalExports(void 0);
   }
   hostConnected() {
-    this.component.manager.hasDestroy && (this.#o ??= l.when(
-      () => this.#e.value?.destroyed,
-      () => void this.component.destroy?.().catch(console.error),
-      { sync: !0 }
-    ), this.onDestroy(() => this.#o?.remove())), this.component.manager.loadedCalled && i(this.component);
+    this.component.manager.loadedCalled && t(this.component);
   }
   hostLoad() {
     this.component.manager.destroyed;
   }
   hostLoaded() {
-    const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem ??= t, this.#t = !0, this.#i(), e.isConnected && i(this.component);
+    const { el: e } = this.component, n = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
+    e.childElem ??= n, this.#e = r.when(
+      () => this.component.view != null,
+      () => {
+        this.component.arcgisReady.emit();
+      },
+      { once: !0, initial: !0, sync: !0 }
+    ), e.isConnected && t(this.component);
   }
   hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this.#e.value?.ui?.remove(this.component.el.childElem);
+    typeof this.component.el.childElem == "object" && this.component.view?.ui?.remove(this.component.el.childElem), this.#e?.remove();
   }
   hostUpdate(e) {
-    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && i(this.component), e.has("referenceElement") && i(this.component);
-  }
-  #i() {
-    !this.#t || this.#e.value == null || (this.#t = !1, this.component.arcgisReady.emit());
+    e.has("position") && this.component.el.childElem != null && typeof this.component.position == "string" && t(this.component), e.has("referenceElement") && t(this.component);
   }
 }
-const m = h(d);
+const l = i(c);
 export {
-  d as V,
-  v as u
+  c as V,
+  p as u
 };

package/dist/chunks/useViewModel.js

@@ -5,7 +5,7 @@ import { V as m } from "./useView.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
+v4.34.0 */
 const v = (t, o) => (e) => a(e, t);
 class r extends i {
   #o = void 0;

package/dist/chunks/useWidget.js

@@ -5,7 +5,7 @@ import { V as g } from "./useView.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.98 */
+v4.34.0 */
 const I = (d, e) => (t) => C(t, d);
 class p extends b {
   #o = /* @__PURE__ */ new Map();