@esri/solutions-components 0.6.7 → 0.6.8

package/dist/esm/edit-card_2.entry.js

@@ -3,359 +3,359 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d298aca9.js';
-import { l as loadModules } from './loadModules-cd3569de.js';
-import { g as getLocaleComponentStrings } from './locale-54cac39a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b5d9d795.js';
+import { l as loadModules } from './loadModules-2ecd1e44.js';
+import { g as getLocaleComponentStrings } from './locale-aa3de591.js';
 import './_commonjsHelpers-d5f9d613.js';
 
 const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}";
 
-const EditCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closeEdit = createEvent(this, "closeEdit", 7);
-    /**
-     * boolean: When true the Editor widget should be closed
-     */
-    this._shouldClose = false;
-    this.graphics = undefined;
-    this.mapView = undefined;
-    this.open = false;
-    this.graphicIndex = 0;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._initModules();
-    await this._getTranslations();
-  }
-  /**
-   * Special handeling when used with layer-table.
-   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillRender() {
-    var _a, _b;
-    const layerTableElements = document.getElementsByTagName("layer-table");
-    if (layerTableElements.length === 1) {
-      const layerTable = layerTableElements[0];
-      this.graphics = await layerTable.getSelectedGraphics();
-    }
-    if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
-      this._layer = this.graphics[0].layer;
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a;
-    // This is a temp workaround hopefully...this._editingDisabled should reflect the current state but does not
-    // when you use MULTI edit mode...is fine in SINGLE
-    const editDisabled = ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphics[0] ?
-      !this.graphics[0].layer.editingEnabled : true;
-    return (h(Host, null, h("div", { class: "position-relative" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { slot: "content" }, h("div", { id: "feature-form", ref: (el) => this._editContainer = el })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   */
-  async _initModules() {
-    const [Editor, reactiveUtils] = await loadModules([
-      "esri/widgets/Editor",
-      "esri/core/reactiveUtils"
-    ]);
-    this.Editor = Editor;
-    this.reactiveUtils = reactiveUtils;
-  }
-  /**
-   * Init the Editor widget so we can display the popup content
-   *
-   * @returns void
-   */
-  _initEditorWidget() {
-    if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
-      if (this._editor) {
-        this._editor.destroy();
-      }
-      const container = document.createElement("div");
-      this._editor = new this.Editor({
-        allowedWorkflows: "update",
-        view: this.mapView,
-        visibleElements: {
-          snappingControls: false,
-          sketchTooltipControls: false
-        },
-        container
-      });
-      if (this._editHandle && this._attachmentHandle && this._activeWorkflowHandle) {
-        this._editHandle.remove();
-        this._attachmentHandle.remove();
-        this._activeWorkflowHandle.remove();
-      }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
-        this._shouldClose = false;
-      });
-      this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
-        if (this._shouldClose) {
-          this.closeEdit.emit();
-          this._shouldClose = false;
-        }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
-          void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
-          this._shouldClose = true;
-        }
-      });
-      this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
-        if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
-          this._shouldClose = false;
-        }
-      });
-      // had issues with destroy before adding like this
-      this._editContainer.appendChild(container);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "graphicIndex": ["graphicIndexWatchHandler"],
-    "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
-  }; }
-};
+const EditCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.closeEdit = createEvent(this, "closeEdit", 7);
+    /**
+     * boolean: When true the Editor widget should be closed
+     */
+    this._shouldClose = false;
+    this.graphics = undefined;
+    this.mapView = undefined;
+    this.open = false;
+    this.graphicIndex = 0;
+    this._translations = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Watch for changes to the graphics and update the feature widget
+   */
+  graphicIndexWatchHandler() {
+    this._initEditorWidget();
+  }
+  /**
+   * Watch for changes to the graphics and update the feature widget
+   */
+  graphicsWatchHandler() {
+    this._initEditorWidget();
+  }
+  /**
+   * Watch for changes to the mapView and re-init the Feature widget
+   */
+  mapViewWatchHandler() {
+    this._initEditorWidget();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillLoad() {
+    await this._initModules();
+    await this._getTranslations();
+  }
+  /**
+   * Special handeling when used with layer-table.
+   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillRender() {
+    var _a, _b;
+    const layerTableElements = document.getElementsByTagName("layer-table");
+    if (layerTableElements.length === 1) {
+      const layerTable = layerTableElements[0];
+      this.graphics = await layerTable.getSelectedGraphics();
+    }
+    if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
+      this._layer = this.graphics[0].layer;
+    }
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    var _a;
+    // This is a temp workaround hopefully...this._editingDisabled should reflect the current state but does not
+    // when you use MULTI edit mode...is fine in SINGLE
+    const editDisabled = ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphics[0] ?
+      !this.graphics[0].layer.editingEnabled : true;
+    return (h(Host, null, h("div", { class: "position-relative" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { slot: "content" }, h("div", { id: "feature-form", ref: (el) => this._editContainer = el })))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   */
+  async _initModules() {
+    const [Editor, reactiveUtils] = await loadModules([
+      "esri/widgets/Editor",
+      "esri/core/reactiveUtils"
+    ]);
+    this.Editor = Editor;
+    this.reactiveUtils = reactiveUtils;
+  }
+  /**
+   * Init the Editor widget so we can display the popup content
+   *
+   * @returns void
+   */
+  _initEditorWidget() {
+    if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
+      if (this._editor) {
+        this._editor.destroy();
+      }
+      const container = document.createElement("div");
+      this._editor = new this.Editor({
+        allowedWorkflows: "update",
+        view: this.mapView,
+        visibleElements: {
+          snappingControls: false,
+          sketchTooltipControls: false
+        },
+        container
+      });
+      if (this._editHandle && this._attachmentHandle && this._activeWorkflowHandle) {
+        this._editHandle.remove();
+        this._attachmentHandle.remove();
+        this._activeWorkflowHandle.remove();
+      }
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+        this._shouldClose = false;
+      });
+      this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
+        if (this._shouldClose) {
+          this.closeEdit.emit();
+          this._shouldClose = false;
+        }
+        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+          void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+          this._shouldClose = true;
+        }
+      });
+      this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
+        if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
+          this._shouldClose = false;
+        }
+      });
+      // had issues with destroy before adding like this
+      this._editContainer.appendChild(container);
+    }
+  }
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   */
+  async _getTranslations() {
+    const messages = await getLocaleComponentStrings(this.el);
+    this._translations = messages[0];
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "graphicIndex": ["graphicIndexWatchHandler"],
+    "graphics": ["graphicsWatchHandler"],
+    "mapView": ["mapViewWatchHandler"]
+  }; }
+};
 EditCard.style = editCardCss;
 
 const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px}tr:nth-child(odd){background:var(--calcite-ui-foreground-2)}.bottom-border{padding-bottom:0.5rem;border-bottom:1px solid var(--calcite-ui-border-1)}.padding-1-2{padding:0.5rem}.padding-top-1-2{padding-top:0.5rem}.font-color-3{color:var(--calcite-ui-text-3)}.display-none{display:none}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}";
 
-const InfoCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.selectionChanged = createEvent(this, "selectionChanged", 7);
-    this.graphics = undefined;
-    this.isLoading = false;
-    this.mapView = undefined;
-    this.zoomAndScrollToSelected = undefined;
-    this._alertOpen = false;
-    this._editRecordOpen = false;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Watch for changes to the graphic and update the feature widget
-   */
-  async graphicsWatchHandler() {
-    var _a;
-    if (this.graphics.length > 0) {
-      this._editEnabled = ((_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer).editingEnabled;
-      this._features.open({
-        features: this.graphics
-      });
-    }
-    else {
-      this._features.clear();
-      this._features.close();
-    }
-  }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  async mapViewWatchHandler() {
-    await this.mapView.when(async () => {
-      await this._initFeaturesWidget();
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Get the current selected feature from the Features widget
-   *
-   * @returns Promise resolving with the current feature
-   */
-  async getSelectedFeature() {
-    return this._features.selectedFeature;
-  }
-  /**
-   * Respond to and close the edit record display
-   *
-   * @returns a promise when the operation has completed
-   */
-  async closeEdit() {
-    this._editRecordOpen = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._initModules();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a;
-    const loadingClass = this.isLoading ? "" : "display-none";
-    const featureNodeClass = this.isLoading || this._editRecordOpen ? "display-none" : "position-absolute";
-    const editClass = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none";
-    const editButtonClass = !this.isLoading && this._editRecordOpen ? "display-none" : "";
-    return (h(Host, null, h("calcite-shell", null, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), h("div", { class: "padding-1-2 display-flex " + editButtonClass, slot: "footer" }, h("calcite-button", { appearance: "outline", iconStart: "pencil", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, h("span", null, this._translations.edit))), h("edit-card", { class: editClass, graphicIndex: (_a = this._features) === null || _a === void 0 ? void 0 : _a.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { slot: "title" }, this._translations.editDisabled), h("div", { slot: "message" }, this._translations.enableEditing)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [Features, reactiveUtils] = await loadModules([
-      "esri/widgets/Features",
-      "esri/core/reactiveUtils"
-    ]);
-    this.Features = Features;
-    this.reactiveUtils = reactiveUtils;
-  }
-  /**
-   * Init the Feature widget so we can display the popup content
-   *
-   * @returns a promise when the operation has completed
-   *
-   * @protected
-   */
-  async _initFeaturesWidget() {
-    if (!this._features) {
-      this._features = new this.Features({
-        view: this.mapView,
-        container: "features-node",
-        visibleElements: {
-          actionBar: false,
-          closeButton: false,
-          heading: true
-        }
-      });
-      if (this.zoomAndScrollToSelected) {
-        this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
-          if (i > -1) {
-            this.selectionChanged.emit(this._features.selectedFeature);
-          }
-        });
-      }
-    }
-    else {
-      this._features.view = this.mapView;
-    }
-  }
-  /**
-   * Set the alertOpen member to false when the alert is closed
-   *
-   * @returns void
-   */
-  _alertClosed() {
-    this._alertOpen = false;
-  }
-  /**
-   * Close the edit record
-   *
-   * @returns void
-   */
-  _editRecordClosed() {
-    this._editRecordOpen = false;
-  }
-  /**
-   * Open the edit record
-   *
-   * @returns void
-   */
-  _openEditRecord() {
-    if (this._editEnabled) {
-      this._editRecordOpen = true;
-    }
-    else {
-      this._alertOpen = true;
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
-  }; }
-};
+const InfoCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.selectionChanged = createEvent(this, "selectionChanged", 7);
+    this.graphics = undefined;
+    this.isLoading = false;
+    this.mapView = undefined;
+    this.zoomAndScrollToSelected = undefined;
+    this._alertOpen = false;
+    this._editRecordOpen = false;
+    this._translations = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Watch for changes to the graphic and update the feature widget
+   */
+  async graphicsWatchHandler() {
+    var _a;
+    if (this.graphics.length > 0) {
+      this._editEnabled = ((_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer).editingEnabled;
+      this._features.open({
+        features: this.graphics
+      });
+    }
+    else {
+      this._features.clear();
+      this._features.close();
+    }
+  }
+  /**
+   * Watch for changes to the mapView and re-init the Feature widget
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(async () => {
+      await this._initFeaturesWidget();
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Get the current selected feature from the Features widget
+   *
+   * @returns Promise resolving with the current feature
+   */
+  async getSelectedFeature() {
+    return this._features.selectedFeature;
+  }
+  /**
+   * Respond to and close the edit record display
+   *
+   * @returns a promise when the operation has completed
+   */
+  async closeEdit() {
+    this._editRecordOpen = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  async componentWillLoad() {
+    await this._initModules();
+    await this._getTranslations();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    var _a;
+    const loadingClass = this.isLoading ? "" : "display-none";
+    const featureNodeClass = this.isLoading || this._editRecordOpen ? "display-none" : "position-absolute";
+    const editClass = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none";
+    const editButtonClass = !this.isLoading && this._editRecordOpen ? "display-none" : "";
+    return (h(Host, null, h("calcite-shell", null, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), h("div", { class: "padding-1-2 display-flex " + editButtonClass, slot: "footer" }, h("calcite-button", { appearance: "outline", iconStart: "pencil", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, h("span", null, this._translations.edit))), h("edit-card", { class: editClass, graphicIndex: (_a = this._features) === null || _a === void 0 ? void 0 : _a.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { slot: "title" }, this._translations.editDisabled), h("div", { slot: "message" }, this._translations.enableEditing)))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [Features, reactiveUtils] = await loadModules([
+      "esri/widgets/Features",
+      "esri/core/reactiveUtils"
+    ]);
+    this.Features = Features;
+    this.reactiveUtils = reactiveUtils;
+  }
+  /**
+   * Init the Feature widget so we can display the popup content
+   *
+   * @returns a promise when the operation has completed
+   *
+   * @protected
+   */
+  async _initFeaturesWidget() {
+    if (!this._features) {
+      this._features = new this.Features({
+        view: this.mapView,
+        container: "features-node",
+        visibleElements: {
+          actionBar: false,
+          closeButton: false,
+          heading: true
+        }
+      });
+      if (this.zoomAndScrollToSelected) {
+        this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
+          if (i > -1) {
+            this.selectionChanged.emit(this._features.selectedFeature);
+          }
+        });
+      }
+    }
+    else {
+      this._features.view = this.mapView;
+    }
+  }
+  /**
+   * Set the alertOpen member to false when the alert is closed
+   *
+   * @returns void
+   */
+  _alertClosed() {
+    this._alertOpen = false;
+  }
+  /**
+   * Close the edit record
+   *
+   * @returns void
+   */
+  _editRecordClosed() {
+    this._editRecordOpen = false;
+  }
+  /**
+   * Open the edit record
+   *
+   * @returns void
+   */
+  _openEditRecord() {
+    if (this._editEnabled) {
+      this._editRecordOpen = true;
+    }
+    else {
+      this._alertOpen = true;
+    }
+  }
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  async _getTranslations() {
+    const messages = await getLocaleComponentStrings(this.el);
+    this._translations = messages[0];
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "graphics": ["graphicsWatchHandler"],
+    "mapView": ["mapViewWatchHandler"]
+  }; }
+};
 InfoCard.style = infoCardCss;
 
 export { EditCard as edit_card, InfoCard as info_card };