@arcgis/map-components 5.1.0-next.25 → 5.1.0-next.27

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

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as v } from "../../chunks/runtime.js";
-import { css as g, html as c } from "lit";
+import { css as g, html as h } from "lit";
 import { useDirection as u } from "@arcgis/lumina/controllers";
-import { LitElement as S, createEvent as m, nothing as h } from "@arcgis/lumina";
+import { LitElement as S, createEvent as m, nothing as a } from "@arcgis/lumina";
 import { u as b } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 import { property as d, subclass as y } from "@arcgis/core/core/accessorSupport/decorators.js";
@@ -12,8 +12,8 @@ import { ignoreAbortErrors as x } from "@arcgis/core/core/promiseUtils.js";
 import { on as I, watch as _ } from "@arcgis/core/core/reactiveUtils.js";
 const E = g`:host{width:100%;height:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);display:flex}p{padding:0;margin:0}.root{--internal-attribution-height: 16px;pointer-events:auto;display:flex;align-items:center;gap:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);box-shadow:var(--arcgis-internal-box-shadow);align-self:flex-end;margin-block:auto calc(var(--calcite-spacing-fixed-xl) + var(--internal-attribution-height));margin-inline-start:var(--calcite-spacing-fixed-xl)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-spacing-base);min-width:64px}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}`;
 var M = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (e, t, i, l) => {
-  for (var n = l > 1 ? void 0 : l ? A(t, i) : t, a = e.length - 1, o; a >= 0; a--)
-    (o = e[a]) && (n = (l ? o(t, i, n) : o(n)) || n);
+  for (var n = l > 1 ? void 0 : l ? A(t, i) : t, c = e.length - 1, o; c >= 0; c--)
+    (o = e[c]) && (n = (l ? o(t, i, n) : o(n)) || n);
   return l && n && M(t, i, n), n;
 };
 let s = class extends f {
@@ -160,11 +160,11 @@ class P extends S {
   }
   render() {
     const t = this.viewModel.lastSlideSelected && !this.viewModel.hasOnlyOneSlide, i = this._direction === "rtl", l = i ? "chevron-right" : "chevron-left", n = i ? "chevron-left" : "chevron-right";
-    return this.viewModel.visibleSlides.length === 0 ? c`<div></div>` : c`<div class="root"><calcite-button appearance=transparent icon-start=${l} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? h} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${t ? "reset" : n} kind=neutral .scale=${this.scale} .label=${t ? this._messages.restart : this._messages.next} title=${(t ? this._messages.restart : this._messages.next) ?? h} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
+    return this.viewModel.visibleSlides.length === 0 ? h`<div></div>` : h`<div class="root"><calcite-button appearance=transparent icon-start=${l ?? a} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? a} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${(t ? "reset" : n) ?? a} kind=neutral .scale=${this.scale} .label=${t ? this._messages.restart : this._messages.next} title=${(t ? this._messages.restart : this._messages.next) ?? a} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
   }
   _renderSlideCounter() {
     const t = this.viewModel.slideIndex + 1, i = this._messages?.slideNavAriaText?.replace("${index}", t.toString()).replace("${numberOfSlides}", this.viewModel.visibleSlides.length.toString());
-    return this.viewModel.slideSelected ? c`<p role=banner aria-label=${i ?? h} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${t}</div><div class="slide-counter-text-element">/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides.length}</p></p>` : c`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides?.length} ${this._messages?.slides}</p>`;
+    return this.viewModel.slideSelected ? h`<p role=banner aria-label=${i ?? a} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${t}</div><div class="slide-counter-text-element">/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides.length}</p></p>` : h`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides?.length} ${this._messages?.slides}</p>`;
   }
 }
 v("arcgis-presentation", P);

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

@@ -7,7 +7,7 @@ import v from "@arcgis/core/geometry/Point.js";
 import g from "@arcgis/core/views/SceneView.js";
 import u from "@arcgis/core/WebScene.js";
 import { LitElement as d, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
-import { makeAccessorController as w, reEmitEvent as t, reCreateAccessor as y } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as t, reCreateAccessor as y, makeAccessorController as w } from "@arcgis/lumina/controllers/accessor";
 import { createRef as o, ref as h } from "lit/directives/ref.js";
 import { U as f, u as b, a as V } from "../../chunks/useArcgisViewReadyError.js";
 import { s as C } from "../../chunks/esri-main.js";

package/dist/components/arcgis-sketch/customElement.d.ts

@@ -359,6 +359,14 @@ export abstract class ArcgisSketch extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * Determines the size of component elements.
+   *
+   * @deprecated since 5.0, use `element.visualScale` instead.
+   * @default "m"
+   * @since 4.32
+   */
+  accessor scale: Button["scale"];
   /**
    * Indicates whether to display the freehandPolygon tool.
    *

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

@@ -14,7 +14,7 @@ class m extends n {
     super(), this._visualScale = "m", this.widget = b(this), this.viewModel = this.widget.viewModel, this._defaultGraphicsLayer = null, this.view = this.widget.view, this.activeTool = this.widget.activeTool, this.autoDestroyDisabled = !1, this.availableCreateTools = this.widget.availableCreateTools, this.createGraphic = this.widget.createGraphic, this.creationMode = this.widget.creationMode, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.widget.defaultUpdateOptions, this.hideCreateToolsCircle = this.widget.visibleElements.createTools.circle, this.hideCreateToolsMultipoint = this.widget.visibleElements.createTools.multipoint, this.hideCreateToolsPoint = this.widget.visibleElements.createTools.point, this.hideCreateToolsPolygon = this.widget.visibleElements.createTools.polygon, this.hideCreateToolsPolyline = this.widget.visibleElements.createTools.polyline, this.hideCreateToolsRectangle = this.widget.visibleElements.createTools.rectangle, this.hideDuplicateButton = this.widget.visibleElements.duplicateButton, this.hideDeleteButton = this.widget.visibleElements.deleteButton, this.hideSelectionCountLabel = this.widget.visibleElements.selectionCountLabel, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSelectionToolsLassoSelection = this.widget.visibleElements.selectionTools["lasso-selection"], this.hideSelectionToolsRectangleSelection = this.widget.visibleElements.selectionTools["rectangle-selection"], this.hideSettingsMenu = this.widget.visibleElements.settingsMenu, this.hideSnappingControls = this.widget.visibleElements.snappingControls, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.hideUndoRedoMenu = this.widget.visibleElements.undoRedoMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layer = this.widget.layer, this.layout = this.widget.layout, this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.showCreateToolsFreehandPolygon = this.widget.visibleElements.createTools.freehandPolygon, this.showCreateToolsFreehandPolyline = this.widget.visibleElements.createTools.freehandPolyline, this.showCreateToolsText = this.widget.visibleElements.createTools.text, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.textSymbol = this.viewModel.textSymbol, this.toolbarKind = this.widget.toolbarKind, this.tooltipOptions = this.widget.tooltipOptions, this.useLegacyCreateTools = this.viewModel.useLegacyCreateTools, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = o(() => this.widget, "create"), this.arcgisDelete = o(() => this.widget, "delete"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = c(), this.arcgisRedo = o(() => this.widget, "redo"), this.arcgisUndo = o(() => this.widget, "undo"), this.arcgisUpdate = o(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
   }
   static {
-    this.properties = { view: 0, activeTool: 35, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 32, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsMultipoint: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideDeleteButton: 5, hideSelectionCountLabel: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, referenceElement: 1, visualScale: 1, showSnappingControlsElementsHeader: 5, showCreateToolsFreehandPolygon: 5, showCreateToolsFreehandPolyline: 5, showCreateToolsText: 5, snappingOptions: 0, state: 32, textSymbol: 0, toolbarKind: 1, tooltipOptions: 0, useLegacyCreateTools: 5, updateGraphics: 32 };
+    this.properties = { view: 0, activeTool: 35, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 32, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsMultipoint: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideDeleteButton: 5, hideSelectionCountLabel: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, referenceElement: 1, scale: 1, visualScale: 1, showSnappingControlsElementsHeader: 5, showCreateToolsFreehandPolygon: 5, showCreateToolsFreehandPolyline: 5, showCreateToolsText: 5, snappingOptions: 0, state: 32, textSymbol: 0, toolbarKind: 1, tooltipOptions: 0, useLegacyCreateTools: 5, updateGraphics: 32 };
   }
   static {
     this.styles = h;

package/dist/components/arcgis-utility-network-aggregated-geometry/customElement.js

@@ -10,11 +10,11 @@ import { LitElement as w, createEvent as _, nothing as f } from "@arcgis/lumina"
 import { log as s, composeMissingPropertyMessage as a } from "@arcgis/toolkit/log";
 import { css as G, html as u } from "lit";
 import { u as L } from "../../chunks/useT9n.js";
-import { i as v, a as h } from "../../chunks/layer-utils.js";
-const b = G`.loader-container{display:flex;justify-content:center;padding-bottom:var(--calcite-spacing-md)}`, o = 12;
+import { i as v, a as o } from "../../chunks/layer-utils.js";
+const b = G`.loader-container{display:flex;justify-content:center;padding-bottom:var(--calcite-spacing-md)}`, h = 12;
 class S extends w {
   constructor() {
-    super(...arguments), this._graphicsLayerName = `arcgis-utility-network-aggregated-geometry-${Date.now()}`, this._messages = L({ blocking: !0 }), this._graphics = [], this._addAggregatedGeometryToView = () => {
+    super(...arguments), this._graphicsLayerName = "arcgis-utility-network-aggregated-geometry-graphics", this._messages = L({ blocking: !0 }), this._graphics = [], this._addAggregatedGeometryToView = () => {
       const e = this.geometry, { line: i, multipoint: r, polygon: c } = e;
       this._graphics = [i, r, c].filter((t) => t != null).map((t) => this._makeGraphicFromGeometry(t)), this._graphicsLayer.addMany(this._graphics);
     }, this._createGraphicsLayer = () => {
@@ -27,7 +27,7 @@ class S extends w {
         id: i,
         listMode: "hide",
         title: i
-      }), h(this.view, this._graphicsLayer);
+      }), o(this.view, this._graphicsLayer);
     }, this.hideGraphics = !1, this.graphicsColor = new p([255, 255, 0, 0.6]), this.autoDestroyDisabled = !1, this.arcgisHideGraphicsChange = _();
   }
   static {
@@ -40,7 +40,7 @@ class S extends w {
     this.view?.map && this._graphicsLayer && this.view.map.remove(this._graphicsLayer), await this.manager.destroy();
   }
   connectedCallback() {
-    super.connectedCallback(), this.view && this._graphicsLayer && h(this.view, this._graphicsLayer);
+    super.connectedCallback(), this.view && this._graphicsLayer && o(this.view, this._graphicsLayer);
   }
   load() {
     !this.geometry || !this.view?.map || this._createGraphicsLayer();
@@ -69,7 +69,7 @@ class S extends w {
       case "multipoint":
         return new d({
           color: i,
-          size: o,
+          size: h,
           outline: {
             color: i,
             width: 0
@@ -80,13 +80,13 @@ class S extends w {
           color: i,
           outline: {
             color: i,
-            width: o
+            width: h
           }
         });
       case "polyline":
         return new n({
           color: i,
-          width: o
+          width: h
         });
     }
   }

package/dist/components/arcgis-utility-network-trace-inputs/customElement.js

@@ -14,12 +14,12 @@ import y from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSourc
 import $ from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
 import { LitElement as v, createEvent as d } from "@arcgis/lumina";
 import { usePropertyChange as E } from "@arcgis/lumina/controllers";
-import { log as u, composeMissingPropertyMessage as F, composeEmptyPropertyMessage as P } from "@arcgis/toolkit/log";
-import { css as I, html as s } from "lit";
+import { log as u, composeMissingPropertyMessage as F, composeEmptyPropertyMessage as I } from "@arcgis/toolkit/log";
+import { css as P, html as s } from "lit";
 import { u as U } from "../../chunks/useT9n.js";
 import { h as w } from "../../chunks/feature-utils.js";
 import { a as A, i as b } from "../../chunks/layer-utils.js";
-const D = I`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-select,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-block calcite-label:last-child{--calcite-label-margin-bottom: 0}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, p = `utility-network-trace-inputs-sketch-${Date.now()}`, n = `utility-network-trace-inputs-flags-${Date.now()}`, M = 20;
+const D = P`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-select,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-block calcite-label:last-child{--calcite-label-margin-bottom: 0}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, p = `utility-network-trace-inputs-sketch-${Date.now()}`, n = `utility-network-trace-inputs-flags-${Date.now()}`, M = 20;
 class B extends v {
   constructor() {
     super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = U({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new l(), this._barriers = new l(), this._stoppingPoints = new l(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
@@ -68,6 +68,10 @@ class B extends v {
     const e = this.selectedNamedTraceConfiguration?.traceType;
     return e === "path" || e === "circuit";
   }
+  get _subnetworkLayerIds() {
+    const e = this.selectedUtilityNetwork?.dataElement?.domainNetworks;
+    return e ? e.map((t) => t.subnetworkLayerId).filter((t) => t != null && t > -1) : [];
+  }
   get unTraceConfiguration() {
     return this._unTraceConfiguration;
   }
@@ -212,12 +216,12 @@ class B extends v {
   }
   _filterUnLayers() {
     const { selectedUtilityNetwork: e } = this;
-    this._unLayers = new l(this._allLayers.filter((t) => e?.isUtilityLayer(t))), this._setSnappingOption();
+    this._unLayers = new l(this._allLayers.filter((t) => e?.isUtilityLayer(t) && !this._subnetworkLayerIds.includes(t.layerId))), this._setSnappingOption();
   }
   _handleUtilityNetworksChange() {
     const { utilityNetworks: e } = this;
     if (!e || e.length === 0) {
-      this._state = "error", u("error", this, P("utilityNetworks"));
+      this._state = "error", u("error", this, I("utilityNetworks"));
       return;
     }
     (!this.selectedUtilityNetwork || !e.includes(this.selectedUtilityNetwork)) && (this.selectedUtilityNetwork = e.at(0));

package/dist/components/arcgis-utility-network-trace-results/customElement.js

@@ -170,7 +170,7 @@ class E extends F {
     return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}${s != null ? this._renderAggregatedGeometry(s) : null}${s != null && !t.length ? this._renderNoSelectableResults() : null}${t.length > 0 ? this.hideFeatureResults ? this._renderFeaturesAreHidden() : this._renderElementsResults() : null}${a.length > 0 ? this._renderFunctionsResults(a) : null}</calcite-panel>`;
   }
   _renderAggregatedGeometry(e) {
-    return r`<div class="aggregated-geometry-container"><arcgis-utility-network-aggregated-geometry .graphicsColor=${this.aggregatedGeometryGraphicsColor} .geometry=${e} .view=${this.view} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} .autoDestroyDisabled=${this.autoDestroyDisabled} ${g(this._aggregateGeometryRefChange)}></arcgis-utility-network-aggregated-geometry><calcite-swatch id=geometry-color-swatch .label=${this._messages.labels.aggregatedGeometryGraphicsColor} .color=${this.aggregatedGeometryGraphicsColor.toCss()} .disabled=${this._aggregatedGeometryDisabled}></calcite-swatch><calcite-popover .heading=${this._messages.headings.setColor} .label=${this._messages.headings.setColor} reference-element=geometry-color-swatch closable ${g(this._popoverRef)}><calcite-color-picker alpha-channel channels-disabled clearable hex-disabled saved-disabled .value=${this.aggregatedGeometryGraphicsColor} @calciteColorPickerChange=${(t) => {
+    return r`<div class="aggregated-geometry-container"><arcgis-utility-network-aggregated-geometry .graphicsColor=${this.aggregatedGeometryGraphicsColor} .geometry=${e} .view=${this.view} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} auto-destroy-disabled ${g(this._aggregateGeometryRefChange)}></arcgis-utility-network-aggregated-geometry><calcite-swatch id=geometry-color-swatch .label=${this._messages.labels.aggregatedGeometryGraphicsColor} .color=${this.aggregatedGeometryGraphicsColor.toCss()} .disabled=${this._aggregatedGeometryDisabled}></calcite-swatch><calcite-popover .heading=${this._messages.headings.setColor} .label=${this._messages.headings.setColor} reference-element=geometry-color-swatch closable ${g(this._popoverRef)}><calcite-color-picker alpha-channel channels-disabled clearable hex-disabled saved-disabled .value=${this.aggregatedGeometryGraphicsColor} @calciteColorPickerChange=${(t) => {
       const a = t.target.value;
       this.arcgisAggregatedGeometryGraphicsColorChange.emit(a);
     }} .disabled=${this._aggregatedGeometryDisabled}></calcite-color-picker></calcite-popover></div>`;

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

@@ -3,7 +3,7 @@ import { c as u } from "../../chunks/runtime.js";
 import { css as d, html as h } from "lit";
 import { ignoreAbortErrors as f } from "@arcgis/core/core/promiseUtils.js";
 import { when as g } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as y, createEvent as r, safeClassMap as b, nothing as c } from "@arcgis/lumina";
+import { LitElement as y, createEvent as r, nothing as c, safeClassMap as b } from "@arcgis/lumina";
 import { usePropertyChange as p } from "@arcgis/lumina/controllers";
 import { u as z } from "../../chunks/useT9n.js";
 import { u as v } from "../../chunks/useView.js";