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

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

@@ -0,0 +1,215 @@
+/*!
+ * 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 { a6 as newWidgetsExpand } from './index-94c85b30.js';
+import { r as referenceElementHelper } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const expandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}";
+
+const ArcgisExpand = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisExpandReady = createEvent(this, "arcgisExpandReady", 7);
+        this._watchHandles = [];
+        this.autoCollapse = false;
+        this.closeOnEsc = true;
+        this.collapseIcon = undefined;
+        this.collapseTooltip = undefined;
+        this.expanded = false;
+        this.expandIcon = undefined;
+        this.expandTooltip = undefined;
+        this.group = undefined;
+        this.iconNumber = undefined;
+        this.mode = "auto";
+        this.referenceElement = undefined;
+        this.position = "top-right";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    autoCollapseWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.autoCollapse = value;
+        }
+    }
+    closeOnEscWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.closeOnEsc = value;
+        }
+    }
+    collapseIconWatcher(value) {
+        if (this.widget) {
+            this.widget.collapseIcon = value;
+            this.widget.collapseIconClass = value;
+        }
+    }
+    collapseTooltipWatcher(value) {
+        if (this.widget) {
+            this.widget.collapseTooltip = value;
+        }
+    }
+    expandedWatcher(value) {
+        if (this.widget) {
+            this.widget.expanded = value;
+        }
+    }
+    expandIconWatcher(value) {
+        if (this.widget) {
+            this.widget.expandIcon = value;
+            this.widget.expandIconClass = value;
+        }
+    }
+    expandTooltipWatcher(value) {
+        if (this.widget) {
+            this.widget.expandTooltip = value;
+        }
+    }
+    groupWatcher(value) {
+        if (this.widget) {
+            this.widget.group = value;
+        }
+    }
+    iconNumberWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.iconNumber = value;
+        }
+    }
+    modeWatcher(value) {
+        if (this.widget) {
+            this.widget.mode = value;
+        }
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, 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 collapse() {
+        this.widget?.collapse();
+    }
+    async expand() {
+        this.widget?.expand();
+    }
+    async toggle() {
+        if (this.expanded)
+            await this.collapse();
+        else
+            await this.expand();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsExpand(params);
+        this.widget = widget;
+        this._addContainer();
+        this.arcgisExpandReady.emit();
+        this._checkForView();
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Internal Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    _createParams() {
+        const params = {};
+        if (this.autoCollapse !== undefined) {
+            params.autoCollapse = this.autoCollapse;
+        }
+        if (this.closeOnEsc !== undefined) {
+            params.closeOnEsc = this.closeOnEsc;
+        }
+        if (this.collapseIcon) {
+            params.collapseIcon = this.collapseIcon;
+            params.collapseIconClass = this.collapseIcon;
+        }
+        if (this.collapseTooltip) {
+            params.collapseTooltip = this.collapseTooltip;
+        }
+        if (this.expanded !== undefined) {
+            params.expanded = this.expanded;
+        }
+        if (this.expandIcon) {
+            params.expandIcon = this.expandIcon;
+            params.expandIconClass = this.expandIcon;
+        }
+        if (this.expandTooltip) {
+            params.expandTooltip = this.expandTooltip;
+        }
+        if (this.group) {
+            params.group = this.group;
+        }
+        if (this.iconNumber !== undefined) {
+            params.iconNumber = this.iconNumber;
+        }
+        if (this.mode) {
+            params.mode = this.mode;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    _checkForView() {
+        const viewRef = this.el.closest("arcgis-map") ?? this.el.closest("arcgis-scene");
+        if (viewRef?.view) {
+            this.view = viewRef.view;
+            this.view.ui.add(this.childElem, this.position);
+        }
+        else if (viewRef) {
+            const handler = () => {
+                viewRef.removeEventListener("arcgisViewReadyChange", handler, false);
+                this.view = viewRef.view;
+                this.view.ui.add(this.childElem, this.position);
+            };
+            viewRef.addEventListener("arcgisViewReadyChange", handler, false);
+        }
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "autoCollapse": ["autoCollapseWatcher"],
+        "closeOnEsc": ["closeOnEscWatcher"],
+        "collapseIcon": ["collapseIconWatcher"],
+        "collapseTooltip": ["collapseTooltipWatcher"],
+        "expanded": ["expandedWatcher"],
+        "expandIcon": ["expandIconWatcher"],
+        "expandTooltip": ["expandTooltipWatcher"],
+        "group": ["groupWatcher"],
+        "iconNumber": ["iconNumberWatcher"],
+        "mode": ["modeWatcher"],
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisExpand.style = expandCss;
+
+export { ArcgisExpand as arcgis_expand };

package/dist/esm/arcgis-feature-form.entry.js

@@ -0,0 +1,148 @@
+/*!
+ * 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 { w as newWidgetsFeatureForm } from './index-94c85b30.js';
+import { r as referenceElementHelper } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const featureFormCss = "";
+
+const ArcgisFeatureForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.widgetReady = createEvent(this, "widgetReady", 7);
+        this.featureFormSubmit = createEvent(this, "featureFormSubmit", 7);
+        this.featureFormValueChange = createEvent(this, "featureFormValueChange", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.feature = undefined;
+        this.formTemplate = undefined;
+        this.groupDisplay = undefined;
+        this.layer = undefined;
+        this.timeZone = undefined;
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(newValue) {
+        referenceElementHelper(this, newValue);
+    }
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
+    }
+    featureWatcher(newValue) {
+        if (this.widget) {
+            this.widget.feature = newValue;
+        }
+    }
+    formTemplateWatcher(newValue) {
+        if (this.widget) {
+            this.widget.formTemplate = newValue;
+        }
+    }
+    groupDisplayWatcher(newValue) {
+        if (this.widget) {
+            this.widget.groupDisplay = newValue;
+        }
+    }
+    layerWatcher(newValue) {
+        if (this.widget) {
+            this.widget.layer = newValue;
+        }
+    }
+    timeZoneWatcher(newValue) {
+        if (this.widget) {
+            this.widget.timeZone = newValue;
+        }
+    }
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.map = newValue.map;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async getValues() {
+        return this.widget?.getValues();
+    }
+    async submit() {
+        return this.widget?.submit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsFeatureForm(params);
+        this.widget = widget;
+        this._proxyEvents();
+        this.widgetReady.emit({ widget: this.widget });
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        if (this.expandable) {
+            return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Interal Methods
+    //
+    //--------------------------------------------------------------------------
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.feature) {
+            params.feature = this.feature;
+        }
+        if (this.formTemplate) {
+            params.formTemplate = this.formTemplate;
+        }
+        if (this.groupDisplay) {
+            params.groupDisplay = this.groupDisplay;
+        }
+        if (this.layer) {
+            params.layer = this.layer;
+        }
+        if (this.timeZone) {
+            params.timeZone = this.timeZone;
+        }
+        if (this.view) {
+            params.map = this.view.map;
+        }
+        return params;
+    }
+    _proxyEvents() {
+        this.widget.on("submit", (e) => this.featureFormSubmit.emit(e));
+        this.widget.on("value-change", (e) => this.featureFormValueChange.emit(e));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "feature": ["featureWatcher"],
+        "formTemplate": ["formTemplateWatcher"],
+        "groupDisplay": ["groupDisplayWatcher"],
+        "layer": ["layerWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisFeatureForm.style = featureFormCss;
+
+export { ArcgisFeatureForm as arcgis_feature_form };