@arcgis/map-components 5.0.0-next.136 → 5.0.0-next.137

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

@@ -0,0 +1,1295 @@
+import { c as q } from "../../chunks/runtime.js";
+import { css as X, html as n, svg as S } from "lit";
+import { keyed as g } from "lit/directives/keyed.js";
+import { LitElement as Z, createEvent as _, safeStyleMap as k, nothing as J } from "@arcgis/lumina";
+import { u as K } from "../../chunks/useT9n.js";
+import { m as Q } from "../../chunks/useViewModel.js";
+import { property as o, subclass as D } from "@arcgis/core/core/accessorSupport/decorators.js";
+import W from "@arcgis/core/core/Accessor.js";
+import F from "@arcgis/core/Graphic.js";
+import { getApplicationClipboard as Y } from "@arcgis/core/applications/Components/clipboard.js";
+import ee from "@arcgis/core/layers/GraphicsLayer.js";
+import { g as te, a as ie } from "../../chunks/clipoardSymbolHelper.js";
+import $ from "@arcgis/core/core/Collection.js";
+import { getFullTemplate as G, isSharedTemplate as L, getCreationAttributes as H, isSharedTemplateOrMetadata as ae } from "@arcgis/core/applications/Components/templateUtils.js";
+import { createApplySetModifyItem as x, createApplySet as A, createFeatureStateProvider as P, createApplySetAddItem as I, writeApplySetToService as se } from "@arcgis/core/applications/Components/applySetUtils.js";
+import { whenOnce as N, watch as E } from "@arcgis/core/core/reactiveUtils.js";
+import re from "@arcgis/core/widgets/FeatureForm/FeatureFormViewModel.js";
+import { f as T } from "../../chunks/layer-utils.js";
+import "@arcgis/toolkit/function";
+import { substitute as w } from "@arcgis/core/intl.js";
+import { createRef as z, ref as O } from "lit/directives/ref.js";
+import "../arcgis-multi-feature-form/customElement.js";
+import { createGraphicsMover as oe } from "@arcgis/core/applications/Components/editUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.137 */
+const le = X`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{max-width:fit-content;display:flex}.arcgis-paste{height:var(--arcgis-paste-height, 300px);width:var(--arcgis-paste-width, 300px);flex:1}.hidden{display:none}.flex-row{flex-direction:row}.justify-center{justify-content:center}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.text-center{text-align:center}.pad-contents{padding:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md))}.pad-start-end{padding-left:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md));padding-right:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md))}.gallery-content{padding-top:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md));padding-bottom:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md));display:flex;row-gap:var(--arcgis-paste-blocks-padding, var(--calcite-spacing-md));flex-direction:column}.chip-indent{margin-left:5px;margin-right:5px}.merge-split-view-container{display:flex;flex-direction:column;height:100%}.merge-split-view-items{flex:0 1 auto;max-height:50%;overflow-y:scroll}.merge-split-view-attributes{flex:1;overflow-y:scroll}.choose-feature{position:absolute;width:100%;max-height:100%;z-index:2;overflow-y:auto}.bau-pick{display:flex;flex-direction:row;align-items:center;gap:4px}.danger-icon-warning{--calcite-icon-color: var(--calcite-color-status-danger)}.paste-feature-templates{--arcgis-feature-templates-max-list-height: 100%}`;
+async function ce(t, i, e, a = /* @__PURE__ */ new Map()) {
+  let s = !0;
+  for (const r of t.items) {
+    if (r.type !== "add")
+      continue;
+    const d = r.graphic.clone(), h = ne(
+      r.graphic,
+      r.layer
+    );
+    if (!h) {
+      s = !1;
+      continue;
+    }
+    const p = !await de(
+      e,
+      r.graphic,
+      h,
+      a,
+      i
+    ), m = x({
+      graphic: r.graphic,
+      layer: r.layer,
+      originalGraphic: d
+    });
+    t.push(m), p || (s = !1);
+  }
+  return s;
+}
+function ne(t, i) {
+  if (i.type === "feature" || i.type === "subtype-sublayer")
+    return i;
+  const e = i.findSublayerForFeature(t);
+  return e || null;
+}
+async function de(t, i, e, a, s) {
+  const r = e.formTemplate, d = e.fields.filter((u) => {
+    const C = i.attributes[u.name], U = C === null || C === "" || C === void 0;
+    return u.editable && !u.nullable && U;
+  });
+  if (!r)
+    return d.length !== 0;
+  const h = /* @__PURE__ */ new Set();
+  if (R(r.elements ?? [], h), d.length === 0 && h.size === 0 && !s)
+    return !1;
+  const p = /* @__PURE__ */ new Set();
+  if (j(r.elements ?? [], p), [...h].filter((u) => p.has(u)).length === 0 && !s)
+    return !1;
+  const m = i.clone();
+  delete m.attributes[e.objectIdField], a.set(
+    e,
+    new re({
+      layer: e,
+      map: t.map,
+      formTemplate: r,
+      editType: "INSERT",
+      feature: m
+    })
+  );
+  const v = a.get(e);
+  await new Promise((u) => {
+    setTimeout(u, 5);
+  }), await N(() => v.state === "ready" && !v.updating);
+  let b = v.getValues() ?? {};
+  if (e.objectIdField && b[e.objectIdField] !== void 0) {
+    const { [e.objectIdField]: u, ...C } = b;
+    b = C;
+  }
+  return Object.keys(b).forEach((u) => {
+    e.fieldsIndex.has(u) && (i.attributes[u] = ue(
+      b[u],
+      u,
+      e.fieldsIndex
+    ));
+  }), !v.valid;
+}
+function j(t, i) {
+  for (const e of t)
+    e.type === "group" ? j(e.elements, i) : e.type === "field" && e.valueExpression && i.add(e.fieldName);
+}
+function R(t, i) {
+  for (const e of t)
+    e.type === "group" ? R(e.elements, i) : e.type === "field" && e.requiredExpression && i.add(e.fieldName);
+}
+function pe(t) {
+  return typeof t == "number";
+}
+function he(t) {
+  return typeof t == "number" && window.isFinite(t) && Math.floor(t) === t;
+}
+function ue(t, i, e) {
+  if (t === null || t === void 0)
+    return null;
+  switch (e.get(i).type) {
+    case "big-integer":
+    case "long":
+    case "oid":
+    case "integer":
+    case "small-integer":
+      return he(t) ? t : window.parseInt(t);
+    case "single":
+    case "double":
+      return pe(t) ? t : window.parseFloat(t);
+    case "global-id":
+    case "guid":
+      return t === "" ? null : t;
+    case "date":
+      break;
+    case "date-only":
+    case "time-only":
+    case "timestamp-offset":
+      return t === "" ? null : t;
+    case "string":
+      return t === "" ? null : t;
+  }
+  return t;
+}
+function me(t) {
+  return t && "layer" in t ? t.layer : void 0;
+}
+function M(t) {
+  if (!t)
+    return null;
+  const i = me(t.origin) ?? t.layer ?? t?.sourceLayer ?? null;
+  if (i && i.type === "subtype-sublayer")
+    return i.parent;
+  switch (i?.type) {
+    case "csv":
+    case "feature":
+    case "geojson":
+    case "ogc-feature":
+    case "subtype-group":
+    case "wfs":
+      return i;
+    default:
+      return null;
+  }
+}
+var ge = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, c = (t, i, e, a) => {
+  for (var s = a > 1 ? void 0 : a ? fe(i, e) : i, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (a ? d(i, e, s) : d(s)) || s);
+  return a && s && ge(i, e, s), s;
+};
+const V = {
+  noChangeError: "Operation has not made any changes",
+  noSelectedError: "Operation requires a selected feature",
+  deletesGeometryError: "Operation would result in a null geometry",
+  noGeometryError: "The selected feature has not geometry"
+};
+function B(t) {
+  return !ae(t) || t.type !== "feature";
+}
+let l = class extends W {
+  //#region Lifecycle
+  constructor(t) {
+    super(t), this.customPasteCommands = new $(), this.bauInvalidFeatures = [], this.bauFormValid = !0, this.bauFormUpdating = !1, this.bauActiveFeatureIndex = -1, this.bauSubmitHasBeenAttempted = !1, this.bauOriginalGraphics = [], this.formViewModelMap = /* @__PURE__ */ new Map(), this.supportedCommands = ["paste-append", "paste-as", "paste-subtract", "paste", "paste-merge"], this.pasteWithMultipleLayersEnabled = !1, this.pasteWithMultipleFeaturesEnabled = !1, this.alwaysShowFeatureForm = !1, this.selectedClipboardItemIndex = -1, this.pasteWithAttributes = !0, this.closeOnApply = !1, this.currentPasteOperation = "", this._activeFlowPage = "commands-page", this.showClipboardItems = !1, this.hideFooterCancelButton = !1, this.hideViewClipboard = !1, this.hideErrorNotice = !1, this.highlightGroup = "temporary", this._hoverHighlightHandle = null, this.layerPermissionsCheck = {
+      canCreate: (i) => i ? !!i.effectiveCapabilities?.operations.supportsAdd : !1,
+      canUpdate: (i) => {
+        if (!i)
+          return !1;
+        const e = i.effectiveCapabilities, a = !!e?.operations.supportsUpdate, s = !!e?.editing.supportsGeometryUpdate && a;
+        return !i.isTable && !s ? !1 : a;
+      }
+    }, this.applying = !1;
+  }
+  get bauActiveGraphic() {
+    return this.bauActiveFeatureIndex === -1 ? void 0 : this.bauFeatures?.getItemAt(this.bauActiveFeatureIndex);
+  }
+  get bauActiveLayer() {
+    if (this.bauActiveFeatureIndex !== -1 && this.bauFeatures)
+      return M(this.bauFeatures.getItemAt(this.bauActiveFeatureIndex)) ?? void 0;
+  }
+  get clipboardAndTemplateSupportAttributes() {
+    if (this.clipboard.items.length === 0 || !this.pasteTemplate?.layer)
+      return !1;
+    const t = this.pasteTemplate.template;
+    if (!B(t))
+      return !1;
+    for (const i of this.clipboard.items) {
+      const e = i.layer;
+      if (!e)
+        return !1;
+      const a = e.type === "subtype-sublayer" ? e.parent : e;
+      if (a.type === "subtype-group") {
+        const s = a.fieldsIndex.get(a.subtypeField).name, r = t.prototype?.[s];
+        if (r == null || r !== i.graphic.attributes[s])
+          return !1;
+      }
+    }
+    return !0;
+  }
+  get hasClipboardItemMatchingTemplate() {
+    const t = this.pasteTemplate?.layer;
+    if (!t || this.clipboard.items.length === 0)
+      return !1;
+    const i = this.pasteTemplate.template;
+    if (!B(i))
+      return !1;
+    for (const e of this.clipboard.items) {
+      const a = e.layer;
+      if (!a)
+        return !1;
+      const s = a.type === "subtype-sublayer" ? a.parent : a;
+      if (t === a) {
+        if (s.type === "subtype-group") {
+          const r = s.fieldsIndex.get(s.subtypeField).name, d = i.prototype?.[r];
+          if (d == null || d !== e.graphic.attributes[r])
+            continue;
+        }
+        return !0;
+      }
+    }
+    return !1;
+  }
+  get activeFlowPage() {
+    return this._activeFlowPage;
+  }
+  // When setting the active flow page
+  // need to remember the before Page (when using clipboard or paste-form flow items)
+  set activeFlowPage(t) {
+    t === "clipboard" && this.beforeClipboard === void 0 ? this.beforeClipboard = this.activeFlowPage : t !== "clipboard" && (this.beforeClipboard = void 0), t === "paste-form" && this.beforeForm === void 0 ? this.beforeForm = this.activeFlowPage : t !== "paste-form" && (this.beforeForm = void 0), this._activeFlowPage = t, this.checkAndSuspendMove();
+  }
+  get updating() {
+    return this.applying;
+  }
+  // Update ApplySet after user changes feature on the BAU form.
+  formFeatureValuesChanged(t, i) {
+    if (!i)
+      return;
+    const e = t.graphic.clone();
+    for (const s of Object.keys(i))
+      e.attributes[s] = i[s];
+    const a = x({
+      graphic: e,
+      originalGraphic: t.graphic.clone(),
+      layer: t.layer
+    });
+    this.bauApplySet?.push(a);
+  }
+  // Highlight the selected clipboard item on the map
+  highlightSelectedGraphicOnMap(t) {
+    if (this.clearHighlightSelectedGraphic(), !t.graphic?.geometry || !this.view)
+      return;
+    const i = new F({
+      geometry: t.graphic.geometry,
+      symbol: te(t.graphic.geometry.type)
+    });
+    this.view.graphics.add(i), this._hoverHighlightHandle = {
+      remove: () => {
+        this.view.graphics.remove(i);
+      }
+    };
+  }
+  // Clear the highlights from the highlighted clipboard items
+  clearHighlightSelectedGraphic() {
+    this._hoverHighlightHandle?.remove(), this._hoverHighlightHandle = null;
+  }
+  updateIndividualMultiFeatureFormHighlight() {
+    if (this.activeFlowPage !== "paste-form") {
+      this.clearIndividualFeatureFormHighlight();
+      return;
+    }
+    if (this.view)
+      if (this.bauActiveGraphic && this.bauActiveLayer) {
+        if (this.bauIndividualHighlight?.graphic !== this.bauActiveGraphic && this.clearIndividualFeatureFormHighlight(), !this.bauIndividualHighlight) {
+          const t = T(this.view, this.bauActiveLayer);
+          if (!t)
+            return;
+          this.bauIndividualHighlight = {
+            graphic: this.bauActiveGraphic,
+            handle: t.highlight(this.bauActiveGraphic, { name: this.highlightGroup })
+          };
+        }
+      } else
+        this.clearIndividualFeatureFormHighlight();
+  }
+  // Clear the multi feature form highlights
+  clearIndividualFeatureFormHighlight() {
+    this.bauIndividualHighlight?.handle?.remove(), this.bauIndividualHighlight = void 0;
+  }
+  // When using the Multi Feature Form, it is helpful to see the graphic
+  // highlighted on the map
+  highlightMultiFeatureFormFeature(t, i) {
+    this.bauHighlight && this.clearMultiFeatureFormHighlights();
+    const e = this.view ? T(this.view, t.layer) : void 0;
+    e && (this.bauHighlight = e.highlight(t, { name: this.highlightGroup }));
+  }
+  // Clear the multi feature form highlights
+  clearMultiFeatureFormHighlights() {
+    this.bauHighlight?.remove(), this.bauHighlight = void 0;
+  }
+  // When the clipboard contents change and/or
+  // the show clipboard graphics is set to true or false
+  // Need to renew the generated graphics on the map
+  updateClipboardGraphicsLayer() {
+    if (!this.showClipboardItems) {
+      if (this.clipboardMover?.cancel(), this.clipboardMover = void 0, this.clipboardGraphicsLayer && this.view)
+        try {
+          this.view.map?.remove(this.clipboardGraphicsLayer), this.clipboardGraphicsLayer = void 0;
+        } catch {
+        }
+      return;
+    }
+    if (this.showClipboardItems && this.view) {
+      this.clipboardGraphicsLayer || (this.clipboardGraphicsLayer = new ee(), this.view.map?.layers.add(this.clipboardGraphicsLayer));
+      const t = this.clipboard.items;
+      this.clipboardGraphicsLayer.removeAll();
+      let i = -1;
+      for (const e of t) {
+        if (i++, !e.graphic.geometry)
+          continue;
+        const a = new F({
+          geometry: e.graphic.geometry.clone(),
+          attributes: {
+            clipboardIdx: i
+          },
+          symbol: ie(e.graphic.geometry.type)
+        });
+        this.clipboardGraphicsLayer.add(a);
+      }
+    } else if (!this.showClipboardItems && this.view && this.clipboardGraphicsLayer)
+      try {
+        this.view.map?.remove(this.clipboardGraphicsLayer), this.clipboardGraphicsLayer = void 0;
+      } catch {
+      }
+    this.checkAndSuspendMove();
+  }
+  checkAndSuspendMove() {
+    const t = this.activeFlowPage === "paste-form";
+    this.clipboardGraphicsLayer && (this.clipboardGraphicsLayer.visible = !t), this.clipboardMover && (this.clipboardMover.suspended = t);
+  }
+  get clipboard() {
+    return Y();
+  }
+  get clipboardFeatures() {
+    return this.clipboard.items.filter((t) => t.type === "feature");
+  }
+  get hasPasteCommandsPage() {
+    return this.availableCommands.length > 1 || !!this.availableCommands.at(0)?.mustShowOnCommandPage;
+  }
+  _clearActiveCommand() {
+    this.activeCommand = void 0, this.pasteTemplate = void 0, this.lastPasteError = void 0;
+  }
+  // Reset to the landing flow item
+  // The landing flow item will depend on the configuration
+  // of the component and/or the contents of the clipboard
+  resetHome() {
+    let t = this.activeFlowPage;
+    this.hasPasteCommandsPage ? (t = "commands-page", this._clearActiveCommand(), this.selectedClipboardItemIndex = -1) : this.clipboard.items.length === 0 ? (t = "nodata-page", this._clearActiveCommand(), this.selectedClipboardItemIndex = -1) : this.availableCommands.length === 0 ? (t = "no-command-page", this._clearActiveCommand()) : this.availableCommands[0].commandEnabled ? (this.pasteTemplate = void 0, t = "gallery-page", this.activeCommand = this.availableCommands[0].id, this.lastPasteError = void 0) : (t = "no-command-page", this._clearActiveCommand(), this.selectedClipboardItemIndex = -1), this.activeFlowPage === "clipboard" && this.hideViewClipboard ? (this.activeFlowPage = t, this.beforeClipboard = void 0) : this.activeFlowPage === "clipboard" && !this.hideViewClipboard ? this.beforeClipboard = t : (this.activeFlowPage = t, this.beforeClipboard = void 0), this.resetFormPage();
+  }
+  get workingLayers() {
+    return (this.view?.map?.allLayers?.toArray() ?? []).filter((t) => t.type === "feature").filter((t) => {
+      let i = this.clipboard.singleGeometryType;
+      return this.activeCommand === "paste-merge" && this.clipboard.singleGeometryType === "point" && (i = "multipoint"), !(t.geometryType !== i || !this.layerPermissionsCheck.canCreate(t));
+    });
+  }
+  get clipboardItemLayers() {
+    const t = /* @__PURE__ */ new Set();
+    for (const i of this.clipboard.items)
+      i.layer && t.add(i.layer.type === "subtype-sublayer" ? i.layer.parent : i.layer);
+    return [...t];
+  }
+  get canCreateOnAllLayers() {
+    if (this.clipboardItemLayers.length === 0)
+      return !1;
+    for (const t of this.clipboardItemLayers)
+      if (!t || !this.layerPermissionsCheck.canCreate(t))
+        return !1;
+    return !0;
+  }
+  get availableCommands() {
+    const t = [], i = new Set(this.supportedCommands);
+    if (i.has("paste")) {
+      const e = this.clipboard.items.length === 1, a = this.clipboard.items.length > 0 && this.clipboardItemLayers.length === 1 && this.pasteWithMultipleFeaturesEnabled, s = this.clipboard.items.length > 0 && this.pasteWithMultipleFeaturesEnabled && this.pasteWithMultipleLayersEnabled;
+      t.push({
+        id: "paste",
+        icon: "duplicate",
+        immediate: !0,
+        initiate: async (r) => {
+          await this.runPasteCommand(r, "paste");
+        },
+        mustShowOnCommandPage: !0,
+        commandEnabled: this.clipboard.items.length > 0 && this.canCreateOnAllLayers && (e || a || s),
+        description: (r, d) => r.pasteDesc,
+        label: (r, d) => r.pasteTitle
+      });
+    }
+    i.has("paste-as") && t.push({
+      id: "paste-as",
+      icon: "templates",
+      initiate: async (e) => {
+        this.activeFlowPage = "gallery-page", this.activeCommand = "paste-as";
+      },
+      commandDisabledReason: (e, a) => {
+        if (this.clipboard.items.length === 0)
+          return e.noClipboardData;
+        if (this.clipboard.items.length > 1) {
+          if (!this.pasteWithMultipleFeaturesEnabled)
+            return e.pasteMultipleNotSupported;
+          if (this.clipboard.geometryTypes.size > 1)
+            return e.mixedGeometriesNotSupported;
+        }
+        return this.clipboard.singleGeometryType ? "" : e.pasteAsMustHaveGeometry;
+      },
+      immediate: !1,
+      mustShowOnCommandPage: !1,
+      commandEnabled: (this.clipboard.items.length === 1 || this.clipboard.items.length > 0 && this.pasteWithMultipleFeaturesEnabled) && this.clipboard.singleGeometryType !== void 0,
+      description: (e, a) => e.pasteAsDesc,
+      label: (e, a) => e.pasteAsTitle
+    }), i.has("paste-merge") && t.push({
+      id: "paste-merge",
+      icon: "merge",
+      immediate: !1,
+      initiate: async (e) => {
+        this.activeFlowPage = "gallery-page", this.activeCommand = "paste-merge";
+        for (let a = 0; a < this.clipboard.items.length; a++)
+          if (this.clipboard.items.getItemAt(a).type === "feature") {
+            this.selectedClipboardItemIndex = a;
+            break;
+          }
+      },
+      mustShowOnCommandPage: !0,
+      commandEnabled: this.clipboard.items.length > 1 && this.clipboard.singleGeometryType !== void 0,
+      description: (e, a) => e.pasteMergeDesc,
+      label: (e, a) => e.pasteMergeTitle
+    }), i.has("paste-append") && t.push({
+      id: "paste-append",
+      icon: "reshape-add-geometry",
+      immediate: !0,
+      initiate: async (e) => {
+        await this.runPasteAppendCommand(e);
+      },
+      mustShowOnCommandPage: !0,
+      commandEnabled: this.clipboard.items.length > 0 && this.selectedFeature !== void 0 && this.layerPermissionsCheck.canUpdate(
+        M(this.selectedFeature)
+      ) && this.selectedFeature?.geometry !== null && // Need a geometry to append to
+      (this.selectedFeature?.geometry?.type === "multipoint" || this.selectedFeature?.geometry?.type === "polyline" || this.selectedFeature?.geometry?.type === "polygon") && // Cannot append to a point
+      this.clipboard.singleGeometryType === this.selectedFeature?.geometry?.type,
+      description: (e, a) => e.pasteAppendDesc,
+      label: (e, a) => e.pasteAppendTitle
+    }), i.has("paste-subtract") && t.push({
+      id: "paste-subtract",
+      icon: "reshape-subtract-geometry",
+      immediate: !0,
+      initiate: async (e) => {
+        await this.runPasteSubtractCommand(e);
+      },
+      mustShowOnCommandPage: !0,
+      commandEnabled: this.clipboard.items.length > 0 && this.selectedFeature !== void 0 && this.layerPermissionsCheck.canUpdate(
+        M(this.selectedFeature)
+      ) && this.selectedFeature?.geometry !== null && // Need a geometry to append to
+      (this.selectedFeature?.geometry?.type === "multipoint" || this.selectedFeature?.geometry?.type === "polyline" || this.selectedFeature?.geometry?.type === "polygon") && // Cannot append to a point
+      (this.clipboard.singleGeometryType === this.selectedFeature?.geometry?.type || this.clipboard.singleGeometryType === "polygon"),
+      description: (e, a) => e.pasteSubtractDesc,
+      label: (e, a) => e.pasteSubtractTitle
+    });
+    for (const e of this.customPasteCommands)
+      i.has(e.id) && t.push({
+        id: e.id,
+        icon: e.icon,
+        immediate: !0,
+        // For now always immediate
+        initiate: async (a) => {
+          try {
+            this.applying = !0, (await a.onApply({
+              command: e.id
+            })).success && (this.resetHome(), this.closeOnApply && a.closeAfterApply());
+          } finally {
+            this.applying = !1;
+          }
+        },
+        mustShowOnCommandPage: !0,
+        commandEnabled: e.commandEnabled(this.clipboard, this.selectedFeature),
+        description: (a, s) => e.description(a, s),
+        label: (a, s) => e.label(a, s)
+      });
+    return t;
+  }
+  //#endregion
+  //#region Public Methods
+  async createMergedClipboardGeom() {
+    const t = this.clipboard.items.map((e) => e.graphic?.geometry).filter((e) => e != null).toArray();
+    return t.length === 0 ? null : t.length === 1 ? t[0].clone() : (await import("@arcgis/core/geometry/operators/unionOperator.js")).executeMany(t) ?? null;
+  }
+  removeGraphicIdentifierFields(t, i) {
+    i.objectIdField && delete t.attributes[i.objectIdField], i.globalIdField && delete t.attributes[i.globalIdField];
+  }
+  nextActiveFeature() {
+    this.bauActiveFeatureIndex++, this.updateIndividualMultiFeatureFormHighlight();
+  }
+  previousActiveFeature() {
+    this.bauActiveFeatureIndex--, this.updateIndividualMultiFeatureFormHighlight();
+  }
+  /*
+   * The logic for the paste append command
+   */
+  async runPasteAppendCommand(t) {
+    let i = null;
+    try {
+      this.applying = !0;
+      const e = await this.prepareAppend();
+      if (e.applySet && (i = e.applySet), !e.success) {
+        this.lastPasteError = {
+          errorCode: e.failReason,
+          errorMessage: V[e.failReason],
+          localizedErrorMessage: e.failReason
+        }, t.onPasteError(this.lastPasteError);
+        return;
+      }
+      (await t.onApply({
+        command: "paste-append",
+        applySet: e.applySet
+      })).success && (this.resetHome(), this.closeOnApply && t.closeAfterApply());
+    } catch (e) {
+      this.lastPasteError = {
+        errorCode: "unexpectedError",
+        errorMessage: e.message,
+        localizedErrorMessage: "unexpectedError"
+      }, t.onPasteError(this.lastPasteError);
+      return;
+    } finally {
+      this.applying = !1, i && (i.featureState?.clearAll(), i.featureState = null);
+    }
+  }
+  /*
+   * Builds an ApplySet for the Append command
+   */
+  async prepareAppend() {
+    const t = A();
+    if (t.featureState = P(this.view), !this.selectedFeature)
+      return { success: !1, failReason: "noSelectedError" };
+    const [i, e] = await Promise.all([
+      import("@arcgis/core/geometry/operators/unionOperator.js"),
+      import("@arcgis/core/geometry/operators/equalsOperator.js")
+    ]);
+    let a = this.selectedFeature.geometry, s = !1;
+    for (const d of this.clipboard.items) {
+      const h = d?.graphic?.geometry ?? null;
+      if (!h)
+        continue;
+      if (a === null) {
+        a = d?.graphic?.geometry ?? null, a && (a = a.clone(), s = !0);
+        continue;
+      }
+      const p = i.execute(a, h);
+      e.execute(a, p) || (a = p, s = !0);
+    }
+    if (!s)
+      return { success: !1, failReason: "noChangeError" };
+    const r = this.selectedFeature.clone();
+    return r.geometry = a, t.push(
+      x({
+        graphic: r,
+        layer: this.selectedFeature.origin,
+        originalGraphic: this.selectedFeature
+      })
+    ), { success: !0, applySet: t };
+  }
+  // Ensure the form is removed.
+  resetFormPage() {
+    this.bauApplySet?.featureState?.clearAll(), this.bauApplySet = void 0, this.clearIndividualFeatureFormHighlight(), this.clearMultiFeatureFormHighlights(), this.bauFeatures = void 0, this.bauOriginalGraphics = [], this.bauSubmitHasBeenAttempted = !1;
+  }
+  /*
+   * The logic for the paste subtract command
+   */
+  async runPasteSubtractCommand(t) {
+    let i = null;
+    try {
+      this.applying = !0;
+      const e = await this.prepareSubtract();
+      if (e.applySet && (i = e.applySet), !e.success) {
+        this.lastPasteError = {
+          errorCode: e.failReason,
+          errorMessage: V[e.failReason],
+          localizedErrorMessage: e.failReason
+        }, t.onPasteError(this.lastPasteError);
+        return;
+      }
+      (await t.onApply({
+        command: "paste-subtract",
+        applySet: e.applySet
+      })).success && (this.resetHome(), this.closeOnApply && t.closeAfterApply());
+    } catch (e) {
+      this.lastPasteError = {
+        errorCode: "unexpectedError",
+        errorMessage: e.message,
+        localizedErrorMessage: "unexpectedError"
+      }, t.onPasteError(this.lastPasteError);
+      return;
+    } finally {
+      this.applying = !1, i && (i.featureState?.clearAll(), i.featureState = null);
+    }
+  }
+  /*
+   * Builds an ApplySet for the Subtract command
+   */
+  async prepareSubtract() {
+    const t = A();
+    if (t.featureState = P(this.view), !this.selectedFeature)
+      return { success: !1, failReason: "noSelectedError", applySet: t };
+    const [i, e] = await Promise.all([
+      import("@arcgis/core/geometry/operators/differenceOperator.js"),
+      import("@arcgis/core/geometry/operators/equalsOperator.js")
+    ]);
+    let a = this.selectedFeature.geometry;
+    if (!a)
+      return { success: !1, failReason: "noGeometryError", applySet: t };
+    let s = !1;
+    for (const d of this.clipboard.items) {
+      const h = d?.graphic?.geometry;
+      if (!h)
+        continue;
+      const p = i.execute(a, h);
+      if (!p)
+        return { success: !1, failReason: "deletesGeometryError", applySet: t };
+      e.execute(a, p) || (a = p, s = !0);
+    }
+    if (!s)
+      return { success: !1, failReason: "noChangeError", applySet: t };
+    const r = this.selectedFeature.clone();
+    return r.geometry = a, t.push(
+      x({
+        graphic: r,
+        layer: this.selectedFeature.origin,
+        originalGraphic: this.selectedFeature
+      })
+    ), { success: !0, applySet: t };
+  }
+  /*
+   * The logic for the paste subtract command
+   */
+  async runPasteFormCommand(t) {
+    try {
+      this.applying = !0;
+      const i = this.bauApplySet;
+      (await t.onApply({
+        command: this.activeCommand,
+        applySet: i
+      })).success && (this.resetHome(), this.closeOnApply && t.closeAfterApply());
+    } catch (i) {
+      this.lastPasteError = {
+        errorCode: "unexpectedError",
+        errorMessage: i.message,
+        localizedErrorMessage: "unexpectedError"
+      }, t.onPasteError(this.lastPasteError);
+      return;
+    } finally {
+      this.applying = !1;
+    }
+  }
+  /*
+   * The logic for the paste, paste-as and paste-merge command
+   */
+  async runPasteCommand(t, i) {
+    try {
+      this.applying = !0;
+      const e = await this.prepareCopy(i);
+      if (!e || e.items.length === 0) {
+        this.lastPasteError = {
+          errorCode: "noPasteItems",
+          errorMessage: "No items to paste",
+          localizedErrorMessage: "noPasteItemsError"
+        }, t.onPasteError(this.lastPasteError);
+        return;
+      }
+      const a = !await ce(
+        e,
+        this.alwaysShowFeatureForm,
+        this.view,
+        this.formViewModelMap
+      );
+      if (this.alwaysShowFeatureForm || a)
+        this.bauActiveFeatureIndex = 0, this.bauApplySet = e, this.activeCommand = i, this.bauOriginalGraphics = e.items.map((s) => s.type === "add" ? { layer: s.layer, graphic: s.graphic } : null).filter((s) => s !== null), this.bauFeatures = new $(), this.activeFlowPage = "paste-form", await new Promise((s) => {
+          setTimeout(s, 100);
+        }), this.bauFeatures = new $(
+          this.bauOriginalGraphics.map((s) => (s.graphic.origin = s.layer, s.graphic.layer = s.layer, s.graphic))
+        ), this.updateIndividualMultiFeatureFormHighlight();
+      else
+        try {
+          (await t.onApply({
+            command: "paste",
+            applySet: e
+          })).success && (this.resetHome(), this.closeOnApply && t.closeAfterApply());
+        } finally {
+          e?.featureState?.clearAll();
+        }
+    } finally {
+      this.applying = !1;
+    }
+  }
+  /*
+   * Builds an ApplySet for the Paste, Paste-as and Paste-merge command
+   */
+  async prepareCopy(t) {
+    const i = t === "paste" || t === "paste-as" && this.pasteWithAttributes || t === "paste-merge" && this.pasteWithAttributes, e = i && t === "paste-merge" ? this.clipboard.items.getItemAt(this.selectedClipboardItemIndex) : null, a = A();
+    if (a.featureState = P(this.view), t === "paste-merge") {
+      const s = this.pasteTemplate?.template ? await G(this.view, this.pasteTemplate.template) : null;
+      if (!s)
+        return null;
+      const r = L(this.pasteTemplate.template) ? s.layer : this.pasteTemplate.layer, d = await this.createMergedClipboardGeom(), h = H(
+        s,
+        e ? { ...e.graphic.attributes } : {}
+      ), p = new F({
+        geometry: d,
+        attributes: h
+      });
+      this.removeGraphicIdentifierFields(p, r), a.push(I({ graphic: p, layer: r }));
+    } else if (t === "paste") {
+      for (const s of this.clipboard.items)
+        if (s.type === "feature") {
+          const r = s.graphic.clone();
+          this.removeGraphicIdentifierFields(r, s.layer), a.push(I({ graphic: r, layer: s.layer }));
+        }
+    } else if (t === "paste-as") {
+      const s = this.pasteTemplate?.template ? await G(this.view, this.pasteTemplate.template) : null, r = L(s) ? s.layer : this.pasteTemplate.layer;
+      for (const d of this.clipboard.items) {
+        const h = H(
+          s,
+          i ? { ...d.graphic.attributes ?? {} } : {}
+        ), p = new F({
+          geometry: d.graphic?.geometry?.clone() ?? null,
+          attributes: h
+        });
+        this.removeGraphicIdentifierFields(p, r), a.push(I({ graphic: p, layer: r }));
+      }
+    }
+    return a;
+  }
+  /*
+   * Write changes to the feature services
+   */
+  async writeChanges(t) {
+    return await se(t, this.view);
+  }
+  //#endregion
+};
+c([
+  o()
+], l.prototype, "customPasteCommands", 2);
+c([
+  o()
+], l.prototype, "bauInvalidFeatures", 2);
+c([
+  o()
+], l.prototype, "bauFormValid", 2);
+c([
+  o()
+], l.prototype, "bauFormUpdating", 2);
+c([
+  o()
+], l.prototype, "bauActiveFeatureIndex", 2);
+c([
+  o()
+], l.prototype, "bauSubmitHasBeenAttempted", 2);
+c([
+  o()
+], l.prototype, "bauActiveGraphic", 1);
+c([
+  o()
+], l.prototype, "bauActiveLayer", 1);
+c([
+  o()
+], l.prototype, "bauFeatures", 2);
+c([
+  o()
+], l.prototype, "bauApplySet", 2);
+c([
+  o()
+], l.prototype, "bauOriginalGraphics", 2);
+c([
+  o()
+], l.prototype, "formViewModelMap", 2);
+c([
+  o()
+], l.prototype, "bauHighlight", 2);
+c([
+  o()
+], l.prototype, "bauIndividualHighlight", 2);
+c([
+  o()
+], l.prototype, "view", 2);
+c([
+  o()
+], l.prototype, "supportedCommands", 2);
+c([
+  o()
+], l.prototype, "selectedFeature", 2);
+c([
+  o()
+], l.prototype, "pasteWithMultipleLayersEnabled", 2);
+c([
+  o()
+], l.prototype, "pasteWithMultipleFeaturesEnabled", 2);
+c([
+  o()
+], l.prototype, "alwaysShowFeatureForm", 2);
+c([
+  o()
+], l.prototype, "pasteTemplate", 2);
+c([
+  o()
+], l.prototype, "selectedClipboardItemIndex", 2);
+c([
+  o()
+], l.prototype, "clipboardAndTemplateSupportAttributes", 1);
+c([
+  o()
+], l.prototype, "hasClipboardItemMatchingTemplate", 1);
+c([
+  o()
+], l.prototype, "pasteWithAttributes", 2);
+c([
+  o()
+], l.prototype, "closeOnApply", 2);
+c([
+  o()
+], l.prototype, "currentPasteOperation", 2);
+c([
+  o()
+], l.prototype, "activeFlowPage", 1);
+c([
+  o()
+], l.prototype, "_activeFlowPage", 2);
+c([
+  o()
+], l.prototype, "beforeClipboard", 2);
+c([
+  o()
+], l.prototype, "beforeForm", 2);
+c([
+  o()
+], l.prototype, "showClipboardItems", 2);
+c([
+  o()
+], l.prototype, "updating", 1);
+c([
+  o()
+], l.prototype, "hideFooterCancelButton", 2);
+c([
+  o()
+], l.prototype, "hideViewClipboard", 2);
+c([
+  o()
+], l.prototype, "hideErrorNotice", 2);
+c([
+  o()
+], l.prototype, "clipboardGraphicsLayer", 2);
+c([
+  o()
+], l.prototype, "clipboardMover", 2);
+c([
+  o()
+], l.prototype, "highlightGroup", 2);
+c([
+  o()
+], l.prototype, "clipboard", 1);
+c([
+  o()
+], l.prototype, "clipboardFeatures", 1);
+c([
+  o()
+], l.prototype, "hasPasteCommandsPage", 1);
+c([
+  o()
+], l.prototype, "activeCommand", 2);
+c([
+  o()
+], l.prototype, "workingLayers", 1);
+c([
+  o()
+], l.prototype, "layerPermissionsCheck", 2);
+c([
+  o()
+], l.prototype, "clipboardItemLayers", 1);
+c([
+  o()
+], l.prototype, "canCreateOnAllLayers", 1);
+c([
+  o()
+], l.prototype, "applying", 2);
+c([
+  o()
+], l.prototype, "lastPasteError", 2);
+c([
+  o()
+], l.prototype, "availableCommands", 1);
+l = c([
+  D("components.paste.PasteViewModel")
+], l);
+var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor, y = (t, i, e, a) => {
+  for (var s = a > 1 ? void 0 : a ? be(i, e) : i, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (a ? d(i, e, s) : d(s)) || s);
+  return a && s && ve(i, e, s), s;
+};
+let f = class extends W {
+  constructor() {
+    super(...arguments), this.continuous = !1, this._mover = null, this.stateChanged = null, this._suspended = !1;
+  }
+  clipboardContentsChanged() {
+    this._destroyMover(), this.stateChanged?.("clipboard-contents-changed"), this.continuous && this.start();
+  }
+  start() {
+    this._destroyMover(), this._mover = oe({
+      view: this.view,
+      graphics: this.graphicsLayer.graphics.toArray(),
+      indicatorsEnabled: !0,
+      highlightsEnabled: !0,
+      enableMoveAllGraphics: !0,
+      callbacks: {
+        onGraphicPointerOver: () => {
+          "cursor" in this.view && (this.view.cursor = "move");
+        },
+        onGraphicPointerOut: () => {
+          "cursor" in this.view && (this.view.cursor = "default");
+        },
+        onGraphicMoveStop: async () => {
+          "cursor" in this.view && (this.view.cursor = "default");
+          for (const t of this.graphicsLayer.graphics)
+            this.clipboard.items.getItemAt(t.attributes.clipboardIdx).graphic.geometry = t.geometry;
+          this._destroyMover(), this.stateChanged?.("contents-moved"), this.continuous && setTimeout(() => {
+            this.start();
+          }, 100);
+        }
+      }
+    });
+  }
+  cancel() {
+    this.continuous = !1, this._destroyMover(), this.stateChanged?.("completed");
+  }
+  get suspended() {
+    return this._suspended;
+  }
+  set suspended(t) {
+    t !== this._suspended && (t ? (this._destroyMover(), this.stateChanged?.("suspended")) : (this.start(), this.stateChanged?.("suspended")), this._suspended = t);
+  }
+  _destroyMover() {
+    this._mover?.destroy(), this._mover = null;
+  }
+};
+y([
+  o()
+], f.prototype, "view", 2);
+y([
+  o()
+], f.prototype, "continuous", 2);
+y([
+  o()
+], f.prototype, "clipboard", 2);
+y([
+  o()
+], f.prototype, "graphicsLayer", 2);
+y([
+  o()
+], f.prototype, "suspended", 1);
+y([
+  o()
+], f.prototype, "_suspended", 2);
+f = y([
+  D("components.paste.ClipboardMove")
+], f);
+const we = Q(l);
+class ye extends Z {
+  constructor() {
+    super(...arguments), this._featureFormElement = z(), this._bauForm = z(), this._messages = K(), this.viewModel = we(this), this.activeFlowPage = this.viewModel.activeFlowPage, this.hasPasteCommandsPage = this.viewModel.hasPasteCommandsPage, this.activeCommand = this.viewModel.activeCommand, this.availableCommands = this.viewModel.availableCommands, this._showFloatingChoice = !1, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.selectedFeature = this.viewModel.selectedFeature, this.closed = !1, this.highlightGroup = this.viewModel.highlightGroup, this.pasteWithMultipleLayersEnabled = this.viewModel.pasteWithMultipleLayersEnabled, this.pasteWithMultipleFeaturesEnabled = this.viewModel.pasteWithMultipleFeaturesEnabled, this.alwaysShowFeatureForm = this.viewModel.alwaysShowFeatureForm, this.closeOnApply = this.viewModel.closeOnApply, this.hideErrorNotice = this.viewModel.hideErrorNotice, this.hideFooterCancelButton = this.viewModel.hideFooterCancelButton, this.hideViewClipboard = this.viewModel.hideViewClipboard, this.layerPermissionsCheck = this.viewModel.layerPermissionsCheck, this.arcgisApplyPasteCommand = _(), this.arcgisApplyPasteError = _(), this.arcgisBeforeClipboardMove = _(), this.arcgisClipboardMoveStateChanged = _(), this.arcgisClose = _(), this.arcgisReady = _();
+  }
+  static {
+    this.properties = { activeFlowPage: 16, hasPasteCommandsPage: 16, activeCommand: 16, availableCommands: 16, _showFloatingChoice: 16, autoDestroyDisabled: 5, referenceElement: 1, view: 0, selectedFeature: 0, closed: 7, highlightGroup: 1, supportedCommands: 1, pasteWithMultipleLayersEnabled: 5, pasteWithMultipleFeaturesEnabled: 5, alwaysShowFeatureForm: 5, beforeApply: 0, clipboard: 32, closeOnApply: 5, hideErrorNotice: 5, hideFooterCancelButton: 5, hideViewClipboard: 5, layerPermissionsCheck: 0 };
+  }
+  static {
+    this.styles = le;
+  }
+  get supportedCommands() {
+    return this.viewModel.supportedCommands;
+  }
+  set supportedCommands(i) {
+    if (!Array.isArray(i)) {
+      this.viewModel.supportedCommands = i.split(",");
+      return;
+    }
+    this.viewModel.supportedCommands = i.slice(0);
+  }
+  get clipboard() {
+    return this.viewModel.clipboard;
+  }
+  async cancelMoveClipboard() {
+    this.viewModel.clipboardMover?.cancel(), this.viewModel.clipboardMover = void 0;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async registerPasteCommand(i) {
+    this.viewModel.customPasteCommands.add(i);
+  }
+  async showClipboardItems(i) {
+    this.viewModel.showClipboardItems = i, this.viewModel.updateClipboardGraphicsLayer();
+  }
+  async startMoveClipboard(i) {
+    if (!this.viewModel.showClipboardItems)
+      throw new Error("Cannot move clipboard. Clipboard items must be visible first.");
+    this.arcgisBeforeClipboardMove.emit().defaultPrevented || (this.viewModel.clipboardMover && (this.viewModel.clipboardMover.stateChanged = null, this.viewModel.clipboardMover.cancel(), this.viewModel.clipboardMover = void 0), this.viewModel.clipboardMover = new f({
+      view: this.view,
+      continuous: i,
+      clipboard: this.clipboard,
+      graphicsLayer: this.viewModel.clipboardGraphicsLayer,
+      stateChanged: (a) => {
+        a === "contents-moved" && this.viewModel.updateClipboardGraphicsLayer(), this.arcgisClipboardMoveStateChanged.emit({ change: a });
+      }
+    }), this.viewModel.clipboardMover.start());
+  }
+  async writeChanges(i) {
+    return await this.viewModel.writeChanges(i);
+  }
+  updated() {
+    this._featureFormElement.value && (this._featureFormElement.value.hideReadOnlyNotice = !0, this._featureFormElement.value.disabled = !0);
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      this.viewModel.clipboard.items.on("change", () => {
+        this.viewModel.updateClipboardGraphicsLayer(), this.activeFlowPage === "paste-form" && this.viewModel.resetHome();
+      }),
+      E(() => this.clipboard.version, () => {
+        this.viewModel.resetHome(), this.viewModel.updateClipboardGraphicsLayer(), this.viewModel.clipboardMover?.clipboardContentsChanged();
+      }),
+      E(() => this.closed, () => {
+        this.closed && this.viewModel.formViewModelMap.clear(), this.viewModel.updateClipboardGraphicsLayer();
+      }),
+      E(() => [
+        this.viewModel?.supportedCommands.join(","),
+        this.pasteWithMultipleFeaturesEnabled,
+        this.viewModel?.hideViewClipboard,
+        this.pasteWithMultipleLayersEnabled
+      ].join(","), () => {
+        this.viewModel.resetHome();
+      }, { initial: !0 })
+    ]);
+  }
+  _handleCloseAfterApply() {
+    this.closed = !0, this.arcgisClose.emit();
+  }
+  _updateBauViewModelFields(i) {
+    this.viewModel.bauActiveFeatureIndex = i.activeFeatureIndex, this.viewModel.bauInvalidFeatures = i.invalidFeatures, this.viewModel.bauSubmitHasBeenAttempted = i.submitHasBeenAttempted, this.viewModel.bauFormValid = i.valid, this.viewModel.bauFormUpdating = i.updating;
+  }
+  _renderCloseCommand() {
+    return n`<calcite-action slot=header-actions-end icon=x text @click=${() => {
+      this.viewModel.resetHome(), this.closed = !0, this.arcgisClose.emit();
+    }}></calcite-action>`;
+  }
+  _renderClipboardCommand() {
+    return n`<calcite-action slot=header-actions-end icon=clipboard .hidden=${this.viewModel.hideViewClipboard} text .disabled=${this.viewModel.updating} @click=${() => {
+      this.viewModel.activeFlowPage = "clipboard";
+    }}></calcite-action>`;
+  }
+  _renderNoClipboardData(i) {
+    return g("no-data", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(e) => {
+      e.preventDefault();
+    }}>${this._renderClipboardCommand()}${this._renderCloseCommand()}<calcite-panel><div class="pad-contents"><div class="flex flex-row justify-center"><svg xmlns=http://www.w3.org/2000/svg height=92 width=92 style=${k({ strokeWidth: "0.1px", fill: "var(--calcite-color-text-2)" })} viewBox="0 0 64 64">${S`<path d="M21 18h-1v-3h1zm24-3h-1v3h1zm0 5h-1v3h1zm-24 0h-1v3h1zm9.84 13.71l.3.954 3.02-.954-.3-.953zm-6.04 1.908l.3.953 3.02-.953-.3-.953zm-3.8 1.2V35h-1v3.182l2.08-.657-.3-.953zM21 30h-1v3h1zm0-5h-1v3h1zm27.816 5.896l-4.746.015 2.294 4.575-3.071 1.535-2.358-4.668-2.835 3.886V23.036zm-6.04-.78l3.607-.012-7.483-5.49v9.17l2.16-2.96 2.587 5.126 1.643-.821zM60.9 10.874v41.25a1.777 1.777 0 0 1-1.775 1.775H4.875A1.777 1.777 0 0 1 3.1 52.125v-41.25A1.777 1.777 0 0 1 4.875 9.1h54.25a1.777 1.777 0 0 1 1.775 1.775zm-.8 24.54l-24.2 7.641V53.1h23.225a.976.976 0 0 0 .975-.975zm0-24.54a.976.976 0 0 0-.975-.975H45V13h-1V9.9H21V13h-1V9.9H4.875a.976.976 0 0 0-.975.975V32.1H18v.8H3.9v19.225a.976.976 0 0 0 .975.975H35.1V35.51l.8-.252v6.96l24.2-7.643z" />`}</svg></div><p class="text-center">${this._messages.noClipboardData}</p></div></calcite-panel></calcite-flow-item>`);
+  }
+  _renderNoCommandPage(i) {
+    let e = this._messages.noPasteCommandsAvailable;
+    const a = this.availableCommands.at(0);
+    return a?.commandDisabledReason && (e = a.commandDisabledReason(this._messages, this._messages._lang), e || (e = this._messages.noPasteCommandsAvailable)), g("no-command", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(s) => {
+      s.preventDefault();
+    }}>${this._renderClipboardCommand()}${this._renderCloseCommand()}<calcite-panel><div class="pad-contents"><div class="flex flex-row justify-center"><svg xmlns=http://www.w3.org/2000/svg height=92 width=92 style=${k({ strokeWidth: "0.1px", fill: "var(--calcite-color-text-2)" })} viewBox="0 0 64 64">${S`<path d="M21 18h-1v-3h1zm24-3h-1v3h1zm0 5h-1v3h1zm-24 0h-1v3h1zm9.84 13.71l.3.954 3.02-.954-.3-.953zm-6.04 1.908l.3.953 3.02-.953-.3-.953zm-3.8 1.2V35h-1v3.182l2.08-.657-.3-.953zM21 30h-1v3h1zm0-5h-1v3h1zm27.816 5.896l-4.746.015 2.294 4.575-3.071 1.535-2.358-4.668-2.835 3.886V23.036zm-6.04-.78l3.607-.012-7.483-5.49v9.17l2.16-2.96 2.587 5.126 1.643-.821zM60.9 10.874v41.25a1.777 1.777 0 0 1-1.775 1.775H4.875A1.777 1.777 0 0 1 3.1 52.125v-41.25A1.777 1.777 0 0 1 4.875 9.1h54.25a1.777 1.777 0 0 1 1.775 1.775zm-.8 24.54l-24.2 7.641V53.1h23.225a.976.976 0 0 0 .975-.975zm0-24.54a.976.976 0 0 0-.975-.975H45V13h-1V9.9H21V13h-1V9.9H4.875a.976.976 0 0 0-.975.975V32.1H18v.8H3.9v19.225a.976.976 0 0 0 .975.975H35.1V35.51l.8-.252v6.96l24.2-7.643z" />`}</svg></div><p class="text-center">${e}</p></div></calcite-panel></calcite-flow-item>`);
+  }
+  _renderAttributeCheckbox(i) {
+    return n`<calcite-label class="bold">${this._messages.attributesSubtitle}</calcite-label><calcite-label layout=inline><calcite-checkbox .disabled=${i} .checked=${this.viewModel.pasteWithAttributes} @calciteCheckboxChange=${(e) => {
+      this.viewModel.pasteWithAttributes = e.target.checked;
+    }}></calcite-checkbox>${this._messages.pasteWithAttributesLabel}</calcite-label>`;
+  }
+  _renderFlowPasteAs(i) {
+    return i ? g("paste-gallery", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(e) => {
+      e.preventDefault(), this.viewModel.hasPasteCommandsPage && (this.activeFlowPage = "commands-page");
+    }}>${this._renderClipboardCommand()}${this._renderCloseCommand()}<calcite-panel><div class="w-full" slot=footer><div class="w-full flex"><calcite-button .disabled=${this.viewModel.updating} width=half .hidden=${this.viewModel.hideFooterCancelButton} kind=brand appearance=outline @click=${() => {
+      this.viewModel.resetHome(), this.closed = !0, this.arcgisClose.emit();
+    }}>${this._messages.cancel}</calcite-button><calcite-button .disabled=${this.viewModel.updating || !this.viewModel.pasteTemplate} kind=brand appearance=solid width=half @click=${() => {
+      try {
+        this.viewModel.lastPasteError = void 0, this.viewModel.runPasteCommand({
+          closeAfterApply: () => {
+            this._handleCloseAfterApply();
+          },
+          onPasteError: (e) => {
+            this.arcgisApplyPasteError.emit({
+              command: this.activeCommand ?? "paste-as",
+              errorMessage: e.errorMessage,
+              errorCode: e.errorCode
+            });
+          },
+          onApply: async (e) => {
+            try {
+              await this.beforeApply?.();
+              const a = { ...e };
+              return this.arcgisApplyPasteCommand.emit(a).defaultPrevented ? { success: !1 } : (a.completionCallback && await a.completionCallback, { success: !0 });
+            } catch {
+              return { success: !1 };
+            }
+          }
+        }, this.viewModel.activeCommand ?? "paste-as");
+      } catch {
+      }
+    }}>${this.viewModel.alwaysShowFeatureForm ? this._messages.next : (this.viewModel.clipboardFeatures.length ?? 0) > 1 && this.activeCommand !== "paste-merge" ? w(this._messages.pasteMany ?? "", { num: this.viewModel.clipboardFeatures.length }) : this._messages.paste}</calcite-button></div></div><div class="pad-start-end gallery-content"><div>${!this.viewModel.clipboardAndTemplateSupportAttributes && this.viewModel.pasteTemplate ? n`<div class="pad-contents"><calcite-notice open icon=exclamation-point kind=info><div slot=message>${this._messages.attributesNotCopied}</div>${this.activeCommand === "paste-merge" && this.viewModel.hasClipboardItemMatchingTemplate ? n`<calcite-link slot=link @click=${() => {
+      this.activeFlowPage = "merge-page";
+    }} title=${this._messages.seeMergeOptions ?? J}>${this._messages.seeMergeOptions}</calcite-link>` : null}</calcite-notice></div>` : null}${this.viewModel.clipboardAndTemplateSupportAttributes && this.viewModel.pasteTemplate ? this._renderAttributeCheckbox(!this.viewModel.clipboardAndTemplateSupportAttributes) : null}${this.viewModel.clipboardAndTemplateSupportAttributes ? null : this._renderAttributeCheckbox(!1)}</div><calcite-list .hidden=${this.viewModel.activeCommand !== "paste-merge"} .label=${this._messages.pasteCommandChoices ?? ""} selection-mode=none selection-appearance=border><calcite-list-item .label=${this._messages.mergeOptionsTitle} .description=${this._messages.mergeOptionsDesc} .disabled=${this.viewModel.updating} @click=${() => {
+      this.activeFlowPage = "merge-page";
+    }}><calcite-icon slot=content-start icon=configure></calcite-icon><calcite-icon slot=content-end icon=chevron-right></calcite-icon></calcite-list-item></calcite-list><div><arcgis-feature-templates class="paste-feature-templates" .layers=${this.viewModel.workingLayers} selection-mode=single .disabledItemFunction=${() => !1} @arcgisSelect=${(e) => {
+      this.viewModel.pasteTemplate = e.detail.item;
+    }} .referenceElement=${this.referenceElement}></arcgis-feature-templates></div></div></calcite-panel>${this._renderApplying()}</calcite-flow-item>`) : g("paste-gallery", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(e) => {
+      e.preventDefault(), this.viewModel.hasPasteCommandsPage && (this.activeFlowPage = "commands-page");
+    }}></calcite-flow-item>`);
+  }
+  _renderFlowPasteMerge(i) {
+    if (!i)
+      return g("paste-merge", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(a) => {
+        a.preventDefault(), this.activeFlowPage = "gallery-page";
+      }}></calcite-flow-item>`);
+    const e = this.viewModel.selectedClipboardItemIndex === -1 ? null : this.viewModel.clipboard.items.getItemAt(this.viewModel.selectedClipboardItemIndex);
+    return g("paste-merge", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(a) => {
+      a.preventDefault(), this.activeFlowPage = "gallery-page";
+    }}>${this._renderClipboardCommand()}${this._renderCloseCommand()}<calcite-panel><div class="merge-split-view-container"><div class="pad-contents merge-split-view-items"><calcite-label>${this._messages.selectionLabel}<calcite-list .label=${this._messages.features ?? ""} selection-mode=single selection-appearance=border>${this.clipboard.items.toArray().map((a, s) => ({ id: s, item: a })).filter((a) => a.item.type === "feature" && a.item.layer && a.item.graphic).map((a) => n`<calcite-list-item .disabled=${this.viewModel.updating} .selected=${a.id === this.viewModel.selectedClipboardItemIndex} @calciteListItemSelect=${() => {
+      this.viewModel.selectedClipboardItemIndex = a.id;
+    }} @pointerenter=${(s) => {
+      this.viewModel.highlightSelectedGraphicOnMap(a.item), s.target.classList.add("hovering");
+    }} @pointerleave=${(s) => {
+      s.target.classList.remove("hovering"), this.viewModel.clearHighlightSelectedGraphic();
+    }} .value=${a.id}><arcgis-feature-title slot=content .graphic=${a.item.graphic} .layer=${a.item.layer}></arcgis-feature-title><arcgis-feature-image width-in-pixels=16 height-in-pixels=16 use-true-shape slot=content-start .graphic=${a.item.graphic} .layer=${a.item.layer}></arcgis-feature-image>${this.viewModel.selectedClipboardItemIndex !== a.id ? n`<calcite-chip slot=content-end .label=${this._messages.preservethis ?? ""} class="chip-indent only-on-hover item-candidate" scale=s .value=${a.id}>${this._messages.preservethis ?? ""}</calcite-chip>` : ""}${this.viewModel.selectedClipboardItemIndex === a.id ? n`<calcite-chip icon=check .label=${this._messages.preserved ?? ""} class="item-preserved chip-indent" scale=s slot=content-end .value=${a.id}>${this._messages.preserved}</calcite-chip>` : ""}</calcite-list-item>`)}</calcite-list></calcite-label></div><div class=" merge-split-view-attributes">${this.viewModel.selectedClipboardItemIndex === -1 ? n`<div></div>` : n`<div><arcgis-feature-form .feature=${e.graphic} .formTemplate=${e.layer.formTemplate ? e.layer.formTemplate : null} .layer=${e.layer} ${O(this._featureFormElement)}></arcgis-feature-form></div>`}</div></div></calcite-panel>${this._renderApplying()}</calcite-flow-item>`);
+  }
+  _renderFlowPasteForm(i) {
+    if (!i)
+      return g("paste-form", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(p) => {
+        p.preventDefault(), this.activeFlowPage = this.viewModel.beforeForm, this.viewModel.resetFormPage();
+      }}></calcite-flow-item>`);
+    const e = (this.viewModel.bauFeatures?.length ?? 0) > 1, a = this.viewModel.updating, s = this.viewModel.bauActiveFeatureIndex > 0, r = this.viewModel.bauActiveFeatureIndex !== -1 && this.viewModel.bauActiveFeatureIndex < (this.viewModel.bauFeatures?.length ?? 0) - 1, d = this.viewModel.bauActiveFeatureIndex === -1 ? w(this._messages.multipleFeaturesX ?? "", {
+      total: this.viewModel.bauFeatures?.length ?? 0
+    }) : w(this._messages.range ?? "", {
+      current: this.viewModel.bauActiveFeatureIndex + 1,
+      total: this.viewModel.bauFeatures?.length ?? 0
+    }), h = (this.viewModel.bauInvalidFeatures?.length ?? 0) > 0;
+    return g("paste-form", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(p) => {
+      p.preventDefault(), this.activeFlowPage = this.viewModel.beforeForm, this.viewModel.resetFormPage();
+    }}>${this._renderCloseCommand()}<calcite-panel><div class="w-full" slot=footer><div class="w-full flex"><calcite-button .disabled=${this.viewModel.updating} width=half .hidden=${this.viewModel.hideFooterCancelButton} kind=brand appearance=outline @click=${() => {
+      this.viewModel.resetHome(), this.closed = !0, this.arcgisClose.emit();
+    }}>${this._messages.cancel}</calcite-button><calcite-button .disabled=${this.viewModel.updating || this.viewModel.bauFormUpdating} kind=brand appearance=solid width=half @click=${async () => {
+      try {
+        if (await N(() => !this.viewModel.bauFormUpdating), !this.viewModel.bauFormValid) {
+          this._bauForm.value?.goToFirstError();
+          return;
+        }
+        this.viewModel.lastPasteError = void 0, this.viewModel.runPasteFormCommand({
+          closeAfterApply: () => {
+            this._handleCloseAfterApply();
+          },
+          onPasteError: (p) => {
+            this.arcgisApplyPasteError.emit({
+              command: this.activeCommand ?? "paste-as",
+              errorMessage: p.errorMessage,
+              errorCode: p.errorCode
+            });
+          },
+          onApply: async (p) => {
+            try {
+              await this.beforeApply?.();
+              const m = { ...p };
+              return this.arcgisApplyPasteCommand.emit(m).defaultPrevented ? { success: !1 } : (m.completionCallback && await m.completionCallback, { success: !0 });
+            } catch {
+              return { success: !1 };
+            }
+          }
+        });
+      } catch {
+      }
+    }}>${(this.viewModel.bauFeatures?.length ?? 0) > 1 ? w(this._messages.pasteMany ?? "", { num: this.viewModel.bauFeatures.length }) : this._messages.paste}</calcite-button></div></div>${e ? n`<calcite-action-bar overflow-actions-disabled slot=action-bar layout=horizontal scale=s expand-disabled class="carousel-bar"><calcite-button .disabled=${this.viewModel.updating} @click=${(p) => {
+      this._showFloatingChoice = !this._showFloatingChoice, p.stopPropagation();
+    }} scale=s appearance=transparent icon-start=legend icon-end=chevron-down kind=neutral><span class="bau-pick">${d}${h ? n`<calcite-icon scale=s icon=exclamation-mark-triangle class="danger-icon-warning"></calcite-icon>` : ""}</span></calcite-button><calcite-action slot=actions-end icon=chevron-left icon-flip-rtl scale=s .text=${this._messages.back ?? ""} .disabled=${!s || a || !e} @click=${() => {
+      this.viewModel.previousActiveFeature();
+    }}></calcite-action><calcite-action slot=actions-end icon=chevron-right icon-flip-rtl scale=s .text=${this._messages.next ?? ""} .disabled=${!r || a || !e} @click=${() => {
+      this.viewModel.nextActiveFeature();
+    }}></calcite-action></calcite-action-bar>${this._renderFloatingUIChoice(e)}` : ""}<div>${this._renderPasteFormBreadcrumb()}<arcgis-multi-feature-form edit-type=INSERT .disabled=${this.viewModel.updating} .features=${this.viewModel.bauFeatures} .activeFeatureIndex=${this.viewModel.bauActiveFeatureIndex} @arcgisPropertyChange=${(p) => {
+      this._updateBauViewModelFields(p.target);
+    }} @arcgisValueChange=${(p) => {
+      let m = 0;
+      for (const v of this.viewModel.bauFeatures?.toArray() ?? []) {
+        const b = this.viewModel.bauOriginalGraphics[m];
+        this.viewModel.formFeatureValuesChanged(b, p.target.getValues(v)), m++;
+      }
+    }} ${O(this._bauForm)}></arcgis-multi-feature-form></div></calcite-panel>${this.renderPasteErrorFooter()}${this._renderApplying()}</calcite-flow-item>`);
+  }
+  _renderPasteFormBreadcrumb() {
+    return n`<calcite-list .label=${this._messages.breadcrumb ?? ""} selection-appearance=border scale=s selection-mode=none><calcite-list-item>${this.viewModel.bauActiveFeatureIndex === -1 ? n`<calcite-icon scale=s slot=content-start icon=group-form></calcite-icon>` : M(this.viewModel.bauActiveGraphic)?.isTable ? n`<calcite-icon scale=s slot=content-start icon=table></calcite-icon>` : n`<arcgis-feature-image width-in-pixels=16 height-in-pixels=16 use-true-shape slot=content-start .graphic=${this.viewModel.bauActiveGraphic} .layer=${this.viewModel.bauActiveLayer}></arcgis-feature-image>`}${this.viewModel.bauActiveFeatureIndex === -1 ? n`<span slot=content>${w(this._messages.multipleFeaturesX ?? "", {
+      total: this.viewModel.bauFeatures?.length ?? 0
+    })}</span>` : n`<arcgis-feature-title is-new-feature slot=content .graphic=${this.viewModel.bauActiveGraphic} .layer=${this.viewModel.bauActiveLayer}></arcgis-feature-title>`}</calcite-list-item></calcite-list>`;
+  }
+  _renderFloatingUIChoice(i) {
+    if (!this._showFloatingChoice || !i)
+      return n`<div></div>`;
+    let e = !1;
+    this.viewModel.bauInvalidFeatures.length > 0 && (e = !0);
+    const a = new Set(this.viewModel.bauInvalidFeatures);
+    return n`<div class="choose-feature"><calcite-list .label=${this._messages.choosefeature ?? ""} selection-mode=single selection-appearance=border><calcite-list-item .disabled=${this.viewModel.updating} @calciteListItemSelect=${(s) => {
+      this.viewModel.bauActiveFeatureIndex !== -1 && (this.viewModel.bauActiveFeatureIndex = -1, this.viewModel.updateIndividualMultiFeatureFormHighlight()), this.viewModel.clearMultiFeatureFormHighlights(), this._showFloatingChoice = !1;
+    }} .label=${w(this._messages.multipleFeaturesX ?? "", {
+      total: this.viewModel.bauFeatures.length
+    })} .selected=${this.viewModel.bauActiveFeatureIndex === -1} value=shared><calcite-icon scale=s icon=group-form class="feature-choose-listitem" slot=content-start></calcite-icon></calcite-list-item>${this.viewModel.bauFeatures.map((s, r) => n`<calcite-list-item .disabled=${this.viewModel.updating} @pointerenter=${(d) => {
+      this.viewModel.highlightMultiFeatureFormFeature(s, r);
+    }} @pointerleave=${(d) => {
+      this.viewModel.clearMultiFeatureFormHighlights();
+    }} .selected=${this.viewModel.bauActiveFeatureIndex === r} @calciteListItemSelect=${(d) => {
+      const h = window.parseInt(d.currentTarget.value);
+      this.viewModel.bauActiveFeatureIndex = h, this.viewModel.updateIndividualMultiFeatureFormHighlight(), this.viewModel.clearMultiFeatureFormHighlights(), this._showFloatingChoice = !1;
+    }} .value=${r}><arcgis-feature-title is-new-feature slot=content .graphic=${s} .layer=${s.layer}></arcgis-feature-title>${M(s)?.isTable ? n`<calcite-icon scale=s icon=table slot=content-start class="feature-choose-listitem"></calcite-icon>` : n`<arcgis-feature-image slot=content-start class="feature-choose-listitem" .graphic=${s} width-in-pixels=16 height-in-pixels=16 use-true-shape .layer=${s.layer}></arcgis-feature-image>`}${a.has(s) && e ? n`<calcite-icon slot=content-end icon=exclamation-mark-triangle scale=s class="danger-icon-warning"></calcite-icon>` : ""}</calcite-list-item>`)}</calcite-list></div>`;
+  }
+  _renderClipboard(i) {
+    return i ? g("paste-form", n`<calcite-flow-item .selected=${i} .heading=${this._messages.clipboardContents} @calciteFlowItemBack=${(e) => {
+      e.preventDefault(), this.activeFlowPage = this.viewModel.beforeClipboard;
+    }}>${this._renderCloseCommand()}<calcite-panel><arcgis-clipboard .view=${this.view} .referenceElement=${this.referenceElement}></arcgis-clipboard></calcite-panel></calcite-flow-item>`) : g("paste-form", n`<calcite-flow-item .selected=${i} .heading=${this._messages.clipboardContents} @calciteFlowItemBack=${(e) => {
+      e.preventDefault(), this.activeFlowPage = this.viewModel.beforeClipboard;
+    }}></calcite-flow-item>`);
+  }
+  _renderPasteCommands(i) {
+    if (!i)
+      return g("paste-commands", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(a) => {
+        a.preventDefault(), this.activeFlowPage = "commands-page";
+      }}></calcite-flow-item>`);
+    const e = this.viewModel.clipboard.items.length === 0 ? this._messages.clipboardEmpty ?? "" : this.viewModel.clipboard.items.length > 1 ? w(this._messages.clipboardContentsMany ?? "", {
+      num: this.viewModel.clipboard.items.length
+    }) : this._messages.clipboardContentsSingle ?? "";
+    return g("paste-commands", n`<calcite-flow-item .selected=${i} .heading=${this._messages.componentLabel} @calciteFlowItemBack=${(a) => {
+      a.preventDefault(), this.activeFlowPage = "commands-page";
+    }}>${this._renderClipboardCommand()}${this._renderCloseCommand()}<calcite-panel><calcite-list .label=${this._messages.clipboardContents ?? ""} selection-mode=none selection-appearance=border><calcite-list-item .description=${e}></calcite-list-item></calcite-list><div class="pad-contents"><calcite-notice open icon=move><div slot=message>${this._messages.moveClipboardFeatures}</div></calcite-notice></div><div class="pad-contents"><calcite-list .label=${this._messages.pasteCommandChoices ?? ""} selection-mode=none selection-appearance=border>${this.availableCommands.map((a) => n`<calcite-list-item .label=${a.label(this._messages, this._messages._lang)} .description=${a.description(this._messages, this._messages._lang)} .value=${a.id} .disabled=${!a.commandEnabled || this.viewModel.updating} @click=${async () => {
+      try {
+        this.viewModel.lastPasteError = void 0, await a.initiate({
+          closeAfterApply: () => {
+            this._handleCloseAfterApply();
+          },
+          onPasteError: (s) => {
+            this.arcgisApplyPasteError.emit({
+              command: a.id,
+              errorMessage: s.errorMessage,
+              errorCode: s.errorCode
+            });
+          },
+          onApply: async (s) => {
+            try {
+              await this.beforeApply?.();
+              const r = { ...s };
+              return this.arcgisApplyPasteCommand.emit(r).defaultPrevented ? { success: !1 } : (r.completionCallback && await r.completionCallback, { success: !0 });
+            } catch {
+              return { success: !1 };
+            }
+          }
+        });
+      } catch {
+      }
+    }}><calcite-icon slot=content-start .icon=${a.icon}></calcite-icon>${a.immediate ? "" : n`<calcite-icon slot=content-end icon=chevron-right flip-rtl></calcite-icon>`}</calcite-list-item>`)}</calcite-list></div></calcite-panel>${this.renderPasteErrorFooter()}${this._renderApplying()}</calcite-flow-item>`);
+  }
+  renderPasteErrorFooter() {
+    return !this.viewModel.lastPasteError || this.viewModel.hideErrorNotice ? null : n`<calcite-notice slot=footer open kind=danger icon=exclamation-mark-triangle closable @calciteNoticeClose=${() => {
+      this.viewModel.lastPasteError = void 0;
+    }}><div slot=title>${this._messages.errorNoticeTitle ?? ""}</div><div slot=message>${this.viewModel.lastPasteError.localizedErrorMessage ? this._messages[this.viewModel.lastPasteError.localizedErrorMessage] : this._messages.errorNoticeMessage ?? ""}</div></calcite-notice>`;
+  }
+  _renderApplying() {
+    return this.viewModel.applying ? n`<calcite-scrim><calcite-loader scale=s .label=${this._messages.updating ?? ""}></calcite-loader></calcite-scrim>` : "";
+  }
+  render() {
+    return this.activeFlowPage === "nodata-page" ? n`<calcite-flow class="arcgis-paste" .hidden=${this.closed}>${this._renderNoClipboardData(this.activeFlowPage === "nodata-page")}</calcite-flow>` : this.activeFlowPage === "no-command-page" ? n`<calcite-flow class="arcgis-paste" .hidden=${this.closed}>${this._renderNoCommandPage(this.activeFlowPage === "no-command-page")}</calcite-flow>` : n`<calcite-flow class="arcgis-paste" .hidden=${this.closed}>${this.hasPasteCommandsPage && this._renderPasteCommands(this.activeFlowPage === "commands-page") || ""}${this._renderFlowPasteAs(this.activeFlowPage === "gallery-page")}${this._renderFlowPasteMerge(this.activeFlowPage === "merge-page")}${this._renderFlowPasteForm(this.activeFlowPage === "paste-form")}${this._renderClipboard(this.activeFlowPage === "clipboard")}</calcite-flow>`;
+  }
+}
+q("arcgis-paste", ye);
+export {
+  ye as ArcgisPaste
+};