@esri/solutions-components 0.8.3 → 0.8.5

package/dist/solutions-components/map-draw-tools.entry.js

@@ -1,354 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { f as EDrawMode } from './interfaces-586e863c.js';
-import { l as loadModules } from './loadModules-827c5581.js';
-import { s as state } from './publicNotificationStore-208e26f0.js';
-import { g as getLocaleComponentStrings } from './locale-d9463a95.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-import './index-91eeaf01.js';
-
-const mapDrawToolsCss = ":host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.margin-top-1{margin-top:1rem}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=\"rtl\"]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v:12px;--esri-widget-padding-h:15px;--esri-widget-padding:var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start !important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}";
-
-const MapDrawTools = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
-        this.sketchGraphicsChange = createEvent(this, "sketchGraphicsChange", 7);
-        this.drawUndo = createEvent(this, "drawUndo", 7);
-        this.drawRedo = createEvent(this, "drawRedo", 7);
-        this.active = false;
-        this.drawMode = EDrawMode.SKETCH;
-        this.editGraphicsEnabled = true;
-        this.graphics = undefined;
-        this.mapView = undefined;
-        this.pointSymbol = undefined;
-        this.polylineSymbol = undefined;
-        this.polygonSymbol = undefined;
-        this.redoEnabled = false;
-        this.undoEnabled = false;
-        this._translations = undefined;
-        this._selectionMode = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Called each time the graphics prop is changed.
-     */
-    graphicsWatchHandler(v, oldV) {
-        if (v && v.length > 0 && JSON.stringify(v) !== JSON.stringify(oldV) && this._sketchGraphicsLayer) {
-            this._updateGraphicsSymbols(v);
-            this._sketchGraphicsLayer.removeAll();
-            this._sketchGraphicsLayer.addMany(v);
-        }
-    }
-    /**
-     * Called each time the mapView prop is changed.
-     */
-    mapViewWatchHandler(v, oldV) {
-        if (v && v !== oldV) {
-            this._init();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Clears the user drawn graphics
-     *
-     * @returns Promise that resolves when the operation is complete
-     */
-    async clear() {
-        this._clearSketch();
-    }
-    /**
-     * Set the sketch widget to update mode with the current graphic
-     *
-     * @returns Promise that resolves when the operation is complete
-     */
-    async updateGraphics() {
-        this._updateGraphics();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-        await this._initModules();
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     *
-     * @returns Promise when complete
-     */
-    componentDidLoad() {
-        this._init();
-    }
-    /**
-     * StencilJS: Called every time the component is disconnected from the DOM
-     */
-    disconnectedCallback() {
-        // cancel any existing create operations
-        this._sketchWidget.cancel();
-        // clear any current temp sketch
-        this._clearSketch();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        const containerClass = this.drawMode === EDrawMode.SKETCH ?
-            "border" : "border esri-widget esri-sketch__panel";
-        const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
-            "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, null, h("div", { class: containerClass }, h("div", { ref: (el) => { this._sketchElement = el; } }), h("div", { class: undoRedoClass }, h("calcite-action", { disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [GraphicsLayer, Sketch, SketchViewModel] = await loadModules([
-            "esri/layers/GraphicsLayer",
-            "esri/widgets/Sketch",
-            "esri/widgets/Sketch/SketchViewModel"
-        ]);
-        this.GraphicsLayer = GraphicsLayer;
-        this.Sketch = Sketch;
-        this.SketchViewModel = SketchViewModel;
-    }
-    /**
-     * Initialize the graphics layer and the tools that support creating new graphics
-     *
-     * @protected
-     */
-    _init() {
-        if (this.mapView && this._sketchElement) {
-            this._initGraphicsLayer();
-            this._initSketch();
-        }
-    }
-    /**
-     * Initialize the graphics layer
-     *
-     * @returns Promise when the operation has completed
-     * @protected
-     */
-    _initGraphicsLayer() {
-        const title = this._translations.sketchLayer;
-        const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-        if (sketchIndex > -1) {
-            this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex);
-        }
-        else {
-            this._sketchGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-            state.managedLayers.push(title);
-            this.mapView.map.layers.add(this._sketchGraphicsLayer);
-        }
-        if (this.graphics && this.graphics.length > 0) {
-            this._sketchGraphicsLayer.addMany(this.graphics);
-        }
-    }
-    /**
-     * Initialize the skecth widget
-     *
-     * @protected
-     */
-    _initSketch() {
-        const sketchOptions = {
-            layer: this._sketchGraphicsLayer,
-            view: this.mapView,
-            defaultCreateOptions: {
-                mode: "hybrid"
-            },
-            defaultUpdateOptions: {
-                preserveAspectRatio: false,
-                enableScaling: false,
-                enableRotation: false,
-                tool: "reshape",
-                toggleToolOnClick: false
-            }
-        };
-        this._sketchWidget = new this.Sketch(Object.assign(Object.assign({}, sketchOptions), { container: this._sketchElement, creationMode: "single", visibleElements: {
-                duplicateButton: false,
-                selectionTools: {
-                    "lasso-selection": false,
-                    "rectangle-selection": false
-                }, createTools: {
-                    circle: false
-                },
-                undoRedoMenu: false,
-                settingsMenu: this.drawMode === EDrawMode.SKETCH
-            } }));
-        this._sketchViewModel = new this.SketchViewModel(Object.assign({}, sketchOptions));
-        this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol;
-        this._sketchWidget.viewModel.pointSymbol = this.pointSymbol;
-        this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol;
-        let forceCreate = false;
-        this._sketchWidget.on("create", (evt) => {
-            if (evt.state === "complete") {
-                this.graphics = [evt.graphic];
-                this.sketchGraphicsChange.emit({
-                    graphics: this.graphics,
-                    useOIDs: false
-                });
-                if (this.drawMode === EDrawMode.REFINE) {
-                    // calling create during complete will force the cancel event
-                    // https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#event-create
-                    forceCreate = true;
-                    this._sketchWidget.viewModel.create(evt.tool);
-                }
-            }
-            if (evt.state === "cancel" && this.drawMode === EDrawMode.REFINE && forceCreate) {
-                forceCreate = !forceCreate;
-                this._sketchWidget.viewModel.create(evt.tool);
-            }
-        });
-        this._sketchWidget.on("update", (evt) => {
-            var _a;
-            if (!this.editGraphicsEnabled) {
-                this._sketchWidget.viewModel.cancel();
-                this._sketchViewModel.cancel();
-            }
-            else {
-                const eventType = (_a = evt === null || evt === void 0 ? void 0 : evt.toolEventInfo) === null || _a === void 0 ? void 0 : _a.type;
-                if (eventType === "reshape-stop" || eventType === "move-stop") {
-                    this.graphics = evt.graphics;
-                    this.sketchGraphicsChange.emit({
-                        graphics: this.graphics,
-                        useOIDs: false
-                    });
-                }
-            }
-        });
-        this._sketchWidget.on("delete", () => {
-            this.graphics = [];
-            this.sketchGraphicsChange.emit({
-                graphics: this.graphics,
-                useOIDs: false
-            });
-        });
-        this._sketchWidget.on("undo", (evt) => {
-            this.graphics = evt.graphics;
-            this.sketchGraphicsChange.emit({
-                graphics: this.graphics,
-                useOIDs: false
-            });
-        });
-        this._sketchWidget.on("redo", (evt) => {
-            this.graphics = evt.graphics;
-            this.sketchGraphicsChange.emit({
-                graphics: this.graphics,
-                useOIDs: false
-            });
-        });
-    }
-    /**
-     * Clear any stored graphics and remove all graphics from the graphics layer
-     *
-     * @protected
-     */
-    _clearSketch() {
-        var _a, _b;
-        (_a = this._sketchWidget) === null || _a === void 0 ? void 0 : _a.viewModel.cancel();
-        this.graphics = [];
-        (_b = this._sketchGraphicsLayer) === null || _b === void 0 ? void 0 : _b.removeAll();
-    }
-    /**
-     * Emit the undo event
-     *
-     * @protected
-     */
-    _undo() {
-        this.drawUndo.emit();
-    }
-    /**
-     * Emit the undo event
-     *
-     * @protected
-     */
-    _redo() {
-        this.drawRedo.emit();
-    }
-    /**
-     * Set the sketch widget to update mode with the current graphic
-     *
-     * reshape tool only supports a single graphic
-     *
-     * @protected
-     */
-    _updateGraphics() {
-        setTimeout(() => {
-            if (this.graphics.length === 1) {
-                void this._sketchWidget.update(this.graphics, {
-                    tool: "reshape",
-                    enableRotation: false,
-                    enableScaling: false,
-                    preserveAspectRatio: false,
-                    toggleToolOnClick: false
-                });
-            }
-        }, 100);
-    }
-    /**
-     * Any time graphics are added update the symbology so they will always be consistent
-     * regardless of where they are from.
-     * https://github.com/Esri/solutions-components/issues/246
-     *
-     * reshape tool only supports a single graphic
-     *
-     * @protected
-     */
-    _updateGraphicsSymbols(graphics) {
-        // graphics will only be of one gemetry type
-        const graphic = graphics[0];
-        const type = graphic.geometry.type;
-        const symbol = type === "point" ? this.pointSymbol :
-            type === "polyline" ? this.polylineSymbol :
-                type === "polygon" ? this.polygonSymbol : undefined;
-        if (symbol) {
-            graphics.forEach(g => g.symbol = symbol);
-        }
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "graphics": ["graphicsWatchHandler"],
-        "mapView": ["mapViewWatchHandler"]
-    }; }
-};
-MapDrawTools.style = mapDrawToolsCss;
-
-export { MapDrawTools as map_draw_tools };

package/dist/solutions-components/map-fullscreen.entry.js

@@ -1,112 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host } from './index-bdfaac50.js';
-import { l as loadModules } from './loadModules-827c5581.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-
-const mapFullscreenCss = ":host{display:block}";
-
-const MapFullscreen = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.fullscreenStateChange = createEvent(this, "fullscreenStateChange", 7);
-        this.mapView = undefined;
-        this.fullscreenWidget = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Called each time the mapView prop is changed.
-     *
-     * @returns Promise when complete
-     */
-    async mapViewWatchHandler() {
-        await this.mapView.when(async () => {
-            await this._initFullscreenWidget();
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        await this._initModules();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, null, h("div", { class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
-    }
-    /**
-     * StencilJS: Called just after the component updates.
-     * It's never called during the first render().
-     */
-    async componentDidUpdate() {
-        await this._initFullscreenWidget();
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this._initFullscreenWidget();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [Fullscreen, reactiveUtils] = await loadModules([
-            "esri/widgets/Fullscreen",
-            "esri/core/reactiveUtils"
-        ]);
-        this.Fullscreen = Fullscreen;
-        this.reactiveUtils = reactiveUtils;
-    }
-    /**
-     * Initialize the search widget
-     *
-     * @protected
-     */
-    async _initFullscreenWidget() {
-        if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
-            this.fullscreenWidget = new this.Fullscreen({
-                view: this.mapView
-            });
-            await this.fullscreenWidget.when(() => {
-                if (this._fullscreenStateChangeHandle) {
-                    this._fullscreenStateChangeHandle.remove();
-                }
-                this._fullscreenStateChangeHandle = this.reactiveUtils.watch(() => this.fullscreenWidget.viewModel.state, (state) => this.fullscreenStateChange.emit(state));
-            });
-        }
-        else if (this.fullscreenWidget) {
-            this.fullscreenWidget.view = this.mapView;
-        }
-    }
-    static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
-    }; }
-};
-MapFullscreen.style = mapFullscreenCss;
-
-export { MapFullscreen as map_fullscreen };