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

package/dist/esm/arcgis-editor.entry.js

@@ -0,0 +1,312 @@
+/*!
+ * 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 { r as registerInstance, c as createEvent, h, g as getElement } from './index-ee66e916.js';
+import { t as newWidgetsEditor, i as importCoreReactiveUtils } from './index-94c85b30.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const editorCss = "";
+
+const ArcgisEditor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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 getElement(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"]
+    }; }
+};
+ArcgisEditor.style = editorCss;
+
+export { ArcgisEditor as arcgis_editor };

package/dist/esm/arcgis-elevation-profile.entry.js

@@ -0,0 +1,284 @@
+/*!
+ * 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 { r as registerInstance, c as createEvent, h, g as getElement } from './index-ee66e916.js';
+import { u as newWidgetsElevationProfile, i as importCoreReactiveUtils } from './index-94c85b30.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const elevationProfileCss = "";
+
+const ArcgisElevationProfile = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisElevationProfileReady = createEvent(this, "arcgisElevationProfileReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.effectiveUnits = undefined;
+        this.highlightEnabled = true;
+        this.hoveredChartPosition = undefined;
+        this.icon = undefined;
+        this.input = undefined;
+        this.profiles = undefined;
+        this.progress = undefined;
+        this.state = "disabled";
+        this.unit = undefined;
+        this.uniformChartScaling = undefined;
+        this.unitOptions = undefined;
+        this.visibleElementsLegend = true;
+        this.visibleElementsChart = true;
+        this.visibleElementsClearButton = true;
+        this.visibleElementsSettingsButton = true;
+        this.visibleElementsSketchButton = true;
+        this.visibleElementsSelectButton = true;
+        this.visibleElementsUnitSelector = true;
+        this.visibleElementsUniformChartScalingToggle = true;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    highlightEnabledWatcher(value) {
+        if (this.widget) {
+            this.widget.viewModel.highlightEnabled = value;
+        }
+    }
+    iconWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.icon = value;
+            this.widget.iconClass = value;
+        }
+    }
+    inputWatcher(value) {
+        if (value && this.widget) {
+            this.widget.input = value;
+        }
+    }
+    profilesWatcher(value) {
+        if (value && this.widget) {
+            this.widget.profiles = value;
+        }
+    }
+    unitWatcher(value) {
+        if (value && this.widget) {
+            this.widget.unit = value;
+        }
+    }
+    uniformChartScalingWatcher(value) {
+        if (this.widget) {
+            this.widget.viewModel.uniformChartScaling = value;
+        }
+    }
+    unitOptionsWatcher(value) {
+        if (value && this.widget) {
+            this.widget.unitOptions = value;
+        }
+    }
+    visibleElementsLegendWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                legend: value
+            };
+        }
+    }
+    visibleElementsChartWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                chart: value
+            };
+        }
+    }
+    visibleElementsClearButtonWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                clearButton: value
+            };
+        }
+    }
+    visibleElementsSettingsButtonWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                settingsButton: value
+            };
+        }
+    }
+    visibleElementsSketchButtonWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                sketchButton: value
+            };
+        }
+    }
+    visibleElementsSelectButtonWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                selectButton: value
+            };
+        }
+    }
+    visibleElementsUnitSelectorWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                unitSelector: value
+            };
+        }
+    }
+    visibleElementsUniformChartScalingToggleWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                uniformChartScalingToggle: 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 start() {
+        this.widget.viewModel.start();
+    }
+    async stop() {
+        this.widget.viewModel.stop();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsElevationProfile(params);
+        this.widget = widget;
+        this._setViewModelParams();
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisElevationProfileReady.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, whenOnce } = await importCoreReactiveUtils();
+        addHandles(this, [
+            watch(() => this.widget.input, () => (this.input = this.widget.input), {
+                initial: true
+            }),
+            watch(() => this.widget.viewModel.effectiveUnits, () => (this.effectiveUnits = this.widget.viewModel.effectiveUnits), {
+                initial: true
+            }),
+            watch(() => this.widget.viewModel.hoveredChartPosition, () => (this.hoveredChartPosition = this.widget.viewModel.hoveredChartPosition), {
+                initial: true
+            }),
+            watch(() => this.widget.viewModel.progress, () => (this.progress = this.widget.viewModel.progress), {
+                initial: true
+            }),
+            watch(() => this.widget.viewModel.state, () => (this.state = this.widget.viewModel.state), {
+                initial: true
+            })
+        ]);
+        await whenOnce(() => this.widget.unitOptions);
+        this.unitOptions = this.widget.unitOptions;
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {
+            legend: this.visibleElementsLegend,
+            chart: this.visibleElementsChart,
+            clearButton: this.visibleElementsClearButton,
+            settingsButton: this.visibleElementsSettingsButton,
+            sketchButton: this.visibleElementsSketchButton,
+            selectButton: this.visibleElementsSelectButton,
+            unitSelector: this.visibleElementsUnitSelector,
+            uniformChartScalingToggle: this.visibleElementsUniformChartScalingToggle
+        };
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.icon) {
+            params.icon = this.icon;
+            params.iconClass = this.icon;
+        }
+        if (this.input) {
+            params.input = this.input;
+        }
+        if (this.profiles) {
+            params.profiles = this.profiles;
+        }
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.unitOptions) {
+            params.unitOptions = this.unitOptions;
+        }
+        return params;
+    }
+    _setViewModelParams() {
+        const params = {};
+        if (this.highlightEnabled !== undefined) {
+            params.highlightEnabled = this.highlightEnabled;
+        }
+        if (this.uniformChartScaling !== undefined) {
+            params.uniformChartScaling = this.uniformChartScaling;
+        }
+        this.widget.viewModel.set(params);
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "highlightEnabled": ["highlightEnabledWatcher"],
+        "icon": ["iconWatcher"],
+        "input": ["inputWatcher"],
+        "profiles": ["profilesWatcher"],
+        "unit": ["unitWatcher"],
+        "uniformChartScaling": ["uniformChartScalingWatcher"],
+        "unitOptions": ["unitOptionsWatcher"],
+        "visibleElementsLegend": ["visibleElementsLegendWatcher"],
+        "visibleElementsChart": ["visibleElementsChartWatcher"],
+        "visibleElementsClearButton": ["visibleElementsClearButtonWatcher"],
+        "visibleElementsSettingsButton": ["visibleElementsSettingsButtonWatcher"],
+        "visibleElementsSketchButton": ["visibleElementsSketchButtonWatcher"],
+        "visibleElementsSelectButton": ["visibleElementsSelectButtonWatcher"],
+        "visibleElementsUnitSelector": ["visibleElementsUnitSelectorWatcher"],
+        "visibleElementsUniformChartScalingToggle": ["visibleElementsUniformChartScalingToggleWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisElevationProfile.style = elevationProfileCss;
+
+export { ArcgisElevationProfile as arcgis_elevation_profile };