@arcgis/map-components 4.33.0-next.6 → 4.33.0-next.61

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

@@ -1,116 +1,37 @@
-import { c as s } from "../../chunks/runtime.js";
-import { ref as r } from "lit-html/directives/ref.js";
-import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
-import h from "@arcgis/core/widgets/UtilityNetworkTrace.js";
-import { d as l, a as o, r as d, b as c } from "../../chunks/component-utils.js";
-import { o as n } from "../../chunks/disconnected.js";
-import { html as p } from "lit";
-import { LitElement as f, createEvent as t, noShadowRoot as w } from "@arcgis/lumina";
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { reEmitEvent as e } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/UtilityNetworkTrace.js";
+import { LitElement as a, createEvent as r, noShadowRoot as o } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.6 */
-class g extends f {
+v4.33.0-next.61 */
+const d = l(s);
+class h extends a {
   constructor() {
-    super(...arguments), this._watchHandles = [], this.defaultGraphicColor = {
-      color: [255, 255, 0, 0.6],
-      haloOpacity: 0.9,
-      fillOpacity: 0.2,
-      hex: "#FFFF00"
-    }, this.disabled = !1, this.enableResultArea = !1, this.flags = [], this.gdbVersion = "sde.DEFAULT", this.inputSettings = [], this.position = "bottom-left", this.selectOnCompleteDisabled = !1, this.selectedTraces = [], this.showGraphicsOnCompleteDisabled = !1, this.showSelectionAttributesDisabled = !1, this.arcgisAddFlag = t(), this.arcgisAddFlagComplete = t(), this.arcgisAddFlagError = t(), this.arcgisAddResultArea = t(), this.arcgisReady = t(), this.arcgisRemoveResultArea = t();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.defaultGraphicColor = this.widget.defaultGraphicColor, this.disabled = this.widget.disabled, this.enableResultArea = this.widget.enableResultArea, this.flags = this.widget.flags, this.gdbVersion = this.widget.gdbVersion, this.icon = this.widget.icon, this.inputSettings = [], this.label = this.widget.label, this.position = "top-right", this.selectOnCompleteDisabled = !1, this.selectedTraces = [], this.showGraphicsOnCompleteDisabled = !1, this.showSelectionAttributesDisabled = !1, this.state = this.viewModel.state, this.arcgisAddFlag = e(() => this.widget, "add-flag"), this.arcgisAddFlagComplete = e(() => this.widget, "add-flag-complete"), this.arcgisAddFlagError = e(() => this.widget, "add-flag-error"), this.arcgisAddResultArea = e(() => this.widget, "add-result-area"), this.arcgisPropertyChange = i()("state"), this.arcgisReady = r(), this.arcgisRemoveResultArea = e(() => this.widget, "remove-result-area");
   }
   static {
-    this.properties = { defaultGraphicColor: 0, disabled: 7, enableResultArea: 5, flags: 0, gdbVersion: 1, inputSettings: 0, position: 1, referenceElement: 1, resultAreaProperties: 0, selectOnCompleteDisabled: 5, selectedTraces: 0, showGraphicsOnCompleteDisabled: 5, showSelectionAttributesDisabled: 5, view: 0, widget: 0 };
+    this.properties = { view: 16, autoDestroyDisabled: 5, defaultGraphicColor: 0, disabled: 7, enableResultArea: 5, flags: 0, gdbVersion: 1, icon: 1, inputSettings: 0, label: 1, position: 1, referenceElement: 1, resultAreaProperties: 0, selectOnCompleteDisabled: 5, selectedTraces: 0, showGraphicsOnCompleteDisabled: 5, showSelectionAttributesDisabled: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = o;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async checkCanTrace() {
     await this.widget?.checkCanTrace();
   }
   async confirmReset() {
     this.widget?.confirmReset();
   }
-  // #endregion
-  // #region Lifecycle
-  willUpdate(e) {
-    e.has("referenceElement") && this.referenceElementWatcher(this.referenceElement), e.has("enableResultArea") && this.enableResultAreaWatcher(this.enableResultArea), e.has("defaultGraphicColor") && this.defaultGraphicColorWatcher(this.defaultGraphicColor), e.has("disabled") && this.disabledWatcher(this.disabled, e.get("disabled")), e.has("flags") && this.flagsWatcher(this.flags), e.has("gdbVersion") && this.gdbVersionWatcher(this.gdbVersion), e.has("inputSettings") && this.inputSettingsWatcher(this.inputSettings), e.has("resultAreaProperties") && this.resultAreaProperties && this.resultAreaPropertiesWatcher(this.resultAreaProperties), e.has("selectedTraces") && this.selectedTracesWatcher(this.selectedTraces), e.has("selectOnCompleteDisabled") && this.selectOnCompleteDisabledWatcher(this.selectOnCompleteDisabled), e.has("showGraphicsOnCompleteDisabled") && this.showGraphicsOnCompleteDisabledWatcher(this.showGraphicsOnCompleteDisabled), e.has("showSelectionAttributesDisabled") && this.showSelectionAttributesDisabledWatcher(this.showSelectionAttributesDisabled), e.has("position") && this.positionWatcher(this.position), e.has("view") && this.viewWatcher(this.view);
-  }
-  async loaded() {
-    const e = this._createParams(), i = new h(e);
-    this.widget = i, await this._addWatchers(), this._proxyEvents(), this._addContainer(), l(this), o(this);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), n(this);
-  }
-  // #endregion
-  // #region Private Methods
-  referenceElementWatcher(e) {
-    d(this, e);
-  }
-  enableResultAreaWatcher(e) {
-    this.widget && (this.widget.enableResultArea = e);
-  }
-  defaultGraphicColorWatcher(e) {
-    this.widget && (this.widget.defaultGraphicColor = e);
-  }
-  disabledWatcher(e, i) {
-    this.widget && e !== i && (this.widget.disabled = e);
-  }
-  flagsWatcher(e) {
-    this.widget && (this.widget.flags = e);
-  }
-  gdbVersionWatcher(e) {
-    this.widget && (this.widget.gdbVersion = e);
-  }
-  inputSettingsWatcher(e) {
-    this.widget && (this.widget.inputSettings = e);
-  }
-  resultAreaPropertiesWatcher(e) {
-    this.widget && (this.widget.resultAreaProperties = e);
-  }
-  selectedTracesWatcher(e) {
-    this.widget && (this.widget.selectedTraces = e);
-  }
-  selectOnCompleteDisabledWatcher(e) {
-    e !== void 0 && this.widget && (this.widget.selectOnComplete = !e);
-  }
-  showGraphicsOnCompleteDisabledWatcher(e) {
-    e !== void 0 && this.widget && (this.widget.showGraphicsOnComplete = !e);
-  }
-  showSelectionAttributesDisabledWatcher(e) {
-    e !== void 0 && this.widget && (this.widget.showSelectionAttributes = !e);
-  }
-  positionWatcher(e) {
-    e !== void 0 && this.widget && this.el.childElem && this.view.ui?.move(this.el.childElem, e);
-  }
-  viewWatcher(e) {
-    e !== void 0 && this.widget && (this.widget.view = e);
-  }
-  _addContainer() {
-    this.widget.container = this.el.childElem;
-  }
-  async _addWatchers() {
-    c(this, a(() => this.widget.disabled, (e) => this.disabled = e));
-  }
-  _createParams() {
-    const e = {};
-    return this.defaultGraphicColor && (e.defaultGraphicColor = this.defaultGraphicColor), this.enableResultArea !== void 0 && (e.enableResultArea = this.enableResultArea), this.flags && (e.flags = this.flags), this.gdbVersion && (e.gdbVersion = this.gdbVersion), this.inputSettings && (e.inputSettings = this.inputSettings), this.resultAreaProperties && (e.resultAreaProperties = this.resultAreaProperties), this.selectedTraces && (e.selectedTraces = this.selectedTraces), this.selectOnCompleteDisabled !== void 0 && (e.selectOnComplete = !this.selectOnCompleteDisabled), this.showGraphicsOnCompleteDisabled !== void 0 && (e.showGraphicsOnComplete = !this.showGraphicsOnCompleteDisabled), this.showSelectionAttributesDisabled !== void 0 && (e.showSelectionAttributes = !this.showSelectionAttributesDisabled), this.view && (e.view = this.view), e;
-  }
-  _proxyEvents() {
-    this.widget.on("add-flag", (e) => this.arcgisAddFlag.emit(e)), this.widget.on("add-flag-complete", (e) => this.arcgisAddFlagComplete.emit(e)), this.widget.on("add-flag-error", (e) => this.arcgisAddFlagError.emit(e)), this.widget.on("add-result-area", (e) => this.arcgisAddResultArea.emit(e)), this.widget.on("remove-result-area", (e) => this.arcgisRemoveResultArea.emit(e));
-  }
-  _setChildElement(e) {
-    this.el.childElem = e;
-  }
-  // #endregion
-  // #region Rendering
-  render() {
-    return p`<div ${r(this._setChildElement)}></div>`;
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
   }
 }
-s("arcgis-utility-network-trace", g);
+t("arcgis-utility-network-trace", h);
 export {
-  g as ArcgisUtilityNetworkTrace
+  h as ArcgisUtilityNetworkTrace
 };

package/dist/components/arcgis-utility-network-validate-topology/customElement.d.ts

@@ -1,22 +1,76 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { default as UtilityNetworkValidateTopology } from '@arcgis/core/widgets/UtilityNetworkValidateTopology.js';
-import { ArcgisReferenceElement, WidgetElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PropertyValues } from 'lit';
-import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-
-export type UtilityNetworkValidateTopologyWidget = InstanceType<typeof UtilityNetworkValidateTopology>;
-/** The UtilityNetworkValidateTopology component simplifies the process of validating a DirtyArea within a utility network. It offers an intuitive user interface, reducing the complexity of working with utility network associations.
-
-> The UtilityNetworkValidateTopology Component does not support proxied feature services or feature services that utilize stored credentials.
+import { default as UtilityNetworkValidateTopology } from '@arcgis/core/widgets/UtilityNetworkValidateTopology.js';
+import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-Note: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`
- */
+export type UtilityNetworkValidateTopologysWidget = InstanceType<typeof UtilityNetworkValidateTopology>;
+declare const useUtilityNetworkValidateTopologyWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<UtilityNetworkValidateTopology & {
+    viewModel: __esri.Accessor;
+}, "icon" | "label" | "viewModel" | "extentToValidate" | "utilityNetwork"> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: unknown;
+    viewModel?: (__esri.UtilityNetworkValidateTopologyViewModel & __esri.Accessor) | undefined;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    position: __esri.UIPosition;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.UtilityNetworkValidateTopologyProperties): __esri.UtilityNetworkValidateTopologyProperties | Promise<__esri.UtilityNetworkValidateTopologyProperties>;
+} | undefined) => UtilityNetworkValidateTopology & {
+    viewModel: __esri.Accessor;
+};
 export declare class ArcgisUtilityNetworkValidateTopology extends LitElement {
-    extentToValidate: UtilityNetworkValidateTopologyWidget["extentToValidate"];
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * Specifies the extent of the validation.
+     */
+    extentToValidate: "current" | "entire";
+    /**
+     * Icon displayed in the component's button.
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
+    icon: string;
+    /** The component's default label. */
+    label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    utilityNetwork: UtilityNetworkValidateTopologyWidget["utilityNetwork"] | undefined;
+    readonly state: "ready" | "loading" | "failed" | "disabled" | "executing" | "success";
+    /**
+     * Determines the utility network to use.
+     */
+    utilityNetwork: nullish | __esri.UtilityNetwork;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "state";
+    }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }
+export {};

package/dist/components/arcgis-utility-network-validate-topology/customElement.js

@@ -1,59 +1,43 @@
-import { c as e } from "../../chunks/runtime.js";
-import { ref as o } from "lit-html/directives/ref.js";
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { watch as o } from "@arcgis/core/core/reactiveUtils.js";
 import s from "@arcgis/core/widgets/UtilityNetworkValidateTopology.js";
-import { d as a, a as r, r as l } from "../../chunks/component-utils.js";
-import { o as h } from "../../chunks/disconnected.js";
-import { html as d } from "lit";
-import { LitElement as n, createEvent as c, noShadowRoot as w } from "@arcgis/lumina";
+import { LitElement as a, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.6 */
-class m extends n {
+v4.33.0-next.61 */
+const w = h(
+  // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/69562
+  s
+);
+class d extends a {
   constructor() {
-    super(...arguments), this._watchHandles = [], this.extentToValidate = "current", this.position = "bottom-left", this.arcgisReady = c();
+    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.extentToValidate = this.widget.extentToValidate, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "top-right", this.state = this.viewModel.state, this.utilityNetwork = this.widget.utilityNetwork, this.arcgisPropertyChange = e()("state"), this.arcgisReady = r();
   }
   static {
-    this.properties = { extentToValidate: 1, position: 1, referenceElement: 1, utilityNetwork: 0, view: 0, widget: 0 };
+    this.properties = { view: 16, autoDestroyDisabled: 5, extentToValidate: 1, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, utilityNetwork: 0 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = l;
   }
-  // #endregion
-  // #region Lifecycle
-  willUpdate(t) {
-    t.has("referenceElement") && this.referenceElementWatcher(this.referenceElement), t.has("extentToValidate") && this.extentToValidateWatcher(this.extentToValidate), t.has("utilityNetwork") && this.utilityNetworkWatcher(this.utilityNetwork), t.has("position") && this.positionWatcher(this.position), t.has("view") && this.viewWatcher(this.view);
+  //#endregion
+  //#region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
   }
+  //#endregion
+  //#region Lifecycle
   async loaded() {
-    const t = this._createParams(), i = new s(t);
-    this.widget = i, this._addContainer(), a(this), r(this);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), h(this);
-  }
-  // #endregion
-  // #region Private Methods
-  referenceElementWatcher(t) {
-    l(this, t);
-  }
-  extentToValidateWatcher(t) {
-    this.widget && (this.widget.extentToValidate = t);
-  }
-  utilityNetworkWatcher(t) {
-    this.widget && t && (this.widget.utilityNetwork = t);
-  }
-  positionWatcher(t) {
-    t !== void 0 && this.widget && this.el.childElem && this.view.ui?.move(this.el.childElem, t);
-  }
-  viewWatcher(t) {
-    t !== void 0 && this.widget && (this.widget.view = t, this._loadUtilityNetwork());
-  }
-  _addContainer() {
-    this.widget.container = this.el.childElem;
-  }
-  _createParams() {
-    const t = {};
-    return this.extentToValidate !== void 0 && (t.extentToValidate = this.extentToValidate), this.utilityNetwork !== void 0 && (t.utilityNetwork = this.utilityNetwork), t;
-  }
+    await this._loadUtilityNetwork(), this.manager.onLifecycle(() => [
+      o(() => this.view, () => {
+        this._loadUtilityNetwork();
+      })
+    ]);
+  }
+  //#endregion
+  //#region Private Methods
   async _loadUtilityNetwork() {
     if (this.view?.map && this.view.map.portalItem) {
       await this.view.map.load();
@@ -61,16 +45,8 @@ class m extends n {
       await t?.load(), this.utilityNetwork = t;
     }
   }
-  _setChildElement(t) {
-    this.el.childElem = t;
-  }
-  // #endregion
-  // #region Rendering
-  render() {
-    return d`<div ${o(this._setChildElement)}></div>`;
-  }
 }
-e("arcgis-utility-network-validate-topology", m);
+i("arcgis-utility-network-validate-topology", d);
 export {
-  m as ArcgisUtilityNetworkValidateTopology
+  d as ArcgisUtilityNetworkValidateTopology
 };

package/dist/components/arcgis-value-picker/customElement.js

@@ -7,8 +7,8 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.6 */
-const l = r`arcgis-value-picker{display:block}`, c = h(s);
+v4.33.0-next.61 */
+const l = r`@layer{arcgis-value-picker{display:block}}`, c = h(s);
 class u extends a {
   constructor() {
     super(...arguments), this.widget = c(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.position = "bottom-left", this.values = this.widget.values, this.arcgisAnimate = t(() => this.widget, "animate"), this.arcgisNext = t(() => this.widget, "next"), this.arcgisPause = t(() => this.widget, "pause"), this.arcgisPlay = t(() => this.widget, "play"), this.arcgisPrevious = t(() => this.widget, "previous"), this.arcgisPropertyChange = e()("values"), this.arcgisReady = o();
@@ -22,8 +22,8 @@ class u extends a {
   static {
     this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -148,6 +148,7 @@ export declare class ArcgisVersionManagement extends LitElement {
     set initialVersionInfos(value: InitialVersionInfo[]);
     icon: Nil | string;
     label: string | undefined;
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     mode: Nil | string;
     /**
@@ -159,11 +160,10 @@ export declare class ArcgisVersionManagement extends LitElement {
     readonly state: "ready" | "loading" | "failed" | "disabled" | "executing" | "success";
     /**
      * This class provides functionality for managing versions in a versioned geodatabase.
-     * In the event that the Version Management Component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management Component.
+     * In the event that the Version Management component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management Component.
      * The Version Management Component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management Component.
      */
     versioningStates: __esri.Collection<__esri.VersioningState>;
-    view: __esri.MapView;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisReady: TargetedEvent<this, undefined>;

package/dist/components/arcgis-version-management/customElement.js

@@ -1,28 +1,28 @@
 import { c as S } from "../../chunks/runtime.js";
-import { html as g } from "lit-html";
+import { html as h } from "lit-html";
 import { once as _, watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import P from "@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js";
-import { LitElement as F, createEvent as w, noShadowRoot as M, safeClassMap as N } from "@arcgis/lumina";
-import { createRef as k, ref as C } from "lit-html/directives/ref.js";
-import { u as b } from "../../chunks/useView.js";
-import { m as $ } from "../../chunks/useViewModel.js";
+import { LitElement as F, createEvent as u, noShadowRoot as N, safeClassMap as C } from "@arcgis/lumina";
+import { createRef as M, ref as k } from "lit-html/directives/ref.js";
+import { u as $ } from "../../chunks/useView.js";
+import { m as b } from "../../chunks/useViewModel.js";
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.6 */
-const T = A`.initial-version-invalid-block{margin-bottom:1rem}.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, x = $(P), u = "map-components:version-management";
+v4.33.0-next.61 */
+const T = A`@layer{.arcgis-version-management{.component-container-flow{width:300px}.invalid-initial-version-notice{margin-bottom:1rem}.service-items-panel{z-index:unset!important}calcite-block{margin:0}}}`, x = b(P), w = "map-components:version-management";
 class D extends F {
   constructor() {
-    super(...arguments), this.flowElement = k(), this.messages = b({ blocking: !0 }), this.viewModel = x(this), this._isInitialVersionInvalid = /* @__PURE__ */ new Map(), this._initialVersionInfos = [], this._showInvalidFeatureServiceNotice = !1, this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = w(), this.arcgisVersioningStateChanged = w();
+    super(...arguments), this.flowElement = M(), this.messages = $({ blocking: !0 }), this.viewModel = x(this), this._isInitialVersionInvalid = /* @__PURE__ */ new Map(), this._initialVersionInfos = [], this._showInvalidFeatureServiceNotice = !1, this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.arcgisReady = u(), this.arcgisVersioningStateChanged = u();
   }
   static {
-    this.properties = { versionList: 16, _showInvalidFeatureServiceNotice: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, initialVersionInfos: 0, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0, view: 0 };
+    this.properties = { versionList: 16, _showInvalidFeatureServiceNotice: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, initialVersionInfos: 0, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0 };
   }
   static {
     this.styles = T;
   }
   static {
-    this.shadowRootOptions = M;
+    this.shadowRootOptions = N;
   }
   get initialVersionInfos() {
     return this._initialVersionInfos;
@@ -80,51 +80,51 @@ class D extends F {
     return e.replace(/\/+$/u, "");
   }
   _createVersionPropertiesFlowItem(e, i) {
-    const { closable: t, flowElement: { value: s }, viewModel: n, viewModel: { state: l } } = this, o = document.createElement("arcgis-version-management-version-properties");
-    return o.versionPropertiesElementProps = {
+    const { closable: t, flowElement: { value: s }, viewModel: o, viewModel: { state: l } } = this, n = document.createElement("arcgis-version-management-version-properties");
+    return n.versionPropertiesElementProps = {
       closable: t,
-      currentUser: n.userLookup.get(e),
-      hasAdvEditingUte: n.advancedEditingUserTypeExtensionLookup.get(e),
-      isVersionAdministrator: n.versionAdministratorLookup.get(e),
+      currentUser: o.userLookup.get(e),
+      hasAdvEditingUte: o.advancedEditingUserTypeExtensionLookup.get(e),
+      isVersionAdministrator: o.versionAdministratorLookup.get(e),
       serviceUrl: e,
       state: l,
       strings: this.messages,
       versionInfo: i
-    }, o.selected = !0, o.showBackButton = !0, o.addEventListener("arcgisCreateVersion", (r) => {
-      const { createVersionParameters: d, switchToVersion: v } = r.detail;
-      n.createVersion(d).then(async (a) => {
+    }, n.selected = !0, n.showBackButton = !0, n.addEventListener("arcgisCreateVersion", (r) => {
+      const { createVersionParameters: d, switchToVersion: m } = r.detail;
+      o.createVersion(d).then(async (a) => {
         a && this.arcgisVersioningStateChanged.emit({
           type: "version-created",
           versionIdentifier: a.versionIdentifier,
-          versioningState: n.versioningStateLookup.get(e)
-        }), v && await this.viewModel.changeVersion(e, a.versionIdentifier.name, a.versionIdentifier.guid).then((h) => {
-          h && this.arcgisVersioningStateChanged.emit({
+          versioningState: o.versioningStateLookup.get(e)
+        }), m && await this.viewModel.changeVersion(e, a.versionIdentifier.name, a.versionIdentifier.guid).then((g) => {
+          g && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
             versionIdentifier: a.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(e)
+            versioningState: o.versioningStateLookup.get(e)
           });
         }), await this._refreshVersionList(e);
       }).finally(() => {
         s && this._removeVersionPropertiesFlowItem(s);
       });
-    }), o.addEventListener("arcgisAlterVersion", async (r) => {
-      const { flowElement: { value: d } } = this, { alterVersionParameters: v } = r.detail;
-      await n.alterVersion(v).then(async (a) => {
+    }), n.addEventListener("arcgisAlterVersion", async (r) => {
+      const { flowElement: { value: d } } = this, { alterVersionParameters: m } = r.detail;
+      await o.alterVersion(m).then(async (a) => {
         a && this.arcgisVersioningStateChanged.emit({
           type: "version-changed",
-          versionIdentifier: v.versionIdentifier,
-          versioningState: n.versioningStateLookup.get(e)
+          versionIdentifier: m.versionIdentifier,
+          versioningState: o.versioningStateLookup.get(e)
         }), await this._refreshVersionList(e);
       }).finally(() => {
         d && this._removeVersionPropertiesFlowItem(d);
       });
-    }), o.addEventListener("arcgisFlowItemBack", () => {
+    }), n.addEventListener("arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), o.addEventListener("calciteFlowItemBack", (r) => {
+    }), n.addEventListener("calciteFlowItemBack", (r) => {
       r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
-    }), o.addEventListener("calciteFlowItemClose", () => {
+    }), n.addEventListener("calciteFlowItemClose", () => {
       this._handleFlowItemClose();
-    }), o;
+    }), n;
   }
   _getLoadError(e) {
     const { messages: i } = this;
@@ -138,13 +138,13 @@ class D extends F {
     }
   }
   _changeToInitialVersion(e) {
-    const { _isInitialVersionInvalid: i, viewModel: t } = this, { url: s, name: n } = e, l = t.versioningStateLookup.get(s);
+    const { _isInitialVersionInvalid: i, viewModel: t } = this, { url: s, name: o } = e, l = t.versioningStateLookup.get(s);
     if (!l)
-      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${u} - no versioning state found for feature service ${s}`);
-    const o = l?.versionInfos.find((v) => v.versionIdentifier.name === n);
-    if (!o)
-      throw i.set(s, !0), new Error(`${u} - version ${n} not found in the versioning state for feature service ${s}`);
-    const r = o.versionIdentifier, d = l?.currentVersionInfo?.versionIdentifier;
+      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${w} - no versioning state found for feature service ${s}`);
+    const n = l?.versionInfos.find((m) => m.versionIdentifier.name === o);
+    if (!n)
+      throw i.set(s, !0), new Error(`${w} - version ${o} not found in the versioning state for feature service ${s}`);
+    const r = n.versionIdentifier, d = l?.currentVersionInfo?.versionIdentifier;
     r.guid !== d?.guid && t.changeVersion(s, r.name, r.guid);
   }
   _handleFlowItemClose() {
@@ -156,36 +156,36 @@ class D extends F {
     this.flowElement.value?.appendChild(i), this.versionList && (this.versionList.selected = !1);
   }
   async _handleManageVersionAction(e) {
-    const { actionType: i, serviceUrl: t, versionInfo: s } = e.detail, { viewModel: n, flowElement: l } = this;
+    const { actionType: i, serviceUrl: t, versionInfo: s } = e.detail, { viewModel: o, flowElement: l } = this;
     switch (i) {
       case "changeVersion": {
-        n.changeVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then((o) => {
-          o && this.arcgisVersioningStateChanged.emit({
+        o.changeVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then((n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
             versionIdentifier: s.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(t)
+            versioningState: o.versioningStateLookup.get(t)
           });
           const { versionList: r } = this;
           r && (r.versionListElementProps = {
             ...r.versionListElementProps,
-            currentVersionIdentifier: n.versioningStateLookup.get(t).currentVersionInfo.versionIdentifier
+            currentVersionIdentifier: o.versioningStateLookup.get(t).currentVersionInfo.versionIdentifier
           });
         });
         break;
       }
       case "deleteVersion": {
-        n.deleteVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (o) => {
-          o && this.arcgisVersioningStateChanged.emit({
+        o.deleteVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-deleted",
             versionIdentifier: s.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(t)
+            versioningState: o.versioningStateLookup.get(t)
           }), await this._refreshVersionList(t);
         });
         break;
       }
       case "editVersion": {
-        const o = this._createVersionPropertiesFlowItem(t, s);
-        l.value?.appendChild(o), this.versionList && (this.versionList.selected = !1);
+        const n = this._createVersionPropertiesFlowItem(t, s);
+        l.value?.appendChild(n), this.versionList && (this.versionList.selected = !1);
         break;
       }
     }
@@ -193,16 +193,16 @@ class D extends F {
   async _refreshVersionList(e) {
     const { flowElement: { value: i }, versionList: t, viewModel: s } = this;
     if (i) {
-      const n = await s.getVersionInfos(e), l = i.getElementsByTagName("arcgis-version-management-service-item");
-      for (const o of l)
-        o.serviceItemElementProps.serviceUrl === e && (o.serviceItemElementProps = {
-          ...o.serviceItemElementProps,
-          versionInfos: n
+      const o = await s.getVersionInfos(e), l = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const n of l)
+        n.serviceItemElementProps.serviceUrl === e && (n.serviceItemElementProps = {
+          ...n.serviceItemElementProps,
+          versionInfos: o
         });
       t && (t.versionListElementProps = {
         ...t.versionListElementProps,
         currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: n
+        versionInfos: o
       });
     }
   }
@@ -217,7 +217,7 @@ class D extends F {
   //#endregion
   //#region Rendering
   render() {
-    const { allowEditingDisabled: e, closable: i, flowElement: { value: t }, initialVersionInfos: s, _isInitialVersionInvalid: n, label: l, messages: o, mode: r, pageSize: d, versionList: v, viewModel: a, viewModel: { loadError: h, state: m } } = this, I = Array.from(a.serviceNameLookup, ([c, f]) => ({ url: c, name: f })), V = m !== "disabled" ? I.map((c) => {
+    const { allowEditingDisabled: e, closable: i, flowElement: { value: t }, initialVersionInfos: s, _isInitialVersionInvalid: o, label: l, messages: n, mode: r, pageSize: d, versionList: m, viewModel: a, viewModel: { loadError: g, state: v } } = this, I = Array.from(a.serviceNameLookup, ([c, f]) => ({ url: c, name: f })), V = v !== "disabled" ? I.map((c) => {
       const f = {
         allowEditing: !e,
         closable: i,
@@ -228,18 +228,18 @@ class D extends F {
         hasAdvEditingUte: a.advancedEditingUserTypeExtensionLookup.get(c.url),
         heading: l,
         initialVersionInfos: s,
-        isInitialVersionInvalid: n,
+        isInitialVersionInvalid: o,
         isVersionAdministrator: a.versionAdministratorLookup.get(c.url),
         isVersioningApiAvailable: (a.serverVersionLookup.get(c.url) ?? 0) >= 11.2,
         mode: r,
         pageSize: d,
         serviceName: c.name,
-        state: m,
+        state: v,
         serviceUrl: c.url,
-        strings: o,
+        strings: n,
         versionInfos: a.versioningStateLookup.get(c.url)?.versionInfos ?? []
       };
-      return g`<arcgis-version-management-service-item .serviceItemElementProps=${f} @arcgisGetVersions=${async (p) => {
+      return h`<arcgis-version-management-service-item .serviceItemElementProps=${f} @arcgisGetVersions=${async (p) => {
         await this._refreshVersionList(p.detail.serviceUrl);
       }} @arcgisFlowItemBack=${() => {
         t && (this._removeVersionListFlowItem(t), this.versionList = void 0);
@@ -248,10 +248,10 @@ class D extends F {
       }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${this._handleNewVersionAction} @arcgisCreateVersionList=${(p) => {
         this.versionList = p.detail;
       }}></arcgis-version-management-service-item>`;
-    }) : void 0, E = m === "disabled" && h != null ? g`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(h)}</div></calcite-notice>` : void 0, L = this._showInvalidFeatureServiceNotice ? g`<calcite-notice closable kind=warning open scale=s slot=content-top width=full icon @calciteNoticeClose=${() => this._showInvalidFeatureServiceNotice = !1}><div slot=title>${o.headers.invalidInitialFeatureService}</div><div slot=message>${o.loadErrors.invalidInitialFeatureService}</div></calcite-notice>` : void 0;
-    return g`<calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${N(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${C(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${l ?? void 0} @calciteFlowItemClose=${() => {
+    }) : void 0, E = v === "disabled" && g != null ? h`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(g)}</div></calcite-notice>` : void 0, L = this._showInvalidFeatureServiceNotice ? h`<calcite-notice closable kind=warning open scale=s slot=content-top width=full icon @calciteNoticeClose=${() => this._showInvalidFeatureServiceNotice = !1}><div slot=title>${n.headers.invalidInitialFeatureService}</div><div slot=message>${n.loadErrors.invalidInitialFeatureService}</div></calcite-notice>` : void 0;
+    return h`<div class="arcgis-version-management"><calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${C(this.mode === "dialog" ? "" : "component-container-flow")} ${k(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${l ?? void 0} @calciteFlowItemClose=${() => {
       this._handleFlowItemClose();
-    }} .selected=${!v}>${L}<calcite-panel .loading=${m === "loading" || m === "executing"}>${V}${E}</calcite-panel></calcite-flow-item></calcite-flow>`;
+    }} .selected=${!m}>${L}<calcite-panel class="service-items-panel" .loading=${v === "loading" || v === "executing"}>${V}${E}</calcite-panel></calcite-flow-item></calcite-flow></div>`;
   }
 }
 S("arcgis-version-management", D);