@esri/solutions-components 0.11.29 → 0.11.31

package/dist/esm/instant-apps-measurement-tool.entry.js

@@ -1,136 +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, h, H as Host, g as getElement } from './index-df5db8e9.js';
-import { l as loadModules } from './loadModules-947ccfd4.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-
-const instantAppsMeasurementToolCss = ".sc-instant-apps-measurement-tool-h .esri-measurement.sc-instant-apps-measurement-tool,.sc-instant-apps-measurement-tool-h .esri-coordinate-conversion.sc-instant-apps-measurement-tool{width:300px}.sc-instant-apps-measurement-tool-h .instant-apps-measurement-tool__hide.sc-instant-apps-measurement-tool{display:none}";
-const InstantAppsMeasurementToolStyle0 = instantAppsMeasurementToolCss;
-
-const base = 'instant-apps-measurement-tool';
-const CSS = {
-    base,
-    hide: `${base}__hide`,
-};
-const InstantAppsMeasurementTool = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.view = undefined;
-        this.measureConfiguration = undefined;
-        this.activeTool = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    async componentWillLoad() {
-        await this._initModules();
-    }
-    componentDidLoad() {
-        this._init();
-    }
-    render() {
-        return (h(Host, { key: 'eabd8e43ae6d095e02bcc99935a2069ba620d66a' }, h("div", { key: '5bb33f7f1785e60e4cde37ee8ba08bae4681751d', class: CSS.base }, h("div", { key: '8826eb9665c17f8eed640e0bcab3cff50a02ec23', ref: el => {
-                this._measureElement = el;
-            } }), h("div", { key: '0e3b7364403866976f5e6578c08b8fdc50d1e33f', class: CSS.hide, ref: el => {
-                this._coordinateElement = el;
-            } }))));
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this._measureWidget) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = this._coordinateWidget) === null || _b === void 0 ? void 0 : _b.destroy();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [Measurement, CoordinateConversion, Conversion] = await loadModules([
-            'esri/widgets/Measurement',
-            'esri/widgets/CoordinateConversion',
-            'esri/widgets/CoordinateConversion/support/Conversion',
-        ]);
-        this.Measurement = Measurement;
-        this.CoordinateConversion = CoordinateConversion;
-        this.Conversion = Conversion;
-    }
-    /**
-     * Initialize the measurement widget
-     *
-     */
-    _init() {
-        this._initMeasurementWidget();
-        this._initCoordinateWidget();
-    }
-    _updateToolType(tool) {
-        this._setActiveTool(tool);
-    }
-    /**
-     * Initialize the measurement widget and listen to key events
-     *
-     * @protected
-     */
-    _initMeasurementWidget() {
-        if (this.view && this._measureElement && !this._measureWidget) {
-            this._measureWidget = new this.Measurement(Object.assign({ view: this.view, container: this._measureElement }, this.measureConfiguration));
-            if (this.measureConfiguration.activeToolType)
-                this._setActiveTool(this.measureConfiguration.activeToolType);
-        }
-    }
-    _setActiveTool(tool) {
-        var _a, _b, _c;
-        const viewType = this.view.type;
-        this._measureWidget.clear();
-        (_a = this._coordinateElement) === null || _a === void 0 ? void 0 : _a.classList.add(CSS.hide);
-        if (tool === 'distance') {
-            this._measureWidget.activeTool = viewType === '2d' ? 'distance' : 'direct-line';
-        }
-        else if (tool === 'area') {
-            this._measureWidget.activeTool = 'area';
-        }
-        else if (tool === 'point') {
-            (_c = (_b = this._coordinateElement) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.remove(CSS.hide);
-        }
-    }
-    _initCoordinateWidget() {
-        var _a, _b;
-        const { activeToolType, coordinateFormat } = this.measureConfiguration;
-        if ((this === null || this === void 0 ? void 0 : this.view) && this._coordinateElement && !this._coordinateWidget) {
-            this._coordinateWidget = new this.CoordinateConversion({ view: this.view, storageEnabled: false, container: this._coordinateElement });
-            if (coordinateFormat != null) {
-                const format = this._coordinateWidget.formats.find(f => {
-                    return f.name === coordinateFormat;
-                });
-                (_b = (_a = this._coordinateWidget) === null || _a === void 0 ? void 0 : _a.conversions) === null || _b === void 0 ? void 0 : _b.splice(0, 0, new this.Conversion({ format }));
-            }
-        }
-        if (activeToolType != null)
-            this._setActiveTool(activeToolType);
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "activeTool": ["_updateToolType"]
-    }; }
-};
-InstantAppsMeasurementTool.style = InstantAppsMeasurementToolStyle0;
-
-export { InstantAppsMeasurementTool as instant_apps_measurement_tool };

package/dist/esm/instant-apps-measurement.entry.js

@@ -1,67 +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, c as createEvent, h, H as Host, g as getElement } from './index-df5db8e9.js';
-import { g as getMessages } from './locale-e02b0e14.js';
-import './loadModules-947ccfd4.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-import './languageUtil-2b6e191a.js';
-
-const instantAppsMeasurementCss = ".sc-instant-apps-measurement-h .sc-instant-apps-measurement.sc-instant-apps-measurement{background:var(--calcite-color-foreground-1)}.sc-instant-apps-measurement-h .active-tool.sc-instant-apps-measurement{--calcite-color-foreground-1:#c7eaff}";
-const InstantAppsMeasurementStyle0 = instantAppsMeasurementCss;
-
-const CSS = {
-    content: 'instant-apps-measurement__content',
-};
-const InstantAppsMeasurement = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.measureActive = createEvent(this, "measureActive", 7);
-        this.messages = undefined;
-        this.view = undefined;
-        this.areaUnit = undefined;
-        this.linearUnit = undefined;
-        this.coordinateFormat = undefined;
-        this.activeToolType = undefined;
-        this.closable = false;
-    }
-    async componentWillLoad() {
-        getMessages(this);
-    }
-    componentDidLoad() { }
-    render() {
-        var _a;
-        return (h(Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, h("calcite-panel", { key: '45dd9e43decdcdc0526139938751d727bd73b3e0', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: '953365a04fd1f977b08d4b9309fdb52d44363b67', slot: "content-top" }, this.renderActionPad()), h("div", { key: '57ce5b75a8aff0d796073bbf2a2f36ea71f65b3c' }, this.renderMeasureToolPanel()))));
-    }
-    renderMeasureToolPanel() {
-        const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;
-        return (h("calcite-panel", { class: CSS.content }, h("instant-apps-measurement-tool", { ref: el => {
-                this.measureTool = el;
-            }, view: view, measureConfiguration: { coordinateFormat, areaUnit, linearUnit, activeToolType } })));
-    }
-    renderActionPad() {
-        const { messages, activeToolType } = this;
-        return (h("calcite-action-pad", { "expand-disabled": true, layout: "horizontal", position: "end" }, h("calcite-action", { class: activeToolType === 'distance' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.line, icon: "measure", scale: "m", "data-value": "distance", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { overlayPositioning: "fixed", "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.line)), h("calcite-action", { class: activeToolType === 'area' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.area, scale: "m", icon: "measure-area", "data-value": "area", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { overlayPositioning: "fixed", "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.area)), h("calcite-action", { class: activeToolType === 'point' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.point, scale: "m", icon: "pin-plus", "data-value": "point", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { overlayPositioning: "fixed", "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.point)), h("calcite-action", { text: messages === null || messages === void 0 ? void 0 : messages.clear, scale: "m", icon: "trash", "data-value": "clear", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { overlayPositioning: "fixed", "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.clear))));
-    }
-    _handleToolClick(e) {
-        var _a, _b, _c, _d;
-        if (!(this === null || this === void 0 ? void 0 : this.measureTool))
-            return;
-        const tool = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.dataset['value'];
-        this.measureTool.activeTool = tool;
-        // clean up active styles
-        const elements = document.getElementsByClassName('active-tool');
-        for (let i = 0; i < (elements === null || elements === void 0 ? void 0 : elements.length); i++) {
-            (_c = (_b = elements[i]) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.remove('active-tool');
-        }
-        (_d = e === null || e === void 0 ? void 0 : e.target) === null || _d === void 0 ? void 0 : _d.classList.add('active-tool');
-        this.measureActive.emit(tool === undefined || tool === 'clear' ? false : true);
-    }
-    get el() { return getElement(this); }
-};
-InstantAppsMeasurement.style = InstantAppsMeasurementStyle0;
-
-export { InstantAppsMeasurement as instant_apps_measurement };

package/dist/esm/instant-apps-popover.entry.js

@@ -1,75 +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, h, g as getElement } from './index-df5db8e9.js';
-import { g as getMessages } from './locale-e02b0e14.js';
-import './loadModules-947ccfd4.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-import './languageUtil-2b6e191a.js';
-
-const instantAppsPopoverCss = ":host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:0.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2:transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px 0;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0;margin-bottom:10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:normal;font-size:0.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3:transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px 0}";
-const InstantAppsPopoverStyle0 = instantAppsPopoverCss;
-
-const CSS = {
-    content: 'instant-apps-popover__content',
-    buttonContainer: 'instant-apps-popover__button-container',
-    action: 'instant-apps-popover__action',
-    actionDisabled: 'instant-apps-popover--action-disabled',
-    img: 'instant-apps-popover__img',
-    footer: 'instant-apps-popover__footer',
-};
-const InstantAppsPopover = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.popoverTitle = undefined;
-        this.subtitle = undefined;
-        this.content = undefined;
-        this.imgSrc = undefined;
-        this.imgAlt = undefined;
-        this.mediaSrc = undefined;
-        this.index = undefined;
-        this.referenceElement = undefined;
-        this.parent = undefined;
-        this.placement = 'trailing-start';
-        this.refId = undefined;
-        this.pagination = false;
-        this.disableAction = false;
-        this.popoverAction = undefined;
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-    }
-    async componentDidLoad() {
-        getMessages(this, this.messageOverrides);
-    }
-    componentDidUpdate() {
-        this.popoverEl.referenceElement = this.referenceElement;
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (h("calcite-popover", { key: '3849f154df2469bc69e860169af0eb64c4f77762', ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { key: '7a718011648474a15322e6857f96b5ffff2a8c0b', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", { key: '2455c7714dce23fe24b30564d02cfbe7c1038a6f' }, h("span", { key: 'f986951bea30dabd88bbafdba5c7bd041999fd4e', id: "subtitle" }, this.subtitle), h("p", { key: 'f2b632aae0a34a0fbbbec3e003cca6f7cfcd9343' }, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
-            _c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
-            _e.size), this.renderPagination())) : null)));
-    }
-    renderPagination() {
-        var _a, _b;
-        const { index, messages, parent } = this;
-        const size = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.instantAppsPopovers) === null || _b === void 0 ? void 0 : _b.size;
-        const isFirst = index === 0;
-        const isLast = index === size - 1;
-        return (h("div", { key: "pagination-button-container", class: CSS.buttonContainer }, !isFirst ? (h("calcite-button", { key: "prev", onClick: () => parent === null || parent === void 0 ? void 0 : parent.previous(), appearance: "outline", kind: "neutral" }, messages === null || messages === void 0 ? void 0 : messages.back)) : null, h("calcite-button", { key: "next", onClick: () => {
-                if (isLast) {
-                    parent === null || parent === void 0 ? void 0 : parent.done();
-                }
-                else {
-                    parent === null || parent === void 0 ? void 0 : parent.next();
-                }
-            } }, isLast ? messages === null || messages === void 0 ? void 0 : messages.done : messages === null || messages === void 0 ? void 0 : messages.next)));
-    }
-    get el() { return getElement(this); }
-};
-InstantAppsPopover.style = InstantAppsPopoverStyle0;
-
-export { InstantAppsPopover as instant_apps_popover };

package/dist/esm/instant-apps-popovers.entry.js

@@ -1,89 +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, h, H as Host, g as getElement } from './index-df5db8e9.js';
-
-const instantAppsPopoversCss = ":host{display:block}";
-const InstantAppsPopoversStyle0 = instantAppsPopoversCss;
-
-const InstantAppsPopovers = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inTour = undefined;
-        this.currentId = undefined;
-        this.instantAppsPopovers = new Map();
-        this.beforeOpen = () => Promise.resolve();
-    }
-    componentWillLoad() {
-        var _a;
-        const popovers = Array.from((_a = this.host.querySelector("[slot='popovers']")) === null || _a === void 0 ? void 0 : _a.children);
-        popovers.forEach((popover, popoverIndex) => {
-            const refId = popover.getAttribute('ref-id');
-            popover.parent = this;
-            popover.index = popoverIndex;
-            this.instantAppsPopovers.set(refId, popover);
-        });
-        this.host.addEventListener('calcitePopoverOpen', e => {
-            const node = e.target;
-            const refId = node.getAttribute('ref-id');
-            this.currentId = refId;
-        });
-    }
-    render() {
-        return (h(Host, { key: '02dd6367b259671584e90cc0961394d9e2c95593' }, h("slot", { key: '97eed5108c00e29ea2efc8f4ec772d3953224d82', name: "popovers" })));
-    }
-    next() {
-        const refIds = Array.from(this.instantAppsPopovers.keys());
-        const index = refIds.indexOf(this.currentId) + 1;
-        const nextId = refIds[index];
-        this.close(this.currentId);
-        this.open(nextId);
-    }
-    previous() {
-        const refIds = Array.from(this.instantAppsPopovers.keys());
-        const index = refIds.indexOf(this.currentId) - 1;
-        const previousId = refIds[index];
-        this.close(this.currentId);
-        this.open(previousId);
-    }
-    done() {
-        this.endTour();
-    }
-    handlePopoverProps(config) {
-        var _a;
-        const popovers = Array.from((_a = this.host.querySelector("[slot='popovers']")) === null || _a === void 0 ? void 0 : _a.children);
-        popovers.forEach(popover => {
-            popover.disableAction = config.disableAction;
-            popover.pagination = config.pagination;
-        });
-    }
-    async open(key) {
-        return this.beforeOpen().then(() => {
-            var _a;
-            const popover = (_a = this.instantAppsPopovers.get(key)) === null || _a === void 0 ? void 0 : _a.firstElementChild;
-            popover.open = true;
-        });
-    }
-    async close(key) {
-        var _a;
-        const popover = (_a = this.instantAppsPopovers.get(key)) === null || _a === void 0 ? void 0 : _a.firstElementChild;
-        popover.open = false;
-    }
-    async beginTour() {
-        this.inTour = true;
-        this.handlePopoverProps({ pagination: true, disableAction: true });
-        const refIds = Array.from(this.instantAppsPopovers.keys());
-        this.open(refIds[0]);
-    }
-    async endTour() {
-        this.close(this.currentId);
-        this.inTour = false;
-        this.handlePopoverProps({ pagination: false, disableAction: false });
-    }
-    get host() { return getElement(this); }
-};
-InstantAppsPopovers.style = InstantAppsPopoversStyle0;
-
-export { InstantAppsPopovers as instant_apps_popovers };