@arcgis/map-components 4.33.0-next.8 → 4.33.0-next.80

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

@@ -35,6 +35,44 @@ To learn more about version management please visit the [versioning guide doc](h
 Note: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`
  */
 export declare class ArcgisVersionManagement extends LitElement {
+    allowEditingDisabled: boolean;
+    /**
+     * 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;
+    closable: boolean;
+    get initialVersionInfos(): InitialVersionInfo[];
+    /**
+     * The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.
+     * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
+     */
+    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;
+    /**
+     * Specifies the number of versions displayed on each page of the Version Management Component.
+     */
+    pageSize: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    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.
+     * 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>;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisVersioningStateChanged: TargetedEvent<this, VersioningStateEvent>;
     private messages: {
         label: string;
         actions: {
@@ -130,43 +168,5 @@ export declare class ArcgisVersionManagement extends LitElement {
             noViewProperty: string;
         };
     }>;
-    allowEditingDisabled: boolean;
-    /**
-     * 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;
-    closable: boolean;
-    get initialVersionInfos(): InitialVersionInfo[];
-    /**
-     * The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.
-     * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
-     */
-    set initialVersionInfos(value: InitialVersionInfo[]);
-    icon: Nil | string;
-    label: string | undefined;
-    messageOverrides?: typeof this.messages._overrides;
-    mode: Nil | string;
-    /**
-     * Specifies the number of versions displayed on each page of the Version Management Component.
-     */
-    pageSize: number;
-    position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    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.
-     * 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>;
-    readonly arcgisVersioningStateChanged: TargetedEvent<this, VersioningStateEvent>;
 }
 export {};

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 { 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 { c as L } from "../../chunks/runtime.js";
+import { once as P, watch as _ } from "@arcgis/core/core/reactiveUtils.js";
+import C from "@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js";
+import { LitElement as y, createEvent as u, noShadowRoot as N, safeClassMap as M } from "@arcgis/lumina";
+import { render as F, html as m } from "lit-html";
+import { createRef as k, ref as b } from "lit-html/directives/ref.js";
+import { u as A } from "../../chunks/useT9n.js";
 import { m as $ } from "../../chunks/useViewModel.js";
-import { css as A } from "@lit/reactive-element/css-tag.js";
+import { css as T } 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.8 */
-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";
-class D extends F {
+v4.33.0-next.80 */
+const O = T`@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}}}`, U = $(C), I = "map-components:version-management";
+class R extends y {
   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 = k(), this.messages = A({ blocking: !0 }), this.viewModel = U(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;
+    this.styles = O;
   }
   static {
-    this.shadowRootOptions = M;
+    this.shadowRootOptions = N;
   }
   get initialVersionInfos() {
     return this._initialVersionInfos;
@@ -46,7 +46,7 @@ class D extends F {
   //#endregion
   //#region Lifecycle
   async load() {
-    _(() => this.viewModel.state === "ready").then(() => {
+    P(() => this.viewModel.state === "ready").then(() => {
       this.initialVersionInfos.forEach((e) => {
         try {
           this._changeToInitialVersion(e);
@@ -55,76 +55,48 @@ class D extends F {
         }
       });
     }), this.manager.onLifecycle(() => [
-      y(() => this.viewModel.state, (e) => {
-        const { flowElement: { value: i }, versionList: t } = this, s = i?.getElementsByTagName("arcgis-version-management-version-properties")[0];
+      _(() => this.viewModel.state, (e) => {
+        const { flowElement: { value: i }, versionList: s } = this, t = i?.getElementsByTagName("arcgis-version-management-version-properties")[0];
         if (e === "disabled" && i) {
-          s && this._removeVersionPropertiesFlowItem(i), t && this._removeVersionListFlowItem(i);
+          t && this._removeVersionPropertiesFlowItem(i), s && this._removeVersionListFlowItem(i);
           return;
         }
-        t && (t.versionListElementProps = {
-          ...t.versionListElementProps,
+        s && (s.versionListElementProps = {
+          ...s.versionListElementProps,
           executionError: this.viewModel.executionError
-        }, t.versionListElementProps = {
-          ...t.versionListElementProps,
-          state: e
-        }), s && (s.versionPropertiesElementProps = {
-          ...s.versionPropertiesElementProps,
+        }, s.versionListElementProps = { ...s.versionListElementProps, state: e }), t && (t.versionPropertiesElementProps = {
+          ...t.versionPropertiesElementProps,
           state: e
         });
       })
     ]);
   }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.versionPropertiesContainer?.remove();
+  }
   //#endregion
   //#region Private Methods
   _removeTrailingSlash(e) {
     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 = {
-      closable: t,
-      currentUser: n.userLookup.get(e),
-      hasAdvEditingUte: n.advancedEditingUserTypeExtensionLookup.get(e),
-      isVersionAdministrator: n.versionAdministratorLookup.get(e),
+    const { closable: s, viewModel: t, viewModel: { state: r } } = this, o = {
+      closable: s,
+      currentUser: t.userLookup.get(e),
+      hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
+      isVersionAdministrator: t.versionAdministratorLookup.get(e),
       serviceUrl: e,
-      state: l,
+      state: r,
       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) => {
-        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({
-            type: "version-switched",
-            versionIdentifier: a.versionIdentifier,
-            versioningState: n.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) => {
-        a && this.arcgisVersioningStateChanged.emit({
-          type: "version-changed",
-          versionIdentifier: v.versionIdentifier,
-          versioningState: n.versioningStateLookup.get(e)
-        }), await this._refreshVersionList(e);
-      }).finally(() => {
-        d && this._removeVersionPropertiesFlowItem(d);
-      });
-    }), o.addEventListener("arcgisFlowItemBack", () => {
+    };
+    this.versionPropertiesContainer = document.createElement("div");
+    const n = F(m`<arcgis-version-management-version-properties .versionPropertiesElementProps=${o} selected show-back-button></arcgis-version-management-version-properties>`, this.versionPropertiesContainer), a = Array.from(n.parentNode.childNodes).find((c) => c.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-PROPERTIES");
+    return this.listenOn(a, "arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), o.addEventListener("calciteFlowItemBack", (r) => {
-      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
-    }), o.addEventListener("calciteFlowItemClose", () => {
-      this._handleFlowItemClose();
-    }), o;
+    }), this.listenOn(a, "calciteFlowItemBack", (c) => {
+      c.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
+    }), this.listenOn(a, "calciteFlowItemClose", this._handleFlowItemClose), this.listenOn(a, "arcgisCreateVersion", this._handleCreateVersion), this.listenOn(a, "arcgisAlterVersion", this._handleAlterVersion), a;
   }
   _getLoadError(e) {
     const { messages: i } = this;
@@ -137,15 +109,45 @@ class D extends F {
         return e;
     }
   }
+  async _handleAlterVersion(e) {
+    const { flowElement: { value: i }, viewModel: s } = this, { alterVersionParameters: t } = e.detail;
+    await s.alterVersion(t).then(async (r) => {
+      r && this.arcgisVersioningStateChanged.emit({
+        type: "version-changed",
+        versionIdentifier: t.versionIdentifier,
+        versioningState: s.versioningStateLookup.get(t.featureServerUrl)
+      }), await this._refreshVersionList(t.featureServerUrl);
+    }).finally(() => {
+      i && this._removeVersionPropertiesFlowItem(i);
+    });
+  }
+  _handleCreateVersion(e) {
+    const { flowElement: { value: i }, viewModel: s } = this, { createVersionParameters: t, switchToVersion: r } = e.detail;
+    s.createVersion(t).then(async (o) => {
+      o && this.arcgisVersioningStateChanged.emit({
+        type: "version-created",
+        versionIdentifier: o.versionIdentifier,
+        versioningState: s.versioningStateLookup.get(t.featureServerUrl)
+      }), r && await this.viewModel.changeVersion(t.featureServerUrl, o.versionIdentifier.name, o.versionIdentifier.guid).then((n) => {
+        n && this.arcgisVersioningStateChanged.emit({
+          type: "version-switched",
+          versionIdentifier: o.versionIdentifier,
+          versioningState: s.versioningStateLookup.get(t.featureServerUrl)
+        });
+      }), await this._refreshVersionList(t.featureServerUrl);
+    }).finally(() => {
+      i && this._removeVersionPropertiesFlowItem(i);
+    });
+  }
   _changeToInitialVersion(e) {
-    const { _isInitialVersionInvalid: i, viewModel: t } = this, { url: s, name: n } = 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);
+    const { _isInitialVersionInvalid: i, viewModel: s } = this, { url: t, name: r } = e, o = s.versioningStateLookup.get(t);
     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;
-    r.guid !== d?.guid && t.changeVersion(s, r.name, r.guid);
+      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${I} - no versioning state found for feature service ${t}`);
+    const n = o?.versionInfos.find((h) => h.versionIdentifier.name === r);
+    if (!n)
+      throw i.set(t, !0), new Error(`${I} - version ${r} not found in the versioning state for feature service ${t}`);
+    const a = n.versionIdentifier, c = o?.currentVersionInfo?.versionIdentifier;
+    a.guid !== c?.guid && s.changeVersion(t, a.name, a.guid);
   }
   _handleFlowItemClose() {
     const e = document.querySelector("arcgis-version-management");
@@ -156,53 +158,50 @@ 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: s, versionInfo: t } = e.detail, { viewModel: r, flowElement: o } = this;
     switch (i) {
       case "changeVersion": {
-        n.changeVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then((o) => {
-          o && this.arcgisVersioningStateChanged.emit({
+        r.changeVersion(s, t.versionIdentifier.name, t.versionIdentifier.guid).then((n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: s.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(t)
+            versionIdentifier: t.versionIdentifier,
+            versioningState: r.versioningStateLookup.get(s)
           });
-          const { versionList: r } = this;
-          r && (r.versionListElementProps = {
-            ...r.versionListElementProps,
-            currentVersionIdentifier: n.versioningStateLookup.get(t).currentVersionInfo.versionIdentifier
+          const { versionList: a } = this;
+          a && (a.versionListElementProps = {
+            ...a.versionListElementProps,
+            currentVersionIdentifier: r.versioningStateLookup.get(s).currentVersionInfo.versionIdentifier
           });
         });
         break;
       }
       case "deleteVersion": {
-        n.deleteVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (o) => {
-          o && this.arcgisVersioningStateChanged.emit({
+        r.deleteVersion(s, t.versionIdentifier.name, t.versionIdentifier.guid).then(async (n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-deleted",
-            versionIdentifier: s.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(t)
-          }), await this._refreshVersionList(t);
+            versionIdentifier: t.versionIdentifier,
+            versioningState: r.versioningStateLookup.get(s)
+          }), await this._refreshVersionList(s);
         });
         break;
       }
       case "editVersion": {
-        const o = this._createVersionPropertiesFlowItem(t, s);
-        l.value?.appendChild(o), this.versionList && (this.versionList.selected = !1);
+        const n = this._createVersionPropertiesFlowItem(s, t);
+        o.value?.appendChild(n), this.versionList && (this.versionList.selected = !1);
         break;
       }
     }
   }
   async _refreshVersionList(e) {
-    const { flowElement: { value: i }, versionList: t, viewModel: s } = this;
+    const { flowElement: { value: i }, versionList: s, viewModel: t } = 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
-        });
-      t && (t.versionListElementProps = {
-        ...t.versionListElementProps,
-        currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: n
+      const r = await t.getVersionInfos(e), o = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const n of o)
+        n.serviceItemElementProps.serviceUrl === e && (n.serviceItemElementProps = { ...n.serviceItemElementProps, versionInfos: r });
+      s && (s.versionListElementProps = {
+        ...s.versionListElementProps,
+        currentVersionIdentifier: t.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
+        versionInfos: r
       });
     }
   }
@@ -217,44 +216,38 @@ 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 f = {
+    const { allowEditingDisabled: e, closable: i, flowElement: { value: s }, initialVersionInfos: t, _isInitialVersionInvalid: r, label: o, messages: n, mode: a, pageSize: c, versionList: h, viewModel: d, viewModel: { loadError: p, state: v } } = this, w = Array.from(d.serviceNameLookup, ([l, g]) => ({ url: l, name: g })), V = v !== "disabled" ? w.map((l) => {
+      const g = {
         allowEditing: !e,
         closable: i,
-        currentUser: a.userLookup.get(c.url),
-        currentVersionIdentifier: a.versioningStateLookup.get(c.url).currentVersionInfo.versionIdentifier,
+        currentUser: d.userLookup.get(l.url),
+        currentVersionIdentifier: d.versioningStateLookup.get(l.url).currentVersionInfo.versionIdentifier,
         executionError: void 0,
-        flowElement: t,
-        hasAdvEditingUte: a.advancedEditingUserTypeExtensionLookup.get(c.url),
-        heading: l,
-        initialVersionInfos: s,
-        isInitialVersionInvalid: n,
-        isVersionAdministrator: a.versionAdministratorLookup.get(c.url),
-        isVersioningApiAvailable: (a.serverVersionLookup.get(c.url) ?? 0) >= 11.2,
-        mode: r,
-        pageSize: d,
-        serviceName: c.name,
-        state: m,
-        serviceUrl: c.url,
-        strings: o,
-        versionInfos: a.versioningStateLookup.get(c.url)?.versionInfos ?? []
+        flowElement: s,
+        hasAdvEditingUte: d.advancedEditingUserTypeExtensionLookup.get(l.url),
+        heading: o,
+        initialVersionInfos: t,
+        isInitialVersionInvalid: r,
+        isVersionAdministrator: d.versionAdministratorLookup.get(l.url),
+        isVersioningApiAvailable: (d.serverVersionLookup.get(l.url) ?? 0) >= 11.2,
+        mode: a,
+        pageSize: c,
+        serviceName: l.name,
+        state: v,
+        serviceUrl: l.url,
+        strings: n,
+        versionInfos: d.versioningStateLookup.get(l.url)?.versionInfos ?? []
       };
-      return g`<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);
-      }} @arcgisFlowItemClose=${() => {
-        this._handleFlowItemClose();
-      }} @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=${() => {
-      this._handleFlowItemClose();
-    }} .selected=${!v}>${L}<calcite-panel .loading=${m === "loading" || m === "executing"}>${V}${E}</calcite-panel></calcite-flow-item></calcite-flow>`;
+      return m`<arcgis-version-management-service-item .serviceItemElementProps=${g} @arcgisFlowItemBack=${() => {
+        s && (this._removeVersionListFlowItem(s), this.versionList = void 0);
+      }} @arcgisFlowItemClose=${() => this._handleFlowItemClose()} @arcgisGetVersions=${async (f) => {
+        await this._refreshVersionList(f.detail.serviceUrl);
+      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${this._handleNewVersionAction} @arcgisCreateVersionList=${(f) => this.versionList = f.detail}></arcgis-version-management-service-item>`;
+    }) : void 0, E = v === "disabled" && p != null ? m`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(p)}</div></calcite-notice>` : void 0, S = this._showInvalidFeatureServiceNotice ? m`<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 m`<div class="arcgis-version-management"><calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${M(this.mode === "dialog" ? "" : "component-container-flow")} ${b(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${o ?? void 0} @calciteFlowItemClose=${() => this._handleFlowItemClose()} .selected=${!h}>${S}<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);
+L("arcgis-version-management", R);
 export {
-  D as ArcgisVersionManagement
+  R as ArcgisVersionManagement
 };

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

@@ -1,3 +1,4 @@
+import "../arcgis-version-management-version-properties/index.js";
 import "../arcgis-version-management-service-item/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-flow";

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

@@ -1,3 +1,4 @@
+import "../arcgis-version-management-version-properties/index.js";
 import "../arcgis-version-management-service-item/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-flow";

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

@@ -1,7 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Nil } from '@arcgis/components-utils';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisVersionManagementVersionList } from '../arcgis-version-management-version-list/customElement.js';
 import { ArcgisVersionManagement, InitialVersionInfo } from '../arcgis-version-management/customElement.js';
 
@@ -28,6 +28,7 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
         strings: ArcgisVersionManagement["messages"];
         versionInfos: __esri.VersionInfo[];
     };
+    readonly arcgisCreateVersionList: TargetedEvent<this, ToElement<ArcgisVersionManagementVersionList>>;
     readonly arcgisFlowItemBack: TargetedEvent<this, void>;
     readonly arcgisFlowItemClose: TargetedEvent<this, void>;
     readonly arcgisGetVersions: TargetedEvent<this, {
@@ -41,5 +42,4 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
     readonly arcgisNewVersion: TargetedEvent<this, {
         serviceUrl: string;
     }>;
-    readonly arcgisCreateVersionList: TargetedEvent<this, import('@arcgis/lumina').ToElement<ArcgisVersionManagementVersionList>>;
 }

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

@@ -1,74 +1,60 @@
-import { c as k } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { LitElement as C, createEvent as n, noShadowRoot as G, safeClassMap as F } from "@arcgis/lumina";
+import { c as A } from "../../chunks/runtime.js";
+import { LitElement as U, createEvent as t, noShadowRoot as _, safeClassMap as v } from "@arcgis/lumina";
+import { html as s, render as S } from "lit-html";
 /*! 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.8 */
-class y extends C {
+v4.33.0-next.80 */
+class F extends U {
   constructor() {
-    super(...arguments), this._arcgisGetVersions = (e) => {
-      this.arcgisGetVersions.emit(e.detail);
-    }, this._arcgisManageVersion = (e) => {
-      this.arcgisManageVersion.emit(e.detail);
-    }, this._arcgisNewVersion = (e) => {
-      this.arcgisNewVersion.emit(e.detail);
-    }, this._versionListEventListeners = /* @__PURE__ */ new Map(), this._showInvalidVersionNotice = !0, this.arcgisFlowItemBack = n(), this.arcgisFlowItemClose = n(), this.arcgisGetVersions = n(), this.arcgisManageVersion = n(), this.arcgisNewVersion = n(), this.arcgisCreateVersionList = n();
+    super(...arguments), this._showInvalidVersionNotice = !0, this.arcgisCreateVersionList = t(), this.arcgisFlowItemBack = t(), this.arcgisFlowItemClose = t(), this.arcgisGetVersions = t(), this.arcgisManageVersion = t(), this.arcgisNewVersion = t();
   }
   static {
     this.properties = { _showInvalidVersionNotice: 16, serviceItemElementProps: 0 };
   }
   static {
-    this.shadowRootOptions = G;
+    this.shadowRootOptions = _;
   }
-  // #endregion
-  // #region Lifecycle
+  //#endregion
+  //#region Lifecycle
   disconnectedCallback() {
-    super.disconnectedCallback(), this._versionList && this._removeVersionListEventListeners(this._versionList);
+    super.disconnectedCallback(), this.versionListContainer?.remove();
   }
-  // #endregion
-  // #region Private Methods
-  _addVersionListEventListeners(e) {
-    e.addEventListener("arcgisGetVersions", this._arcgisGetVersions), this._versionListEventListeners.set("arcgisGetVersions", this._arcgisGetVersions), e.addEventListener("arcgisManageVersion", this._arcgisManageVersion), this._versionListEventListeners.set("arcgisManageVersion", this._arcgisManageVersion), e.addEventListener("arcgisNewVersion", this._arcgisNewVersion), this._versionListEventListeners.set("arcgisNewVersion", this._arcgisNewVersion);
-  }
-  _removeVersionListEventListeners(e) {
-    for (const [c, l] of this._versionListEventListeners)
-      e.removeEventListener(c, l);
-  }
-  // #endregion
-  // #region Rendering
+  //#endregion
+  //#region Rendering
   render() {
-    const { serviceItemElementProps: { allowEditing: e, closable: c, currentUser: l, executionError: h, currentVersionIdentifier: d, flowElement: V, hasAdvEditingUte: p, heading: L, isInitialVersionInvalid: E, isVersionAdministrator: _, isVersioningApiAvailable: b, mode: w, pageSize: I, serviceName: o, serviceUrl: g, state: u, strings: r, versionInfos: a } } = this;
-    let { _versionList: i } = this;
-    const f = E.get(g) && this._showInvalidVersionNotice ? t`<calcite-notice class="initial-version-invalid-block" closable kind=warning open scale=s width=full icon @calciteNoticeClose=${() => this._showInvalidVersionNotice = !1}><div slot=title>${r.headers.invalidInitialVersion}</div><div slot=message>${r.loadErrors.invalidInitialVersion}</div></calcite-notice>` : void 0, $ = t`<calcite-combobox clear-disabled .label=${o} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(s) => {
-      const x = s.target, M = a.find((N) => N.versionIdentifier.guid === x.value);
-      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: g, versionInfo: M });
-    }}>${a ? a.map((s) => t`<calcite-combobox-item class=${F(w === "dialog" ? "" : "calcite-combobox-item")} .selected=${d.guid === s.versionIdentifier.guid && d.name === s.versionIdentifier.name} .textLabel=${s.versionIdentifier.name} .value=${s.versionIdentifier.guid}></calcite-combobox-item>`) : void 0}</calcite-combobox>`;
-    let m, v;
-    return e && (m = t`<calcite-action .id=${`actionManageVersions_${o}`} icon=list scale=s slot=control text @click=${async () => {
-      i = document.createElement("arcgis-version-management-version-list"), i.versionListElementProps = {
-        closable: c,
-        currentUser: l,
-        currentVersionIdentifier: d,
-        executionError: h,
-        hasAdvEditingUte: p,
-        heading: L,
-        isVersionAdministrator: _,
-        isVersioningApiAvailable: b,
-        pageSize: I,
+    const { serviceItemElementProps: { allowEditing: h, closable: p, currentUser: V, executionError: I, currentVersionIdentifier: r, flowElement: $, hasAdvEditingUte: b, heading: w, isInitialVersionInvalid: f, isVersionAdministrator: u, isVersioningApiAvailable: E, mode: N, pageSize: C, serviceName: o, serviceUrl: c, state: x, strings: n, versionInfos: a } } = this;
+    let { _versionList: l } = this;
+    const L = f.get(c) && this._showInvalidVersionNotice ? s`<calcite-notice class=${v(this._showInvalidVersionNotice ? "invalid-initial-version-notice" : "")} closable kind=warning open scale=s width=full icon @calciteNoticeClose=${() => this._showInvalidVersionNotice = !1}><div slot=title>${n.headers.invalidInitialVersion}</div><div slot=message>${n.loadErrors.invalidInitialVersion}</div></calcite-notice>` : void 0, M = s`<calcite-combobox clear-disabled .label=${o} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(i) => {
+      const d = i.target, e = a.find((k) => k.versionIdentifier.guid === d.value);
+      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: c, versionInfo: e });
+    }}>${a ? a.map((i) => s`<calcite-combobox-item class=${v(N === "dialog" ? "" : "calcite-combobox-item")} .selected=${r.guid === i.versionIdentifier.guid && r.name === i.versionIdentifier.name} .textLabel=${i.versionIdentifier.name} .value=${i.versionIdentifier.guid}></calcite-combobox-item>`) : void 0}</calcite-combobox>`;
+    let m, g;
+    return h && (m = s`<calcite-action .id=${`actionManageVersions_${o}`} icon=list scale=s slot=control text @click=${async () => {
+      const i = {
+        closable: p,
+        currentUser: V,
+        currentVersionIdentifier: r,
+        executionError: I,
+        hasAdvEditingUte: b,
+        heading: w,
+        isVersionAdministrator: u,
+        isVersioningApiAvailable: E,
+        pageSize: C,
         serviceName: o,
-        serviceUrl: g,
-        state: u,
-        strings: r,
+        serviceUrl: c,
+        state: x,
+        strings: n,
         versionInfos: a
-      }, i.selected = !0, i.showBackButton = !0, i.addEventListener("calciteFlowItemBack", (s) => {
-        s.preventDefault(), this.arcgisFlowItemBack.emit();
-      }), i.addEventListener("calciteFlowItemClose", () => {
-        this.arcgisFlowItemClose.emit();
-      }), this._addVersionListEventListeners(i), V?.append(i), this.arcgisCreateVersionList.emit(i);
-    }}></calcite-action>`, v = t`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`actionManageVersions_${o}`}><span>${r.headers.manageVersions}</span></calcite-tooltip>`), t`<calcite-block open .heading=${o}>${f}${$}${m}${v}</calcite-block>`;
+      };
+      this.versionListContainer = document.createElement("div");
+      const d = S(s`<arcgis-version-management-version-list .versionListElementProps=${i} selected show-back-button @arcgisFlowItemBack=${(e) => {
+        e.preventDefault(), this.arcgisFlowItemBack.emit();
+      }} @arcgisFlowItemClose=${() => this.arcgisFlowItemClose.emit()} @arcgisGetVersions=${(e) => this.arcgisGetVersions.emit({ serviceUrl: e.detail.serviceUrl })} @arcgisManageVersion=${(e) => this.arcgisManageVersion.emit(e.detail)} @arcgisNewVersion=${(e) => this.arcgisNewVersion.emit({ serviceUrl: e.detail.serviceUrl })}></arcgis-version-management-version-list>`, this.versionListContainer);
+      l = Array.from(d.parentNode.childNodes).find((e) => e.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST"), $?.append(l), this.arcgisCreateVersionList.emit(l);
+    }}></calcite-action>`, g = s`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`actionManageVersions_${o}`}><span>${n.headers.manageVersions}</span></calcite-tooltip>`), s`<calcite-block open .heading=${o}>${L}${M}${m}${g}</calcite-block>`;
   }
 }
-k("arcgis-version-management-service-item", y);
+A("arcgis-version-management-service-item", F);
 export {
-  y as ArcgisVersionManagementServiceItem
+  F as ArcgisVersionManagementServiceItem
 };

package/dist/components/arcgis-version-management-service-item/index.d.ts

@@ -1,6 +1,7 @@
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-combobox";
 import "@esri/calcite-components/components/calcite-combobox-item";
+import "../arcgis-version-management-version-list/index.js";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-block";