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

package/dist/cjs/arcgis-basemap-layer-list.cjs.entry.js

@@ -0,0 +1,362 @@
+/*!
+ * 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
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-11a44e53.js');
+const index$1 = require('./index-8bce9d37.js');
+const componentUtils = require('./component-utils-f77c943e.js');
+const disconnected = require('./disconnected-ec1c1b85.js');
+
+const basemapLayerListCss = "";
+
+const ArcgisBasemapLayerList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisBasemapLayerListReady = index.createEvent(this, "arcgisBasemapLayerListReady", 7);
+        this.basemapLayerListTriggerAction = index.createEvent(this, "basemapLayerListTriggerAction", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.baseFilterText = "";
+        this.baseItems = undefined;
+        this.baseListItemCreatedFunction = undefined;
+        this.basemapTitle = undefined;
+        this.collapsed = false;
+        this.dragEnabled = false;
+        this.editingTitle = false;
+        this.filterPlaceholder = "";
+        this.icon = undefined;
+        this.minFilterItems = 10;
+        this.referenceFilterText = "";
+        this.referenceListItemCreatedFunction = undefined;
+        this.selectedItems = undefined;
+        this.selectionMode = "none";
+        this.visibilityAppearance = "default";
+        this.visibleElementsBaseLayers = true;
+        this.visibleElementsCloseButton = false;
+        this.visibleElementsCollapseButton = false;
+        this.visibleElementsEditTitleButton = false;
+        this.visibleElementsErrors = false;
+        this.visibleElementsFilter = false;
+        this.visibleElementsFlow = true;
+        this.visibleElementsHeading = true;
+        this.visibleElementsReferenceLayers = true;
+        this.visibleElementsStatusIndicators = true;
+        this.visibleElementsTemporaryLayerIndicators = false;
+        this.view = undefined;
+        this.widget = undefined;
+        this.position = "bottom-left";
+    }
+    referenceElementWatcher(value) {
+        void componentUtils.referenceElementHelper(this, value);
+    }
+    baseFilterTextWatcher(value) {
+        if (this.widget) {
+            this.widget.baseFilterText = value;
+        }
+    }
+    baseListItemCreatedFunctionWatcher(value) {
+        if (this.widget) {
+            this.widget.baseListItemCreatedFunction = value;
+        }
+    }
+    basemapTitleWatcher(value, old) {
+        if (this.widget && value !== old) {
+            this.widget.basemapTitle = value;
+        }
+    }
+    collapsedWatcher(value) {
+        if (this.widget !== undefined) {
+            this.widget.collapsed = value;
+        }
+    }
+    dragEnabledWatcher(value) {
+        if (this.widget && value !== undefined) {
+            this.widget.dragEnabled = value;
+        }
+    }
+    editingTitleWatcher(value) {
+        if (this.widget && value !== undefined) {
+            this.widget.editingTitle = value;
+        }
+    }
+    filterPlaceholderWatcher(value) {
+        if (this.widget) {
+            this.widget.filterPlaceholder = value;
+        }
+    }
+    iconWatcher(value) {
+        if (this.widget) {
+            this.widget.icon = value;
+        }
+    }
+    minFilterItemsWatcher(value) {
+        if (this.widget) {
+            this.widget.minFilterItems = value;
+        }
+    }
+    referenceFilterTextWatcher(value) {
+        if (this.widget) {
+            this.widget.referenceFilterText = value;
+        }
+    }
+    referenceListItemCreatedFunctionWatcher(value) {
+        if (this.widget) {
+            this.widget.referenceListItemCreatedFunction = value;
+        }
+    }
+    selectionModeWatcher(value) {
+        if (this.widget) {
+            this.widget.selectionMode = value;
+        }
+    }
+    visibilityAppearanceWatcher(value) {
+        if (this.widget) {
+            this.widget.visibilityAppearance = value;
+        }
+    }
+    visibleElementsBaseLayersWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                baseLayers: 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
+            };
+        }
+    }
+    visibleElementsEditTitleButtonWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                editTitleButton: 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,
+                filter: value
+            };
+        }
+    }
+    visibleElementsReferenceLayersWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                referenceLayers: 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
+            };
+        }
+    }
+    viewWatcher(value) {
+        if (this.widget) {
+            this.widget.view = value;
+        }
+    }
+    positionWatcher(value) {
+        if (this.widget) {
+            this.view.ui.move(this.childElem, value);
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await index$1.newWidgetsBasemapLayerList(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._proxyEvents();
+        this._addContainer();
+        this.arcgisBasemapLayerListReady.emit();
+        componentUtils.checkForView(this);
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        return index.h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {
+            baseLayers: this.visibleElementsBaseLayers,
+            closeButton: this.visibleElementsCloseButton,
+            collapseButton: this.visibleElementsCollapseButton,
+            editTitleButton: this.visibleElementsEditTitleButton,
+            errors: this.visibleElementsErrors,
+            filter: this.visibleElementsFilter,
+            flow: this.visibleElementsFlow,
+            heading: this.visibleElementsHeading,
+            referenceLayers: this.visibleElementsReferenceLayers,
+            statusIndicators: this.visibleElementsStatusIndicators,
+            temporaryLayerIndicators: this.visibleElementsTemporaryLayerIndicators
+        };
+        if (this.baseFilterText) {
+            params.baseFilterText = this.baseFilterText;
+        }
+        if (this.baseListItemCreatedFunction) {
+            params.baseListItemCreatedFunction = this.baseListItemCreatedFunction;
+        }
+        if (this.basemapTitle) {
+            params.basemapTitle = this.basemapTitle;
+        }
+        if (this.collapsed !== undefined) {
+            params.collapsed = this.collapsed;
+        }
+        if (this.dragEnabled !== undefined) {
+            params.dragEnabled = this.dragEnabled;
+        }
+        if (this.editingTitle !== undefined) {
+            params.editingTitle = this.editingTitle;
+        }
+        if (this.filterPlaceholder) {
+            params.filterPlaceholder = this.filterPlaceholder;
+        }
+        if (this.icon) {
+            params.icon = this.icon;
+        }
+        if (this.minFilterItems !== undefined) {
+            params.minFilterItems = this.minFilterItems;
+        }
+        if (this.referenceFilterText) {
+            params.referenceFilterText = this.referenceFilterText;
+        }
+        if (this.referenceListItemCreatedFunction) {
+            params.referenceListItemCreatedFunction = this.referenceListItemCreatedFunction;
+        }
+        if (this.selectionMode) {
+            params.selectionMode = this.selectionMode;
+        }
+        if (this.visibilityAppearance) {
+            params.visibilityAppearance = this.visibilityAppearance;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, [
+            watch(() => this.widget.baseItems, (value) => (this.baseItems = value), {
+                initial: true
+            }),
+            watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+                initial: true
+            }),
+            watch(() => this.widget.basemapTitle, (value) => {
+                if (!this.basemapTitle) {
+                    this.basemapTitle = value;
+                }
+            }, {
+                initial: true
+            })
+        ]);
+    }
+    _proxyEvents() {
+        this.widget?.on("trigger-action", (e) => this.basemapLayerListTriggerAction.emit(e));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "baseFilterText": ["baseFilterTextWatcher"],
+        "baseListItemCreatedFunction": ["baseListItemCreatedFunctionWatcher"],
+        "basemapTitle": ["basemapTitleWatcher"],
+        "collapsed": ["collapsedWatcher"],
+        "dragEnabled": ["dragEnabledWatcher"],
+        "editingTitle": ["editingTitleWatcher"],
+        "filterPlaceholder": ["filterPlaceholderWatcher"],
+        "icon": ["iconWatcher"],
+        "minFilterItems": ["minFilterItemsWatcher"],
+        "referenceFilterText": ["referenceFilterTextWatcher"],
+        "referenceListItemCreatedFunction": ["referenceListItemCreatedFunctionWatcher"],
+        "selectionMode": ["selectionModeWatcher"],
+        "visibilityAppearance": ["visibilityAppearanceWatcher"],
+        "visibleElementsBaseLayers": ["visibleElementsBaseLayersWatcher"],
+        "visibleElementsCloseButton": ["visibleElementsCloseButtonWatcher"],
+        "visibleElementsCollapseButton": ["visibleElementsCollapseButtonWatcher"],
+        "visibleElementsEditTitleButton": ["visibleElementsEditTitleButtonWatcher"],
+        "visibleElementsErrors": ["visibleElementsErrorsWatcher"],
+        "visibleElementsFilter": ["visibleElementsFilterWatcher"],
+        "visibleElementsFlow": ["visibleElementsFlowWatcher"],
+        "visibleElementsHeading": ["visibleElementsHeadingWatcher"],
+        "visibleElementsReferenceLayers": ["visibleElementsReferenceLayersWatcher"],
+        "visibleElementsStatusIndicators": ["visibleElementsStatusIndicatorsWatcher"],
+        "visibleElementsTemporaryLayerIndicators": ["visibleElementsTemporaryLayerIndicatorsWatcher"],
+        "view": ["viewWatcher"],
+        "position": ["positionWatcher"]
+    }; }
+};
+ArcgisBasemapLayerList.style = basemapLayerListCss;
+
+exports.arcgis_basemap_layer_list = ArcgisBasemapLayerList;

package/dist/cjs/arcgis-basemap-toggle.cjs.entry.js

@@ -0,0 +1,123 @@
+/*!
+ * 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
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-11a44e53.js');
+const index$1 = require('./index-8bce9d37.js');
+const componentUtils = require('./component-utils-f77c943e.js');
+const disconnected = require('./disconnected-ec1c1b85.js');
+
+const basemapToggleCss = "";
+
+const ArcgisBasemapToggle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisBasemapToggleReady = index.createEvent(this, "arcgisBasemapToggleReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.activeBasemap = undefined;
+        this.nextBasemap = undefined;
+        this.visibleElementsTitle = undefined;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void componentUtils.referenceElementHelper(this, value);
+    }
+    nextBasemapWatcher(value) {
+        if (value && this.widget) {
+            this.widget.nextBasemap = value;
+        }
+    }
+    visibleElementsTitleWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = { ...this.widget.visibleElements, title: 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 toggle() {
+        return await this.widget?.toggle();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await index$1.newWidgetsBasemapToggle(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisBasemapToggleReady.emit();
+        componentUtils.checkForView(this);
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        return index.h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {};
+        if (this.nextBasemap) {
+            params.nextBasemap = this.nextBasemap;
+        }
+        if (this.visibleElementsTitle) {
+            params.visibleElements.title = this.visibleElementsTitle;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
+            initial: true
+        }));
+        componentUtils.addHandles(this, watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
+            initial: true
+        }));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "nextBasemap": ["nextBasemapWatcher"],
+        "visibleElementsTitle": ["visibleElementsTitleWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisBasemapToggle.style = basemapToggleCss;
+
+exports.arcgis_basemap_toggle = ArcgisBasemapToggle;