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

package/dist/components/arcgis-feature-templates.js

@@ -0,0 +1,180 @@
+/*!
+ * 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 { y as newWidgetsFeatureTemplates } from './index2.js';
+import { c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
+
+const featureTemplatesCss = "";
+
+const ArcgisFeatureTemplates$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisFeatureTemplates extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.widgetReady = createEvent(this, "widgetReady", 7);
+        this.featureTemplatesSelect = createEvent(this, "featureTemplatesSelect", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.widget = undefined;
+        this.enableListScroll = undefined;
+        this.filterFunction = undefined;
+        this.filterText = undefined;
+        this.groupBy = undefined;
+        this.layers = undefined;
+        this.selectionMode = undefined;
+        this.visibleElements = undefined;
+    }
+    enableListScrolWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.enableListScroll = newValue;
+        }
+    }
+    filterFunctionWatcher(newValue) {
+        if (this.widget) {
+            this.widget.filterFunction = newValue;
+        }
+    }
+    filterTextWatcher(newValue) {
+        if (this.widget) {
+            this.widget.filterText = newValue;
+        }
+    }
+    groupByWatcher(newValue) {
+        if (this.widget) {
+            this.widget.groupBy = newValue;
+        }
+    }
+    layersWatcher(newValue) {
+        if (this.widget) {
+            this.widget.layers = newValue;
+        }
+    }
+    selectionModeWatcher(newValue) {
+        if (this.widget) {
+            this.widget.selectionMode = newValue;
+        }
+    }
+    visibleElementsWatcher(newValue) {
+        if (this.widget) {
+            this.widget.visibleElements = newValue;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsFeatureTemplates(params);
+        this.widget = widget;
+        this._proxyEvents();
+        this.widgetReady.emit({ widget: this.widget });
+        checkForView(this);
+    }
+    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 Methods
+    //
+    //--------------------------------------------------------------------------
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.enableListScroll !== undefined) {
+            params.enableListScroll = this.enableListScroll;
+        }
+        if (this.filterFunction) {
+            params.filterFunction = this.filterFunction;
+        }
+        if (this.filterText) {
+            params.filterText = this.filterText;
+        }
+        if (this.groupBy) {
+            params.groupBy = this.groupBy;
+        }
+        if (this.layers) {
+            params.layers = this.layers;
+        }
+        if (this.selectionMode !== undefined) {
+            params.selectionMode = this.selectionMode;
+        }
+        if (this.visibleElements) {
+            params.visibleElements = this.visibleElements;
+        }
+        return params;
+    }
+    _proxyEvents() {
+        this.widget.on("select", (e) => this.featureTemplatesSelect.emit(e));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "enableListScroll": ["enableListScrolWatcher"],
+        "filterFunction": ["filterFunctionWatcher"],
+        "filterText": ["filterTextWatcher"],
+        "groupBy": ["groupByWatcher"],
+        "layers": ["layersWatcher"],
+        "selectionMode": ["selectionModeWatcher"],
+        "visibleElements": ["visibleElementsWatcher"]
+    }; }
+    static get style() { return featureTemplatesCss; }
+}, [0, "arcgis-feature-templates", {
+        "referenceElement": [1, "reference-element"],
+        "position": [1],
+        "expandable": [4],
+        "widget": [1040],
+        "enableListScroll": [4, "enable-list-scroll"],
+        "filterFunction": [16],
+        "filterText": [1, "filter-text"],
+        "groupBy": [1, "group-by"],
+        "layers": [16],
+        "selectionMode": [1, "selection-mode"],
+        "visibleElements": [16]
+    }, undefined, {
+        "enableListScroll": ["enableListScrolWatcher"],
+        "filterFunction": ["filterFunctionWatcher"],
+        "filterText": ["filterTextWatcher"],
+        "groupBy": ["groupByWatcher"],
+        "layers": ["layersWatcher"],
+        "selectionMode": ["selectionModeWatcher"],
+        "visibleElements": ["visibleElementsWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-feature-templates", "arcgis-expand"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-feature-templates":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisFeatureTemplates$1);
+            }
+            break;
+        case "arcgis-expand":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisFeatureTemplates = ArcgisFeatureTemplates$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFeatureTemplates, defineCustomElement };

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

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

package/dist/components/arcgis-feature.js

@@ -0,0 +1,293 @@
+/*!
+ * 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 { u as newWidgetsFeature, 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 featureCss = "";
+
+const ArcgisFeature$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisFeature extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.arcgisFeatureReady = createEvent(this, "arcgisFeatureReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.defaultPopupTemplateEnabled = false;
+        this.graphic = undefined;
+        this.location = undefined;
+        this.map = undefined;
+        this.spatialReference = undefined;
+        this.visibleElementsTitle = true;
+        this.visibleElementsContentAttachments = true;
+        this.visibleElementsContentFields = true;
+        this.visibleElementsContentMedia = true;
+        this.visibleElementsContentText = true;
+        this.visibleElementsContentExpression = true;
+        this.visibleElementsLastEditInfo = true;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    defaultPopupTemplateEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.defaultPopupTemplateEnabled = value;
+        }
+    }
+    graphicWatcher(value) {
+        if (this.widget) {
+            this.widget.graphic = value;
+        }
+    }
+    locationWatcher(value) {
+        if (this.widget) {
+            this.widget.viewModel.location = value;
+        }
+    }
+    spatialReferenceWatcher(value) {
+        if (this.widget) {
+            this.widget.spatialReference = value;
+        }
+    }
+    visibleElementsTitleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                title: value
+            };
+        }
+    }
+    visibleElementsContentAttachmentsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                content: {
+                    ...this.widget.visibleElements.content,
+                    attachments: value
+                }
+            };
+        }
+    }
+    visibleElementsContentFieldsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                content: {
+                    ...this.widget.visibleElements.content,
+                    fields: value
+                }
+            };
+        }
+    }
+    visibleElementsContentMediaWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                content: {
+                    ...this.widget.visibleElements.content,
+                    media: value
+                }
+            };
+        }
+    }
+    visibleElementsContentTextWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                content: {
+                    ...this.widget.visibleElements.content,
+                    text: value
+                }
+            };
+        }
+    }
+    visibleElementsContentExpressionWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                content: {
+                    ...this.widget.visibleElements.content,
+                    expression: value
+                }
+            };
+        }
+    }
+    visibleElementsLastEditInfoWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                lastEditInfo: 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 nextMedia(contentElementIndex) {
+        this.widget?.nextMedia(contentElementIndex);
+    }
+    async previousMedia(contentElementIndex) {
+        this.widget?.previousMedia(contentElementIndex);
+    }
+    async setActiveMedia(contentElementIndex, mediaInfoIndex) {
+        this.widget?.setActiveMedia(contentElementIndex, mediaInfoIndex);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsFeature(params);
+        this.widget = widget;
+        this._addContainer();
+        this._setViewModelParams();
+        await this._addWatchers();
+        this.arcgisFeatureReady.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.view?.map, (value) => (this.map = value)));
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {
+            title: this.visibleElementsTitle,
+            content: {
+                attachments: this.visibleElementsContentAttachments,
+                fields: this.visibleElementsContentFields,
+                media: this.visibleElementsContentMedia,
+                text: this.visibleElementsContentText,
+                expression: this.visibleElementsContentExpression
+            },
+            lastEditInfo: this.visibleElementsLastEditInfo
+        };
+        if (this.defaultPopupTemplateEnabled !== undefined) {
+            params.defaultPopupTemplateEnabled = this.defaultPopupTemplateEnabled;
+        }
+        if (this.graphic) {
+            params.graphic = this.graphic;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.spatialReference) {
+            params.spatialReference = this.spatialReference;
+        }
+        return params;
+    }
+    _setViewModelParams() {
+        const params = {};
+        if (this.location) {
+            params.location = this.location;
+        }
+        this.widget.viewModel.set(params);
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "defaultPopupTemplateEnabled": ["defaultPopupTemplateEnabledWatcher"],
+        "graphic": ["graphicWatcher"],
+        "location": ["locationWatcher"],
+        "spatialReference": ["spatialReferenceWatcher"],
+        "visibleElementsTitle": ["visibleElementsTitleWatcher"],
+        "visibleElementsContentAttachments": ["visibleElementsContentAttachmentsWatcher"],
+        "visibleElementsContentFields": ["visibleElementsContentFieldsWatcher"],
+        "visibleElementsContentMedia": ["visibleElementsContentMediaWatcher"],
+        "visibleElementsContentText": ["visibleElementsContentTextWatcher"],
+        "visibleElementsContentExpression": ["visibleElementsContentExpressionWatcher"],
+        "visibleElementsLastEditInfo": ["visibleElementsLastEditInfoWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+    static get style() { return featureCss; }
+}, [0, "arcgis-feature", {
+        "referenceElement": [1, "reference-element"],
+        "defaultPopupTemplateEnabled": [4, "default-popup-template-enabled"],
+        "graphic": [16],
+        "location": [16],
+        "map": [1040],
+        "spatialReference": [16],
+        "visibleElementsTitle": [4, "visible-elements-title"],
+        "visibleElementsContentAttachments": [4, "visible-elements-content-attachments"],
+        "visibleElementsContentFields": [4, "visible-elements-content-fields"],
+        "visibleElementsContentMedia": [4, "visible-elements-content-media"],
+        "visibleElementsContentText": [4, "visible-elements-content-text"],
+        "visibleElementsContentExpression": [4, "visible-elements-content-expression"],
+        "visibleElementsLastEditInfo": [4, "visible-elements-last-edit-info"],
+        "position": [1],
+        "view": [1040],
+        "widget": [1040],
+        "nextMedia": [64],
+        "previousMedia": [64],
+        "setActiveMedia": [64]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "defaultPopupTemplateEnabled": ["defaultPopupTemplateEnabledWatcher"],
+        "graphic": ["graphicWatcher"],
+        "location": ["locationWatcher"],
+        "spatialReference": ["spatialReferenceWatcher"],
+        "visibleElementsTitle": ["visibleElementsTitleWatcher"],
+        "visibleElementsContentAttachments": ["visibleElementsContentAttachmentsWatcher"],
+        "visibleElementsContentFields": ["visibleElementsContentFieldsWatcher"],
+        "visibleElementsContentMedia": ["visibleElementsContentMediaWatcher"],
+        "visibleElementsContentText": ["visibleElementsContentTextWatcher"],
+        "visibleElementsContentExpression": ["visibleElementsContentExpressionWatcher"],
+        "visibleElementsLastEditInfo": ["visibleElementsLastEditInfoWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-feature"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-feature":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisFeature$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisFeature = ArcgisFeature$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFeature, defineCustomElement };

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

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