@esri/solutions-components 0.8.67 → 0.9.0

package/dist/solutions-components/feature-list.entry.js

@@ -1,301 +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, g as getElement } from './index-0eecd45f.js';
-import { l as loadModules } from './loadModules-18662c29.js';
-import { P as PopupUtils } from './popupUtils-c60ca656.js';
-import { g as getLayerOrTable, c as getFeatureLayerView, h as highlightFeatures } from './mapViewUtils-d4946a31.js';
-import { g as getLocaleComponentStrings } from './locale-448ea937.js';
-import './esri-loader-5bf2f164.js';
-import './_commonjsHelpers-9cd17aec.js';
-import './downloadUtils-238038d2.js';
-import './queryUtils-2ee0f383.js';
-import './index-a879e1d6.js';
-import './index-a1e91462.js';
-import './interfaces-586e863c.js';
-
-const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;padding:10px 12px;white-space:pre-line}.feature-list-popup-title-small{font-size:small;padding:10px 12px;white-space:pre-line}";
-
-const FeatureList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.featureSelect = createEvent(this, "featureSelect", 7);
-        this.selectedLayerId = undefined;
-        this.mapView = undefined;
-        this.noFeaturesFoundMsg = undefined;
-        this.pageSize = 100;
-        this.highlightOnMap = false;
-        this.highlightOnHover = false;
-        this.sortingInfo = undefined;
-        this.whereClause = undefined;
-        this.textSize = "large";
-        this.showInitialLoading = true;
-        this.showErrorWhenNoFeatures = true;
-        this._featureItems = [];
-        this._featuresCount = 0;
-        this._isLoading = false;
-        this._translations = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Watch for selectedLayerId change and update layer instance and features list for new layerId
-     */
-    async selectedLayerWatchHandler() {
-        this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
-        await this.initializeFeatureItems();
-    }
-    /**
-     * Watch for sorting field or order change and update the features list
-     */
-    async sortingInfoWatchHandler() {
-        await this.initializeFeatureItems();
-    }
-    /**
-     * Watch for whereclause change and update the features list
-     */
-    async whereClauseHandler() {
-        await this.initializeFeatureItems();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    /**
-     * Refresh the feature list which will fetch the latest features and update the features list
-     * @returns Promise that resolves when the operation is complete
-     */
-    async refresh() {
-        await this.initializeFeatureItems();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this.initModules();
-        await this._getTranslations();
-        this._isLoading = this.showInitialLoading;
-        this._popupUtils = new PopupUtils();
-        if (this.mapView && this.selectedLayerId) {
-            this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
-        }
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this.initializeFeatureItems();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h("calcite-panel", { key: '3d7b707a73bb6c4d566515e50cf2baa155e60816', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '50294111fb6c1e52e727b03e54ca83fc498ca3b9', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '8dd48fc33e2a9825a95b0d0d50424baf431fed55', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '6ff0dc700cdf40fe6929a9777bca8ebc6325f1ed', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '2412a7b41ab87bfee803460bdea0395ca609d55a', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: '4216b02c264cf88472082f1c6f3cd466bd77d166', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '2bb39768d0fbd0d863b075b0e2e6b750c5f7c2a1', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-   * Load esri javascript api modules
-   * @returns Promise resolving when function is done
-   * @protected
-   */
-    async initModules() {
-        const [Color] = await loadModules([
-            "esri/Color"
-        ]);
-        this.Color = Color;
-    }
-    /**
-     * Return the where condition string considering the defined where clause and layer's definition expression
-     * @protected
-     */
-    getWhereCondition() {
-        var _a;
-        //By Default load all the features
-        let whereClause = '1=1';
-        //if where clause is defined use it
-        if (this.whereClause) {
-            whereClause = this.whereClause;
-        }
-        //if layer has definitionExpression append it to the where clause
-        if ((_a = this._selectedLayer) === null || _a === void 0 ? void 0 : _a.definitionExpression) {
-            whereClause = whereClause + ' AND ' + this._selectedLayer.definitionExpression;
-        }
-        return whereClause;
-    }
-    /**
-     * Initialize the features list using the selected layer
-     * @protected
-     */
-    async initializeFeatureItems() {
-        var _a;
-        if (this._selectedLayer) {
-            void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
-            this._isLoading = this.showInitialLoading;
-            this._featureItems = await this.queryPage(0);
-            const query = {
-                where: this.getWhereCondition()
-            };
-            this._featuresCount = await this._selectedLayer.queryFeatureCount(query);
-            this._isLoading = false;
-        }
-    }
-    /**
-     * On page change get the next updated feature list
-     * @param event page change event
-     * @protected
-     */
-    async pageChanged(event) {
-        this._isLoading = true;
-        if (this._highlightHandle) {
-            this._highlightHandle.remove();
-            this._highlightHandle = null;
-        }
-        const page = event.target.startItem - 1;
-        this._featureItems = await this.queryPage(page);
-        this._isLoading = false;
-    }
-    /**
-     * On feature click in feature list highlight the feature on the map
-     * @param event feature clicked event
-     * @param selectedFeature selected feature graphic
-     * @protected
-     */
-    async featureClicked(event, selectedFeature) {
-        //clear previous highlight and remove the highlightHandle
-        this.clearHighlights();
-        //highlight on map only if it is selected item
-        if (this.highlightOnMap) {
-            const selectedFeatureObjectId = Number(event.target.value);
-            const selectedLayerView = await getFeatureLayerView(this.mapView, this.selectedLayerId);
-            this._highlightHandle = await highlightFeatures([selectedFeatureObjectId], selectedLayerView, this.mapView, true);
-        }
-        await this.emitSelectedFeature(selectedFeature);
-    }
-    /**
-     * Emit selected feature with its complete graphics and attributes
-     * @param graphic selected feature graphic
-     * @protected
-     */
-    async emitSelectedFeature(graphic) {
-        const layer = graphic.layer;
-        const query = layer.createQuery();
-        query.returnGeometry = true;
-        query.objectIds = [graphic.getObjectId()];
-        const completeGraphic = await layer.queryFeatures(query);
-        this.featureSelect.emit(completeGraphic.features[0]);
-    }
-    /**
-     * On feature hover in feature list highlight the feature on the map
-     * @param selectedFeature mouse hovered feature graphic
-     * @protected
-     */
-    async onFeatureHover(selectedFeature) {
-        //clear previous highlight and remove the highlightHandle
-        this.clearHighlights();
-        if (this.highlightOnHover) {
-            const oId = selectedFeature.getObjectId();
-            const selectedLayerView = await getFeatureLayerView(this.mapView, this.selectedLayerId);
-            selectedLayerView.highlightOptions = { color: new this.Color("#FFFF00") };
-            this._highlightHandle = selectedLayerView.highlight([oId]);
-        }
-    }
-    /**
-     * Clears the highlight
-     * @protected
-     */
-    clearHighlights() {
-        //if a feature is already highlighted, then remove the highlight
-        if (this._highlightHandle) {
-            this._highlightHandle.remove();
-        }
-    }
-    /**
-     * Query the selected feature layer, in descending order of object id's
-     * @param page 0th page number in the pagination item
-     * @returns List of features items to be rendered
-     * @protected
-     */
-    async queryPage(page) {
-        var _a, _b;
-        const featureLayer = this._selectedLayer;
-        const sortField = ((_a = this.sortingInfo) === null || _a === void 0 ? void 0 : _a.field) ? this.sortingInfo.field : featureLayer.objectIdField;
-        const sortOrder = ((_b = this.sortingInfo) === null || _b === void 0 ? void 0 : _b.order) ? this.sortingInfo.order : 'desc';
-        const query = {
-            start: page,
-            num: this.pageSize,
-            outFields: ["*"],
-            returnGeometry: true,
-            where: this.getWhereCondition(),
-            outSpatialReference: this.mapView.spatialReference.toJSON()
-        };
-        //sort only when sort field and order is valid
-        if (sortField && sortOrder) {
-            query.orderByFields = [sortField.toString() + " " + sortOrder];
-        }
-        const featureSet = await featureLayer.queryFeatures(query);
-        return await this.createFeatureItem(featureSet);
-    }
-    /**
-     * Creates list of items using the popup titles
-     * @param featureSet Queried FeatureSet
-     * @returns List of features items to be rendered
-     * @protected
-     */
-    async createFeatureItem(featureSet) {
-        const currentFeatures = featureSet === null || featureSet === void 0 ? void 0 : featureSet.features;
-        const items = currentFeatures.map(async (feature) => {
-            const popupTitle = await this._popupUtils.getPopupTitle(feature, this.mapView.map);
-            return this.getFeatureItem(feature, popupTitle);
-        });
-        return Promise.all(items);
-    }
-    /**
-     * Get each feature item
-     * @param selectedFeature Each individual feature instance to be listed
-     * @param popupTitle feature popup title
-     * @returns individual feature item to be rendered
-     * @protected
-     */
-    getFeatureItem(selectedFeature, popupTitle) {
-        //get the object id value of the feature
-        const oId = selectedFeature.attributes[this._selectedLayer.objectIdField].toString();
-        //use object id if popupTitle is null or undefined
-        popupTitle = popupTitle !== null && popupTitle !== void 0 ? popupTitle : oId;
-        const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
-        return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, h("div", { class: popupTitleClass, slot: "content-start" }, popupTitle), h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
-    }
-    /**
-     * Fetches the component's translations
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "selectedLayerId": ["selectedLayerWatchHandler"],
-        "sortingInfo": ["sortingInfoWatchHandler"],
-        "whereClause": ["whereClauseHandler"]
-    }; }
-};
-FeatureList.style = featureListCss;
-
-export { FeatureList as feature_list };

package/dist/solutions-components/features-flow-item.entry.js

@@ -1,56 +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, a as Host, g as getElement } from './index-0eecd45f.js';
-
-const featuresFlowItemCss = ":host{display:block}";
-
-const FeaturesFlowItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    render() {
-        return (h(Host, { key: 'eb455611b9248308ef11de0f2b03cb35bbc77e5b' }, h("slot", { key: 'f9829297423e86f028c1415e6c7d27c0967b9e8e' })));
-    }
-    get el() { return getElement(this); }
-};
-FeaturesFlowItem.style = featuresFlowItemCss;
-
-export { FeaturesFlowItem as features_flow_item };

package/dist/solutions-components/fi-fe995ecb.js

@@ -1,114 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-c336a83c.js';
-import './index-0eecd45f.js';
-import './form-cd789357.js';
-import './dom-1f06a111.js';
-import './guid-f05d01d5.js';
-import './resources-be0262db.js';
-import './interactive-179483f5.js';
-import './browser-920df963.js';
-import './key-15222297.js';
-import './label-c34ec0cf.js';
-import './component-960ddabf.js';
-import './loadable-5f2ac40f.js';
-import './locale-1b4d548e.js';
-import './observers-81ed4977.js';
-import './focusTrapComponent-fb975f9c.js';
-import './time-d753f161.js';
-import './math-81650811.js';
-import './t9n-2df2d559.js';
-import './openCloseComponent-739f40b7.js';
-import './Validation-b3331c79.js';
-
-// Finnish [fi]
-
-function relativeTimeFormatter(number, withoutSuffix, key, isFuture) {
-  var past = {
-    s: 'muutama sekunti',
-    m: 'minuutti',
-    mm: '%d minuuttia',
-    h: 'tunti',
-    hh: '%d tuntia',
-    d: 'päivä',
-    dd: '%d päivää',
-    M: 'kuukausi',
-    MM: '%d kuukautta',
-    y: 'vuosi',
-    yy: '%d vuotta',
-    numbers: 'nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän'.split('_')
-  };
-  var future = {
-    s: 'muutaman sekunnin',
-    m: 'minuutin',
-    mm: '%d minuutin',
-    h: 'tunnin',
-    hh: '%d tunnin',
-    d: 'päivän',
-    dd: '%d päivän',
-    M: 'kuukauden',
-    MM: '%d kuukauden',
-    y: 'vuoden',
-    yy: '%d vuoden',
-    numbers: 'nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän'.split('_')
-  };
-  var words = isFuture && !withoutSuffix ? future : past;
-  var result = words[key];
-
-  if (number < 10) {
-    return result.replace('%d', words.numbers[number]);
-  }
-
-  return result.replace('%d', number);
-}
-
-var locale = {
-  name: 'fi',
-  // Finnish
-  weekdays: 'sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai'.split('_'),
-  // Note weekdays are not capitalized in Finnish
-  weekdaysShort: 'su_ma_ti_ke_to_pe_la'.split('_'),
-  // There is no short form of weekdays in Finnish except this 2 letter format so it is used for both 'weekdaysShort' and 'weekdaysMin'
-  weekdaysMin: 'su_ma_ti_ke_to_pe_la'.split('_'),
-  months: 'tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu'.split('_'),
-  // Note month names are not capitalized in Finnish
-  monthsShort: 'tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu'.split('_'),
-  ordinal: function ordinal(n) {
-    return n + ".";
-  },
-  weekStart: 1,
-  yearStart: 4,
-  relativeTime: {
-    future: '%s päästä',
-    past: '%s sitten',
-    s: relativeTimeFormatter,
-    m: relativeTimeFormatter,
-    mm: relativeTimeFormatter,
-    h: relativeTimeFormatter,
-    hh: relativeTimeFormatter,
-    d: relativeTimeFormatter,
-    dd: relativeTimeFormatter,
-    M: relativeTimeFormatter,
-    MM: relativeTimeFormatter,
-    y: relativeTimeFormatter,
-    yy: relativeTimeFormatter
-  },
-  formats: {
-    LT: 'HH.mm',
-    LTS: 'HH.mm.ss',
-    L: 'DD.MM.YYYY',
-    LL: 'D. MMMM[ta] YYYY',
-    LLL: 'D. MMMM[ta] YYYY, [klo] HH.mm',
-    LLLL: 'dddd, D. MMMM[ta] YYYY, [klo] HH.mm',
-    l: 'D.M.YYYY',
-    ll: 'D. MMM YYYY',
-    lll: 'D. MMM YYYY, [klo] HH.mm',
-    llll: 'ddd, D. MMM YYYY, [klo] HH.mm'
-  }
-};
-dayjs.locale(locale, null, true);
-
-export { locale as default };

package/dist/solutions-components/filter-e3e2b01f.js

@@ -1,46 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { e as escapeRegExp, f as forIn } from './lodash-98e4b7d0.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const filter = (data, value) => {
-    const escapedValue = escapeRegExp(value);
-    const regex = new RegExp(escapedValue, "i");
-    if (data.length === 0) {
-        console.warn(`No data was passed to the filter function.
-    The data argument should be an array of objects`);
-    }
-    const find = (input, RE) => {
-        if (input?.constant || input?.filterDisabled) {
-            return true;
-        }
-        let found = false;
-        forIn(input, (val) => {
-            if (typeof val === "function" || val == null /* intentional == to catch undefined */) {
-                return;
-            }
-            if (Array.isArray(val) || (typeof val === "object" && val !== null)) {
-                if (find(val, RE)) {
-                    found = true;
-                }
-            }
-            else if (RE.test(val)) {
-                found = true;
-            }
-        });
-        return found;
-    };
-    const result = data.filter((item) => {
-        return find(item, regex);
-    });
-    return result;
-};
-
-export { filter as f };