@esri/solutions-components 1.2.0-next.56 → 1.2.0-next.58

package/dist/components/create-feature/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/create-feature/create-feature.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport {\r\n  getAllFeatureLayers,\r\n  getLayerOrTable\r\n} from '../../utils/mapViewUtils';\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport type {\r\n  ILocatorSourceConfigItem,\r\n  ISearchConfiguration\r\n} from '../../utils/interfaces';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  Fragment,\r\n  h,\r\n  method,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './create-feature.css';\r\nimport Editor from '@arcgis/core/widgets/Editor';\r\nimport ExpressionInfo from '@arcgis/core/form/ExpressionInfo';\r\nimport FeatureLayer from '@arcgis/core/layers/FeatureLayer';\r\nimport FieldElement from '@arcgis/core/form/elements/FieldElement';\r\nimport FormTemplate from '@arcgis/core/form/FormTemplate';\r\nimport MapView from '@arcgis/core/views/MapView';\r\nimport Home from '@arcgis/core/widgets/Home';\r\nimport Search from '@arcgis/core/widgets/Search';\r\nimport * as reactiveUtils from '@arcgis/core/core/reactiveUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'create-feature': CreateFeature;\r\n  }\r\n}\r\n\r\ntype ICurrentPage = 'drawing' | 'editing' | 'featureForm' | 'templatePicker';\r\n\r\nexport class CreateFeature extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n\r\n    if (changes.has('mapView') && this.hasUpdated) {\r\n      void this.mapViewWatchHandler();\r\n    }\r\n\r\n    if (changes.has('isMobile') && this.hasUpdated) {\r\n      void this.isMobileHandler();\r\n    }\r\n\r\n    if (changes.has('_editorLoading') && (this.hasUpdated || this._editorLoading !== false)) {\r\n      void this._editorLoadingWatchHandler(this._editorLoading);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: Set this to true when have a custom submit button in the app.\r\n   * This will hide the header and footer elements of the editor and user needs to execute the submit method manually.\r\n   */\r\n  @property() customizeSubmit?: boolean = false;\r\n\r\n  /** boolean: When true the Search box will be displayed */\r\n  @property() enableSearch?: boolean = false;\r\n\r\n  /** When true the snapping options will be exposed */\r\n  @property() enableSnapping = false;\r\n\r\n  /** string: selected floor level */\r\n  @property() floorLevel = '';\r\n\r\n  /** string: selected floor level */\r\n  @property() formElements: any;\r\n\r\n  /** boolean: When true the application will be in mobile mode, controls the mobile or desktop view */\r\n  @property() isMobile = false;\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** ISearchConfiguration: Configuration details for the Search widget */\r\n  @property() searchConfiguration: ISearchConfiguration | undefined;\r\n\r\n  /** string: Layer id of the feature layer in which the new feature is to be created */\r\n  @property() selectedLayerId = '';\r\n\r\n  /** boolean: When true the notice message with the current state should be shown */\r\n  @property() showGuidingMsg?: boolean = true;\r\n\r\n  /** string: Text to be displayed that will allow user to know they can submit new reports */\r\n  @property() submitNewReportsMessage = '';\r\n\r\n  /** boolean: When true the map should shown in the editor component in mobile mode (while drawing graphic) */\r\n  @property() updateMapPosition = false;\r\n\r\n  /** boolean: When true reporting area layer should be honored if it exists */\r\n  @property() reportingArea = false;\r\n\r\n  /**string: polygon layer for the reporting feature */\r\n  @property() reportingAreaLayer? = '';\r\n\r\n  /** string: Message to be displayed when feature is outside the reportingAreaLayer */\r\n  @property() reportingAreaMessage = '';\r\n\r\n  /** boolean: When true Editor's sketch widgets will be displayed */\r\n  @property() showSketchWidgets = false;\r\n\r\n  /** boolean: When true user can create multiple features */\r\n  @property() allowMultipleCreation = false;\r\n\r\n  /** boolean: When true clicking on a feature on the map will display a popup */\r\n  @property() popupEnabled = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** ICurrentPage: specifies the current page */\r\n  @state() _currentPage: ICurrentPage = 'templatePicker';\r\n\r\n  /** boolean: When true a loading indicator will be shown while the editor loads */\r\n  @state() _editorLoading = false;\r\n\r\n  /** boolean: When true reportOutsideAreaMessage will be shown at the top of form/editing page */\r\n  @state() _inValidGeomtryDrawn = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'create-feature', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: Flag to maintain the add attachment */\r\n  private _addingAttachment = false;\r\n\r\n  /** HTMLCalciteNoticeElement: calcite notice refrence element */\r\n  private _calciteNotice = createRef<HTMLCalciteNoticeElement['el']>();\r\n\r\n  /** HTMLDivElement: The node the editor will be added to */\r\n  private _container: HTMLDivElement | undefined;\r\n\r\n  /**__esri.Geometry: Stores the geometry object that has been drawn by the user. */\r\n  private _drawnGeometry: __esri.Geometry | undefined;\r\n\r\n  /**\r\n   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html\r\n   * The Editor instance\r\n   */\r\n  private _editor: __esri.Editor | undefined;\r\n\r\n  /** boolean: Flag to maintain form submission using submit button */\r\n  private _isSubmitBtnClicked = false;\r\n\r\n  /** HTMLDivElement: The node for the map view */\r\n  private _mapViewContainer = createRef<HTMLDivElement>();\r\n\r\n  /**\r\n   * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html\r\n   * The Search instance\r\n   */\r\n  private _search: __esri.widgetsSearch | undefined;\r\n\r\n  /** HTMLDivElement: refrence for search div element */\r\n  private _searchDiv = createRef<HTMLDivElement>();\r\n\r\n  /** __esri.FeatureLayer: selected feature layer; */\r\n  private _selectedLayer: __esri.FeatureLayer | undefined;\r\n\r\n  /**\r\n   * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   * Updated map view instance\r\n   */\r\n  private _updatedMapView: __esri.MapView | undefined;\r\n\r\n  /** HTMLCalciteAlertElement: Calcite alert element for guiding message */\r\n  private _guidingMessageRefNode = createRef<HTMLDivElement>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called each time the mapView prop is changed. */\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    this.mapView && await this.mapView.when(async () => {\r\n      await this.init();\r\n    });\r\n  }\r\n\r\n  /** Called each time when isMobile prop is changed. */\r\n  private async isMobileHandler(): Promise<void> {\r\n    // emit an event when mode is changed to back to the feature selection panel (to avoid multiple maps conflict)\r\n    this.modeChanged.emit();\r\n  }\r\n\r\n  /** When _editorLoading is true the container node will be hidden while starting the create workflow */\r\n  private async _editorLoadingWatchHandler(\r\n    v: boolean\r\n  ): Promise<void> {\r\n    if (v) {\r\n      this._container?.classList.add('display-none');\r\n      if (this._selectedLayer?.isTable) {\r\n        if (this._selectedLayer.templates && this._editor) {\r\n          const template = this._selectedLayer.templates[0];\r\n          const creationInfo = {\r\n            layer: this._selectedLayer,\r\n            template,\r\n          };\r\n          await this._editor.startCreateFeaturesWorkflowAtFeatureCreation(creationInfo);\r\n          await this.hideEditorsElements();\r\n        }\r\n      } else {\r\n        await this.startCreate();\r\n      }\r\n      this._container?.classList.remove('display-none');\r\n      this._editorLoading = false;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Submit the created feature\r\n   *\r\n   * @returns Promise that resolves when the operation is complete\r\n   */\r\n  @method()\r\n  async submit(): Promise<void> {\r\n    if (this._editor?.viewModel?.featureFormViewModel) {\r\n      this._isSubmitBtnClicked = true;\r\n      this._editor.viewModel.featureFormViewModel.submit();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Refreshes the editor state, optionally updating the floor level.\r\n   *\r\n   * @param floorLevel - (Optional) The floor level to set. If provided, the editor updates to this floor level.\r\n   * @returns A promise that resolves when the refresh operation is complete.\r\n   */\r\n  @method()\r\n  async refresh(\r\n    floorLevel?: string\r\n  ): Promise<void> {\r\n    if (this._editor) {\r\n      // If a floor level is provided, the method updates the editor to the specified floor level.\r\n      if (floorLevel) {\r\n        await this._setFloorLevel(floorLevel);\r\n      } else {\r\n        // If reporting area and its layer exist, and the current page is not 'drawing',\r\n        // it queries for intersecting features.\r\n        // If the current page is not 'drawing' and no reporting area or layer exists, it emits a draw completion event with an invalid geometry flag.\r\n        if (this.reportingArea && this.reportingAreaLayer && this._currentPage !== 'drawing') {\r\n          await this.queryIntersectingFeatures();\r\n        } else if (this._currentPage !== 'drawing') {\r\n          this._inValidGeomtryDrawn = false;\r\n          this.drawComplete.emit(this._inValidGeomtryDrawn);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Shows feature form\r\n   */\r\n  @method()\r\n  async showForm(): Promise<void> {\r\n    this.progressStatus.emit(100);\r\n    this._container?.classList.remove('display-none');\r\n    this._mapViewContainer.value?.classList?.replace('show-map', 'hide-map');\r\n    this._currentPage = 'featureForm';\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the feature is created successfully */\r\n  success = createEvent();\r\n\r\n  /** Emitted on demand when the feature creation is failed */\r\n  fail = createEvent<Error>();\r\n\r\n  /** Emitted on demand when drawing is completed */\r\n  drawComplete = createEvent<boolean>();\r\n\r\n  /** Emitted on demand when in editing mode */\r\n  editingLocation = createEvent<void>();\r\n\r\n  /** Emitted on demand when editing attachments */\r\n  editingAttachment = createEvent<boolean>();\r\n\r\n  /** Emitted on demand when editor panel changes */\r\n  progressStatus = createEvent<number>();\r\n\r\n  /** Emitted on switched form mobile to desktop or vice versa */\r\n  modeChanged = createEvent();\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs.\r\n   * This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */\r\n  async loaded(): Promise<void> {\r\n    await this.init();\r\n  }\r\n\r\n  /**\r\n   * Called after each render\r\n   * Used to adjust the map top in case of mobile\r\n   */\r\n  override async updated(): Promise<void> {\r\n    // update the map top according to space occupied by notice msg and search\r\n    if (this.isMobile && this.updateMapPosition) {\r\n      // get the height of notice, search and add custom height 80px(editor msg) height to adjust the map top\r\n      const customHeight = this._currentPage === 'drawing' ? 80 : 30;\r\n      const searchDiv = this.enableSearch ? this._searchDiv.value?.offsetHeight : 0;\r\n      await this._calciteNotice.value?.componentOnReady();\r\n      const calciteNotice = this._calciteNotice.value?.offsetHeight || 0;\r\n      const top = calciteNotice + searchDiv + customHeight;\r\n      if (this._mapViewContainer.value) {\r\n        this._mapViewContainer.value.style.top = `${top}px`;\r\n      }\r\n    }\r\n    // adjust the margin of the guiding message to avoid extra spacing\r\n    if (this.reportingAreaMessage && this._guidingMessageRefNode.value?.children[0]) {\r\n      (this._guidingMessageRefNode.value.children[0] as HTMLElement).style.margin = '0px';\r\n    }\r\n  }\r\n\r\n  /** Invoked each time your component is added to the document's DOM. */\r\n  override disconnectedCallback(): void {\r\n    if (this._editor) {\r\n      // destroy the sketchViewmodel when create feature disconnect\r\n      if (this._editor.viewModel.sketchViewModel) {\r\n        this._editor.viewModel.sketchViewModel?.destroy();\r\n      }\r\n      this._editor.destroy();\r\n      // clear the grid from map if enabled from snapping tools\r\n      if (this.enableSnapping && this.mapView?.ui.view) {\r\n        (this.mapView?.ui.view as any).grid = null;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const showSearchWidget = this._currentPage === 'drawing' || this._currentPage === 'editing' ? '' : 'display-none';\r\n    const loaderClass = this._editorLoading ? '' : 'display-none';\r\n    const featureFormClass = this._editorLoading ? 'display-none' : '';\r\n    const mobileMapClass = this.isMobile && this.updateMapPosition ? 'show-map' : 'display-none';\r\n    const noticeKind = this._inValidGeomtryDrawn ? 'danger' : 'success';\r\n    const icon = this._inValidGeomtryDrawn ? 'exclamation-mark-triangle' : 'lightbulb';\r\n    const showGuidingMsg = this.showGuidingMsg && this._currentPage !== 'templatePicker';\r\n    let guidingMsg = this._translations.chooseCategoryMsg;\r\n    if (this._inValidGeomtryDrawn) {\r\n      guidingMsg = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage;\r\n    } else if (this._currentPage === 'drawing' || this._currentPage === 'editing') {\r\n      guidingMsg = this._translations.provideLocationMsg;\r\n    } else if (this._currentPage === 'featureForm') {\r\n      guidingMsg = this._translations.provideDetailsMsg;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        {showGuidingMsg && <calcite-notice\r\n          class='notice-msg'\r\n          icon={icon}\r\n          kind={noticeKind}\r\n          open\r\n          ref={this._calciteNotice}>\r\n          <div\r\n            ref={this._guidingMessageRefNode}\r\n            slot='message'\r\n            innerHTML={guidingMsg}\r\n          />\r\n        </calcite-notice>}\r\n        <calcite-loader\r\n          class={loaderClass}\r\n          label=''\r\n          scale='s'\r\n        />\r\n        {this._currentPage === 'featureForm' && this.isMobile &&\r\n          <calcite-button\r\n            appearance='transparent'\r\n            class='edit-location-btn'\r\n            iconStart='pin'\r\n            onClick={this.editLocation}\r\n          >\r\n            {this._translations.editLocationLabel}\r\n          </calcite-button>}\r\n        <div class={featureFormClass} id='feature-form' />\r\n        {this.enableSearch &&\r\n          <div\r\n            class={`search-widget ${showSearchWidget} ${featureFormClass}`}\r\n            id='search-widget-ref'\r\n            ref={this._searchDiv}\r\n          />}\r\n        <div\r\n          class={mobileMapClass}\r\n          ref={this._mapViewContainer}\r\n        />\r\n      </>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Init Editor widget and Search widget */\r\n  private async init(): Promise<void> {\r\n    if (this.mapView && this.selectedLayerId) {\r\n      this._updatedMapView = this.mapView;\r\n      // In mobile mode show the map in panel\r\n      await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadWidgets());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * updates the map view (in case of mobile)\r\n   *\r\n   * @private\r\n   */\r\n  private async createMobileMapView(): Promise<void> {\r\n    if (this._mapViewContainer.value && this.mapView) {\r\n      this._mapViewContainer.value.classList.add('hide-map');\r\n      await new MapView({\r\n        map: this.mapView.map as any,\r\n        container: this._mapViewContainer.value,\r\n        zoom: this.mapView.zoom,\r\n        center: this.mapView.center,\r\n        popupEnabled: this.popupEnabled\r\n      }).when(\r\n        (view: __esri.MapView) => {\r\n          // update the mapView and load all widgets\r\n          this._updatedMapView = view;\r\n          const home = new Home({\r\n            view: this._updatedMapView\r\n          });\r\n          if (home) {\r\n            this._updatedMapView.ui.add(home, 'top-left');\r\n          }\r\n          void this._loadWidgets();\r\n        },\r\n        (e: any) => {\r\n          console.log(e);\r\n        },\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Loads the Editor and Search widgets\r\n   *\r\n   * @private\r\n   */\r\n  private async _loadWidgets(): Promise<void> {\r\n    await this.createEditorWidget();\r\n    if (this.enableSearch) {\r\n      await this.createSearchWidget();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Display editor widget to create the new feature\r\n   *\r\n   * @private\r\n   */\r\n  private async createEditorWidget(): Promise<void> {\r\n    if (this._editor) {\r\n      this._editor.destroy();\r\n    }\r\n    const layerInfos: any[] = [];\r\n    this._container = document.createElement('div');\r\n    this._container?.classList.add('display-none');\r\n\r\n    if (!this.enableSnapping) {\r\n      this._container.classList.add('hide-editor-toolbar');\r\n    }\r\n    const allMapLayers = this._updatedMapView && await getAllFeatureLayers(this._updatedMapView);\r\n    const selectedLayer = this.mapView && await getLayerOrTable(this.mapView, this.selectedLayerId);\r\n    if (selectedLayer) {\r\n      this._selectedLayer = selectedLayer;\r\n      // if layer is selected then only use the layerInfos while initializing the editor widget\r\n      if (!this._selectedLayer?.isTable && allMapLayers) {\r\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\r\n        allMapLayers.forEach((layer: __esri.FeatureLayer) => {\r\n          layerInfos.push({\r\n            layer,\r\n            enabled: layer?.type === 'feature' && layer?.id === this.selectedLayerId,\r\n            addEnabled: true, // default is true, set to false to disable the ability to add a new feature\r\n            updateEnabled: false, // if true, enable ability to edit an existing feature\r\n            deleteEnabled: false, // default is true, set to false to disable the ability to delete features\r\n          });\r\n        });\r\n      }\r\n    }\r\n\r\n    this._editor = new Editor({\r\n      view: this._updatedMapView,\r\n      layerInfos: layerInfos,\r\n      visibleElements: {\r\n        settingsMenu: this.enableSnapping,\r\n        snappingControls: this.enableSnapping,\r\n        createFeaturesSection: true,\r\n        editFeaturesSection: false,\r\n        flow: true,\r\n        sketch: this.showSketchWidgets && this._selectedLayer?.geometryType !== 'point',\r\n      },\r\n      container: this._container,\r\n    });\r\n    if (this._mapViewContainer.value) {\r\n      this.el.insertBefore(this._container, this._mapViewContainer.value);\r\n    } else {\r\n      this.el.appendChild(this._container);\r\n    }\r\n\r\n    // If table is selected then directly start the create workflow\r\n    if (this._selectedLayer?.isTable) {\r\n      this._editorLoading = true;\r\n    }\r\n\r\n    if (this._editor) {\r\n      //Add handle to watch if attachments are added/edited\r\n      const attachmentHandle = reactiveUtils.watch(\r\n        () => this._editor?.viewModel.state,\r\n        (state: __esri.EditorViewModel['state'] | undefined) => {\r\n          if (state === 'adding-attachment' || state === 'editing-attachment') {\r\n            this._addingAttachment = true;\r\n            this.editingAttachment.emit(true);\r\n          } else {\r\n            if (this._addingAttachment) {\r\n              this.editingAttachment.emit(false);\r\n              this._addingAttachment = false;\r\n            }\r\n          }\r\n        },\r\n      );\r\n      attachmentHandle && this._editor.viewModel.addHandles(attachmentHandle);\r\n\r\n      //Add handle to watch featureTemplatesViewModel ready state and then start the creation\r\n      const handle = reactiveUtils?.watch(\r\n        () => this._editor?.viewModel.featureTemplatesViewModel.state,\r\n        (state: __esri.FeatureTemplatesViewModel['state'] | undefined) => {\r\n          if (state === 'ready' && this._editor?.viewModel?.activeWorkflow?.type !== 'create-features') {\r\n            this.progressStatus.emit(50);\r\n            this._editorLoading = true;\r\n          }\r\n        },\r\n      );\r\n      handle && this._editor.viewModel.addHandles(handle);\r\n\r\n      //Add handle to watch featureFormViewModel ready state\r\n      const formHandle = reactiveUtils?.watch(\r\n        () => this._editor?.viewModel.featureFormViewModel?.state,\r\n        (state: __esri.FeatureFormViewModel['state'] | undefined) => {\r\n          if (state === 'ready' && this._editor?.viewModel.featureFormViewModel && this._currentPage !== 'editing') {\r\n            this._mapViewContainer.value?.classList?.replace('show-map', 'hide-map');\r\n            this._editor.viewModel.featureFormViewModel.addHandles(\r\n              this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this))\r\n            );\r\n            setTimeout(() => {\r\n              void this._setFloorLevel(this.floorLevel);\r\n            }, 50);\r\n            if (!this.allowMultipleCreation && this._editor.activeWorkflow) {\r\n              (this._editor.activeWorkflow.data as any).creationInfo.maxFeatures = 1;\r\n            }\r\n            this._currentPage = 'featureForm';\r\n            this.progressStatus.emit(100);\r\n            this.drawComplete.emit(false);\r\n          }\r\n        },\r\n      );\r\n      formHandle && this._editor.viewModel.addHandles(formHandle);\r\n\r\n      //Add handle to watch editor viewmodel state and then show the search widget\r\n      const createFeatureHandle = reactiveUtils.watch(\r\n        () => this._editor?.viewModel.state,\r\n        (state: __esri.EditorViewModel['state'] | undefined) => {\r\n          if (state === 'creating-features' && this._editor?.viewModel.featureFormViewModel) {\r\n            if (this._editor.viewModel.featureFormViewModel.state === 'disabled') {\r\n              this._mapViewContainer.value?.classList?.replace('hide-map', 'show-map');\r\n              if (this._selectedLayer && !this._selectedLayer.isTable) {\r\n                this._currentPage = 'drawing';\r\n              }\r\n            }\r\n          }\r\n        },\r\n      );\r\n      createFeatureHandle && this._editor.viewModel.addHandles(createFeatureHandle);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-misused-promises\r\n      this._editor.on('sketch-create', async (e) => {\r\n        if (e.detail.state === 'complete') {\r\n          this._drawnGeometry = e.detail.graphic?.geometry as __esri.Geometry;\r\n          if (this.reportingArea && this.reportingAreaLayer) {\r\n            await this.queryIntersectingFeatures();\r\n          }\r\n        }\r\n      });\r\n      let debounceTimer: number\r\n      this._editor.on('sketch-update', (e) => {\r\n        clearTimeout(debounceTimer)\r\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\r\n        debounceTimer = window.setTimeout(async () => {\r\n          this._drawnGeometry = e.detail.graphics[0].geometry as __esri.Geometry;\r\n          if (this.reportingArea && this.reportingAreaLayer) {\r\n            await this.queryIntersectingFeatures();\r\n          }\r\n        }, 50);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Queries the map for features that intersect with a drawn geometry and emits the result.\r\n   */\r\n  private async queryIntersectingFeatures(): Promise<void> {\r\n    const polygonLayer = this.mapView && await getLayerOrTable(this.mapView, this.reportingAreaLayer!);\r\n    if (polygonLayer) {\r\n      const query = polygonLayer.createQuery() as __esri.QueryProperties;\r\n      query.geometry = this._drawnGeometry;\r\n      query.spatialRelationship = 'intersects';\r\n      const intersectingCount = await polygonLayer.queryFeatureCount(query);\r\n      const nonValidGeomtryDrawn = intersectingCount === 0;\r\n      this._inValidGeomtryDrawn = nonValidGeomtryDrawn;\r\n      this.drawComplete.emit(this._inValidGeomtryDrawn);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Shows map for edititng the location\r\n   */\r\n  private editLocation(): void {\r\n    this.progressStatus.emit(75);\r\n    this.editingLocation.emit();\r\n    this._container?.classList.add('display-none');\r\n    this._mapViewContainer.value?.classList.replace('hide-map', 'show-map');\r\n    this._currentPage = 'editing';\r\n  }\r\n\r\n  /**\r\n   * Start creating the feature\r\n   *\r\n   * @private\r\n   */\r\n  private async startCreate(): Promise<void> {\r\n    // hides the header elements on template picker page\r\n    await this.hideEditorsElements();\r\n    return new Promise<any>((resolve, reject) => {\r\n      if (this._editor?.viewModel.featureTemplatesViewModel.items?.length) {\r\n        const items: __esri.TemplateItem[] = (this._editor.viewModel.featureTemplatesViewModel.items[0] as any).items;\r\n        //once the feature template is selected handle the event for formSubmit and sketch complete\r\n        //also, hide the headers and footer in the editor as we will be showing our own submit and cancel button\r\n        this._editor.viewModel.featureTemplatesViewModel.addHandles(\r\n          this._editor.viewModel.featureTemplatesViewModel.on('select', () => {\r\n            this.progressStatus.emit(75);\r\n            setTimeout(() => {\r\n              //hides the header and footer elements in editor widget\r\n              this.hideEditorsElements().then(\r\n                () => {\r\n                  resolve({});\r\n                },\r\n                e => reject(e),\r\n              );\r\n            }, 700);\r\n          }));\r\n        //if only one feature template then directly start geometry creation for that\r\n        if (items.length === 1) {\r\n          this._editor.viewModel.featureTemplatesViewModel.select(items[0]);\r\n        }\r\n        const resolvePromise = items.length > 1;\r\n        this.hideEditorsElements().then(\r\n          () => {\r\n            if (resolvePromise) {\r\n              resolve({});\r\n            }\r\n          },\r\n          e => resolvePromise && reject(e),\r\n        );\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Display search widget to search location\r\n   *\r\n   * @private\r\n   */\r\n  private async createSearchWidget(): Promise<void> {\r\n    if (this._updatedMapView) {\r\n      let searchOptions: __esri.widgetsSearchProperties = {\r\n        view: this._updatedMapView,\r\n      };\r\n      if (this.searchConfiguration) {\r\n        const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this._updatedMapView);\r\n        searchOptions = {\r\n          ...searchConfiguration,\r\n        };\r\n      }\r\n      this._search = new Search(searchOptions);\r\n      if (!this._search) {\r\n        return;\r\n      }\r\n      this._search.container = 'search-widget-ref';\r\n      this._search.popupEnabled = false;\r\n      this._search.resultGraphicEnabled = false;\r\n\r\n      let pointGeometry: any = undefined;\r\n      // on search get the geometry of the searched location and pass it in sketchViewModel and go to featureForm page\r\n      this._search.viewModel.addHandles(\r\n        this._search.on('search-complete', (e: __esri.SearchResponse) => {\r\n          if (e.results[0].results && e.results[0].results[0]) {\r\n            e.results[0].results[0].extent && void this._updatedMapView?.goTo(e.results[0].results[0].extent);\r\n            if (this._selectedLayer?.geometryType === 'point') {\r\n              pointGeometry = e.results[0].results[0]?.feature.geometry;\r\n            }\r\n          }\r\n        }));\r\n\r\n      //Add handle to watch if search viewModel state is ready\r\n      const createFeatureHandle = reactiveUtils.watch(\r\n        () => this._search?.viewModel.state,\r\n        (state: __esri.SearchViewModel['state'] | undefined) => {\r\n          if (state === 'ready') {\r\n            setTimeout(() => {\r\n              if (this._editor?.viewModel.sketchViewModel?.createGraphic && pointGeometry) {\r\n                const geomClone = pointGeometry.clone();\r\n                const graphic = this._editor.viewModel.sketchViewModel.createGraphic.set('geometry', pointGeometry);\r\n                const graphicClone = graphic.clone();\r\n                this._editor.viewModel.sketchViewModel.addGraphic(graphicClone);\r\n                this._editor.viewModel.sketchViewModel.emit('create', {\r\n                  graphic: graphicClone,\r\n                  state: 'complete',\r\n                  toolEventInfo: null,\r\n                  type: 'create',\r\n                } as any);\r\n                this._editor.viewModel.sketchViewModel.update(geomClone);\r\n                void this.hideEditorsElements();\r\n              } else if (this._editor?.viewModel.sketchViewModel && this._editor.viewModel.sketchViewModel.updateGraphics.length > 0 && pointGeometry) {\r\n                const graphic = this._editor?.viewModel.sketchViewModel?.updateGraphics.getItemAt(0);\r\n                if (graphic) {\r\n                  graphic.set('geometry', pointGeometry);\r\n                  void this._editor?.viewModel.sketchViewModel?.update(graphic);\r\n                  void this.hideEditorsElements();\r\n                }\r\n              }\r\n            }, 100);\r\n          }\r\n        },\r\n      );\r\n      createFeatureHandle && this._search.viewModel.addHandles(createFeatureHandle);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget based on user defined configuration\r\n   *\r\n   * @param searchConfiguration search configuration defined by the user\r\n   * @param view the current map view\r\n   * @private\r\n   */\r\n  private _getSearchConfig(\r\n    searchConfiguration: ISearchConfiguration,\r\n    view: __esri.MapView\r\n  ): ISearchConfiguration {\r\n    const INCLUDE_DEFAULT_SOURCES = 'includeDefaultSources';\r\n    const sources = searchConfiguration.sources;\r\n\r\n    if (sources && sources?.length > 0) {\r\n      searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;\r\n\r\n      sources.forEach(source => {\r\n        const isLayerSource = source.hasOwnProperty('layer');\r\n        if (isLayerSource) {\r\n          const layerSource = source as any;\r\n          //const layerSource = source as ILayerSourceConfigItem;\r\n          const layerId = layerSource.layer?.id;\r\n          const layerFromMap = layerId ? view.map?.findLayerById(layerId) : '';\r\n          const layerUrl = layerSource?.layer?.url;\r\n          if (layerFromMap) {\r\n            layerSource.layer = layerFromMap as __esri.FeatureLayer;\r\n          } else if (layerUrl) {\r\n            layerSource.layer = new FeatureLayer(layerUrl as any) as __esri.FeatureLayer;\r\n          }\r\n        }\r\n      });\r\n\r\n      sources?.forEach(source => {\r\n        const isLocatorSource = source.hasOwnProperty('locator');\r\n        if (isLocatorSource) {\r\n          const locatorSource = source as ILocatorSourceConfigItem;\r\n          if (locatorSource?.name === 'ArcGIS World Geocoding Service') {\r\n            const outFields = locatorSource.outFields || ['Addr_type', 'Match_addr', 'StAddr', 'City'];\r\n            locatorSource.outFields = outFields;\r\n            locatorSource.singleLineFieldName = 'SingleLine';\r\n          }\r\n\r\n          locatorSource.url = locatorSource.url;\r\n          delete locatorSource.url;\r\n        }\r\n      });\r\n    } else {\r\n      searchConfiguration = {\r\n        ...searchConfiguration,\r\n        includeDefaultSources: true,\r\n      };\r\n    }\r\n    return searchConfiguration;\r\n  }\r\n\r\n  /**\r\n   * Add the floor level value to form\r\n   *\r\n   * @param level selected floor level\r\n   * @private\r\n   */\r\n  private async _setFloorLevel(\r\n    level: string\r\n  ): Promise<void> {\r\n    if (!level) {\r\n      return;\r\n    }\r\n    const layer = this._selectedLayer;\r\n    const floorField = layer?.floorInfo?.floorField;\r\n    if (floorField) {\r\n      const layerField = layer.fields.find(field => field.name === floorField);\r\n      // if layer field is present and form template is not present only then we can set value of floorfield into feature form otherwise create a mannual formtemplate to add the floorfeild element\r\n      if (layerField && !layer?.formTemplate) {\r\n        if (this._editor?.viewModel.featureFormViewModel) {\r\n          this._editor.viewModel.featureFormViewModel.setValue(layerField.name, level);\r\n          layerField.editable = false;\r\n        }\r\n      } else if (layer.formTemplate && this.formElements) {\r\n        const floorInfoExpression = new ExpressionInfo({\r\n          expression: `'${level}'`,\r\n          name: 'floor-info-test',\r\n          title: 'Floor Info',\r\n          returnType: 'string',\r\n        });\r\n        const levelIdFieldElement = new FieldElement({\r\n          label: floorField,\r\n          editableExpression: 'false',\r\n          fieldName: floorField,\r\n          input: {\r\n            type: 'text-box',\r\n            maxLength: 50,\r\n            minLength: 0,\r\n          },\r\n          valueExpression: floorInfoExpression.name,\r\n        });\r\n        this._updatedMapView?.map!.editableLayers.forEach((layer) => {\r\n          const orgElements = this.formElements.orgElements;\r\n          const orgExpressionInfos = this.formElements.orgExpressionInfos;\r\n          const elements = [...orgElements];\r\n          elements.push(levelIdFieldElement);\r\n          if (layer.type === 'feature') {\r\n            const featureLayer: __esri.FeatureLayer = layer as __esri.FeatureLayer;\r\n            // Creating formtemplate\r\n            const floorInfoTemplate = new FormTemplate({\r\n              title: featureLayer?.formTemplate?.title,\r\n              description: featureLayer?.formTemplate?.description,\r\n              elements,\r\n              expressionInfos: [floorInfoExpression].concat(orgExpressionInfos),\r\n            });\r\n            layer.formTemplate = floorInfoTemplate;\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Hides the elements of editor widget\r\n   *\r\n   * @private\r\n   */\r\n  private async hideEditorsElements(): Promise<void> {\r\n    if (!this.customizeSubmit) {\r\n      return;\r\n    }\r\n    await this.timeout(700);\r\n    //hides the header and footer on the featureForm\r\n    this.el\r\n      .querySelector('.esri-editor')\r\n      ?.querySelectorAll('calcite-flow-item')\r\n      ?.forEach(flowItem => {\r\n        const article = flowItem.shadowRoot?.querySelector('calcite-panel')?.shadowRoot?.querySelector('article');\r\n        //hide the header\r\n        article?.querySelector('header')?.setAttribute('style', 'display: none');\r\n        //hide the footer\r\n        article?.querySelector('footer')?.setAttribute('style', 'display: none');\r\n      });\r\n  }\r\n\r\n  /**\r\n   * On creation of feature emit the event that the feature is created\r\n   *\r\n   * @param _evt feature submit event\r\n   * @private\r\n   */\r\n  private async submitted(\r\n    _evt: any\r\n  ): Promise<void> {\r\n    //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form\r\n    if (_evt.invalid.length) {\r\n      this._isSubmitBtnClicked = false;\r\n      return;\r\n    }\r\n    //emit success or fail based on the result\r\n    if (this._isSubmitBtnClicked) {\r\n      this._isSubmitBtnClicked = false;\r\n      try {\r\n        if (this._editor?.activeWorkflow) {\r\n          await this._editor.activeWorkflow.commit();\r\n          //throw errors if any failures\r\n          if (this._editor.viewModel.failures?.length) {\r\n            this._editor.viewModel.failures.some(failure => {\r\n              if (failure.error) {\r\n                throw failure.error;\r\n              }\r\n            });\r\n          }\r\n        }\r\n      } catch (e: any) {\r\n        this.fail.emit(e);\r\n        return;\r\n      }\r\n      this.success.emit();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * call setTimeout in Promise wrapper\r\n   *\r\n   * @param delay The time, in milliseconds that the timer should wait before the promise is resolved\r\n   * @private\r\n   */\r\n  private async timeout(\r\n    delay: number\r\n  ): Promise<void> {\r\n    return new Promise(resolve => setTimeout(resolve, delay));\r\n  }\r\n}\r\n"],"names":["ref$jsx","layer"],"mappings":"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"}

package/dist/components/create-related-feature/customElement.d.ts

@@ -17,9 +17,9 @@ export declare class CreateRelatedFeature extends LitElement {
      * @default false
      */
     enableSnapping: boolean;
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
-    /** __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+    /** __esri.Graphic: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
     selectedFeature: __esri.Graphic | undefined;
     /**
      * boolean: When true the notice message should be shown
@@ -27,7 +27,7 @@ export declare class CreateRelatedFeature extends LitElement {
      * @default true
      */
     showGuidingMsg?: boolean;
-    /** __esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+    /** __esri.FeatureLayer: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     table: __esri.FeatureLayer | undefined;
     /** Submit the comment */
     submit(): Promise<void>;

package/dist/components/create-related-feature/customElement.js

@@ -1,13 +1,14 @@
-import { c as u } from "../../chunks/runtime.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { css as p, html as c } from "lit";
-import { LitElement as f, createEvent as d, noShadowRoot as w, safeClassMap as b } from "@arcgis/lumina";
-import y from "@arcgis/core/widgets/Editor";
-import * as l from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
-const g = p`@layer{/**
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { css, html } from "lit";
+import { LitElement, createEvent, noShadowRoot, safeClassMap } from "@arcgis/lumina";
+import Editor from "@arcgis/core/widgets/Editor";
+import * as reactiveUtils from "@arcgis/core/core/reactiveUtils";
+const styles = css`@layer{
+/**
  * @license
  * Copyright 2025 Esri
  *
@@ -22,129 +23,235 @@ const g = p`@layer{/**
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
-class _ extends f {
+ */
+
+:host {
+  display: block;
+}
+
+/* Override to hide Editor settings panel collapsible */
+.hide-editor-toolbar .esri-editor__panel-toolbar {
+  display: none !important;
+}
+
+.display-none {
+  display: none !important;
+}
+
+/* override the padding of the feature form */
+.esri-editor__panel-content {
+  padding-block: 10px !important;
+}
+
+.notice-msg {
+  padding: 10px;
+  width: calc(100% - 20px);
+}
+}`;
+class CreateRelatedFeature extends LitElement {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = m({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._isSubmitBtnClicked = !1, this.success = d(), this.fail = d(), this.isActionPending = d(), this.formReady = d();
+    super(...arguments);
+    this.customizeSubmit = false;
+    this.enableSnapping = false;
+    this.showGuidingMsg = true;
+    this._editorLoading = false;
+    this._translations = useT9n({ name: "create-related-feature", blocking: true });
+    this._addingAttachment = false;
+    this._isSubmitBtnClicked = false;
+    this.success = createEvent();
+    this.fail = createEvent();
+    this.isActionPending = createEvent();
+    this.formReady = createEvent();
   }
   static {
-    this.properties = { customizeSubmit: 5, enableSnapping: 5, mapView: 0, selectedFeature: 0, showGuidingMsg: 5, table: 0, _editorLoading: 16, _translations: 16 };
+    this.properties = { customizeSubmit: [5, {}, { type: Boolean }], enableSnapping: [5, {}, { type: Boolean }], mapView: [0, {}, { attribute: false }], selectedFeature: [0, {}, { attribute: false }], showGuidingMsg: [5, {}, { type: Boolean }], table: [0, {}, { attribute: false }], _editorLoading: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = g;
+    this.styles = styles;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = noShadowRoot;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
+  willUpdate(changes) {
+    if (changes.has("mapView")) {
+      void this.mapViewWatchHandler();
+    }
+    if (changes.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== false)) {
+      void this._editorLoadingWatchHandler(this._editorLoading);
+    }
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(async () => {
       await this.init();
     });
   }
-  async _editorLoadingWatchHandler(e) {
-    e && (this._container?.classList.add("display-none"), await this.startCreate(), this._container?.classList.remove("display-none"), this._editorLoading = !1);
+  async _editorLoadingWatchHandler(v) {
+    if (v) {
+      this._container?.classList.add("display-none");
+      await this.startCreate();
+      this._container?.classList.remove("display-none");
+      this._editorLoading = false;
+    }
   }
   async submit() {
-    this._editor?.viewModel?.featureFormViewModel && (this._isSubmitBtnClicked = !0, this._editor.viewModel.featureFormViewModel.submit());
+    if (this._editor?.viewModel?.featureFormViewModel) {
+      this._isSubmitBtnClicked = true;
+      this._editor.viewModel.featureFormViewModel.submit();
+    }
   }
   async init() {
-    this.mapView && await this.createEditorWidget();
+    if (this.mapView) {
+      await this.createEditorWidget();
+    }
   }
   render() {
-    const e = this._editorLoading ? "" : "display-none";
-    return c`${this.showGuidingMsg && c`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${b(e)} label scale=s></calcite-loader>`;
+    const loaderClass = this._editorLoading ? "" : "display-none";
+    return html`${this.showGuidingMsg && html`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${safeClassMap(loaderClass)} label scale=s></calcite-loader>`;
   }
   loaded() {
-    this.init();
+    void this.init();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._editor && this._editor.destroy();
+    super.disconnectedCallback();
+    if (this._editor) {
+      this._editor.destroy();
+    }
   }
   async createEditorWidget() {
-    this._editor && this._editor.destroy(), this._container = document.createElement("div"), this._container?.classList.add("display-none"), this.enableSnapping || this._container.classList.add("hide-editor-toolbar"), this._editor = new y({
+    if (this._editor) {
+      this._editor.destroy();
+    }
+    this._container = document.createElement("div");
+    this._container?.classList.add("display-none");
+    if (!this.enableSnapping) {
+      this._container.classList.add("hide-editor-toolbar");
+    }
+    this._editor = new Editor({
       view: this.mapView,
       visibleElements: {
-        flow: !0,
+        flow: true,
         settingsMenu: this.enableSnapping,
-        sketch: !1,
+        sketch: false,
         snappingControls: this.enableSnapping
       },
       container: this._container
-    }), this.el.appendChild(this._container);
-    const e = l.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (i) => {
-      i === "ready" && (this._editorLoading = !0);
     });
-    this._editor?.viewModel.addHandles(e);
-    const t = l.watch(() => this._editor?.viewModel.state, (i) => {
-      i === "adding-attachment" || i === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
+    this.el.appendChild(this._container);
+    const handle = reactiveUtils.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (state) => {
+      if (state === "ready") {
+        this._editorLoading = true;
+      }
+    });
+    this._editor?.viewModel.addHandles(handle);
+    const attachmentHandle = reactiveUtils.watch(() => this._editor?.viewModel.state, (state) => {
+      if (state === "adding-attachment" || state === "editing-attachment") {
+        this._addingAttachment = true;
+        this.isActionPending.emit(true);
+      } else {
+        if (this._addingAttachment) {
+          this.isActionPending.emit(false);
+          this._addingAttachment = false;
+        }
+      }
     });
-    this._editor?.viewModel.addHandles(t);
-    const a = l.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (i) => {
-      i === "ready" && this.formReady.emit();
+    this._editor?.viewModel.addHandles(attachmentHandle);
+    const formHandle = reactiveUtils.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (state) => {
+      if (state === "ready") {
+        this.formReady.emit();
+      }
     });
-    this._editor?.viewModel.addHandles(a);
+    this._editor?.viewModel.addHandles(formHandle);
   }
   async startCreate() {
-    const e = this.selectedFeature?.layer, t = this.table;
-    if (e?.relationships && t?.relationships && this.selectedFeature && t.templates) {
-      const a = e.relationships[0], i = t.relationships.find((o) => e.layerId === o.relatedTableId), s = Number(this.selectedFeature.getObjectId());
-      if (!Number.isNaN(s) && i) {
-        const r = (await e.queryFeatures({
-          objectIds: [s],
-          outFields: [e.objectIdField, a.keyField]
-        })).features[0], n = t.templates[0], h = {
-          attributeOverrides: this.makeAttributesForRelatedFeature(r, a, i),
-          layer: t,
-          template: n
+    const parentLayer = this.selectedFeature?.layer;
+    const childTable = this.table;
+    if (parentLayer?.relationships && childTable?.relationships && this.selectedFeature && childTable.templates) {
+      const parentRelationship = parentLayer.relationships[0];
+      const childRelationship = childTable.relationships.find((rel) => parentLayer.layerId === rel.relatedTableId);
+      const oid = Number(this.selectedFeature.getObjectId());
+      if (!Number.isNaN(oid) && childRelationship) {
+        const queryResult = await parentLayer.queryFeatures({
+          objectIds: [oid],
+          outFields: [parentLayer.objectIdField, parentRelationship.keyField]
+        });
+        const parentFeature = queryResult.features[0];
+        const template = childTable.templates[0];
+        const attributeOverrides = this.makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship);
+        const creationInfo = {
+          attributeOverrides,
+          layer: childTable,
+          template
         };
-        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(h), await this.hideEditorsElements(), this._editor?.viewModel?.featureFormViewModel?.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this)));
+        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(creationInfo);
+        await this.hideEditorsElements();
+        this._editor?.viewModel?.featureFormViewModel?.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this)));
       }
     }
   }
   async hideEditorsElements() {
-    this.customizeSubmit && (await this.timeout(700), this.el.querySelector(".esri-editor")?.querySelectorAll("calcite-flow-item")?.forEach((e) => {
-      const t = e.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
-      t?.querySelector("header")?.setAttribute("style", "display: none"), t?.querySelector("footer")?.setAttribute("style", "display: none");
-    }));
-  }
-  makeAttributesForRelatedFeature(e, t, a) {
-    const i = t.keyField;
-    let s;
-    e.attributes.hasOwnProperty(i) ? s = e.getAttribute(i) : e.attributes.hasOwnProperty(i.toLowerCase()) ? s = e.getAttribute(i.toLowerCase()) : e.attributes.hasOwnProperty(i.toUpperCase()) && (s = e.getAttribute(i.toUpperCase()));
-    let o = a.keyField;
-    const r = this.table?.fields.find((n) => n.name.toLocaleLowerCase() === o.toLocaleLowerCase());
-    if (r)
-      return o = r.name, {
-        [o]: s
+    if (!this.customizeSubmit) {
+      return;
+    }
+    await this.timeout(700);
+    this.el.querySelector(".esri-editor")?.querySelectorAll("calcite-flow-item")?.forEach((flowItem) => {
+      const article = flowItem.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
+      article?.querySelector("header")?.setAttribute("style", "display: none");
+      article?.querySelector("footer")?.setAttribute("style", "display: none");
+    });
+  }
+  makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
+    const parentKeyField = parentRelationship.keyField;
+    let parentKeyValue;
+    if (parentFeature.attributes.hasOwnProperty(parentKeyField)) {
+      parentKeyValue = parentFeature.getAttribute(parentKeyField);
+    } else if (parentFeature.attributes.hasOwnProperty(parentKeyField.toLowerCase())) {
+      parentKeyValue = parentFeature.getAttribute(parentKeyField.toLowerCase());
+    } else if (parentFeature.attributes.hasOwnProperty(parentKeyField.toUpperCase())) {
+      parentKeyValue = parentFeature.getAttribute(parentKeyField.toUpperCase());
+    }
+    let childKeyField = childRelationship.keyField;
+    const field = this.table?.fields.find((field2) => field2.name.toLocaleLowerCase() === childKeyField.toLocaleLowerCase());
+    if (field) {
+      childKeyField = field.name;
+      const childAttributes = {
+        [childKeyField]: parentKeyValue
       };
+      return childAttributes;
+    } else {
+      return void 0;
+    }
   }
-  async submitted(e) {
-    if (e.invalid.length) {
-      this._isSubmitBtnClicked = !1;
+  async submitted(_evt) {
+    if (_evt.invalid.length) {
+      this._isSubmitBtnClicked = false;
       return;
     }
-    if (e.valid.length && this._isSubmitBtnClicked) {
-      this._isSubmitBtnClicked = !1;
+    if (_evt.valid.length && this._isSubmitBtnClicked) {
+      this._isSubmitBtnClicked = false;
       try {
-        this._editor?.activeWorkflow && (await this._editor.activeWorkflow.commit(), this._editor.viewModel.failures?.length && this._editor.viewModel.failures.some((t) => {
-          if (t.error)
-            throw t.error;
-        }));
-      } catch (t) {
-        this.fail.emit(t);
+        if (this._editor?.activeWorkflow) {
+          await this._editor.activeWorkflow.commit();
+          if (this._editor.viewModel.failures?.length) {
+            this._editor.viewModel.failures.some((failure) => {
+              if (failure.error) {
+                throw failure.error;
+              }
+            });
+          }
+        }
+      } catch (e) {
+        this.fail.emit(e);
         return;
       }
       this.success.emit();
     }
   }
-  async timeout(e) {
-    return new Promise((t) => setTimeout(t, e));
+  async timeout(delay) {
+    return new Promise((resolve) => setTimeout(resolve, delay));
   }
 }
-u("create-related-feature", _);
+customElement("create-related-feature", CreateRelatedFeature);
 export {
-  _ as CreateRelatedFeature
+  CreateRelatedFeature
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/create-related-feature/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/create-related-feature/create-related-feature.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  Fragment,\r\n  h,\r\n  method,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './create-related-feature.css';\r\nimport Editor from '@arcgis/core/widgets/Editor';\r\nimport * as reactiveUtils from '@arcgis/core/core/reactiveUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'create-related-feature': CreateRelatedFeature;\r\n  }\r\n}\r\n\r\nexport class CreateRelatedFeature extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n\r\n    if (changes.has('mapView')) {\r\n      void this.mapViewWatchHandler();\r\n    }\r\n\r\n    if (changes.has('_editorLoading') && (this.hasUpdated || this._editorLoading !== false)) {\r\n      void this._editorLoadingWatchHandler(this._editorLoading);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: Set this to true when have a custom submit button in the app.\r\n   * This will hide the header and footer elements of the editor and user needs to execute the submit method manually.\r\n   */\r\n  @property() customizeSubmit?: boolean = false;\r\n\r\n  /** When true the snapping options will be exposed */\r\n  @property() enableSnapping = false;\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */\r\n  @property() selectedFeature: __esri.Graphic | undefined;\r\n\r\n  /** boolean: When true the notice message should be shown */\r\n  @property() showGuidingMsg?: boolean = true;\r\n\r\n  /** __esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */\r\n  @property() table: __esri.FeatureLayer | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: When true a loading indicator will be shown while the editor loads */\r\n  @state() _editorLoading = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'create-related-feature', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: Flag to maintain the add attachment */\r\n  private _addingAttachment = false;\r\n\r\n  /** HTMLDivElement: The node the editor will be added to */\r\n  private _container: HTMLDivElement | undefined;\r\n\r\n  /**\r\n   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html\r\n   * The Editor instance\r\n   */\r\n  private _editor: __esri.Editor | undefined;\r\n\r\n  /** boolean: Flag to maintain form submission using submit button */\r\n  private _isSubmitBtnClicked = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called each time the mapView prop is changed. */\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    await this.mapView?.when(async () => {\r\n      await this.init();\r\n    });\r\n  }\r\n\r\n  /** When _editorLoading is true the container node will be hidden while starting the create workflow */\r\n  private async _editorLoadingWatchHandler(\r\n    v: boolean\r\n  ): Promise<void> {\r\n    if (v) {\r\n      this._container?.classList.add('display-none');\r\n      await this.startCreate();\r\n      this._container?.classList.remove('display-none');\r\n      this._editorLoading = false;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Submit the comment */\r\n  @method()\r\n  async submit(): Promise<void> {\r\n    if (this._editor?.viewModel?.featureFormViewModel) {\r\n      this._isSubmitBtnClicked = true;\r\n      this._editor.viewModel.featureFormViewModel.submit();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the comment is submitted successfully */\r\n  success = createEvent();\r\n\r\n  /** Emitted on demand when the comment submission is failed */\r\n  fail = createEvent<Error>();\r\n\r\n  /** Emitted on demand when any action is pending or completed */\r\n  isActionPending = createEvent<boolean>();\r\n\r\n  /** Emitted on demand when form is ready */\r\n  formReady = createEvent();\r\n\r\n  /** Init Editor widget and starts the create workflow */\r\n  private async init(): Promise<void> {\r\n    if (this.mapView) {\r\n      await this.createEditorWidget();\r\n    }\r\n  }\r\n\r\n  override render(): JsxNode {\r\n    const loaderClass = this._editorLoading ? '' : 'display-none';\r\n    return (\r\n      <>\r\n        {this.showGuidingMsg && (\r\n          <calcite-notice\r\n            class='notice-msg'\r\n            icon='lightbulb'\r\n            kind='success'\r\n            open\r\n          >\r\n            <div slot='message'>\r\n              {this._translations.provideDetailsMsg}\r\n            </div>\r\n          </calcite-notice>\r\n        )}\r\n        <calcite-loader\r\n          class={loaderClass}\r\n          label=''\r\n          scale='s'\r\n        />\r\n      </>\r\n    );\r\n  }\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  loaded(): void {\r\n    void this.init();\r\n  }\r\n\r\n  /** Invoked each time your component is added to the document's DOM. */\r\n  override disconnectedCallback(): void {\r\n    if (this._editor) {\r\n      this._editor.destroy();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Display editor widget to create the new feature\r\n   *\r\n   * @private\r\n   */\r\n  private async createEditorWidget(): Promise<void> {\r\n    if (this._editor) {\r\n      this._editor.destroy();\r\n    }\r\n    this._container = document.createElement('div');\r\n    this._container?.classList.add('display-none');\r\n\r\n    if (!this.enableSnapping) {\r\n      this._container.classList.add('hide-editor-toolbar');\r\n    }\r\n\r\n\r\n    this._editor = new Editor({\r\n      view: this.mapView,\r\n      visibleElements: {\r\n        flow: true,\r\n        settingsMenu: this.enableSnapping,\r\n        sketch: false,\r\n        snappingControls: this.enableSnapping,\r\n      } as any,\r\n      container: this._container,\r\n    });\r\n    this.el.appendChild(this._container);\r\n\r\n    //Add handle to watch featureTemplatesViewModel ready state and then start the creation\r\n    const handle = reactiveUtils.watch(\r\n      () => this._editor?.viewModel.featureTemplatesViewModel.state,\r\n      (state: __esri.FeatureTemplatesViewModel['state'] | undefined) => {\r\n        if (state === 'ready') {\r\n          this._editorLoading = true;\r\n        }\r\n      },\r\n    );\r\n    this._editor?.viewModel.addHandles(handle);\r\n\r\n    // Add handle to watch if attachments are added/edited\r\n    const attachmentHandle = reactiveUtils.watch(\r\n      () => this._editor?.viewModel.state,\r\n      (state: __esri.EditorViewModel['state'] | undefined) => {\r\n        if (state === 'adding-attachment' || state === 'editing-attachment') {\r\n          this._addingAttachment = true;\r\n          this.isActionPending.emit(true);\r\n        } else {\r\n          if (this._addingAttachment) {\r\n            this.isActionPending.emit(false);\r\n            this._addingAttachment = false;\r\n          }\r\n        }\r\n      },\r\n    );\r\n    this._editor?.viewModel.addHandles(attachmentHandle);\r\n\r\n    //Add handle to watch featureFormViewModel ready state\r\n    const formHandle = reactiveUtils.watch(\r\n      () => this._editor?.viewModel.featureFormViewModel?.state,\r\n      (state: __esri.FeatureFormViewModel['state'] | undefined) => {\r\n        if (state === 'ready') {\r\n          this.formReady.emit();\r\n        }\r\n      },\r\n    );\r\n    this._editor?.viewModel.addHandles(formHandle);\r\n  }\r\n\r\n  /**\r\n   * Start creating the feature feature form\r\n   *\r\n   * @private\r\n   */\r\n  private async startCreate(): Promise<void> {\r\n    const parentLayer = this.selectedFeature?.layer as __esri.FeatureLayer;\r\n    const childTable = this.table;\r\n    if (parentLayer?.relationships &&\r\n      childTable?.relationships &&\r\n      this.selectedFeature &&\r\n      childTable.templates\r\n    ) {\r\n      const parentRelationship = parentLayer.relationships[0];\r\n      const childRelationship = childTable.relationships.find(rel => parentLayer.layerId === rel.relatedTableId);\r\n      const oid = Number(this.selectedFeature.getObjectId());\r\n      if (!Number.isNaN(oid) && childRelationship) {\r\n        const queryResult = await parentLayer.queryFeatures({\r\n          objectIds: [oid],\r\n          outFields: [parentLayer.objectIdField, parentRelationship.keyField],\r\n        });\r\n        const parentFeature = queryResult.features[0];\r\n        const template = childTable.templates[0];\r\n        const attributeOverrides = this.makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship);\r\n        const creationInfo = {\r\n          attributeOverrides,\r\n          layer: childTable,\r\n          template,\r\n        };\r\n        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(creationInfo);\r\n        //hides the header and footer elements in editor widget\r\n        await this.hideEditorsElements();\r\n        this._editor?.viewModel?.featureFormViewModel?.addHandles(\r\n          this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this))\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Hides the elements of editor widget\r\n   *\r\n   * @private\r\n   */\r\n  private async hideEditorsElements(): Promise<void> {\r\n    if (!this.customizeSubmit) {\r\n      return;\r\n    }\r\n    await this.timeout(700);\r\n    //hides the header and footer on the featureForm\r\n    this.el\r\n      .querySelector('.esri-editor')\r\n      ?.querySelectorAll('calcite-flow-item')\r\n      ?.forEach(flowItem => {\r\n        const article = flowItem.shadowRoot?.querySelector('calcite-panel')?.shadowRoot?.querySelector('article');\r\n        //hide the header\r\n        article?.querySelector('header')?.setAttribute('style', 'display: none');\r\n        //hide the footer\r\n        article?.querySelector('footer')?.setAttribute('style', 'display: none');\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Makes attributes for related feature\r\n   *\r\n   * @param parentFeature Parent feature\r\n   * @param parentRelationship Parent relationship\r\n   * @param childRelationship Child relationship\r\n   * @returns Attributes for related feature\r\n   * @private\r\n   */\r\n  private makeAttributesForRelatedFeature(\r\n    parentFeature: __esri.Graphic,\r\n    parentRelationship: __esri.Relationship,\r\n    childRelationship: __esri.Relationship\r\n  ): any {\r\n    const parentKeyField = parentRelationship.keyField;\r\n    let parentKeyValue;\r\n    if (parentFeature.attributes.hasOwnProperty(parentKeyField)) {\r\n      parentKeyValue = parentFeature.getAttribute(parentKeyField);\r\n    } else if (parentFeature.attributes.hasOwnProperty(parentKeyField.toLowerCase())) {\r\n      parentKeyValue = parentFeature.getAttribute(parentKeyField.toLowerCase());\r\n    } else if (parentFeature.attributes.hasOwnProperty(parentKeyField.toUpperCase())) {\r\n      parentKeyValue = parentFeature.getAttribute(parentKeyField.toUpperCase());\r\n    }\r\n    let childKeyField = childRelationship.keyField;\r\n    // get the field from table which name is same as childKeyField and use that field name as childKeyField\r\n    const field = this.table?.fields.find(field => field.name.toLocaleLowerCase() === childKeyField.toLocaleLowerCase());\r\n    if (field) {\r\n      childKeyField = field.name;\r\n      const childAttributes = {\r\n        [childKeyField]: parentKeyValue,\r\n      };\r\n      return childAttributes;\r\n    } else {\r\n      return undefined;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On creation of feature emit the event that the feature is created\r\n   *\r\n   * @param _evt feature submit event\r\n   * @private\r\n   */\r\n  private async submitted(\r\n    _evt: any\r\n  ): Promise<void> {\r\n    //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form\r\n    if (_evt.invalid.length) {\r\n      this._isSubmitBtnClicked = false;\r\n      return;\r\n    }\r\n    //Submit only when valid attributes\r\n    //emit success or fail based on the result\r\n    if (_evt.valid.length && this._isSubmitBtnClicked) {\r\n      this._isSubmitBtnClicked = false;\r\n      try {\r\n        if (this._editor?.activeWorkflow) {\r\n          await this._editor.activeWorkflow.commit();\r\n          //throw errors if any failures\r\n          if (this._editor.viewModel.failures?.length) {\r\n            this._editor.viewModel.failures.some(failure => {\r\n              if (failure.error) {\r\n                throw failure.error;\r\n              }\r\n            });\r\n          }\r\n        }\r\n      } catch (e: any) {\r\n        this.fail.emit(e);\r\n        return;\r\n      }\r\n      this.success.emit();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * call setTimeout in Promise wrapper\r\n   *\r\n   * @param delay The time, in milliseconds that the timer should wait before the promise is resolved\r\n   * @private\r\n   */\r\n  private async timeout(\r\n    delay: number\r\n  ): Promise<void> {\r\n    return new Promise(resolve => setTimeout(resolve, delay));\r\n  }\r\n}\r\n"],"names":["field"],"mappings":"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"}