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

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

@@ -0,0 +1,51 @@
+/*!
+ * 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 { r as referenceElementHelper, c as checkForView } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const placementCss = "arcgis-placement{}";
+
+const ArcgisPlacement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.placementReady = createEvent(this, "placementReady", 7);
+        this.referenceElement = undefined;
+        this.view = undefined;
+        this.position = "bottom-left";
+    }
+    referenceElementWatcher(newValue) {
+        void referenceElementHelper(this, newValue);
+    }
+    positionWatcher(newValue) {
+        if (newValue !== undefined) {
+            this.view.ui.move(this.childElem, newValue);
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        this.placementReady.emit({ ready: true });
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return (h("div", { ref: (el) => (this.childElem = el) }, h("slot", null)));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"]
+    }; }
+};
+ArcgisPlacement.style = placementCss;
+
+export { ArcgisPlacement as arcgis_placement };

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

@@ -0,0 +1,186 @@
+/*!
+ * 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 { M as newWidgetsPrint, 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 printCss = "";
+
+const ArcgisPrint = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisPrintReady = createEvent(this, "arcgisPrintReady", 7);
+        this.printComplete = createEvent(this, "printComplete", 7);
+        this.printSubmit = createEvent(this, "printSubmit", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.allowedFormats = "all";
+        this.allowedLayouts = "all";
+        this.exportedLinks = undefined;
+        this.extraParameters = undefined;
+        this.icon = undefined;
+        this.includeDefaultTemplates = true;
+        this.portal = undefined;
+        this.printServiceUrl = undefined;
+        this.templateCustomTextElements = undefined;
+        this.templateOptions = undefined;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    allowedFormatsWatcher(value) {
+        if (this.widget) {
+            this.widget.allowedFormats = value.split(",");
+        }
+    }
+    allowedLayoutsWatcher(value) {
+        if (this.widget) {
+            this.widget.allowedLayouts = value.split(",");
+        }
+    }
+    extraParametersWatcher(value) {
+        if (this.widget) {
+            this.widget.extraParameters = value;
+        }
+    }
+    iconWatcher(value) {
+        if (this.widget) {
+            this.widget.icon = value;
+            this.widget.iconClass = value;
+        }
+    }
+    includeDefaultTemplatesWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.includeDefaultTemplates = value;
+        }
+    }
+    portalWatcher(value) {
+        if (this.widget) {
+            this.widget.portal = value;
+        }
+    }
+    printServiceUrlWatcher(value) {
+        if (this.widget) {
+            this.widget.printServiceUrl = value;
+        }
+    }
+    templateCustomTextElementsWatcher(value) {
+        if (this.widget) {
+            this.widget.templateCustomTextElements = value;
+        }
+    }
+    templateOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.templateOptions = 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 newWidgetsPrint(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._proxyEvents();
+        this._addContainer();
+        this.arcgisPrintReady.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.exportedLinks, (value) => (this.exportedLinks = value), {
+            initial: true
+        }));
+    }
+    _createParams() {
+        const params = {};
+        if (this.allowedFormats) {
+            params.allowedFormats = this.allowedFormats;
+        }
+        if (this.allowedLayouts) {
+            params.allowedLayouts = this.allowedLayouts;
+        }
+        if (this.extraParameters) {
+            params.extraParameters = this.extraParameters;
+        }
+        if (this.icon) {
+            params.icon = this.icon;
+            params.iconClass = this.icon;
+        }
+        if (this.includeDefaultTemplates !== undefined) {
+            params.includeDefaultTemplates = this.includeDefaultTemplates;
+        }
+        if (this.portal) {
+            params.portal = this.portal;
+        }
+        if (this.printServiceUrl) {
+            params.printServiceUrl = this.printServiceUrl;
+        }
+        if (this.templateCustomTextElements) {
+            params.templateCustomTextElements = this.templateCustomTextElements;
+        }
+        if (this.templateOptions) {
+            params.templateOptions = this.templateOptions;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    _proxyEvents() {
+        this.widget.on("complete", (e) => this.printComplete.emit(e));
+        this.widget.on("submit", (e) => this.printSubmit.emit(e));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "allowedFormats": ["allowedFormatsWatcher"],
+        "allowedLayouts": ["allowedLayoutsWatcher"],
+        "extraParameters": ["extraParametersWatcher"],
+        "icon": ["iconWatcher"],
+        "includeDefaultTemplates": ["includeDefaultTemplatesWatcher"],
+        "portal": ["portalWatcher"],
+        "printServiceUrl": ["printServiceUrlWatcher"],
+        "templateCustomTextElements": ["templateCustomTextElementsWatcher"],
+        "templateOptions": ["templateOptionsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisPrint.style = printCss;
+
+export { ArcgisPrint as arcgis_print };

package/dist/esm/arcgis-scale-bar.entry.js

@@ -0,0 +1,99 @@
+/*!
+ * 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 { N as newWidgetsScaleBar } from './index-94c85b30.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-352c412f.js';
+import { o as onDisconnectedHelper } from './disconnected-3f01362d.js';
+
+const scaleBarCss = "arcgis-scale-bar{}";
+
+const ArcgisScaleBar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisScaleBarReady = createEvent(this, "arcgisScaleBarReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.barStyle = "line";
+        this.unit = undefined;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    styleWatcher(value) {
+        if (this.widget) {
+            this.widget.style = value;
+        }
+    }
+    unitWatcher(value) {
+        if (this.widget) {
+            this.widget.unit = 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 newWidgetsScaleBar(params);
+        this.widget = widget;
+        this._addContainer();
+        this.arcgisScaleBarReady.emit();
+        checkForView(this);
+    }
+    disconnectedCallback() {
+        onDisconnectedHelper(this);
+    }
+    render() {
+        return h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    _addContainer() {
+        this.widget.container = this.childElem;
+    }
+    _createParams() {
+        const params = {};
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.barStyle) {
+            params.style = this.barStyle;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "barStyle": ["styleWatcher"],
+        "unit": ["unitWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisScaleBar.style = scaleBarCss;
+
+export { ArcgisScaleBar as arcgis_scale_bar };

package/dist/esm/arcgis-scale-range-slider.entry.js

@@ -0,0 +1,204 @@
+/*!
+ * 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 { O as newWidgetsScaleRangeSlider, 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 scaleRangeSliderCss = "arcgis-scale-range-slider{}";
+
+const ArcgisScaleRangeSlider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisScaleRangeSliderReady = createEvent(this, "arcgisScaleRangeSliderReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.disabled = false;
+        this.layer = undefined;
+        this.maxScale = undefined;
+        this.maxScaleLimit = undefined;
+        this.minScale = undefined;
+        this.minScaleLimit = undefined;
+        this.mode = "range";
+        this.region = "US";
+        this.visibleElementsPreview = true;
+        this.visibleElementsScaleMenusMinScaleMenu = true;
+        this.visibleElementsScaleMenusMaxScaleMenu = true;
+        this.position = "bottom-left";
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(value) {
+        void referenceElementHelper(this, value);
+    }
+    disabledWatcher(value, old) {
+        if (this.widget && value !== old) {
+            this.widget.disabled = value;
+        }
+    }
+    layerWatcher(value) {
+        if (this.widget) {
+            this.widget.layer = value;
+        }
+    }
+    maxScaleWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.maxScale = value;
+        }
+    }
+    maxScaleLimitWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.maxScaleLimit = value;
+        }
+    }
+    minScaleWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.minScale = value;
+        }
+    }
+    minScaleLimitWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.minScaleLimit = value;
+        }
+    }
+    modeWatcher(value) {
+        if (this.widget) {
+            this.widget.mode = value;
+        }
+    }
+    regionWatcher(value) {
+        if (this.widget) {
+            this.widget.region = value;
+        }
+    }
+    visibleElementsPreviewWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                preview: value
+            };
+        }
+    }
+    visibleElementsScaleMenusMinScaleMenuWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                scaleMenus: {
+                    ...this.widget.visibleElements.scaleMenus,
+                    minScaleMenu: value
+                }
+            };
+        }
+    }
+    visibleElementsScaleMenusMaxScaleMenuWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = {
+                ...this.widget.visibleElements,
+                scaleMenus: {
+                    ...this.widget.visibleElements.scaleMenus,
+                    maxScaleMenu: 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 newWidgetsScaleRangeSlider(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._addContainer();
+        this.arcgisScaleRangeSliderReady.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?.disabled, (value) => (this.disabled = value)));
+    }
+    _createParams() {
+        const params = {};
+        params.visibleElements = {
+            preview: this.visibleElementsPreview,
+            scaleMenus: {
+                minScaleMenu: this.visibleElementsScaleMenusMinScaleMenu,
+                maxScaleMenu: this.visibleElementsScaleMenusMaxScaleMenu
+            }
+        };
+        if (this.layer) {
+            params.layer = this.layer;
+        }
+        if (this.maxScale !== undefined) {
+            params.maxScale = this.maxScale;
+        }
+        if (this.minScale !== undefined) {
+            params.minScale = this.minScale;
+        }
+        if (this.maxScaleLimit !== undefined) {
+            params.maxScaleLimit = this.maxScaleLimit;
+        }
+        if (this.minScaleLimit !== undefined) {
+            params.minScaleLimit = this.minScaleLimit;
+        }
+        if (this.mode) {
+            params.mode = this.mode;
+        }
+        if (this.region) {
+            params.region = this.region;
+        }
+        if (this.view) {
+            params.view = this.view;
+        }
+        return params;
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "disabled": ["disabledWatcher"],
+        "layer": ["layerWatcher"],
+        "maxScale": ["maxScaleWatcher"],
+        "maxScaleLimit": ["maxScaleLimitWatcher"],
+        "minScale": ["minScaleWatcher"],
+        "minScaleLimit": ["minScaleLimitWatcher"],
+        "mode": ["modeWatcher"],
+        "region": ["regionWatcher"],
+        "visibleElementsPreview": ["visibleElementsPreviewWatcher"],
+        "visibleElementsScaleMenusMinScaleMenu": ["visibleElementsScaleMenusMinScaleMenuWatcher"],
+        "visibleElementsScaleMenusMaxScaleMenu": ["visibleElementsScaleMenusMaxScaleMenuWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
+};
+ArcgisScaleRangeSlider.style = scaleRangeSliderCss;
+
+export { ArcgisScaleRangeSlider as arcgis_scale_range_slider };