@arcgis/map-components 4.29.0-test.0 → 4.29.0

package/dist/components/arcgis-distance-measurement-2d.js

@@ -0,0 +1,150 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { r as newWidgetsDistanceMeasurement2D, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+
+const distanceMeasurement2dCss = "";
+
+const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisDistanceMeasurement2d extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.arcgisDistanceMeasurement2dReady = createEvent(this, "arcgisDistanceMeasurement2dReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.icon = undefined;
+        this.unit = undefined;
+        this.unitOptions = undefined;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    iconWatcher(value) {
+        if (this.widget) {
+            this.widget.icon = value;
+            this.widget.iconClass = value;
+        }
+    }
+    unitWatcher(value) {
+        if (this.widget) {
+            this.widget.unit = value;
+        }
+    }
+    unitOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.unitOptions = value;
+        }
+    }
+    positionWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, value);
+        }
+    }
+    viewWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.view = value;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsDistanceMeasurement2D(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisDistanceMeasurement2dReady.emit();
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    async _addWatchers() {
+        const { whenOnce } = await importCoreReactiveUtils();
+        await whenOnce(() => this.widget.unitOptions);
+        this.unitOptions = this.widget.unitOptions;
+    }
+    _createParams() {
+        const params = {};
+        if (this.icon) {
+            params.icon = this.icon;
+            params.iconClass = this.icon;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.unitOptions) {
+            params.unitOptions = this.unitOptions;
+        }
+        return params;
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "icon": ["iconWatcher"],
+        "unit": ["unitWatcher"],
+        "unitOptions": ["unitOptionsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+    static get style() { return distanceMeasurement2dCss; }
+}, [0, "arcgis-distance-measurement-2d", {
+        "referenceElement": [1, "reference-element"],
+        "icon": [1],
+        "unit": [1],
+        "unitOptions": [16],
+        "position": [1],
+        "view": [1040],
+        "widget": [1040]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "icon": ["iconWatcher"],
+        "unit": ["unitWatcher"],
+        "unitOptions": ["unitOptionsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-distance-measurement-2d"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-distance-measurement-2d":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisDistanceMeasurement2d$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisDistanceMeasurement2d = ArcgisDistanceMeasurement2d$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisDistanceMeasurement2d, defineCustomElement };

package/{components → dist/components}/arcgis-editor.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface ArcgisEditor extends Components.ArcgisEditor, HTMLElement {}
 export const ArcgisEditor: {
-  prototype: ArcgisEditor;
-  new (): ArcgisEditor;
+    prototype: ArcgisEditor;
+    new (): ArcgisEditor;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/arcgis-editor.js

@@ -0,0 +1,381 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { s as newWidgetsEditor, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+
+const editorCss = "";
+
+const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisEditor extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.arcgisEditorReady = createEvent(this, "arcgisEditorReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.activeWorkflow = undefined;
+        this.allowedWorkflows = undefined;
+        this.icon = undefined;
+        this.labelOptions = undefined;
+        this.layerInfos = undefined;
+        this.snappingOptions = undefined;
+        this.supportingWidgetDefaults = undefined;
+        this.tooltipOptions = undefined;
+        this.visibleElementsCreateFeaturesSection = true;
+        this.visibleElementsEditFeaturesSection = true;
+        this.visibleElementsLabelsToggle = true;
+        this.visibleElementsTooltipsToggle = true;
+        this.visibleElementsSnappingControls = true;
+        this.visibleElementsSnappingControlsHeader = true;
+        this.visibleElementsSnappingControlsEnabledToggle = true;
+        this.visibleElementsSnappingControlsSelfEnabledToggle = true;
+        this.visibleElementsSnappingControlsFeatureEnabledToggle = true;
+        this.visibleElementsSnappingControlsLayerList = true;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    allowedWorkflowsWatcher(value) {
+        if (this.widget) {
+            this.widget.allowedWorkflows = value;
+        }
+    }
+    iconWatcher(value) {
+        if (this.widget) {
+            this.widget.icon = value;
+        }
+    }
+    labelOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.labelOptions = value;
+        }
+    }
+    layerInfosWatcher(value) {
+        if (this.widget) {
+            this.widget.layerInfos = value;
+        }
+    }
+    snappingOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.snappingOptions = value;
+        }
+    }
+    supportingWidgetDefaultsWatcher(value) {
+        if (this.widget) {
+            this.widget.supportingWidgetDefaults = value;
+        }
+    }
+    tooltipOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.tooltipOptions = value;
+        }
+    }
+    visibleElementsCreateFeaturesSectionWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                createFeaturesSection: value
+            };
+        }
+    }
+    visibleElementsEditFeaturesSectionWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                editFeaturesSection: value
+            };
+        }
+    }
+    visibleElementsLabelsToggleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                labelsToggle: value
+            };
+        }
+    }
+    visibleElementsTooltipsToggleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                tooltipsToggle: value
+            };
+        }
+    }
+    visibleElementsSnappingControlsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControls: value
+            };
+        }
+    }
+    visibleElementsSnappingControlsHeaderWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControlsElements: {
+                    ...this.widget.visibleElements.snappingControlsElements,
+                    header: value
+                }
+            };
+        }
+    }
+    visibleElementsSnappingControlsEnabledToggleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControlsElements: {
+                    ...this.widget.visibleElements.snappingControlsElements,
+                    enabledToggle: value
+                }
+            };
+        }
+    }
+    visibleElementsSnappingControlsSelfEnabledToggleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControlsElements: {
+                    ...this.widget.visibleElements.snappingControlsElements,
+                    selfEnabledToggle: value
+                }
+            };
+        }
+    }
+    visibleElementsSnappingControlsFeatureEnabledToggleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControlsElements: {
+                    ...this.widget.visibleElements.snappingControlsElements,
+                    featureEnabledToggle: value
+                }
+            };
+        }
+    }
+    visibleElementsSnappingControlsLayerListWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                snappingControlsElements: {
+                    ...this.widget.visibleElements.snappingControlsElements,
+                    layerList: value
+                }
+            };
+        }
+    }
+    positionWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, value);
+        }
+    }
+    viewWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.view = value;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async cancelWorkflow() {
+        await this.widget?.cancelWorkflow();
+    }
+    async deleteFeatureFromWorkflow() {
+        await this.widget?.deleteFeatureFromWorkflow();
+    }
+    async startCreateFeaturesWorkflowAtFeatureCreation(info) {
+        await this.widget?.startCreateFeaturesWorkflowAtFeatureCreation(info);
+    }
+    async startCreateFeaturesWorkflowAtFeatureTypeSelection() {
+        await this.widget?.startCreateFeaturesWorkflowAtFeatureTypeSelection();
+    }
+    async startUpdateWorkflowAtFeatureEdit(feature) {
+        await this.widget?.startUpdateWorkflowAtFeatureEdit(feature);
+    }
+    async startUpdateWorkflowAtFeatureSelection() {
+        await this.widget?.startUpdateWorkflowAtFeatureSelection();
+    }
+    async startUpdateWorkflowAtMultipleFeatureSelection(candidates) {
+        await this.widget?.startUpdateWorkflowAtMultipleFeatureSelection(candidates);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsEditor(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisEditorReady.emit();
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    async _addWatchers() {
+        const { watch } = await importCoreReactiveUtils();
+        addHandles(this, watch(() => this.widget.activeWorkflow, (value) => (this.activeWorkflow = value), {
+            initial: true
+        }));
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {
+            createFeaturesSection: this.visibleElementsCreateFeaturesSection,
+            editFeaturesSection: this.visibleElementsEditFeaturesSection,
+            labelsToggle: this.visibleElementsLabelsToggle,
+            tooltipsToggle: this.visibleElementsTooltipsToggle,
+            snappingControls: this.visibleElementsSnappingControls,
+            snappingControlsElements: {
+                header: this.visibleElementsSnappingControlsHeader,
+                enabledToggle: this.visibleElementsSnappingControlsEnabledToggle,
+                selfEnabledToggle: this.visibleElementsSnappingControlsSelfEnabledToggle,
+                featureEnabledToggle: this.visibleElementsSnappingControlsFeatureEnabledToggle,
+                layerList: this.visibleElementsSnappingControlsLayerList
+            }
+        };
+        if (this.allowedWorkflows) {
+            params.allowedWorkflows = this.allowedWorkflows;
+        }
+        if (this.icon) {
+            params.icon = this.icon;
+        }
+        if (this.labelOptions) {
+            params.labelOptions = this.labelOptions;
+        }
+        if (this.layerInfos) {
+            params.layerInfos = this.layerInfos;
+        }
+        if (this.snappingOptions) {
+            params.snappingOptions = this.snappingOptions;
+        }
+        if (this.supportingWidgetDefaults) {
+            params.supportingWidgetDefaults = this.supportingWidgetDefaults;
+        }
+        if (this.tooltipOptions) {
+            params.tooltipOptions = this.tooltipOptions;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "allowedWorkflows": ["allowedWorkflowsWatcher"],
+        "icon": ["iconWatcher"],
+        "labelOptions": ["labelOptionsWatcher"],
+        "layerInfos": ["layerInfosWatcher"],
+        "snappingOptions": ["snappingOptionsWatcher"],
+        "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
+        "tooltipOptions": ["tooltipOptionsWatcher"],
+        "visibleElementsCreateFeaturesSection": ["visibleElementsCreateFeaturesSectionWatcher"],
+        "visibleElementsEditFeaturesSection": ["visibleElementsEditFeaturesSectionWatcher"],
+        "visibleElementsLabelsToggle": ["visibleElementsLabelsToggleWatcher"],
+        "visibleElementsTooltipsToggle": ["visibleElementsTooltipsToggleWatcher"],
+        "visibleElementsSnappingControls": ["visibleElementsSnappingControlsWatcher"],
+        "visibleElementsSnappingControlsHeader": ["visibleElementsSnappingControlsHeaderWatcher"],
+        "visibleElementsSnappingControlsEnabledToggle": ["visibleElementsSnappingControlsEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsSelfEnabledToggle": ["visibleElementsSnappingControlsSelfEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsFeatureEnabledToggle": ["visibleElementsSnappingControlsFeatureEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsLayerList": ["visibleElementsSnappingControlsLayerListWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+    static get style() { return editorCss; }
+}, [0, "arcgis-editor", {
+        "referenceElement": [1, "reference-element"],
+        "activeWorkflow": [1040],
+        "allowedWorkflows": [1, "allowed-workflows"],
+        "icon": [1],
+        "labelOptions": [16],
+        "layerInfos": [16],
+        "snappingOptions": [16],
+        "supportingWidgetDefaults": [16],
+        "tooltipOptions": [16],
+        "visibleElementsCreateFeaturesSection": [4, "visible-elements-create-features-section"],
+        "visibleElementsEditFeaturesSection": [4, "visible-elements-edit-features-section"],
+        "visibleElementsLabelsToggle": [4, "visible-elements-labels-toggle"],
+        "visibleElementsTooltipsToggle": [4, "visible-elements-tooltips-toggle"],
+        "visibleElementsSnappingControls": [4, "visible-elements-snapping-controls"],
+        "visibleElementsSnappingControlsHeader": [4, "visible-elements-snapping-controls-header"],
+        "visibleElementsSnappingControlsEnabledToggle": [4, "visible-elements-snapping-controls-enabled-toggle"],
+        "visibleElementsSnappingControlsSelfEnabledToggle": [4, "visible-elements-snapping-controls-self-enabled-toggle"],
+        "visibleElementsSnappingControlsFeatureEnabledToggle": [4, "visible-elements-snapping-controls-feature-enabled-toggle"],
+        "visibleElementsSnappingControlsLayerList": [4, "visible-elements-snapping-controls-layer-list"],
+        "position": [1],
+        "view": [1040],
+        "widget": [1040],
+        "cancelWorkflow": [64],
+        "deleteFeatureFromWorkflow": [64],
+        "startCreateFeaturesWorkflowAtFeatureCreation": [64],
+        "startCreateFeaturesWorkflowAtFeatureTypeSelection": [64],
+        "startUpdateWorkflowAtFeatureEdit": [64],
+        "startUpdateWorkflowAtFeatureSelection": [64],
+        "startUpdateWorkflowAtMultipleFeatureSelection": [64]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "allowedWorkflows": ["allowedWorkflowsWatcher"],
+        "icon": ["iconWatcher"],
+        "labelOptions": ["labelOptionsWatcher"],
+        "layerInfos": ["layerInfosWatcher"],
+        "snappingOptions": ["snappingOptionsWatcher"],
+        "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
+        "tooltipOptions": ["tooltipOptionsWatcher"],
+        "visibleElementsCreateFeaturesSection": ["visibleElementsCreateFeaturesSectionWatcher"],
+        "visibleElementsEditFeaturesSection": ["visibleElementsEditFeaturesSectionWatcher"],
+        "visibleElementsLabelsToggle": ["visibleElementsLabelsToggleWatcher"],
+        "visibleElementsTooltipsToggle": ["visibleElementsTooltipsToggleWatcher"],
+        "visibleElementsSnappingControls": ["visibleElementsSnappingControlsWatcher"],
+        "visibleElementsSnappingControlsHeader": ["visibleElementsSnappingControlsHeaderWatcher"],
+        "visibleElementsSnappingControlsEnabledToggle": ["visibleElementsSnappingControlsEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsSelfEnabledToggle": ["visibleElementsSnappingControlsSelfEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsFeatureEnabledToggle": ["visibleElementsSnappingControlsFeatureEnabledToggleWatcher"],
+        "visibleElementsSnappingControlsLayerList": ["visibleElementsSnappingControlsLayerListWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-editor"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-editor":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisEditor$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisEditor = ArcgisEditor$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisEditor, defineCustomElement };

package/{components → dist/components}/arcgis-elevation-profile.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface ArcgisElevationProfile extends Components.ArcgisElevationProfile, HTMLElement {}
 export const ArcgisElevationProfile: {
-  prototype: ArcgisElevationProfile;
-  new (): ArcgisElevationProfile;
+    prototype: ArcgisElevationProfile;
+    new (): ArcgisElevationProfile;
 };
 /**
  * Used to define this component and all nested components recursively.