@esri/solutions-components 0.8.3 → 0.8.5

package/dist/cjs/buffer-tools.cjs.entry.js

@@ -1,257 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b53bfd7c.js');
-const loadModules = require('./loadModules-b5f244cd.js');
-const locale = require('./locale-42a9e623.js');
-require('./esri-loader-5b8fbfa4.js');
-require('./_commonjsHelpers-ed90c4ad.js');
-
-const bufferToolsCss = ":host{display:block}.c-container{display:inline-flex}.flex-1{flex:\"1\"}.padding-end-1{padding-inline-end:1rem}.w-50{width:50%}";
-
-const BufferTools = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bufferComplete = index.createEvent(this, "bufferComplete", 7);
-        this.distanceChanged = index.createEvent(this, "distanceChanged", 7);
-        this.unitChanged = index.createEvent(this, "unitChanged", 7);
-        this.appearance = "text";
-        this.distance = 0;
-        this.geometries = [];
-        this.max = undefined;
-        this.min = 0;
-        this.sliderTicks = 10;
-        this.unionResults = true;
-        this.unit = "meters";
-        this.disabled = false;
-        this._translations = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Called each time the geometries prop is changed.
-     * Buffer each of the geometries.
-     *
-     */
-    geometriesWatchHandler() {
-        this._buffer();
-    }
-    disabledWatchHandler() {
-        this._buffer();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Get the translated unit for display
-     *
-     * @returns Promise resolving with the translated unit
-     */
-    async getTranslatedUnit(unit) {
-        if (!this._units) {
-            await this._defineTranslations();
-        }
-        return this._units[unit];
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._defineTranslations();
-        await this._initModules();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, null, this.appearance === "text" ? this._getTextBoxDisplay() : this._getSliderDisplay()));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Loads translations and defines unit names using those translations.
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _defineTranslations() {
-        await this._getTranslations();
-        this._initTranslatedUnits();
-    }
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [geometryEngine] = await loadModules.loadModules([
-            "esri/geometry/geometryEngine"
-        ]);
-        this._geometryEngine = geometryEngine;
-    }
-    /**
-     * Init the lookup hash for translated units
-     *
-     * @protected
-     */
-    _initTranslatedUnits() {
-        this._units = {
-            "feet": this._translations.feet,
-            "meters": this._translations.meters,
-            "miles": this._translations.miles,
-            "kilometers": this._translations.kilometers
-        };
-    }
-    /**
-     * Gets the nodes for each of the possible distance units
-     *
-     * @returns An array of option nodes
-     *
-     * @protected
-     */
-    _getUnits() {
-        return Object.keys(this._units).map(u => {
-            return (index.h("calcite-option", { label: this._units[u], selected: this.unit === u, value: u }));
-        });
-    }
-    /**
-     * Store the user defined distance value and create a buffer
-     *
-     * @param event the event from the calcite input control
-     *
-     * @protected
-     */
-    _setDistance(event) {
-        const v = parseInt(event.target.value, 10);
-        if (this.distance !== v && v >= this.min) {
-            this.distanceChanged.emit({
-                oldValue: this.distance,
-                newValue: v
-            });
-            this.distance = v;
-            if (this.distance > 0) {
-                this._buffer();
-            }
-            else {
-                this.bufferComplete.emit(undefined);
-            }
-        }
-    }
-    /**
-     * Store the user defined unit value and create a buffer
-     *
-     * @protected
-     */
-    _setUnit(unit) {
-        this.unitChanged.emit({
-            oldValue: this.unit,
-            newValue: unit
-        });
-        this.unit = unit;
-        this._buffer();
-    }
-    /**
-     * Create buffer geometry based on the user defined unit and distance
-     *
-     * @protected
-     */
-    _buffer() {
-        if (!this.disabled) {
-            if (this._bufferTimeout) {
-                clearTimeout(this._bufferTimeout);
-            }
-            this._bufferTimeout = setTimeout(() => {
-                var _a;
-                if (((_a = this.geometries) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.unit && this.distance > 0) {
-                    const geom = this.geometries[0];
-                    const sr = geom.spatialReference;
-                    const buffer = (sr.isWGS84 || sr.isWebMercator) ?
-                        this._geometryEngine.geodesicBuffer(this.geometries, this.distance, this.unit, this.unionResults) : this._geometryEngine.buffer(this.geometries, this.distance, this.unit, this.unionResults);
-                    this.bufferComplete.emit(buffer);
-                }
-            }, 400);
-        }
-        else {
-            this.bufferComplete.emit(undefined);
-        }
-    }
-    /**
-     * Render distance and unit as calcite input and select controls
-     * This option will be used when the "appearance" prop is set to "text"
-     *
-     * @returns a node with the supporting controls
-     *
-     * @protected
-     */
-    _getTextBoxDisplay() {
-        return (index.h("div", { class: "c-container" }, index.h("calcite-input", { class: "padding-end-1 w-50", max: this.max && this.max > 0 ? this.max : undefined, min: this.min, "number-button-type": "vertical", onCalciteInputInput: (evt) => this._setDistance(evt), placeholder: "0", type: "number", value: this.distance ? this.distance.toString() : undefined }), index.h("calcite-select", { class: "flex-1 w-50", label: "label", onCalciteSelectChange: () => this._setUnit(this._unitElement.value), ref: (el) => { this._unitElement = el; } }, this._getUnits())));
-    }
-    /**
-     * Render distance control as a slider
-     * This option will be used when the "appearance" prop is set to "slider"
-     *
-     * @returns a node with the supporting control
-     *
-     * @protected
-     */
-    _getSliderDisplay() {
-        return (index.h("div", null, index.h("calcite-slider", { labelHandles: true, max: this.max && this.max > 0 ? this.max : undefined, min: this.min, ticks: this.sliderTicks })));
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await locale.getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    /** Provides access to protected methods for unit testing.
-    *
-    *  @param methodName Name of protected method to run
-    *  @param arg1 First argument to forward to method, e.g., for "_setDistance", `CustomEvent`
-    *  @returns
-    */
-    _testAccess(methodName, arg1) {
-        switch (methodName) {
-            case "_setUnit":
-                return this._setUnit(arg1);
-            case "_setDistance":
-                return this._setDistance(arg1);
-        }
-        return null;
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "geometries": ["geometriesWatchHandler"],
-        "disabled": ["disabledWatchHandler"]
-    }; }
-};
-BufferTools.style = bufferToolsCss;
-
-exports.buffer_tools = BufferTools;

package/dist/cjs/ca-e4d2f562.js

@@ -1,72 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-9e93f694.js');
-require('./index-b53bfd7c.js');
-require('./form-da52e819.js');
-require('./dom-cf1e2e9f.js');
-require('./guid-ae73cd27.js');
-require('./resources-a2b1b149.js');
-require('./interactive-08e5bc95.js');
-require('./browser-fe25aefa.js');
-require('./key-86f4a0b0.js');
-require('./label-24b05042.js');
-require('./component-ac7c3bd8.js');
-require('./loadable-41446b78.js');
-require('./locale-a615b02f.js');
-require('./observers-5923a7cc.js');
-require('./focusTrapComponent-946b0666.js');
-require('./time-4a9bf7e2.js');
-require('./math-318a1646.js');
-require('./t9n-463dcbff.js');
-require('./openCloseComponent-8d9cb545.js');
-require('./Validation-20182093.js');
-
-// Catalan [ca]
-var locale = {
-  name: 'ca',
-  weekdays: 'Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte'.split('_'),
-  weekdaysShort: 'Dg._Dl._Dt._Dc._Dj._Dv._Ds.'.split('_'),
-  weekdaysMin: 'Dg_Dl_Dt_Dc_Dj_Dv_Ds'.split('_'),
-  months: 'Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre'.split('_'),
-  monthsShort: 'Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.'.split('_'),
-  weekStart: 1,
-  formats: {
-    LT: 'H:mm',
-    LTS: 'H:mm:ss',
-    L: 'DD/MM/YYYY',
-    LL: 'D MMMM [de] YYYY',
-    LLL: 'D MMMM [de] YYYY [a les] H:mm',
-    LLLL: 'dddd D MMMM [de] YYYY [a les] H:mm',
-    ll: 'D MMM YYYY',
-    lll: 'D MMM YYYY, H:mm',
-    llll: 'ddd D MMM YYYY, H:mm'
-  },
-  relativeTime: {
-    future: 'd\'aquí %s',
-    past: 'fa %s',
-    s: 'uns segons',
-    m: 'un minut',
-    mm: '%d minuts',
-    h: 'una hora',
-    hh: '%d hores',
-    d: 'un dia',
-    dd: '%d dies',
-    M: 'un mes',
-    MM: '%d mesos',
-    y: 'un any',
-    yy: '%d anys'
-  },
-  ordinal: function ordinal(n) {
-    var ord;
-    if (n === 1 || n === 3) ord = 'r';else if (n === 2) ord = 'n';else if (n === 4) ord = 't';else ord = 'è';
-    return "" + n + ord;
-  }
-};
-calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
-
-exports.default = locale;

package/dist/cjs/calcite-action-menu.cjs.entry.js

@@ -1,295 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b53bfd7c.js');
-const array = require('./array-6ea3edb8.js');
-const dom = require('./dom-cf1e2e9f.js');
-const guid = require('./guid-ae73cd27.js');
-const key = require('./key-86f4a0b0.js');
-const loadable = require('./loadable-41446b78.js');
-const resources = require('./resources-555dae0e.js');
-require('./resources-a2b1b149.js');
-
-const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
-
-const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
-const ActionMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.calciteActionMenuOpen = index.createEvent(this, "calciteActionMenuOpen", 6);
-        this.actionElements = [];
-        this.guid = `calcite-action-menu-${guid.guid()}`;
-        this.menuId = `${this.guid}-menu`;
-        this.menuButtonId = `${this.guid}-menu-button`;
-        // --------------------------------------------------------------------------
-        //
-        //  Component Methods
-        //
-        // --------------------------------------------------------------------------
-        this.connectMenuButtonEl = () => {
-            const { menuButtonId, menuId, open, label } = this;
-            const menuButtonEl = this.slottedMenuButtonEl || this.defaultMenuButtonEl;
-            if (this.menuButtonEl === menuButtonEl) {
-                return;
-            }
-            this.disconnectMenuButtonEl();
-            this.menuButtonEl = menuButtonEl;
-            this.setTooltipReferenceElement();
-            if (!menuButtonEl) {
-                return;
-            }
-            menuButtonEl.active = open;
-            menuButtonEl.setAttribute("aria-controls", menuId);
-            menuButtonEl.setAttribute("aria-expanded", dom.toAriaBoolean(open));
-            menuButtonEl.setAttribute("aria-haspopup", "true");
-            if (!menuButtonEl.id) {
-                menuButtonEl.id = menuButtonId;
-            }
-            if (!menuButtonEl.label) {
-                menuButtonEl.label = label;
-            }
-            if (!menuButtonEl.text) {
-                menuButtonEl.text = label;
-            }
-            menuButtonEl.addEventListener("pointerdown", this.menuButtonClick);
-            menuButtonEl.addEventListener("keydown", this.menuButtonKeyDown);
-        };
-        this.disconnectMenuButtonEl = () => {
-            const { menuButtonEl } = this;
-            if (!menuButtonEl) {
-                return;
-            }
-            menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick);
-            menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown);
-        };
-        this.setMenuButtonEl = (event) => {
-            const actions = event.target
-                .assignedElements({
-                flatten: true,
-            })
-                .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
-            this.slottedMenuButtonEl = actions[0];
-            this.connectMenuButtonEl();
-        };
-        this.setDefaultMenuButtonEl = (el) => {
-            this.defaultMenuButtonEl = el;
-            this.connectMenuButtonEl();
-        };
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleCalciteActionClick = () => {
-            this.open = false;
-            this.setFocus();
-        };
-        this.menuButtonClick = (event) => {
-            if (!dom.isPrimaryPointerButton(event)) {
-                return;
-            }
-            this.toggleOpen();
-        };
-        this.updateTooltip = (event) => {
-            const tooltips = event.target
-                .assignedElements({
-                flatten: true,
-            })
-                .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
-            this.tooltipEl = tooltips[0];
-            this.setTooltipReferenceElement();
-        };
-        this.setTooltipReferenceElement = () => {
-            const { tooltipEl, expanded, menuButtonEl, open } = this;
-            if (tooltipEl) {
-                tooltipEl.referenceElement = !expanded && !open ? menuButtonEl : null;
-            }
-        };
-        this.updateAction = (action, index) => {
-            const { guid, activeMenuItemIndex } = this;
-            const id = `${guid}-action-${index}`;
-            action.tabIndex = -1;
-            action.setAttribute("role", "menuitem");
-            if (!action.id) {
-                action.id = id;
-            }
-            // data attribute is used to style the "activeMenuItemIndex" action using token focus styling.
-            action.toggleAttribute(resources.activeAttr, index === activeMenuItemIndex);
-        };
-        this.updateActions = (actions) => {
-            actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
-        };
-        this.handleDefaultSlotChange = (event) => {
-            const actions = event.target
-                .assignedElements({
-                flatten: true,
-            })
-                .reduce((previousValue, currentValue) => {
-                if (currentValue === null || currentValue === void 0 ? void 0 : currentValue.matches("calcite-action")) {
-                    previousValue.push(currentValue);
-                    return previousValue;
-                }
-                if (currentValue === null || currentValue === void 0 ? void 0 : currentValue.matches("calcite-action-group")) {
-                    return previousValue.concat(Array.from(currentValue.querySelectorAll("calcite-action")));
-                }
-                return previousValue;
-            }, []);
-            this.actionElements = actions.filter((action) => !action.disabled && !action.hidden);
-        };
-        this.menuButtonKeyDown = (event) => {
-            const { key: key$1 } = event;
-            const { actionElements, activeMenuItemIndex, open } = this;
-            if (!actionElements.length) {
-                return;
-            }
-            if (key.isActivationKey(key$1)) {
-                event.preventDefault();
-                if (!open) {
-                    this.toggleOpen();
-                    return;
-                }
-                const action = actionElements[activeMenuItemIndex];
-                action ? action.click() : this.toggleOpen(false);
-            }
-            if (key$1 === "Tab") {
-                this.open = false;
-                return;
-            }
-            if (key$1 === "Escape") {
-                this.toggleOpen(false);
-                event.preventDefault();
-                return;
-            }
-            this.handleActionNavigation(event, key$1, actionElements);
-        };
-        this.handleActionNavigation = (event, key, actions) => {
-            if (!this.isValidKey(key, SUPPORTED_MENU_NAV_KEYS)) {
-                return;
-            }
-            event.preventDefault();
-            if (!this.open) {
-                this.toggleOpen();
-                if (key === "Home" || key === "ArrowDown") {
-                    this.activeMenuItemIndex = 0;
-                }
-                if (key === "End" || key === "ArrowUp") {
-                    this.activeMenuItemIndex = actions.length - 1;
-                }
-                return;
-            }
-            if (key === "Home") {
-                this.activeMenuItemIndex = 0;
-            }
-            if (key === "End") {
-                this.activeMenuItemIndex = actions.length - 1;
-            }
-            const currentIndex = this.activeMenuItemIndex;
-            if (key === "ArrowUp") {
-                this.activeMenuItemIndex = array.getRoundRobinIndex(Math.max(currentIndex - 1, -1), actions.length);
-            }
-            if (key === "ArrowDown") {
-                this.activeMenuItemIndex = array.getRoundRobinIndex(currentIndex + 1, actions.length);
-            }
-        };
-        this.toggleOpenEnd = () => {
-            this.setFocus();
-            this.el.removeEventListener("calcitePopoverOpen", this.toggleOpenEnd);
-        };
-        this.toggleOpen = (value = !this.open) => {
-            this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
-            this.open = value;
-        };
-        this.handlePopoverOpen = () => {
-            this.open = true;
-        };
-        this.handlePopoverClose = () => {
-            this.open = false;
-        };
-        this.appearance = "solid";
-        this.expanded = false;
-        this.flipPlacements = undefined;
-        this.label = undefined;
-        this.open = false;
-        this.overlayPositioning = "absolute";
-        this.placement = "auto";
-        this.scale = undefined;
-        this.menuButtonEl = undefined;
-        this.activeMenuItemIndex = -1;
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        this.connectMenuButtonEl();
-    }
-    componentWillLoad() {
-        loadable.setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        loadable.setComponentLoaded(this);
-    }
-    disconnectedCallback() {
-        this.disconnectMenuButtonEl();
-    }
-    expandedHandler() {
-        this.open = false;
-        this.setTooltipReferenceElement();
-    }
-    openHandler(open) {
-        this.activeMenuItemIndex = this.open ? 0 : -1;
-        if (this.menuButtonEl) {
-            this.menuButtonEl.active = open;
-        }
-        this.calciteActionMenuOpen.emit();
-        this.setTooltipReferenceElement();
-    }
-    activeMenuItemIndexHandler() {
-        this.updateActions(this.actionElements);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Methods
-    //
-    // --------------------------------------------------------------------------
-    /** Sets focus on the component. */
-    async setFocus() {
-        await loadable.componentFocusable(this);
-        return dom.focusElement(this.menuButtonEl);
-    }
-    renderMenuButton() {
-        const { appearance, label, scale, expanded } = this;
-        const menuButtonSlot = (index.h("slot", { name: resources.SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, index.h("calcite-action", { appearance: appearance, class: resources.CSS.defaultTrigger, icon: resources.ICONS.menu, scale: scale, text: label, textEnabled: expanded,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setDefaultMenuButtonEl })));
-        return menuButtonSlot;
-    }
-    renderMenuItems() {
-        const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements, } = this;
-        const activeAction = actionElements[activeMenuItemIndex];
-        const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
-        return (index.h("calcite-popover", { autoClose: true, flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, onCalcitePopoverClose: this.handlePopoverClose, onCalcitePopoverOpen: this.handlePopoverOpen, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, index.h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: resources.CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, index.h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
-    }
-    render() {
-        return (index.h(index.Fragment, null, this.renderMenuButton(), this.renderMenuItems(), index.h("slot", { name: resources.SLOTS.tooltip, onSlotchange: this.updateTooltip })));
-    }
-    isValidKey(key, supportedKeys) {
-        return !!supportedKeys.find((k) => k === key);
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "expanded": ["expandedHandler"],
-        "open": ["openHandler"],
-        "activeMenuItemIndex": ["activeMenuItemIndexHandler"]
-    }; }
-};
-ActionMenu.style = actionMenuCss;
-
-exports.calcite_action_menu = ActionMenu;