@arcgis/map-components 5.2.0-next.1 → 5.2.0-next.100

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

@@ -1,233 +1,222 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as S } from "../../chunks/runtime.js";
-import { once as L, watch as P } from "@arcgis/core/core/reactiveUtils.js";
-import _ from "@arcgis/core/versionManagement/VersionManager.js";
-import { LitElement as b, createEvent as u } from "@arcgis/lumina";
-import { css as C, render as N, html as g } from "lit";
-import { createRef as F, ref as M } from "lit/directives/ref.js";
-import { u as k } from "../../chunks/useT9n.js";
-import { m as x } from "../../chunks/useViewModel.js";
-import { rethrowError as $ } from "@arcgis/toolkit/log";
-const A = C`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;min-height:var(--arcgis-internal-panel-height-md, 420px);height:100%}calcite-notice{margin:var(--calcite-spacing-md)}`, T = x(_), w = "map-components:version-management";
-class O extends b {
+import { c as P } from "../../chunks/runtime.js";
+import { css as L, html as h } from "lit";
+import { once as C, watch as U } from "@arcgis/core/core/reactiveUtils.js";
+import A from "@arcgis/core/versionManagement/VersionManager.js";
+import { LitElement as N, createEvent as V } from "@arcgis/lumina";
+import { rethrowError as M, log as v } from "@arcgis/toolkit/log";
+import { u as T } from "../../chunks/useT9n.js";
+import { m as D } from "../../chunks/useViewModel.js";
+import { l as z } from "../../chunks/async-utils.js";
+const R = L`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}calcite-notice{background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm)}`, B = D(A);
+class q extends N {
   constructor() {
-    super(...arguments), this.flowElement = F(), this.messages = k({ blocking: !0 }), this.viewModel = T(this), this._isInitialVersionInvalid = /* @__PURE__ */ new Map(), this._initialVersionInfos = [], this._showInvalidFeatureServiceNotice = !1, this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = u(), this.arcgisVersioningStateChanged = u();
+    super(...arguments), this._messages = T({ blocking: !0 }), this.#t = [], this.#r = [], this.#s = [], this.#e = B(this), this._currentPage = 1, this._filterText = "", this._isInitialFeatureServiceInvalid = !1, this._mode = "browse-services", this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.state = this.#e.state, this.versioningStates = this.#e.versioningStates, this.view = this.#e.view, this.arcgisReady = V(), this.arcgisVersioningStateChanged = V();
   }
   static {
-    this.properties = { versionList: 16, _showInvalidFeatureServiceNotice: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, initialVersionInfos: 0, icon: 1, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, referenceElement: 1, state: 32, versioningStates: 0, view: 0 };
+    this.properties = { _currentPage: 16, _editVersionInfo: 16, _filterText: 16, _isInitialFeatureServiceInvalid: 16, _loadError: 16, _mode: 16, _selectedFeatureService: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, icon: 1, initialVersionInfos: 0, label: 1, messageOverrides: 0, mode: 1, pageSize: 9, referenceElement: 1, state: 32, versioningStates: 0, view: 0 };
   }
   static {
-    this.styles = A;
+    this.styles = R;
   }
+  #t;
+  #r;
+  #s;
+  #e;
   get initialVersionInfos() {
-    return this._initialVersionInfos;
+    return this.#t;
   }
   set initialVersionInfos(e) {
-    this._initialVersionInfos = e.map((i) => ({
+    this.#t = e.map((i) => ({
       ...i,
-      url: this._removeTrailingSlash(i.url)
+      url: this.#b(i.url)
     }));
   }
   async destroy() {
     await this.manager.destroy();
   }
   async load() {
-    L(() => this.viewModel.state === "ready").then(() => {
-      this.initialVersionInfos.forEach((e) => {
-        try {
-          this._changeToInitialVersion(e);
-        } catch (i) {
-          $(this)(i);
-        }
-      });
+    C(() => this.#e.state === "failed" || this.#e.state === "ready").then(() => {
+      this._loadError || (this.#S(), this._loadError || this.#l());
     }), this.manager.onLifecycle(() => [
-      P(() => this.viewModel.state, (e) => {
-        const { flowElement: { value: i }, versionList: r } = this, t = i?.getElementsByTagName("arcgis-version-management-version-properties")[0];
-        if (e === "disabled" && i) {
-          t && this._removeVersionPropertiesFlowItem(i), r && this._removeVersionListFlowItem(i);
-          return;
-        }
-        r && (r.versionListElementProps = {
-          ...r.versionListElementProps,
-          executionError: this.viewModel.executionError
-        }, r.versionListElementProps = { ...r.versionListElementProps, state: e }), t && (t.versionPropertiesElementProps = {
-          ...t.versionPropertiesElementProps,
-          state: e
-        });
+      U(() => this.view?.map, () => {
+        this.#$();
       })
     ]);
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.versionPropertiesContainer?.remove();
+  #l() {
+    this.initialVersionInfos.forEach((e) => {
+      try {
+        this.#c(e);
+      } catch (i) {
+        M(this)(i);
+      }
+    });
   }
-  _removeTrailingSlash(e) {
-    return e.replace(/\/+$/u, "");
+  #c(e) {
+    const { url: i, name: a } = e, r = this.#e.versioningStateLookup.get(i);
+    if (!r) {
+      this._isInitialFeatureServiceInvalid = !0, v("error", this, `No versioning state found for feature service ${i}`);
+      return;
+    }
+    const t = r?.versionInfos.find((c) => c.versionIdentifier.name.toUpperCase() === a.toUpperCase());
+    if (!t) {
+      this.#r.push(i), this.requestUpdate(), v("error", this, `Version ${a} not found in the versioning state for feature service ${i}`);
+      return;
+    }
+    const s = t.versionIdentifier, l = r?.currentVersionInfo?.versionIdentifier;
+    s.guid !== l?.guid && this.#e.changeVersion(i, s.name, s.guid);
   }
-  _createVersionPropertiesFlowItem(e, i) {
-    const { closable: r, viewModel: t, viewModel: { state: n } } = this, o = {
-      closable: r,
-      currentUser: t.userLookup.get(e),
-      isVersionAdministrator: t.versionAdministratorLookup.get(e),
-      serviceUrl: e,
-      state: n,
-      strings: this.messages,
-      versionInfo: i
-    };
-    this.versionPropertiesContainer = document.createElement("div");
-    const s = N(g`<arcgis-version-management-version-properties .versionPropertiesElementProps=${o} selected show-back-button></arcgis-version-management-version-properties>`, this.versionPropertiesContainer), a = Array.from(s.parentNode.childNodes).find((c) => c.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-PROPERTIES");
-    return this.listenOn(a, "arcgisFlowItemBack", () => {
-      this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), 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;
+  #a(e) {
+    const { _messages: i } = this;
     switch (e) {
       case "no-feature-services":
         return i.loadErrors.noFeatureServices;
+      case "no-version-management-service-found":
+        return i.loadErrors.noVersionManagementServiceFound;
       case "no-view-property":
         return i.loadErrors.noViewProperty;
+      case "webmap-failed-to-load":
+        return i.loadErrors.webmapFailedToLoad;
       default:
         return e;
     }
   }
-  async _handleAlterVersion(e) {
-    const { flowElement: { value: i }, viewModel: r } = this, { alterVersionParameters: t } = e.detail;
-    await r.alterVersion(t).then(async (n) => {
-      n && this.arcgisVersioningStateChanged.emit({
-        type: "version-changed",
-        versionIdentifier: t.versionIdentifier,
-        versioningState: r.versioningStateLookup.get(t.featureServerUrl)
-      }), await this._refreshVersionList(t.featureServerUrl);
-    }).finally(() => {
-      i && this._removeVersionPropertiesFlowItem(i);
+  #i(e) {
+    const { _messages: i } = this;
+    let a = !1, r, t, s;
+    switch (e) {
+      case "invalid-feature-service":
+        a = !0, r = i.loadErrors.invalidInitialFeatureService, t = this.#I, s = i.headers.invalidInitialFeatureService;
+        break;
+      case "no-version-management-service-found":
+        r = this.#a("no-version-management-service-found");
+        break;
+      case "view-model-load":
+        r = this.#a(this.#e.loadError ?? "");
+        break;
+      case "webmap-load":
+        r = this.#a("webmap-failed-to-load");
+        break;
+    }
+    return h`<calcite-notice .closable=${a} icon kind=warning open scale=s width=full @calciteNoticeClose=${t}>${s ? h`<div slot=title>${s}</div>` : void 0}<div slot=message>${r}</div></calcite-notice>`;
+  }
+  async #d(e) {
+    e.stopPropagation();
+    const { alterVersionParameters: i } = e.detail;
+    await this.#e.alterVersion(i).finally(() => {
+      this._mode = "browse-versions";
+    }) && this.arcgisVersioningStateChanged.emit({
+      type: "version-changed",
+      versionIdentifier: i.versionIdentifier,
+      versioningState: this.#e.versioningStateLookup.get(i.featureServerUrl)
     });
   }
-  _handleCreateVersion(e) {
-    const { flowElement: { value: i }, viewModel: r } = this, { createVersionParameters: t, switchToVersion: n } = e.detail;
-    r.createVersion(t).then(async (o) => {
-      o && this.arcgisVersioningStateChanged.emit({
-        type: "version-created",
-        versionIdentifier: o.versionIdentifier,
-        versioningState: r.versioningStateLookup.get(t.featureServerUrl)
-      }), n && await this.viewModel.changeVersion(t.featureServerUrl, o.versionIdentifier.name, o.versionIdentifier.guid).then((s) => {
-        s && this.arcgisVersioningStateChanged.emit({
-          type: "version-switched",
-          versionIdentifier: o.versionIdentifier,
-          versioningState: r.versioningStateLookup.get(t.featureServerUrl)
-        });
-      }), await this._refreshVersionList(t.featureServerUrl);
-    }).finally(() => {
-      i && this._removeVersionPropertiesFlowItem(i);
+  async #g(e) {
+    e.stopPropagation();
+    const { arcgisVersioningStateChanged: i } = this, { createVersionParameters: a, switchToVersion: r } = e.detail, t = await this.#e.createVersion(a).finally(() => {
+      this._mode = "browse-versions";
     });
+    t && (i.emit({
+      type: "version-created",
+      versionIdentifier: t.versionIdentifier,
+      versioningState: this.#e.versioningStateLookup.get(a.featureServerUrl)
+    }), r && await this.#e.changeVersion(a.featureServerUrl, t.versionIdentifier.name, t.versionIdentifier.guid).then((s) => {
+      s && i.emit({
+        type: "version-switched",
+        versionIdentifier: t.versionIdentifier,
+        versioningState: this.#e.versioningStateLookup.get(a.featureServerUrl)
+      });
+    }));
+  }
+  #h(e) {
+    e.stopPropagation(), this._mode = "browse-versions", this._editVersionInfo = void 0;
+  }
+  async #v(e) {
+    e.stopPropagation(), await this.#e.getVersionInfos(e.detail.serviceUrl);
   }
-  _changeToInitialVersion(e) {
-    const { _isInitialVersionInvalid: i, viewModel: r } = this, { url: t, name: n } = e, o = r.versioningStateLookup.get(t);
-    if (!o)
-      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${w} - no versioning state found for feature service ${t}`);
-    const s = o?.versionInfos.find((m) => m.versionIdentifier.name === n);
-    if (!s)
-      throw i.set(t, !0), new Error(`${w} - version ${n} not found in the versioning state for feature service ${t}`);
-    const a = s.versionIdentifier, c = o?.currentVersionInfo?.versionIdentifier;
-    a.guid !== c?.guid && r.changeVersion(t, a.name, a.guid);
-  }
-  _handleFlowItemClose() {
-    const e = document.querySelector("arcgis-version-management");
-    e.parentElement?.removeChild(e);
-  }
-  async _handleNewVersionAction(e) {
-    const i = this._createVersionPropertiesFlowItem(e.detail.serviceUrl, void 0);
-    this.flowElement.value?.appendChild(i), this.versionList && (this.versionList.selected = !1);
-  }
-  async _handleManageVersionAction(e) {
-    const { actionType: i, serviceUrl: r, versionInfo: t } = e.detail, { viewModel: n, flowElement: o } = this;
-    switch (i) {
+  #u(e) {
+    e.stopPropagation(), this._filterText = e.detail.filterText, this.#n();
+  }
+  async #o(e) {
+    e.stopPropagation();
+    const { arcgisVersioningStateChanged: i } = this, { actionType: a, serviceUrl: r, versionInfo: t } = e.detail;
+    switch (a) {
       case "changeVersion": {
-        n.changeVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid).then((s) => {
-          s && this.arcgisVersioningStateChanged.emit({
-            type: "version-switched",
-            versionIdentifier: t.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(r)
-          });
-          const { versionList: a } = this;
-          a && (a.versionListElementProps = {
-            ...a.versionListElementProps,
-            currentVersionIdentifier: n.versioningStateLookup.get(r).currentVersionInfo.versionIdentifier
-          });
+        await this.#e.changeVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid) && i.emit({
+          type: "version-switched",
+          versionIdentifier: t.versionIdentifier,
+          versioningState: this.#e.versioningStateLookup.get(r)
         });
         break;
       }
       case "deleteVersion": {
-        n.deleteVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid).then(async (s) => {
-          s && this.arcgisVersioningStateChanged.emit({
-            type: "version-deleted",
-            versionIdentifier: t.versionIdentifier,
-            versioningState: n.versioningStateLookup.get(r)
-          }), await this._refreshVersionList(r);
+        await this.#e.deleteVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid) && i.emit({
+          type: "version-deleted",
+          versionIdentifier: t.versionIdentifier,
+          versioningState: this.#e.versioningStateLookup.get(r)
         });
         break;
       }
       case "editVersion": {
-        const s = this._createVersionPropertiesFlowItem(r, t);
-        o.value?.appendChild(s), this.versionList && (this.versionList.selected = !1);
+        this._mode = "edit-version", this._editVersionInfo = { ...e.detail.versionInfo };
         break;
       }
     }
   }
-  async _refreshVersionList(e) {
-    const { flowElement: { value: i }, versionList: r, viewModel: t } = this;
-    if (i) {
-      const n = await t.getVersionInfos(e), o = i.getElementsByTagName("arcgis-version-management-service-item");
-      for (const s of o)
-        s.serviceItemElementProps.serviceUrl === e && (s.serviceItemElementProps = { ...s.serviceItemElementProps, versionInfos: n });
-      r && (r.versionListElementProps = {
-        ...r.versionListElementProps,
-        currentVersionIdentifier: t.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: n
-      });
+  #m(e) {
+    e.stopPropagation(), this._mode = "create-version";
+  }
+  #p(e) {
+    e.stopPropagation(), this._currentPage = e.detail.currentPage;
+  }
+  #f(e) {
+    e.detail.name === "selectedFeatureService" && (this._selectedFeatureService = e.target.selectedFeatureService, this._mode = "browse-versions", this.#n());
+  }
+  #I() {
+    this._isInitialFeatureServiceInvalid = !1;
+  }
+  #V() {
+    this._mode = "browse-services";
+  }
+  #w() {
+    this._mode = "browse-versions", this._editVersionInfo = void 0;
+  }
+  async #$() {
+    const e = this.view?.map;
+    try {
+      e.loaded || await e.load();
+    } catch (i) {
+      this._loadError = "webmap-failed-to-load", z(i, this, "Error while loading 'view.map'");
     }
   }
-  _removeVersionListFlowItem(e) {
-    for (const i of e.childNodes)
-      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST" && (e.removeChild(i), this.versionList = void 0), i.nodeName.toUpperCase() === "CALCITE-FLOW-ITEM" && (i.hidden = !1);
+  #b(e) {
+    return e.replace(/\/+$/u, "");
+  }
+  #n() {
+    this._currentPage = 1;
   }
-  _removeVersionPropertiesFlowItem(e) {
-    for (const i of e.childNodes)
-      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-PROPERTIES" && e.removeChild(i);
+  #S() {
+    if (!this.#e?.versioningStateLookup.size) {
+      this._loadError = "no-version-management-service-found", v("error", this, "No version management service found");
+      return;
+    }
+    this.#e?.versioningStateLookup.forEach((e, i) => {
+      e.loadStatus === "failed" && (this.#s.push(i), v("error", this, `Failed to load versioning state for feature service ${i}`));
+    }), this.requestUpdate();
   }
   render() {
-    const { allowEditingDisabled: e, closable: i, flowElement: { value: r }, initialVersionInfos: t, _isInitialVersionInvalid: n, label: o, messages: s, mode: a, pageSize: c, versionList: m, viewModel: v, viewModel: { loadError: f, state: d } } = this, I = Array.from(v.serviceNameLookup, ([l, h]) => ({ url: l, name: h })), V = d !== "disabled" ? I.map((l) => {
-      const h = {
-        allowEditing: !e,
-        closable: i,
-        currentUser: v.userLookup.get(l.url),
-        currentVersionIdentifier: v.versioningStateLookup.get(l.url).currentVersionInfo.versionIdentifier,
-        executionError: void 0,
-        flowElement: r,
-        heading: o,
-        initialVersionInfos: t,
-        isInitialVersionInvalid: n,
-        isVersionAdministrator: v.versionAdministratorLookup.get(l.url),
-        isVersioningApiAvailable: (v.serverVersionLookup.get(l.url) ?? 0) >= 11.2,
-        mode: a,
-        pageSize: c,
-        serviceName: l.name,
-        state: d,
-        serviceUrl: l.url,
-        strings: s,
-        versionInfos: v.versioningStateLookup.get(l.url)?.versionInfos ?? []
-      };
-      return g`<arcgis-version-management-service-item .serviceItemElementProps=${h} @arcgisFlowItemBack=${() => {
-        r && (this._removeVersionListFlowItem(r), this.versionList = void 0);
-      }} @arcgisFlowItemClose=${() => this._handleFlowItemClose()} @arcgisGetVersions=${async (p) => {
-        await this._refreshVersionList(p.detail.serviceUrl);
-      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${this._handleNewVersionAction} @arcgisCreateVersionList=${(p) => this.versionList = p.detail}></arcgis-version-management-service-item>`;
-    }) : void 0, E = d === "disabled" && f != null ? g`<calcite-notice kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(f)}</div></calcite-notice>` : void 0, y = this._showInvalidFeatureServiceNotice ? g`<calcite-notice closable kind=warning open scale=s slot=content-top width=full icon @calciteNoticeClose=${() => this._showInvalidFeatureServiceNotice = !1}><div slot=title>${s.headers.invalidInitialFeatureService}</div><div slot=message>${s.loadErrors.invalidInitialFeatureService}</div></calcite-notice>` : void 0;
-    return g`<div class="root"><calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" ${M(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${o ?? void 0} @calciteFlowItemClose=${() => this._handleFlowItemClose()} .selected=${!m}>${y}<calcite-panel .loading=${d === "loading" || d === "executing"}>${V}${E}</calcite-panel></calcite-flow-item></calcite-flow></div>`;
+    const { _currentPage: e, _editVersionInfo: i, _filterText: a, _messages: r, _mode: t, _selectedFeatureService: s, closable: l, label: c, pageSize: d, state: o } = this, w = this._loadError === "webmap-failed-to-load" ? this.#i("webmap-load") : void 0, $ = o === "disabled" && this.#e.loadError ? this.#i("view-model-load") : void 0, b = this._loadError === "no-version-management-service-found" ? this.#i("no-version-management-service-found") : void 0, S = this._isInitialFeatureServiceInvalid ? this.#i("invalid-feature-service") : void 0, y = Array.from(this.#e.serviceNameLookup, ([n, k]) => ({ url: n, name: k })), g = s?.url ?? "", p = this.#e?.versioningStateLookup.get(g), u = p?.versionInfos ?? [], _ = p?.currentVersionInfo ?? void 0, x = u.length <= d, m = a === "" ? u : u.filter((n) => n.versionIdentifier.name.toUpperCase().includes(a.toUpperCase()) || n.versionIdentifier.guid.toUpperCase().includes(a.toUpperCase())), f = m.slice((e - 1) * d, e * d);
+    f.length === 0 && this.#n();
+    const I = this.#e.userLookup.get(g), E = this.#e.versionAdministratorLookup.get(g), F = (this.#e.serverVersionLookup.get(g) ?? 0) >= 11.2;
+    return h`<calcite-flow><calcite-flow-item .closable=${l} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${t === "browse-services"}>${w}${$}${b}${S}${y.map((n) => h`<arcgis-version-management-service-item .allowEditingDisabled=${this.allowEditingDisabled} .invalidInitialVersion=${this.#r.includes(n.url)} .messages=${r} .selectedFeatureService=${s} .serviceName=${n.name} .serviceUrl=${n.url} .versioningStateFailedToLoad=${this.#s.includes(n.url)} .viewModel=${this.#e} @arcgisInternalManageVersion=${this.#o} @arcgisPropertyChange=${this.#f}></arcgis-version-management-service-item>`)}</calcite-flow-item><calcite-flow-item .closable=${l} .description=${s?.name} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${t === "browse-versions"} @calciteFlowItemBack=${(n) => {
+      n.preventDefault(), this.#V();
+    }}><arcgis-version-management-version-list .currentPage=${e} .currentUser=${I} .currentVersionInfo=${_} .executionError=${this.#e.executionError ?? void 0} .featureServiceName=${s?.name} .featureServiceUrl=${s?.url} .hideFilter=${x} .isVersionAdministrator=${E} .isVersioningApiAvailable=${F} .messages=${r} .mode=${t} .totalPages=${Math.ceil(m.length / d)} .totalVersions=${m.length} .versionInfos=${f} @arcgisInternalFilterVersions=${this.#u} @arcgisInternalGetVersions=${this.#v} @arcgisInternalManageVersion=${this.#o} @arcgisInternalNewVersion=${this.#m} @arcgisInternalPageChange=${this.#p}></arcgis-version-management-version-list></calcite-flow-item><calcite-flow-item .closable=${l} .description=${t === "create-version" ? "" : i?.versionIdentifier.name} .heading=${t === "create-version" ? r?.actions.newVersion : r?.actions.editVersion} .loading=${o === "loading" || o === "executing"} .selected=${t === "create-version" || t === "edit-version"} @calciteFlowItemBack=${(n) => {
+      n.preventDefault(), this.#w();
+    }}><arcgis-version-management-version-properties .currentUser=${I} .editVersionInfo=${i} .featureServiceUrl=${s?.url} .messages=${r} .mode=${t} @arcgisInternalAlterVersion=${this.#d} @arcgisInternalCreateVersion=${this.#g} @arcgisInternalDiscardEdits=${this.#h}></arcgis-version-management-version-properties></calcite-flow-item></calcite-flow>`;
   }
 }
-S("arcgis-version-management", O);
+P("arcgis-version-management", q);
 export {
-  O as ArcgisVersionManagement
+  q as ArcgisVersionManagement
 };

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

@@ -1,7 +1,7 @@
-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";
 import "@esri/calcite-components/components/calcite-flow-item";
-import "@esri/calcite-components/components/calcite-panel";
+import "../arcgis-version-management-service-item/index.js";
+import "../arcgis-version-management-version-list/index.js";
+import "../arcgis-version-management-version-properties/index.js";
 export * from "./customElement.js";

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

@@ -1,50 +1,35 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
-import { LitElement as M, createEvent as o, safeClassMap as A } from "@arcgis/lumina";
-import { html as t, render as U } from "lit";
-class F extends M {
+import { c as b } from "../../chunks/runtime.js";
+import { css as h, html as o } from "lit";
+import { LitElement as f, createEvent as p } from "@arcgis/lumina";
+import { usePropertyChange as u } from "@arcgis/lumina/controllers";
+const I = h`calcite-notice{margin-bottom:var(--calcite-space-xs)}`;
+class x extends f {
   constructor() {
-    super(...arguments), this._showInvalidVersionNotice = !0, this.arcgisCreateVersionList = o(), this.arcgisFlowItemBack = o(), this.arcgisFlowItemClose = o(), this.arcgisGetVersions = o(), this.arcgisManageVersion = o(), this.arcgisNewVersion = o();
+    super(...arguments), this.allowEditingDisabled = !1, this.invalidInitialVersion = !1, this.versioningStateFailedToLoad = !1, this.arcgisInternalManageVersion = p(), this.arcgisPropertyChange = u()("selectedFeatureService");
   }
   static {
-    this.properties = { _showInvalidVersionNotice: 16, serviceItemElementProps: 0 };
+    this.properties = { allowEditingDisabled: 5, invalidInitialVersion: 5, messages: 0, selectedFeatureService: 0, serviceName: 1, serviceUrl: 1, versioningStateFailedToLoad: 5, viewModel: 0 };
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.versionListContainer?.remove();
+  static {
+    this.styles = I;
+  }
+  #e(s) {
+    const { serviceUrl: i, viewModel: e } = this, t = e?.versioningStateLookup.get(i)?.versionInfos ?? [], c = s.target.selectedItems[0].value, n = t.find((l) => l.versionIdentifier.guid === c);
+    this.arcgisInternalManageVersion.emit({
+      actionType: "changeVersion",
+      serviceUrl: this.serviceUrl,
+      versionInfo: n
+    });
   }
   render() {
-    const { serviceItemElementProps: { allowEditing: v, closable: h, currentUser: $, executionError: p, currentVersionIdentifier: r, flowElement: V, heading: b, isInitialVersionInvalid: I, isVersionAdministrator: f, isVersioningApiAvailable: u, mode: w, pageSize: x, serviceName: i, serviceUrl: c, state: E, strings: n, versionInfos: a } } = this;
-    let { _versionList: l } = this;
-    const N = I.get(c) && this._showInvalidVersionNotice ? t`<calcite-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, C = t`<calcite-combobox .ariaLabel=${`combobox-${i}`} .label=${`combobox-${i}`} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(s) => {
-      const m = s.target, e = a.find((L) => L.versionIdentifier.guid === m.value);
-      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: c, versionInfo: e });
-    }}>${a ? a.map((s) => t`<calcite-combobox-item class=${A(w === "dialog" ? "" : "calcite-combobox-item")} .heading=${s.versionIdentifier.name} .value=${s.versionIdentifier.guid} .selected=${r.guid === s.versionIdentifier.guid && r.name === s.versionIdentifier.name}></calcite-combobox-item>`) : void 0}</calcite-combobox>`;
-    let d, g;
-    return v && (d = t`<calcite-action icon=list .id=${`action-manage-versions-${i}`} .label=${`action-manage-versions-${i}`} scale=s slot=actions-end .text=${`action-manage-versions-${i}`} @click=${async () => {
-      const s = {
-        closable: h,
-        currentUser: $,
-        currentVersionIdentifier: r,
-        executionError: p,
-        heading: b,
-        isVersionAdministrator: f,
-        isVersioningApiAvailable: u,
-        pageSize: x,
-        serviceName: i,
-        serviceUrl: c,
-        state: E,
-        strings: n,
-        versionInfos: a
-      };
-      this.versionListContainer = document.createElement("div");
-      const m = U(t`<arcgis-version-management-version-list .versionListElementProps=${s} 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(m.parentNode.childNodes).find((e) => e.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST"), V?.append(l), this.arcgisCreateVersionList.emit(l);
-    }}></calcite-action>`, g = t`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`action-manage-versions-${i}`}><span>${n.headers.manageVersions}</span></calcite-tooltip>`), t`<calcite-block expanded .heading=${i}>${N}${C}${d}${g}</calcite-block>`;
+    const { allowEditingDisabled: s, messages: i, serviceName: e, serviceUrl: r, versioningStateFailedToLoad: t, viewModel: c } = this, n = c?.versioningStateLookup.get(r), l = n?.versionInfos ?? [], d = this.invalidInitialVersion ? o`<calcite-notice closable kind=warning open scale=s width=full icon><div slot=title>${i?.headers.invalidInitialVersion}</div><div slot=message>${i?.loadErrors.invalidInitialVersion}</div></calcite-notice>` : void 0, v = t ? o`<calcite-notice kind=warning open scale=s width=full icon><div slot=title>${i?.headers.versioningStateFailedToLoad}</div><div slot=message>${i?.loadErrors.versioningStateFailedToLoad}</div></calcite-notice>` : void 0, m = t ? void 0 : o`<calcite-combobox .ariaLabel=${`combobox-${e}`} .label=${`combobox-${e}`} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${this.#e}>${l.map((a) => o`<calcite-combobox-item .heading=${a.versionIdentifier.name} .selected=${n?.currentVersionInfo?.versionIdentifier.guid === a.versionIdentifier.guid && n?.currentVersionInfo?.versionIdentifier.name === a.versionIdentifier.name} .value=${a.versionIdentifier.guid}></calcite-combobox-item>`)}</calcite-combobox>`, g = !t && !s ? o`<calcite-action icon=list .id=${`action-manage-versions-${e}`} .label=${`action-manage-versions-${e}`} scale=s slot=actions-end .text=${`action-manage-versions-${e}`} @click=${() => {
+      this.selectedFeatureService = { url: r, name: e };
+    }}></calcite-action>` : void 0, $ = s ? void 0 : o`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`action-manage-versions-${e}`}><span>${i?.headers.manageVersions}</span></calcite-tooltip>`;
+    return o`<calcite-block expanded .heading=${e}>${d}${v}${m}${g}${$}</calcite-block>`;
   }
 }
-k("arcgis-version-management-service-item", F);
+b("arcgis-version-management-service-item", x);
 export {
-  F as ArcgisVersionManagementServiceItem
+  x as ArcgisVersionManagementServiceItem
 };

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

@@ -1,7 +1,6 @@
 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";