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

package/dist/components/arcgis-layer-list.js

@@ -0,0 +1,356 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.1
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { F as newWidgetsLayerList, 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 layerListCss = "";
+
+const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLayerList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.arcgisLayerListReady = createEvent(this, "arcgisLayerListReady", 7);
+        this.layerListTriggerAction = createEvent(this, "layerListTriggerAction", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.collapsed = false;
+        this.dragEnabled = false;
+        this.filterPlaceholder = "";
+        this.filterText = "";
+        this.icon = undefined;
+        this.listItemCreatedFunction = undefined;
+        this.minDragEnabledItems = 2;
+        this.minFilterItems = 10;
+        this.selectedItems = undefined;
+        this.selectionMode = "none";
+        this.visibilityAppearance = "default";
+        this.visibleElementsCloseButton = false;
+        this.visibleElementsCollapseButton = false;
+        this.visibleElementsErrors = false;
+        this.visibleElementsFilter = false;
+        this.visibleElementsFlow = true;
+        this.visibleElementsHeading = false;
+        this.visibleElementsStatusIndicators = true;
+        this.visibleElementsTemporaryLayerIndicators = false;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    collapsedWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.collapsed = value;
+        }
+    }
+    dragEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.dragEnabled = value;
+        }
+    }
+    filterPlaceholderWatcher(value) {
+        if (this.widget) {
+            this.widget.filterPlaceholder = value;
+        }
+    }
+    filterTextWatcher(value) {
+        if (this.widget) {
+            this.widget.filterText = value;
+        }
+    }
+    iconWatcher(value) {
+        if (this.widget) {
+            this.widget.icon = value;
+        }
+    }
+    listItemCreatedFunctionWatcher(value) {
+        if (this.widget) {
+            this.widget.listItemCreatedFunction = value;
+        }
+    }
+    minDragEnabledItemsWatcher(value) {
+        if (this.widget) {
+            this.widget.minDragEnabledItems = value;
+        }
+    }
+    minFilterItemsWatcher(value) {
+        if (this.widget) {
+            this.widget.minFilterItems = value;
+        }
+    }
+    selectionModeWatcher(value) {
+        if (this.widget) {
+            this.widget.selectionMode = value;
+        }
+    }
+    visibilityAppearanceWatcher(value) {
+        if (this.widget) {
+            this.widget.visibilityAppearance = value;
+        }
+    }
+    visibleElementsCloseButtonWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                closeButton: value
+            };
+        }
+    }
+    visibleElementsCollapseButtonWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                collapseButton: value
+            };
+        }
+    }
+    visibleElementsErrorsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                errors: value
+            };
+        }
+    }
+    visibleElementsFilterWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                filter: value
+            };
+        }
+    }
+    visibleElementsFlowWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                flow: value
+            };
+        }
+    }
+    visibleElementsHeadingWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                heading: value
+            };
+        }
+    }
+    visibleElementsStatusIndicatorsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                statusIndicators: value
+            };
+        }
+    }
+    visibleElementsTemporaryLayerIndicatorsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                temporaryLayerIndicators: 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 triggerAction(action, item) {
+        this.widget?.triggerAction(action, item);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await newWidgetsLayerList(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._proxyEvents();
+        this.arcgisLayerListReady.emit();
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await importCoreReactiveUtils();
+        addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+            initial: true
+        }));
+    }
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        params.visibleElements = {
+            closeButton: this.visibleElementsCloseButton,
+            collapseButton: this.visibleElementsCollapseButton,
+            errors: this.visibleElementsErrors,
+            filter: this.visibleElementsFilter,
+            flow: this.visibleElementsFlow,
+            heading: this.visibleElementsHeading,
+            statusIndicators: this.visibleElementsStatusIndicators,
+            temporaryLayerIndicators: this.visibleElementsTemporaryLayerIndicators
+        };
+        if (this.collapsed !== undefined) {
+            params.collapsed = this.collapsed;
+        }
+        if (this.dragEnabled !== undefined) {
+            params.dragEnabled = this.dragEnabled;
+        }
+        if (this.filterPlaceholder) {
+            params.filterPlaceholder = this.filterPlaceholder;
+        }
+        if (this.filterText) {
+            params.filterText = this.filterText;
+        }
+        if (this.icon) {
+            params.icon = this.icon;
+        }
+        if (this.listItemCreatedFunction) {
+            params.listItemCreatedFunction = this.listItemCreatedFunction;
+        }
+        if (this.minDragEnabledItems !== undefined) {
+            params.minDragEnabledItems = this.minDragEnabledItems;
+        }
+        if (this.minFilterItems !== undefined) {
+            params.minFilterItems = this.minFilterItems;
+        }
+        if (this.selectedItems) {
+            params.selectedItems = this.selectedItems;
+        }
+        if (this.selectionMode) {
+            params.selectionMode = this.selectionMode;
+        }
+        if (this.visibilityAppearance) {
+            params.visibilityAppearance = this.visibilityAppearance;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    _proxyEvents() {
+        this.widget?.on("trigger-action", (e) => this.layerListTriggerAction.emit(e));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "collapsed": ["collapsedWatcher"],
+        "dragEnabled": ["dragEnabledWatcher"],
+        "filterPlaceholder": ["filterPlaceholderWatcher"],
+        "filterText": ["filterTextWatcher"],
+        "icon": ["iconWatcher"],
+        "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
+        "minDragEnabledItems": ["minDragEnabledItemsWatcher"],
+        "minFilterItems": ["minFilterItemsWatcher"],
+        "selectionMode": ["selectionModeWatcher"],
+        "visibilityAppearance": ["visibilityAppearanceWatcher"],
+        "visibleElementsCloseButton": ["visibleElementsCloseButtonWatcher"],
+        "visibleElementsCollapseButton": ["visibleElementsCollapseButtonWatcher"],
+        "visibleElementsErrors": ["visibleElementsErrorsWatcher"],
+        "visibleElementsFilter": ["visibleElementsFilterWatcher"],
+        "visibleElementsFlow": ["visibleElementsFlowWatcher"],
+        "visibleElementsHeading": ["visibleElementsHeadingWatcher"],
+        "visibleElementsStatusIndicators": ["visibleElementsStatusIndicatorsWatcher"],
+        "visibleElementsTemporaryLayerIndicators": ["visibleElementsTemporaryLayerIndicatorsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+    static get style() { return layerListCss; }
+}, [0, "arcgis-layer-list", {
+        "referenceElement": [1, "reference-element"],
+        "collapsed": [4],
+        "dragEnabled": [4, "drag-enabled"],
+        "filterPlaceholder": [1, "filter-placeholder"],
+        "filterText": [1, "filter-text"],
+        "icon": [1],
+        "listItemCreatedFunction": [16],
+        "minDragEnabledItems": [2, "min-drag-enabled-items"],
+        "minFilterItems": [2, "min-filter-items"],
+        "selectedItems": [1040],
+        "selectionMode": [1, "selection-mode"],
+        "visibilityAppearance": [1, "visibility-appearance"],
+        "visibleElementsCloseButton": [4, "visible-elements-close-button"],
+        "visibleElementsCollapseButton": [4, "visible-elements-collapse-button"],
+        "visibleElementsErrors": [4, "visible-elements-errors"],
+        "visibleElementsFilter": [4, "visible-elements-filter"],
+        "visibleElementsFlow": [4, "visible-elements-flow"],
+        "visibleElementsHeading": [4, "visible-elements-heading"],
+        "visibleElementsStatusIndicators": [4, "visible-elements-status-indicators"],
+        "visibleElementsTemporaryLayerIndicators": [4, "visible-elements-temporary-layer-indicators"],
+        "position": [1],
+        "view": [1040],
+        "widget": [1040],
+        "triggerAction": [64]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "collapsed": ["collapsedWatcher"],
+        "dragEnabled": ["dragEnabledWatcher"],
+        "filterPlaceholder": ["filterPlaceholderWatcher"],
+        "filterText": ["filterTextWatcher"],
+        "icon": ["iconWatcher"],
+        "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
+        "minDragEnabledItems": ["minDragEnabledItemsWatcher"],
+        "minFilterItems": ["minFilterItemsWatcher"],
+        "selectionMode": ["selectionModeWatcher"],
+        "visibilityAppearance": ["visibilityAppearanceWatcher"],
+        "visibleElementsCloseButton": ["visibleElementsCloseButtonWatcher"],
+        "visibleElementsCollapseButton": ["visibleElementsCollapseButtonWatcher"],
+        "visibleElementsErrors": ["visibleElementsErrorsWatcher"],
+        "visibleElementsFilter": ["visibleElementsFilterWatcher"],
+        "visibleElementsFlow": ["visibleElementsFlowWatcher"],
+        "visibleElementsHeading": ["visibleElementsHeadingWatcher"],
+        "visibleElementsStatusIndicators": ["visibleElementsStatusIndicatorsWatcher"],
+        "visibleElementsTemporaryLayerIndicators": ["visibleElementsTemporaryLayerIndicatorsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-layer-list"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-layer-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisLayerList$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisLayerList = ArcgisLayerList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLayerList, defineCustomElement };

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

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

package/dist/components/arcgis-legend.js

@@ -0,0 +1,185 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.1
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { G as newWidgetsLegend, 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 legendCss = "";
+
+const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLegend extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.arcgisLegendReady = createEvent(this, "arcgisLegendReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.activeLayerInfos = undefined;
+        this.basemapLegendVisible = false;
+        this.hideLayersNotInCurrentView = false;
+        this.icon = undefined;
+        this.respectLayerVisibilityDisabled = false;
+        this.legendStyle = "classic";
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    activeLayerInfosWatcher(value) {
+        if (this.widget) {
+            this.widget.activeLayerInfos = value;
+        }
+    }
+    basemapLegendVisibleWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.basemapLegendVisible = value;
+        }
+    }
+    hideLayersNotInCurrentViewWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.hideLayersNotInCurrentView = value;
+        }
+    }
+    iconWatcher(value) {
+        if (this.widget && this.widget.icon !== value) {
+            this.widget.icon = value;
+            this.widget.iconClass = value;
+        }
+    }
+    respectLayerVisibilityDisabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.respectLayerVisibility = !value;
+        }
+    }
+    styleWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.style = 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 newWidgetsLegend(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisLegendReady.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.activeLayerInfos, (value) => {
+                this.activeLayerInfos = value;
+            })
+        ]);
+    }
+    _createParams() {
+        const params = {};
+        if (this.activeLayerInfos) {
+            params.activeLayerInfos = this.activeLayerInfos;
+        }
+        if (this.basemapLegendVisible !== undefined) {
+            params.basemapLegendVisible = this.basemapLegendVisible;
+        }
+        if (this.hideLayersNotInCurrentView !== undefined) {
+            params.hideLayersNotInCurrentView = this.hideLayersNotInCurrentView;
+        }
+        if (this.respectLayerVisibilityDisabled !== undefined) {
+            params.respectLayerVisibility = !this.respectLayerVisibilityDisabled;
+        }
+        if (this.legendStyle) {
+            params.style = this.legendStyle;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "activeLayerInfos": ["activeLayerInfosWatcher"],
+        "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
+        "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
+        "icon": ["iconWatcher"],
+        "respectLayerVisibilityDisabled": ["respectLayerVisibilityDisabledWatcher"],
+        "legendStyle": ["styleWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+    static get style() { return legendCss; }
+}, [0, "arcgis-legend", {
+        "referenceElement": [1, "reference-element"],
+        "activeLayerInfos": [16],
+        "basemapLegendVisible": [4, "basemap-legend-visible"],
+        "hideLayersNotInCurrentView": [4, "hide-layers-not-in-current-view"],
+        "icon": [1],
+        "respectLayerVisibilityDisabled": [4, "respect-layer-visibility-disabled"],
+        "legendStyle": [1, "legend-style"],
+        "position": [1],
+        "view": [1040],
+        "widget": [1040]
+    }, undefined, {
+        "referenceElement": ["referenceElementWatcher"],
+        "activeLayerInfos": ["activeLayerInfosWatcher"],
+        "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
+        "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
+        "icon": ["iconWatcher"],
+        "respectLayerVisibilityDisabled": ["respectLayerVisibilityDisabledWatcher"],
+        "legendStyle": ["styleWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-legend"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-legend":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisLegend$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisLegend = ArcgisLegend$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLegend, defineCustomElement };

package/{components → dist/components}/arcgis-line-of-sight.d.ts

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