@arcgis/map-components 4.32.0-next.1 → 4.32.0-next.3

package/dist/components/arcgis-placement.js

@@ -1,79 +0,0 @@
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.1
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { r as referenceElementHelper, d as defineViewProperty, a as attachToParent } from './component-utils.js';
-
-const placementCss = "arcgis-placement{display:block;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:flex}";
-const ArcgisPlacementStyle0 = placementCss;
-
-const ArcgisPlacement$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisPlacement extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.arcgisReady = createEvent(this, "arcgisReady", 7);
-        this._setContainer = (element) => {
-            this.el.childElem = element;
-        };
-        this.referenceElement = undefined;
-        this.position = "bottom-left";
-    }
-    referenceElementWatcher(newValue) {
-        void referenceElementHelper(this, newValue);
-    }
-    positionWatcher(newValue) {
-        if (this.el.childElem && newValue !== undefined) {
-            this.el.view?.ui.move(this.el.childElem, newValue);
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    async componentDidLoad() {
-        defineViewProperty(this);
-        attachToParent(this);
-    }
-    disconnectedCallback() {
-        if (this.el.childElem) {
-            this.el.view?.ui?.remove(this.el.childElem);
-        }
-    }
-    render() {
-        return (h("div", { key: '71b98c7f94af271e6881f46e4036085576e1fbd4', ref: this._setContainer, class: "arcgis-placement__container" }, h("slot", { key: 'ac18bc6a5a4ae5a8642d73b7b692c6180a3c13ec' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "referenceElement": ["referenceElementWatcher"],
-        "position": ["positionWatcher"]
-    }; }
-    static get style() { return ArcgisPlacementStyle0; }
-}, [4, "arcgis-placement", {
-        "referenceElement": [1, "reference-element"],
-        "position": [1]
-    }, undefined, {
-        "referenceElement": ["referenceElementWatcher"],
-        "position": ["positionWatcher"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["arcgis-placement"];
-    components.forEach(tagName => { switch (tagName) {
-        case "arcgis-placement":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ArcgisPlacement$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ArcgisPlacement = ArcgisPlacement$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisPlacement, defineCustomElement };

package/dist/components/arcgis-print.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ArcgisPrint extends Components.ArcgisPrint, HTMLElement {}
-export const ArcgisPrint: {
-    prototype: ArcgisPrint;
-    new (): ArcgisPrint;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/arcgis-print.js

@@ -1,84 +0,0 @@
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.1
- */
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate } from '@stencil/core/internal/client';
-import { a0 as newWidgetsPrint } from './index2.js';
-import { u as usePropertyChange } from './index3.js';
-import { m as makeWidgetController } from './useWidget.js';
-import { u as useControllerManager, g as getSet } from './index4.js';
-
-const printCss = "";
-const ArcgisPrintStyle0 = printCss;
-
-const usePrintWidget = makeWidgetController(newWidgetsPrint);
-const __cmpMeta = [0,"arcgis-print",{"autoDestroyDisabled":[1028,"auto-destroy-disabled"],"referenceElement":[1025,"reference-element"],"allowedFormats":[1025,"allowed-formats"],"allowedLayouts":[1025,"allowed-layouts"],"exportedLinks":[1040],"extraParameters":[1032,"extra-parameters"],"icon":[1025],"label":[1025],"headingLevel":[1026,"heading-level"],"includeDefaultTemplatesDisabled":[1028,"include-default-templates-disabled"],"portal":[1040],"printServiceUrl":[1025,"print-service-url"],"showPrintAreaEnabled":[1540,"show-print-area-enabled"],"templateCustomTextElements":[1040],"templateOptions":[1040],"position":[1025],"state":[1537],"destroy":[64]}];
-const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisPrint extends HTMLElement {
-    connectedCallback() { this.manager._connectedCallback(); }
-    disconnectedCallback() { this.manager._disconnectedCallback(); }
-    constructor() {
-        super();
-        this.__registerHost();
-this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
-        this.arcgisReady = createEvent(this, "arcgisReady", 7);
-        this.widgetComplete = createEvent(this, "arcgisComplete", 7);
-        this.widgetSubmit = createEvent(this, "arcgisSubmit", 7);
-        this.arcgisPropertyChange = createEvent(this, "arcgisPropertyChange", 7);
-        this.manager = useControllerManager(this,forceUpdate);
-        this.widget = usePrintWidget(this);
-        this.viewModel = this.widget.viewModel;
-        this.arcgisPropertyChange = usePropertyChange()("state");
-        this.autoDestroyDisabled = false;
-        this.referenceElement = undefined;
-        this.allowedFormats = getSet(this.widget.allowedFormats, {
-            set: (value) => (typeof value === "string" && value !== "all" ? value.split(",") : value),
-        });
-        this.allowedLayouts = getSet(this.widget.allowedLayouts, {
-            set: (value) => (typeof value === "string" && value !== "all" ? value.split(",") : value),
-        });
-        this.exportedLinks = this.widget.exportedLinks;
-        this.extraParameters = this.widget.extraParameters;
-        this.icon = this.widget.icon;
-        this.label = this.widget.label;
-        this.headingLevel = this.widget.headingLevel;
-        this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates;
-        this.portal = this.widget.portal;
-        this.printServiceUrl = this.widget.printServiceUrl;
-        this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled;
-        this.templateCustomTextElements = this.widget.templateCustomTextElements;
-        this.templateOptions = this.widget.templateOptions;
-        this.position = "bottom-left";
-        this.state = this.viewModel.state;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods
-    //
-    //--------------------------------------------------------------------------
-    /** Permanently destroy the component */
-    async destroy() {
-        await this.manager.destroy();
-    }
-    get el() { return this; }
-    static get style() { return ArcgisPrintStyle0; }
-}, __cmpMeta);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["arcgis-print"];
-    components.forEach(tagName => { switch (tagName) {
-        case "arcgis-print":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ArcgisPrint$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ArcgisPrint = ArcgisPrint$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisPrint, defineCustomElement };

package/dist/components/arcgis-scale-bar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ArcgisScaleBar extends Components.ArcgisScaleBar, HTMLElement {}
-export const ArcgisScaleBar: {
-    prototype: ArcgisScaleBar;
-    new (): ArcgisScaleBar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/arcgis-scale-bar.js

@@ -1,198 +0,0 @@
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.1
- */
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h } from '@stencil/core/internal/client';
-import { g as globalCss } from './globalCss.js';
-import { u as useT9n, m as makeViewModelController } from './useViewModel.js';
-import { h as importCoreReactiveUtils, a1 as importIntl, a2 as importApplicationsComponentsGetDefaultUnits, p as classes, a3 as newWidgetsScaleBarScaleBarViewModel } from './index2.js';
-import { l as load } from './index3.js';
-import { u as useControllerManager, g as getSet } from './index4.js';
-
-const base = "esri-scale-bar";
-const css = {
-    base,
-    labelContainer: `${base}__label-container`,
-    rulerLabelContainer: `${base}__label-container--ruler`,
-    lineLabelContainer: `${base}__label-container--line`,
-    topLabelContainer: `${base}__label-container--top`,
-    bottomLabelContainer: `${base}__label-container--bottom`,
-    label: `${base}__label`,
-    line: `${base}__line`,
-    topLine: `${base}__line--top`,
-    bottomLine: `${base}__line--bottom`,
-    ruler: `${base}__ruler`,
-    rulerBlock: `${base}__ruler-block`,
-    barContainer: `${base}__bar-container`,
-    rulerBarContainer: `${base}__bar-container--ruler`,
-    lineBarContainer: `${base}__bar-container--line`,
-};
-
-function createScreenPoint(x = 0, y = 0) {
-    return { x, y };
-}
-
-const useScaleBarViewModel = makeViewModelController(newWidgetsScaleBarScaleBarViewModel);
-const __cmpMeta = [0,"arcgis-scale-bar",{"autoDestroyDisabled":[1028,"auto-destroy-disabled"],"icon":[1537],"label":[1025],"position":[1537],"referenceElement":[1025,"reference-element"],"barStyle":[1025,"bar-style"],"unit":[1025],"destroy":[64]}];
-const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisScaleBar extends HTMLElement {
-    connectedCallback() { this.manager._connectedCallback(); }
-    disconnectedCallback() { this.manager._disconnectedCallback(); }
-    constructor() {
-        super();
-        this.__registerHost();
-this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
-        this.arcgisReady = createEvent(this, "arcgisReady", 7);
-        //--------------------------------------------------------------------------
-        //
-        //  Controllers
-        //
-        //--------------------------------------------------------------------------
-        this.manager = useControllerManager(this,forceUpdate);
-        this.messages = useT9n();
-        this.reactiveUtils = load(importCoreReactiveUtils);
-        this.intlUtils = load(importIntl);
-        this.unitUtils = load(importApplicationsComponentsGetDefaultUnits);
-        this.viewModel = useScaleBarViewModel(this);
-        this._scaleComputedFrom = createScreenPoint();
-        this.autoDestroyDisabled = false;
-        this.icon = "actual-size";
-        this.label = undefined;
-        this.position = "top-left";
-        this.referenceElement = undefined;
-        this.barStyle = "line";
-        this.unit = getSet(undefined, {
-            set: (unit) => unit ?? this._defaultUnit,
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    componentDidLoad() {
-        this._defaultUnit = this.unitUtils.getDefaultUnitForView(this.viewModel.view);
-        if (!this.unit) {
-            this.unit = this._defaultUnit;
-        }
-        this.manager.onLifecycle(() => this.reactiveUtils.watch(() => {
-            const view = this.viewModel.view;
-            return [view?.stationary, view?.center, view?.scale, view?.zoom];
-        }, ([stationary]) => {
-            if (stationary) {
-                forceUpdate(this);
-            }
-        }));
-    }
-    /** Permanently destroy the component */
-    async destroy() {
-        await this.manager.destroy();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    componentDidRender() {
-        this._handleRootCreateOrUpdate();
-    }
-    render() {
-        const isDisabled = this.viewModel.state === "disabled";
-        const baseClasses = {
-            [globalCss.disabled]: isDisabled,
-        };
-        let metricScaleBar;
-        let imperialScaleBar;
-        if (!isDisabled) {
-            const { unit, barStyle } = this;
-            const useImperial = unit === "imperial" || unit === "dual";
-            const useMetric = unit === "metric" || unit === "dual";
-            const baseLengthInPixels = 100;
-            const effectiveStyle = unit === "dual" ? "line" : barStyle;
-            if (useImperial) {
-                const imperialScale = this.viewModel.getScaleBarProperties(baseLengthInPixels, "imperial");
-                if (imperialScale) {
-                    imperialScaleBar =
-                        effectiveStyle === "ruler" ? this._renderRuler(imperialScale) : this._renderLine(imperialScale, "bottom");
-                }
-            }
-            if (useMetric) {
-                const metricScale = this.viewModel.getScaleBarProperties(baseLengthInPixels, "metric");
-                if (metricScale) {
-                    metricScaleBar =
-                        effectiveStyle === "ruler" ? this._renderRuler(metricScale) : this._renderLine(metricScale, "top");
-                }
-            }
-        }
-        return (h("div", { key: '8224f987c000c7263570091b725bad517f11bbf3', ref: (element) => (element ? this._handleRootCreateOrUpdate() : undefined), class: classes(css.base, globalCss.widget, baseClasses) }, metricScaleBar, imperialScaleBar));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    _renderRuler(scaleBarProps) {
-        const { length, unit, value } = scaleBarProps;
-        const pixels = Math.round(length);
-        const label = this._formatDistance(value, unit);
-        return (h("div", { class: classes(css.barContainer, css.rulerBarContainer) }, h("div", { class: css.ruler, style: { width: `${pixels}px` } }, h("div", { class: css.rulerBlock }), h("div", { class: css.rulerBlock }), h("div", { class: css.rulerBlock }), h("div", { class: css.rulerBlock })), h("div", { class: classes(css.labelContainer, css.rulerLabelContainer) }, h("div", { class: css.label }, "0"), h("div", { class: css.label }, label))));
-    }
-    _renderLine(scaleBarProps, labelPosition) {
-        const { length, unit, value } = scaleBarProps;
-        const pixels = Math.round(length);
-        const label = this._formatDistance(value, unit);
-        const labelContainerClasses = {
-            [css.topLabelContainer]: labelPosition === "top",
-            [css.bottomLabelContainer]: labelPosition === "bottom",
-        };
-        const distance = (h("div", { class: classes(css.labelContainer, css.lineLabelContainer, labelContainerClasses) }, h("div", { class: css.label }, label)));
-        const lineClasses = {
-            [css.topLine]: labelPosition === "top",
-            [css.bottomLine]: labelPosition === "bottom",
-        };
-        const line = h("div", { class: classes(css.line, lineClasses), style: { width: `${pixels}px` } });
-        return h("div", { class: classes(css.barContainer, css.lineBarContainer) }, [line, distance]);
-    }
-    _handleRootCreateOrUpdate() {
-        if (!this.viewModel) {
-            return;
-        }
-        const scaleComputedFrom = this._scaleComputedFrom;
-        const rect = this.el.getBoundingClientRect();
-        const x = rect.left + window.pageXOffset;
-        const y = rect.top + window.pageYOffset;
-        const futureScreenPoint = createScreenPoint(x, y);
-        const referenceScreenPointChanged = futureScreenPoint.x !== scaleComputedFrom.x || futureScreenPoint.y !== scaleComputedFrom.y;
-        if (referenceScreenPointChanged) {
-            this._scaleComputedFrom = futureScreenPoint;
-        }
-    }
-    _formatDistance(value, unit) {
-        return this.intlUtils.formatNumber(value, {
-            style: "unit",
-            unit,
-            unitDisplay: "short",
-        });
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return this; }
-}, __cmpMeta);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["arcgis-scale-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "arcgis-scale-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ArcgisScaleBar$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ArcgisScaleBar = ArcgisScaleBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisScaleBar, defineCustomElement };

package/dist/components/arcgis-scale-range-slider.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ArcgisScaleRangeSlider extends Components.ArcgisScaleRangeSlider, HTMLElement {}
-export const ArcgisScaleRangeSlider: {
-    prototype: ArcgisScaleRangeSlider;
-    new (): ArcgisScaleRangeSlider;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/arcgis-scale-range-slider.js

@@ -1,80 +0,0 @@
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.1
- */
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate } from '@stencil/core/internal/client';
-import { a4 as newWidgetsScaleRangeSlider } from './index2.js';
-import { u as usePropertyChange } from './index3.js';
-import { m as makeWidgetController } from './useWidget.js';
-import { u as useControllerManager } from './index4.js';
-
-const scaleRangeSliderCss = "arcgis-scale-range-slider{}";
-const ArcgisScaleRangeSliderStyle0 = scaleRangeSliderCss;
-
-const useScaleRangeSliderWidget = makeWidgetController(newWidgetsScaleRangeSlider);
-const __cmpMeta = [0,"arcgis-scale-range-slider",{"autoDestroyDisabled":[1028,"auto-destroy-disabled"],"referenceElement":[1025,"reference-element"],"disabled":[1540],"icon":[1025],"label":[1025],"layer":[1040],"maxScale":[1026,"max-scale"],"maxScaleLimit":[1026,"max-scale-limit"],"minScale":[1026,"min-scale"],"minScaleLimit":[1026,"min-scale-limit"],"mode":[1025],"region":[1025],"hidePreview":[1028,"hide-preview"],"hideScaleMenusMinScaleMenu":[1028,"hide-scale-menus-min-scale-menu"],"hideScaleMenusMaxScaleMenu":[1028,"hide-scale-menus-max-scale-menu"],"position":[1025],"state":[1537],"destroy":[64]}];
-const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisScaleRangeSlider extends HTMLElement {
-    connectedCallback() { this.manager._connectedCallback(); }
-    disconnectedCallback() { this.manager._disconnectedCallback(); }
-    constructor() {
-        super();
-        this.__registerHost();
-this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
-        this.arcgisReady = createEvent(this, "arcgisReady", 7);
-        this.arcgisPropertyChange = createEvent(this, "arcgisPropertyChange", 7);
-        this.manager = useControllerManager(this,forceUpdate);
-        this.widget = useScaleRangeSliderWidget(this);
-        this.viewModel = this.widget.viewModel;
-        this.arcgisPropertyChange = usePropertyChange()("state");
-        this.autoDestroyDisabled = false;
-        this.referenceElement = undefined;
-        this.disabled = this.widget.disabled;
-        this.icon = this.widget.icon;
-        this.label = this.widget.label;
-        this.layer = this.widget.layer;
-        this.maxScale = this.widget.maxScale;
-        this.maxScaleLimit = this.widget.maxScaleLimit;
-        this.minScale = this.widget.minScale;
-        this.minScaleLimit = this.widget.minScaleLimit;
-        this.mode = this.widget.mode;
-        this.region = this.widget.region;
-        this.hidePreview = this.widget.visibleElements.preview;
-        this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus
-            .minScaleMenu;
-        this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus
-            .maxScaleMenu;
-        this.position = "bottom-left";
-        this.state = this.viewModel.state;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods
-    //
-    //--------------------------------------------------------------------------
-    /** Permanently destroy the component */
-    async destroy() {
-        await this.manager.destroy();
-    }
-    get el() { return this; }
-    static get style() { return ArcgisScaleRangeSliderStyle0; }
-}, __cmpMeta);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["arcgis-scale-range-slider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "arcgis-scale-range-slider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ArcgisScaleRangeSlider$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ArcgisScaleRangeSlider = ArcgisScaleRangeSlider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisScaleRangeSlider, defineCustomElement };

package/dist/components/arcgis-scene.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ArcgisScene extends Components.ArcgisScene, HTMLElement {}
-export const ArcgisScene: {
-    prototype: ArcgisScene;
-    new (): ArcgisScene;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;