@esri/solutions-components 0.8.67 → 0.9.0

package/dist/solutions-components/create-feature.entry.js

@@ -1,407 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, F as Fragment, g as getElement } from './index-0eecd45f.js';
-import { l as loadModules } from './loadModules-18662c29.js';
-import { a as getAllLayers, g as getLayerOrTable } from './mapViewUtils-d4946a31.js';
-import './esri-loader-5bf2f164.js';
-import './_commonjsHelpers-9cd17aec.js';
-import './queryUtils-2ee0f383.js';
-import './interfaces-586e863c.js';
-
-const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__update-actions{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 0 20px 14px}.display-none{display:none !important}";
-
-const CreateFeature = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.success = createEvent(this, "success", 7);
-        this.fail = createEvent(this, "fail", 7);
-        this.drawComplete = createEvent(this, "drawComplete", 7);
-        this.editingAttachment = createEvent(this, "editingAttachment", 7);
-        this.progressStatus = createEvent(this, "progressStatus", 7);
-        /**
-         * boolean: Flag to maintain form submission using submit button
-         */
-        this._isSubmitBtnClicked = false;
-        this.mapView = undefined;
-        this.selectedLayerId = undefined;
-        this.customizeSubmit = false;
-        this.searchConfiguration = undefined;
-        this._editorLoading = false;
-        this._showSearchWidget = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Called each time the mapView prop is changed.
-     */
-    async mapViewWatchHandler() {
-        await this.mapView.when(async () => {
-            await this.init();
-        });
-    }
-    /**
-     * When _editorLoading is true the container node will be hidden while starting the create workflow
-     */
-    async _editorLoadingWatchHandler(v) {
-        var _a, _b;
-        if (v) {
-            (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
-            await this.startCreate();
-            (_b = this._container) === null || _b === void 0 ? void 0 : _b.classList.remove("display-none");
-            this._editorLoading = false;
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Destroy the Editor widget instance
-     * @returns Promise that resolves when the operation is complete
-     */
-    async close() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-    }
-    /**
-     * Submit the created feature
-     * @returns Promise that resolves when the operation is complete
-     */
-    async submit() {
-        if (this._editor) {
-            this._isSubmitBtnClicked = true;
-            this._editor.viewModel.featureFormViewModel.submit();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this.initModules();
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this.init();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        const showSearchWidget = this._showSearchWidget ? '' : 'display-none';
-        const loaderClass = this._editorLoading ? "" : "display-none";
-        const featureFormClass = this._editorLoading ? "display-none" : "";
-        return (h(Fragment, { key: 'a4ccd565a52a4cde4e76439629425f19bd4c222e' }, h("calcite-loader", { key: '30e8a3753985a734dd7cba461f26691b51f49ab9', class: loaderClass, label: "", scale: "s" }), h("div", { key: '0845f1fa85a21b578fd18200b43d4a77c34e6808', class: featureFormClass, id: "feature-form" }), h("div", { key: 'af74b6337f5a0dcfdbd552145c88eae5282a3307', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" })));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Init Editor widget and Search widget
-     */
-    async init() {
-        if (this.mapView && this.selectedLayerId) {
-            await this.createEditorWidget();
-            await this.createSearchWidget();
-        }
-    }
-    /**
-     * Load esri javascript api modules
-     * @returns Promise resolving when function is done
-     * @protected
-     */
-    async initModules() {
-        const [Editor, reactiveUtils, Search] = await loadModules([
-            "esri/widgets/Editor",
-            "esri/core/reactiveUtils",
-            "esri/widgets/Search"
-        ]);
-        this.Editor = Editor;
-        this.reactiveUtils = reactiveUtils;
-        this.Search = Search;
-    }
-    /**
-     * Display editor widget to create the new feature
-     * @protected
-     */
-    async createEditorWidget() {
-        var _a;
-        if (this._editor) {
-            this._editor.destroy();
-        }
-        const layerInfos = [];
-        this._container = document.createElement("div");
-        (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
-        const allMapLayers = await getAllLayers(this.mapView);
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        allMapLayers.forEach(async (eachLayer) => {
-            layerInfos.push({
-                layer: eachLayer,
-                enabled: (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature" && (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.id) === this.selectedLayerId,
-                addEnabled: true, // default is true, set to false to disable the ability to add a new feature
-                updateEnabled: false, // default is true, set to false to disable the ability to edit an existing feature
-                deleteEnabled: false // default is true, set to false to disable the ability to delete features
-            });
-        });
-        this._editor = new this.Editor({
-            allowedWorkflows: "create-features",
-            view: this.mapView,
-            layerInfos: layerInfos,
-            visibleElements: {
-                snappingControls: false
-            },
-            container: this._container
-        });
-        this.el.appendChild(this._container);
-        //Add handle to watch if attachments are added/edited
-        const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
-            if (state === 'adding-attachment' || state === 'editing-attachment') {
-                this._addingAttachment = true;
-                this.editingAttachment.emit(true);
-            }
-            else {
-                if (this._addingAttachment) {
-                    this.editingAttachment.emit(false);
-                    this._addingAttachment = false;
-                }
-            }
-        });
-        this._editor.viewModel.addHandles(attachmentHandle);
-        //Add handle to watch featureTemplatesViewModel ready state and then start the creation
-        const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
-            if (state === 'ready') {
-                this.progressStatus.emit(0.5);
-                this._editorLoading = true;
-            }
-        });
-        this._editor.viewModel.addHandles(handle);
-        //Add handle to watch featureFormViewModel ready state
-        const formHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.featureFormViewModel) === null || _a === void 0 ? void 0 : _a.state; }, (state) => {
-            if (state === 'ready') {
-                this._showSearchWidget = false;
-                this.progressStatus.emit(1);
-                this.drawComplete.emit();
-            }
-        });
-        this._editor.viewModel.addHandles(formHandle);
-        //Add handle to watch editor viewmodel state and then show the search widget
-        const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
-            if (state === 'creating-features') {
-                this._editorLoading = true;
-                this._showSearchWidget = true;
-            }
-        });
-        this._editor.viewModel.addHandles(createFeatureHandle);
-    }
-    /**
-     * Start creating the feature
-     * @protected
-     */
-    async startCreate() {
-        return new Promise((resolve, reject) => {
-            var _a;
-            if ((_a = this._editor.viewModel.featureTemplatesViewModel.items) === null || _a === void 0 ? void 0 : _a.length) {
-                const items = this._editor.viewModel.featureTemplatesViewModel.items[0].get("items");
-                //once the feature template is selected handle the event for formSubmit and sketch complete
-                //also, hide the headers and footer in the editor as we will be showing our own submit and cancel button
-                this._editor.viewModel.featureTemplatesViewModel.on('select', () => {
-                    this.progressStatus.emit(0.75);
-                    setTimeout(() => {
-                        //on form submit
-                        this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
-                        //hides the header and footer elements in editor widget
-                        this.hideEditorsElements().then(() => {
-                            resolve({});
-                        }, e => reject(e));
-                    }, 700);
-                });
-                //if only one feature template then directly start geometry creation for that
-                //else allow feature template selection to user
-                if (items.length === 1) {
-                    this._editor.viewModel.featureTemplatesViewModel.select(items[0]);
-                }
-                const resolvePromise = items.length > 1;
-                this.hideEditorsElements().then(() => {
-                    if (resolvePromise) {
-                        resolve({});
-                    }
-                }, e => resolvePromise && reject(e));
-            }
-        });
-    }
-    /**
-     * Display search widget to search location
-     * @protected
-     */
-    async createSearchWidget() {
-        let searchOptions = {
-            view: this.mapView,
-        };
-        if (this.searchConfiguration) {
-            const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-            searchOptions = Object.assign({}, searchConfiguration);
-        }
-        this._search = new this.Search(searchOptions);
-        this._search.container = 'search-widget-ref';
-        this._search.popupEnabled = false;
-        this._search.resultGraphicEnabled = false;
-        const layer = await getLayerOrTable(this.mapView, this.selectedLayerId);
-        let pointGeometry = null;
-        // on search get the geometry of the searched location and pass it in sketchViewModel and go to featureForm page
-        this._search.on('search-complete', (e) => {
-            var _a;
-            void this.mapView.goTo(e.results[0].results[0].extent);
-            if (layer.geometryType === 'point') {
-                pointGeometry = (_a = e.results[0].results[0]) === null || _a === void 0 ? void 0 : _a.feature.geometry;
-            }
-        });
-        //Add handle to watch if search viewModel state is ready
-        const createFeatureHandle = this.reactiveUtils.watch(() => this._search.viewModel.state, (state) => {
-            if (state === 'ready') {
-                setTimeout(() => {
-                    if (this._editor.viewModel.sketchViewModel.createGraphic && pointGeometry) {
-                        this._editor.viewModel.sketchViewModel.createGraphic.set('geometry', pointGeometry);
-                        this._editor.viewModel.sketchViewModel.complete();
-                        void this.hideEditorsElements();
-                    }
-                }, 100);
-            }
-        });
-        this._search.viewModel.addHandles(createFeatureHandle);
-    }
-    /**
-     * Initialize the search widget based on user defined configuration
-     *
-     * @param searchConfiguration search configuration defined by the user
-     * @param view the current map view
-     *
-     * @protected
-     */
-    _getSearchConfig(searchConfiguration, view) {
-        const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
-        const sources = searchConfiguration.sources;
-        if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
-            searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
-            sources.forEach((source) => {
-                var _a, _b;
-                const isLayerSource = source.hasOwnProperty("layer");
-                if (isLayerSource) {
-                    const layerSource = source;
-                    const layerId = (_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id;
-                    const layerFromMap = layerId ? view.map.findLayerById(layerId) : null;
-                    const layerUrl = (_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url;
-                    if (layerFromMap) {
-                        layerSource.layer = layerFromMap;
-                    }
-                    else if (layerUrl) {
-                        layerSource.layer = new this.FeatureLayer(layerUrl);
-                    }
-                }
-            });
-            sources === null || sources === void 0 ? void 0 : sources.forEach((source) => {
-                const isLocatorSource = source.hasOwnProperty("locator");
-                if (isLocatorSource) {
-                    const locatorSource = source;
-                    if ((locatorSource === null || locatorSource === void 0 ? void 0 : locatorSource.name) === "ArcGIS World Geocoding Service") {
-                        const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-                        locatorSource.outFields = outFields;
-                        locatorSource.singleLineFieldName = "SingleLine";
-                    }
-                    locatorSource.url = locatorSource.url;
-                    delete locatorSource.url;
-                }
-            });
-        }
-        else {
-            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: true });
-        }
-        return searchConfiguration;
-    }
-    /**
-     * Hides the elements of editor widget
-     * @protected
-     */
-    async hideEditorsElements() {
-        var _a, _b;
-        if (!this.customizeSubmit) {
-            return;
-        }
-        await this.timeout(700);
-        //hides the header and footer on the featureForm
-        (_b = (_a = this.el.querySelector('.esri-editor')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('calcite-flow-item')) === null || _b === void 0 ? void 0 : _b.forEach((flowItem) => {
-            var _a, _b, _c, _d, _e;
-            const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
-            //hide the header
-            (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
-            //hide the footer
-            (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
-        });
-    }
-    /**
-     * On creation of feature emit the event that the feature is created
-     * @param evt feature submit event
-     * @protected
-     */
-    async submitted(evt) {
-        var _a;
-        //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form
-        if (evt.invalid.length) {
-            this._isSubmitBtnClicked = false;
-            return;
-        }
-        //Submit only when valid attributes
-        //emit success or fail based on the result
-        if (evt.valid.length && this._isSubmitBtnClicked) {
-            this._isSubmitBtnClicked = false;
-            try {
-                await this._editor.activeWorkflow.commit();
-                //throw errors if any failures
-                if ((_a = this._editor.viewModel.failures) === null || _a === void 0 ? void 0 : _a.length) {
-                    this._editor.viewModel.failures.some((failure) => {
-                        if (failure.error) {
-                            throw (failure.error);
-                        }
-                    });
-                }
-            }
-            catch (e) {
-                this.fail.emit(e);
-                return;
-            }
-            this.success.emit();
-        }
-    }
-    /**
-     * call setTimeout in Promise wrapper
-     * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
-     * @protected
-     */
-    timeout(delay) {
-        return new Promise(resolve => setTimeout(resolve, delay));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"],
-        "_editorLoading": ["_editorLoadingWatchHandler"]
-    }; }
-};
-CreateFeature.style = createFeatureCss;
-
-export { CreateFeature as create_feature };

package/dist/solutions-components/create-related-feature.entry.js

@@ -1,284 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-0eecd45f.js';
-import { l as loadModules } from './loadModules-18662c29.js';
-import './esri-loader-5bf2f164.js';
-import './_commonjsHelpers-9cd17aec.js';
-
-const createRelatedFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.display-none{display:none !important}";
-
-const CreateRelatedFeature = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.success = createEvent(this, "success", 7);
-        this.fail = createEvent(this, "fail", 7);
-        this.isActionPending = createEvent(this, "isActionPending", 7);
-        this.formReady = createEvent(this, "formReady", 7);
-        /**
-         * boolean: Flag to maintain form submission using submit button
-         */
-        this._isSubmitBtnClicked = false;
-        this.mapView = undefined;
-        this.table = undefined;
-        this.selectedFeature = undefined;
-        this.customizeSubmit = false;
-        this._editorLoading = false;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-    * Called each time the mapView prop is changed.
-    */
-    async mapViewWatchHandler() {
-        await this.mapView.when(async () => {
-            await this.init();
-        });
-    }
-    /**
-     * When _editorLoading is true the container node will be hidden while starting the create workflow
-     */
-    async _editorLoadingWatchHandler(v) {
-        var _a, _b;
-        if (v) {
-            (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
-            await this.startCreate();
-            (_b = this._container) === null || _b === void 0 ? void 0 : _b.classList.remove("display-none");
-            this._editorLoading = false;
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Destroy the Editor widget instance
-     */
-    async close() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-    }
-    /**
-     * Submit the comment
-     */
-    async submit() {
-        if (this._editor) {
-            this._isSubmitBtnClicked = true;
-            this._editor.viewModel.featureFormViewModel.submit();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this.initModules();
-    }
-    /**
-     * Init Editor widget and starts the create workflow
-     */
-    async init() {
-        if (this.mapView) {
-            await this.createEditorWidget();
-        }
-    }
-    /**
-     * Load esri javascript api modules
-     * @returns Promise resolving when function is done
-     * @protected
-     */
-    async initModules() {
-        const [Editor, reactiveUtils] = await loadModules([
-            "esri/widgets/Editor",
-            "esri/core/reactiveUtils"
-        ]);
-        this.Editor = Editor;
-        this.reactiveUtils = reactiveUtils;
-    }
-    render() {
-        const loaderClass = this._editorLoading ? "" : "display-none";
-        return (h("calcite-loader", { key: '5302b1166a175b0605604792cd40b9d3fbfabd02', class: loaderClass, label: "", scale: "s" }));
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this.init();
-    }
-    /**
-     * Display editor widget to create the new feature
-     * @protected
-     */
-    async createEditorWidget() {
-        var _a;
-        if (this._editor) {
-            this._editor.destroy();
-        }
-        this._container = document.createElement("div");
-        (_a = this._container) === null || _a === void 0 ? void 0 : _a.classList.add("display-none");
-        this._editor = new this.Editor({
-            view: this.mapView,
-            visibleElements: {
-                snappingControls: false
-            },
-            container: this._container
-        });
-        this.el.appendChild(this._container);
-        //Add handle to watch featureTemplatesViewModel ready state and then start the creation
-        const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
-            if (state === 'ready') {
-                this._editorLoading = true;
-            }
-        });
-        this._editor.viewModel.addHandles(handle);
-        // Add handle to watch if attachments are added/edited
-        const attachmentHandle = this.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(attachmentHandle);
-        //Add handle to watch featureFormViewModel ready state
-        const formHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.featureFormViewModel) === null || _a === void 0 ? void 0 : _a.state; }, (state) => {
-            if (state === 'ready') {
-                this.formReady.emit();
-            }
-        });
-        this._editor.viewModel.addHandles(formHandle);
-    }
-    /**
-     * Start creating the feature feature form
-     * @protected
-     */
-    async startCreate() {
-        const parentLayer = this.selectedFeature.layer;
-        const childTable = this.table;
-        const parentRelationship = parentLayer.relationships[0];
-        const childRelationship = childTable.relationships.find((rel) => parentLayer.layerId === rel.relatedTableId);
-        const queryResult = await parentLayer.queryFeatures({
-            objectIds: [this.selectedFeature.getObjectId()],
-            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(creationInfo);
-        //hides the header and footer elements in editor widget
-        await this.hideEditorsElements();
-        this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
-    }
-    /**
-     * Hides the elements of editor widget
-     * @protected
-     */
-    async hideEditorsElements() {
-        var _a, _b;
-        if (!this.customizeSubmit) {
-            return;
-        }
-        await this.timeout(700);
-        //hides the header and footer on the featureForm
-        (_b = (_a = this.el.querySelector('.esri-editor')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('calcite-flow-item')) === null || _b === void 0 ? void 0 : _b.forEach((flowItem) => {
-            var _a, _b, _c, _d, _e;
-            const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
-            //hide the header
-            (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
-            //hide the footer
-            (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
-        });
-    }
-    /**
-     * Makes attributes for related feature
-     * @param parentFeature Parent feature
-     * @param parentRelationship Parent relationship
-     * @param childRelationship Child relationship
-     * @returns Attributes for related feature
-     * @protected
-     */
-    makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
-        const parentKeyField = parentRelationship.keyField;
-        const parentKeyValue = parentFeature.getAttribute(parentKeyField);
-        let childKeyField = childRelationship.keyField;
-        // get the field from table which name is same as childKeyField and use that field name as childKeyField
-        const field = this.table.fields.find((field) => field.name.toLocaleLowerCase() === childKeyField.toLocaleLowerCase());
-        childKeyField = field.name;
-        const childAttributes = {
-            [childKeyField]: parentKeyValue,
-        };
-        return childAttributes;
-    }
-    /**
-     * On creation of feature emit the event that the feature is created
-     * @param evt feature submit event
-     * @protected
-     */
-    async submitted(evt) {
-        var _a;
-        //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form
-        if (evt.invalid.length) {
-            this._isSubmitBtnClicked = false;
-            return;
-        }
-        //Submit only when valid attributes
-        //emit success or fail based on the result
-        if (evt.valid.length && this._isSubmitBtnClicked) {
-            this._isSubmitBtnClicked = false;
-            try {
-                await this._editor.activeWorkflow.commit();
-                //throw errors if any failures
-                if ((_a = this._editor.viewModel.failures) === null || _a === void 0 ? void 0 : _a.length) {
-                    this._editor.viewModel.failures.some((failure) => {
-                        if (failure.error) {
-                            throw (failure.error);
-                        }
-                    });
-                }
-            }
-            catch (e) {
-                this.fail.emit(e);
-                return;
-            }
-            this.success.emit();
-        }
-    }
-    /**
-     * call setTimeout in Promise wrapper
-     * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
-     * @protected
-     */
-    timeout(delay) {
-        return new Promise(resolve => setTimeout(resolve, delay));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"],
-        "_editorLoading": ["_editorLoadingWatchHandler"]
-    }; }
-};
-CreateRelatedFeature.style = createRelatedFeatureCss;
-
-export { CreateRelatedFeature as create_related_feature };