@esri/solutions-components 0.11.30 → 0.11.31

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

@@ -1,475 +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 { l as loadModules } from './loadModules-947ccfd4.js';
-import { b as getLocaleComponentStrings } from './locale-e02b0e14.js';
-import { w as widthBreakpoints } from './breakpoints-3afa0fd9.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-import './languageUtil-2b6e191a.js';
-
-const instantAppsScoreboardCss = ":host{display:block;--instant-apps-scoreboard-background-color:var(--calcite-color-foreground-1);--instant-apps-scoreboard-text-color:var(--calcite-color-text-1);--instant-apps-scoreboard-mobile-position-bottom:0;background-color:var(--instant-apps-scoreboard-background-color);color:var(--instant-apps-scoreboard-text-color)}:host .instant-apps-scoreboard{box-sizing:border-box;border:1px solid var(--calcite-color-border-1);box-shadow:0px 3px 15px rgba(0, 0, 0, 0.2);border-radius:3px}:host .instant-apps-scoreboard calcite-loader{--calcite-loader-padding:1rem}:host .instant-apps-scoreboard__items-container{display:flex}:host .instant-apps-scoreboard__items-container calcite-action{height:100%}:host .instant-apps-scoreboard__items,:host .instant-apps-scoreboard__item{box-sizing:border-box;display:flex}:host .instant-apps-scoreboard__items{list-style-type:none;padding-left:0;margin:0;padding-top:1.75%;padding-bottom:1.75%;width:100%}:host .instant-apps-scoreboard__item{flex-direction:column;justify-content:flex-end;align-items:center;padding:1%}:host .instant-apps-scoreboard__item-label{box-sizing:border-box;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;font-size:1rem;font-weight:400;text-align:center}:host .instant-apps-scoreboard__item-value{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;margin-top:5px;font-size:1.5rem;font-weight:900}:host .instant-apps-scoreboard__item-value-placeholder{display:inline-block;width:32px;height:32px;background-color:var(--calcite-color-foreground-3);border-radius:4px}:host(.instant-apps-scoreboard__position--bottom){bottom:0}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__items{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__item{min-width:10vw;vertical-align:top}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating){left:50%;max-width:calc(100% - 30px);transform:translate(-50%, -15px)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:25vw}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){left:unset;bottom:0;transform:unset;width:100%}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{min-width:unset}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{width:100%;justify-content:space-between}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard{display:flex;justify-content:center;align-items:center;width:10vw;overflow-y:auto}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container{flex-direction:column;height:100%;box-sizing:border-box}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container calcite-action{height:unset;width:100%}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items{flex-direction:column;padding:10px}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__item{padding-top:0.5vh;padding-bottom:0.5vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating){top:15px;left:15px;max-height:calc(100% - 30px)}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:10vw;min-height:35vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned){top:unset;left:unset;transform:unset;height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{justify-content:space-between}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--floating){left:15px}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--floating){left:unset;right:15px}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--pinned){left:0}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--pinned){left:unset;right:0}@media only screen and (min-width: 992px){:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){bottom:var(--instant-apps-scoreboard-mobile-position-bottom)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__item{justify-content:center;min-width:unset;flex-grow:1}}";
-const InstantAppsScoreboardStyle0 = instantAppsScoreboardCss;
-
-// Constants
-const BASE = 'instant-apps-scoreboard';
-const ITEM_LIMIT_FALLBACK = 6;
-const KEY_PREFIX = `${BASE}--`;
-const __BASE__ = `${BASE}__`;
-const MOBILE_BREAKPOINT = widthBreakpoints.medium[1];
-const CSS = {
-    BASE,
-    itemsContainer: `${__BASE__}items-container`,
-    items: `${__BASE__}items`,
-    item: `${__BASE__}item`,
-    label: `${__BASE__}item-label`,
-    value: `${__BASE__}item-value`,
-    valuePlaceholder: `${__BASE__}item-value-placeholder`,
-    position: {
-        bottom: `${__BASE__}position--bottom`,
-        side: `${__BASE__}position--side`,
-        left: `${__BASE__}position--left`,
-        right: `${__BASE__}position--right`,
-    },
-    mode: {
-        floating: `${__BASE__}mode--floating`,
-        pinned: `${__BASE__}mode--pinned`,
-    },
-};
-const InstantAppsScoreboard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.scoreboardItemsUpdated = createEvent(this, "scoreboardItemsUpdated", 7);
-        this.view = undefined;
-        this.items = undefined;
-        this.position = "bottom" /* Scoreboard.Bottom */;
-        this.mode = "floating" /* Scoreboard.Floating */;
-        this.itemLimit = 6;
-        this.autoDockEnabled = true;
-        this.geometry = null;
-        this.queryType = 'layerView';
-        this.state = "loading" /* Scoreboard.Loading */;
-        this.messages = undefined;
-        this.itemIndex = 0;
-        this.layers = undefined;
-        this.layerViews = undefined;
-        this.isMobile = false;
-    }
-    scoreboardItemsUpdatedHandler() {
-        this.scoreboardItemsUpdated.emit(this.items);
-    }
-    // Watchers
-    generateUIDs() {
-        // Generates a series of UIDs (unique identifiers) to ensure each item is unique to properly handle comparisons
-        this.itemIndex = 0;
-        this.items.forEach(this.generateUID());
-    }
-    async storeLayers() {
-        this.state = "calculating" /* Scoreboard.Calculating */;
-        await this.view.map.loadAll();
-        const layerIds = this.items.map(item => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.layer) === null || _a === void 0 ? void 0 : _a.id; });
-        const isNotTable = (layer) => !layer.isTable;
-        const isAcceptableLayer = (layer) => layer.type === 'feature' || layer.type === 'scene';
-        const notAddedYet = (layer) => layerIds.indexOf(layer.id) > -1;
-        const validateLayer = (layer) => isNotTable(layer) && isAcceptableLayer(layer) && notAddedYet(layer);
-        this.layers = this.view.map.allLayers.filter(layer => validateLayer(layer));
-        this.watchLayerVisibility();
-    }
-    async storeLayerViews() {
-        if (this.layers && this.layers.length > 0) {
-            this.layers.forEach(layer => (layer.outFields = ['*']));
-            const promises = [];
-            this.layers.forEach(layer => {
-                const layerToLoad = layer;
-                const layerViewToLoad = this.view.whenLayerView(layerToLoad);
-                promises.push(layerViewToLoad);
-            });
-            const settledPromises = await Promise.allSettled(promises);
-            const fulfilledPromises = settledPromises.filter(promise => promise.status == 'fulfilled' && promise.value);
-            const layerViews = fulfilledPromises.map(fulfilledPromise => fulfilledPromise.value);
-            const layerViewUpdatePromises = [];
-            layerViews.forEach(layerView => { var _a; return layerViewUpdatePromises.push((_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.whenOnce(() => !layerView.updating)); });
-            await Promise.all(layerViewUpdatePromises);
-            this.layerViews = new this.Collection([...layerViews]);
-        }
-    }
-    calculateScoreboardItemValuesFromGeometry() {
-        this.calculateScoreboardItemValues();
-    }
-    async calculateScoreboardItemValues() {
-        if ((this.layers && this.layers.length === 0) || (this.layerViews && this.layerViews.length === 0))
-            return;
-        this.state = "calculating" /* Scoreboard.Calculating */;
-        const items_temp = [...this.items];
-        const queryFeaturePromises = [];
-        this.queryStatDefinitions(items_temp, queryFeaturePromises);
-        const queryFeaturesRes = await Promise.all(queryFeaturePromises);
-        this.handleQueryFeaturesResponses(queryFeaturesRes, items_temp);
-        this.items.length = 0;
-        items_temp.forEach(item => this.items.push(item));
-        this.state = "complete" /* Scoreboard.Complete */;
-        this.scoreboardItemsUpdatedHandler();
-        this.initStationaryWatcher();
-    }
-    // Lifecycle methods
-    async componentWillLoad() {
-        var _a;
-        const resizeObesrver = new ResizeObserver(() => {
-            this.itemIndex = 0;
-            if (this.autoDockEnabled)
-                this.isMobile = !!this.checkMobile;
-        });
-        resizeObesrver.observe((_a = this.el) === null || _a === void 0 ? void 0 : _a.parentElement);
-        try {
-            this.state = "loading" /* Scoreboard.Loading */;
-            await this.initMessages();
-        }
-        catch (_b) {
-            this.state = "disabled" /* Scoreboard.Disabled */;
-            return Promise.reject();
-        }
-        finally {
-            if (!this.view || !this.items) {
-                this.state = "disabled" /* Scoreboard.Disabled */;
-                return Promise.reject();
-            }
-            else {
-                try {
-                    await this.initModules();
-                    return Promise.resolve();
-                }
-                catch (_c) {
-                    this.state = "disabled" /* Scoreboard.Disabled */;
-                    return Promise.reject();
-                }
-            }
-        }
-    }
-    async componentDidLoad() {
-        var _a;
-        if (this.state === "disabled" /* Scoreboard.Disabled */)
-            return;
-        try {
-            await ((_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.whenOnce(() => { var _a; return (_a = this.view) === null || _a === void 0 ? void 0 : _a.ready; }));
-            this.generateUIDs();
-            await this.loadMapResources();
-            this.storeLayers();
-            this.initViewUpdateWatcher();
-        }
-        catch (_b) {
-            this.state = "disabled" /* Scoreboard.Disabled */;
-            console.error(`${BASE}: FAILED TO LOAD MAP RESOURCES`);
-        }
-    }
-    disconnectedCallback() {
-        var _a, _b, _c, _d, _e, _f;
-        this.state = "disabled" /* Scoreboard.Disabled */;
-        this.itemIndex = 0;
-        (_a = this.layers) === null || _a === void 0 ? void 0 : _a.removeAll();
-        (_b = this.layers) === null || _b === void 0 ? void 0 : _b.destroy();
-        this.layers = null;
-        (_c = this.layerViews) === null || _c === void 0 ? void 0 : _c.removeAll();
-        (_d = this.layerViews) === null || _d === void 0 ? void 0 : _d.destroy();
-        this.layerViews = null;
-        (_e = this.handles) === null || _e === void 0 ? void 0 : _e.removeAll();
-        (_f = this.handles) === null || _f === void 0 ? void 0 : _f.destroy();
-        this.handles = null;
-    }
-    // Initialize
-    async initMessages() {
-        let messages;
-        try {
-            const res = await getLocaleComponentStrings(this.el);
-            messages = res[0];
-            this.messages = Object.assign(Object.assign({}, this.messages), messages);
-            return Promise.resolve();
-        }
-        catch (err) {
-            console.error('FAILED TO LOAD MESSAGES');
-            Promise.reject();
-        }
-    }
-    async initModules() {
-        try {
-            const [Handles, reactiveUtils, Collection, intl] = await loadModules(['esri/core/Handles', 'esri/core/reactiveUtils', 'esri/core/Collection', 'esri/intl']);
-            // Store modules for future use
-            this.reactiveUtils = reactiveUtils;
-            this.Collection = Collection;
-            this.intl = intl;
-            // Instantiate handles and collections
-            this.handles = new Handles();
-            this.layers = new Collection();
-            this.layerViews = new Collection();
-            return Promise.resolve();
-        }
-        catch (err) {
-            console.error(err);
-            this.state = "disabled" /* Scoreboard.Disabled */;
-            return Promise.reject();
-        }
-    }
-    async loadMapResources() {
-        const { map } = this.view;
-        const webItem = map;
-        try {
-            await webItem.loadAll();
-            return Promise.resolve();
-        }
-        catch (err) {
-            console.error(err);
-            this.state = "disabled" /* Scoreboard.Disabled */;
-            return Promise.reject();
-        }
-    }
-    generateUID() {
-        return (item) => {
-            // Generates a random number to be used for radix in Number.toString()
-            const randNum = Math.random();
-            const randomInt = Math.floor(Math.random() * 10) + 11;
-            // Generates a random string of characters - remove redundant '0.';
-            const randStr = randNum.toString(randomInt).replace('0.', '');
-            const uid = randStr;
-            item['uid'] = uid;
-        };
-    }
-    // Start of render methods
-    render() {
-        var _a, _b;
-        const { state } = this;
-        const isLoading = state === "loading" /* Scoreboard.Loading */;
-        const isCalculating = state === "calculating" /* Scoreboard.Calculating */;
-        const isDisabled = state === "disabled" /* Scoreboard.Disabled */;
-        const progress = isLoading || isCalculating || (this.queryType === 'layerView' && ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating)) ? this.renderProgress() : null;
-        const positionClass = this.getPositionClass;
-        const styleClass = this.getStyleClass;
-        return h(Host, { key: '5a7e3fdc0753d3f951a71397519ebf07ecd68e03', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
-    }
-    renderBase() {
-        return (h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));
-    }
-    renderContent() {
-        const { state } = this;
-        return state === "loading" /* Scoreboard.Loading */ ? this.renderLoader() : state === "calculating" /* Scoreboard.Calculating */ || state === "complete" /* Scoreboard.Complete */ ? this.renderItemsContainer() : null;
-    }
-    renderItemsContainer() {
-        const [previousButton, nextButton] = this.renderPreviousNextButtons();
-        return (h("div", { class: CSS.itemsContainer }, previousButton, this.renderItems(), nextButton));
-    }
-    renderPreviousNextButtons() {
-        var _a, _b, _c;
-        const itemLimit = this.getItemLimit();
-        const isBelowOrAtLimit = ((_a = this.items.filter(item => item.visible)) === null || _a === void 0 ? void 0 : _a.length) <= itemLimit;
-        const isBeginning = this.itemIndex === 0;
-        const isEnd = this.isEnd;
-        const isBottom = this.isMobile ? true : this.position === "bottom" /* Scoreboard.Bottom */;
-        const iconPosition = isBottom ? "start" /* ScoreboardAlignment.Start */ : "center" /* ScoreboardAlignment.Center */;
-        const previous = isBottom ? "chevron-left" /* ScoreboardIcons.Left */ : "chevron-up" /* ScoreboardIcons.Up */;
-        const next = isBottom ? "chevron-right" /* ScoreboardIcons.Right */ : "chevron-down" /* ScoreboardIcons.Down */;
-        const iconType = { previous, next };
-        const previousIcon = isBeginning || isBelowOrAtLimit ? "blank" /* ScoreboardIcons.Blank */ : iconType.previous;
-        const nextIcon = isEnd || isBelowOrAtLimit ? "blank" /* ScoreboardIcons.Blank */ : iconType.next;
-        const isDisabled = { previous: isBeginning || isBelowOrAtLimit, next: isEnd || isBelowOrAtLimit };
-        const appearance = "transparent" /* ScoreboardAppearance.Transparent */;
-        const scale = this.isMobile ? "s" /* ScoreboardScale.Small */ : "l" /* ScoreboardScale.Large */;
-        const t9n = {
-            previous: (_b = this.messages) === null || _b === void 0 ? void 0 : _b.previous,
-            next: (_c = this.messages) === null || _c === void 0 ? void 0 : _c.next,
-        };
-        return [
-            h("calcite-action", { onClick: this.previousItem.bind(this), icon: previousIcon, disabled: isDisabled.previous, alignment: iconPosition, scale: scale, appearance: appearance, text: t9n.previous, label: t9n.previous }),
-            h("calcite-action", { onClick: this.nextItem.bind(this), icon: nextIcon, disabled: isDisabled.next, alignment: iconPosition, scale: scale, appearance: appearance, text: t9n.next, label: t9n.next }),
-        ];
-    }
-    renderItems() {
-        const { items } = CSS;
-        const itemToDisplay = this.getItemsToDisplay;
-        const scoreboardItems = itemToDisplay.map(item => this.renderItem(item));
-        return h("ul", { class: items }, scoreboardItems);
-    }
-    renderItem(scoreboardItem) {
-        const { label } = scoreboardItem;
-        return (h("li", { class: CSS.item }, h("span", { class: CSS.label, title: label }, label), this.renderValue(scoreboardItem)));
-    }
-    renderValue(scoreboardItem) {
-        var _a, _b, _c;
-        const { displayValue } = scoreboardItem;
-        const isCalculating = this.state === "calculating" /* Scoreboard.Calculating */;
-        const isDisabled = this.state === "disabled" /* Scoreboard.Disabled */;
-        const showPlaceholder = displayValue === undefined && isCalculating;
-        const valueToDisplay = displayValue ? displayValue : (_a = this.messages) === null || _a === void 0 ? void 0 : _a.NA;
-        const layer = (_b = this.layers) === null || _b === void 0 ? void 0 : _b.find(layer => { var _a; return ((_a = scoreboardItem === null || scoreboardItem === void 0 ? void 0 : scoreboardItem.layer) === null || _a === void 0 ? void 0 : _a.id) === layer.id; });
-        const isNotVisible = !(layer === null || layer === void 0 ? void 0 : layer.visible);
-        const content = showPlaceholder ? (this.renderValuePlaceholder()) : !isDisabled ? (isNotVisible ? (h("calcite-icon", { icon: "view-hide", scale: "l", title: (_c = this.messages) === null || _c === void 0 ? void 0 : _c.layerVisibilityOff })) : (valueToDisplay)) : ('');
-        return h("span", { class: CSS.value }, content);
-    }
-    renderValuePlaceholder() {
-        return h("span", { class: CSS.valuePlaceholder });
-    }
-    renderProgress() {
-        const key = `${KEY_PREFIX}calcite-`;
-        return h("calcite-progress", { key: `${key}progress`, type: "indeterminate" });
-    }
-    renderLoader() {
-        var _a;
-        const key = `${KEY_PREFIX}calcite-`;
-        const loading = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.loading;
-        return h("calcite-loader", { key: `${key}loader`, label: loading, text: loading, scale: "m" });
-    }
-    // End of render methods
-    // Getters
-    get getPositionClass() {
-        const { bottom, left, right, side } = CSS.position;
-        const leftRight = `${this.position === "left" /* Scoreboard.Left */ ? left : right} ${side}`;
-        return this.isMobile || this.position === "bottom" /* Scoreboard.Bottom */ ? bottom : leftRight;
-    }
-    get getStyleClass() {
-        const { floating, pinned } = CSS.mode;
-        return this.isMobile ? pinned : this.mode === "floating" /* Scoreboard.Floating */ ? floating : pinned;
-    }
-    get checkMobile() {
-        var _a, _b;
-        const hostElParentWidth = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.offsetWidth;
-        return !isNaN(hostElParentWidth) && hostElParentWidth > 0 ? hostElParentWidth < MOBILE_BREAKPOINT : false;
-    }
-    get getItemsToDisplay() {
-        const itemLimit = this.getItemLimit();
-        return this.items.filter(item => item.visible).slice(this.itemIndex, itemLimit + this.itemIndex);
-    }
-    get isEnd() {
-        const itemLimit = this.getItemLimit();
-        const lastItems = this.items.slice(this.items.length - itemLimit);
-        const uidsOfLast = lastItems.map(item => item['uid']);
-        const uidsOfCurrent = this.items.slice(this.itemIndex, this.itemIndex + itemLimit).map(item => item['uid']);
-        return uidsOfLast.every((val, index) => val === uidsOfCurrent[index]);
-    }
-    // UI interactions
-    previousItem() {
-        this.itemIndex = this.itemIndex - 1;
-    }
-    nextItem() {
-        this.itemIndex = this.itemIndex + 1;
-    }
-    // Query statistic definitions (FeatreLayerView/SceneLayerView.queryFeatures())
-    queryStatDefinitions(items, queryFeaturePromises) {
-        const getStatsDefinition = (item) => {
-            const { field, operation } = item;
-            const onStatisticField = field;
-            const outStatisticFieldName = `${field}_${operation}`;
-            const statisticType = operation;
-            return { onStatisticField, outStatisticFieldName, statisticType };
-        };
-        const getStatDefinitionQuery = (layerView, statDefinition) => {
-            var _a, _b, _c, _d, _e;
-            const query = this.queryType === 'layer' ? layerView.layer.createQuery() : layerView.createQuery();
-            const outStatistics = [statDefinition];
-            const geometry = this.geometry ? this.geometry : this.view.extent;
-            query.outStatistics = outStatistics;
-            query.geometry = geometry;
-            const timeExtent = (_e = (_b = (_a = layerView === null || layerView === void 0 ? void 0 : layerView.filter) === null || _a === void 0 ? void 0 : _a.timeExtent) !== null && _b !== void 0 ? _b : (_d = (_c = layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) === null || _c === void 0 ? void 0 : _c.filter) === null || _d === void 0 ? void 0 : _d.timeExtent) !== null && _e !== void 0 ? _e : null;
-            if (timeExtent)
-                query.timeExtent = timeExtent;
-            return query;
-        };
-        const queryFeaturesForItem_LayerView = () => {
-            return async (item) => {
-                var _a;
-                const layerView = (_a = this.layerViews) === null || _a === void 0 ? void 0 : _a.find(layerView => { var _a; return layerView.layer.id === ((_a = item === null || item === void 0 ? void 0 : item.layer) === null || _a === void 0 ? void 0 : _a.id); });
-                if (!layerView)
-                    return;
-                const statDefinition = getStatsDefinition(item);
-                const query = getStatDefinitionQuery(layerView, statDefinition);
-                const queryFeaturesRes = this.queryType === 'layer' ? layerView.layer.queryFeatures(query) : layerView.queryFeatures(query);
-                queryFeaturePromises.push(queryFeaturesRes);
-            };
-        };
-        items.forEach(queryFeaturesForItem_LayerView());
-    }
-    handleQueryFeaturesResponses(queryFeaturesRes, items) {
-        const getValue = (stat) => {
-            const features = stat.features;
-            const feature = features[0];
-            const { attributes } = feature;
-            const attrValues = Object.values(attributes);
-            return attrValues[0];
-        };
-        const getNumberFormatOptions = () => {
-            const notation = 'compact';
-            const compactDisplay = 'short';
-            return { notation, compactDisplay };
-        };
-        const updateItemValue = () => {
-            return (stat, statIndex) => {
-                const value = getValue(stat);
-                const numberFormatOptions = getNumberFormatOptions();
-                const isNotNull = value !== null;
-                const formattedNumber = isNotNull ? this.intl.formatNumber(value, numberFormatOptions) : null;
-                const displayValue = isNotNull ? `${formattedNumber}` : '';
-                items[statIndex].displayValue = displayValue;
-                items[statIndex].value = value;
-            };
-        };
-        queryFeaturesRes.forEach(updateItemValue());
-    }
-    initStationaryWatcher() {
-        var _a, _b;
-        const whenOnceConfig = { once: true, initial: true };
-        const isNotInteractingWatcher = () => {
-            var _a;
-            return (_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.interacting); }, () => {
-                if (this.queryType === 'layerView')
-                    this.calculateScoreboardItemValues();
-            }, whenOnceConfig);
-        };
-        const stationaryWatcher = () => {
-            var _a;
-            return (_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.when(() => { var _a; return (_a = this.view) === null || _a === void 0 ? void 0 : _a.stationary; }, () => isNotInteractingWatcher());
-        };
-        const stationaryWatcherKey = 'stationary-watcher-key';
-        if ((_a = this.handles) === null || _a === void 0 ? void 0 : _a.has(stationaryWatcherKey))
-            this.handles.remove(stationaryWatcherKey);
-        (_b = this.handles) === null || _b === void 0 ? void 0 : _b.add(stationaryWatcher(), stationaryWatcherKey);
-    }
-    initViewUpdateWatcher() {
-        return this.reactiveUtils.watch(() => { var _a; return (_a = this.view) === null || _a === void 0 ? void 0 : _a.updating; }, () => {
-            this.reactiveUtils.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating); }, () => {
-                if (this.queryType === 'layerView')
-                    this.calculateScoreboardItemValues();
-            }, { once: true, initial: true });
-        }, { initial: true });
-    }
-    watchLayerVisibility() {
-        var _a, _b;
-        if (!this.layers)
-            return;
-        const visibilityWatcherKey = 'visbilityWatcherKey';
-        (_a = this.handles) === null || _a === void 0 ? void 0 : _a.remove(visibilityWatcherKey);
-        const visibilityWatchers = [];
-        const watchVisbilityForLayer = (layer) => {
-            const activateScoreboardItemCalculation = async () => {
-                const layerView = await this.view.whenLayerView(layer);
-                await this.reactiveUtils.whenOnce(() => (layerView === null || layerView === void 0 ? void 0 : layerView.updating) === false);
-                this.calculateScoreboardItemValues();
-            };
-            const watcher = this.reactiveUtils.watch(() => layer === null || layer === void 0 ? void 0 : layer.visible, async () => activateScoreboardItemCalculation());
-            visibilityWatchers.push(watcher);
-        };
-        this.layers.forEach(watchVisbilityForLayer);
-        (_b = this.handles) === null || _b === void 0 ? void 0 : _b.add([...visibilityWatchers], visibilityWatcherKey);
-    }
-    getItemLimit() {
-        return this.itemLimit < 2 || this.itemLimit > 6 ? ITEM_LIMIT_FALLBACK : this.itemLimit;
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "items": ["generateUIDs", "storeLayers"],
-        "layers": ["storeLayerViews"],
-        "geometry": ["calculateScoreboardItemValuesFromGeometry"],
-        "layerViews": ["calculateScoreboardItemValues"]
-    }; }
-};
-InstantAppsScoreboard.style = InstantAppsScoreboardStyle0;
-
-export { InstantAppsScoreboard as instant_apps_scoreboard };

package/dist/esm/instant-apps-sign-in.entry.js

@@ -1,156 +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, H as Host } from './index-df5db8e9.js';
-import { l as loadModules } from './loadModules-947ccfd4.js';
-import { g as getMessages } from './locale-e02b0e14.js';
-import './esri-loader-c6842c6b.js';
-import './_commonjsHelpers-089957fe.js';
-import './languageUtil-2b6e191a.js';
-
-const instantAppsSignInCss = ":host{--instant-apps-sign-in-indicator-color:#007ac2;display:block;box-shadow:none !important}:host .instant-apps-sign-in__container{height:inherit;display:flex;align-items:center}:host .instant-apps-sign-in__container calcite-dropdown,:host .instant-apps-sign-in__container calcite-navigation-user{height:100%}:host .instant-apps-sign-in__container calcite-navigation-user{--calcite-color-foreground-2:rgba(0, 0, 0, 0.04);--calcite-color-foreground-3:rgba(0, 0, 0, 0.04)}:host .instant-apps-sign-in__container .instant-apps-sign-in__indicator::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--instant-apps-sign-in-indicator-color);bottom:calc(50% - 15px);right:calc(50% - 15px)}:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn{margin:10px}:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group{min-width:140px}:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group{min-width:100px}:host .instant-apps-sign-in__container button{height:32px;width:32px;padding:0;box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;border:none;border-radius:50%;background:#000}:host .instant-apps-sign-in__container button:hover calcite-avatar{opacity:0.7;transition:0.3s}:host .instant-apps-sign-in__landing-page{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%;min-height:30%;background:rgba(255, 255, 255, 0.8);color:#151515;text-align:center}:host .instant-apps-sign-in__landing-page h1{font-size:22px;margin:10px 0}:host .instant-apps-sign-in__landing-page h2{font-size:16px;margin:0 0 10px}:host .instant-apps-sign-in__landing-page p{font-size:16px;margin:0}:host .instant-apps-sign-in__entry-button-container{display:flex;justify-content:center;gap:8px}:host .instant-apps-sign-in__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color);min-width:165px}:host .instant-apps-sign-in__entry-button[appearance=solid]{border:1px solid #fff}:host .instant-apps-sign-in__entry-button[appearance=solid]:hover,:host .instant-apps-sign-in__entry-button[appearance=solid]:focus{filter:brightness(0.9)}@media screen and (max-width: 767px){:host{flex-direction:column;align-items:center}:host calcite-button{width:100%}:host .instant-apps-sign-in__entry-button-container{display:flex;flex-direction:column}}";
-const InstantAppsSignInStyle0 = instantAppsSignInCss;
-
-const CSS = {
-    base: 'instant-apps-sign-in__container',
-    SignInBtn: 'instant-apps-sign-in__sign-in-btn',
-    buttonContainer: 'instant-apps-sign-in__entry-button-container',
-    entryButton: 'instant-apps-sign-in__entry-button',
-    indicator: 'instant-apps-sign-in__indicator',
-};
-const InstantAppsSignIn = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.type = 'navigation';
-        this.portal = undefined;
-        this.oauthappid = undefined;
-        this.openInPopup = undefined;
-        this.landingPage = undefined;
-        this.isSignedIn = undefined;
-        this.user = undefined;
-        this.titleText = undefined;
-        this.subtitleText = undefined;
-        this.descriptionText = undefined;
-        this.showIndicator = true;
-        this.closeLandingPage = undefined;
-        this.signInDropdownItems = undefined;
-        this.ready = false;
-        this.messages = undefined;
-    }
-    async watchPortal() {
-        await this.initSignIn();
-    }
-    async watchOauthappid() {
-        await this.initSignIn();
-    }
-    async componentWillLoad() {
-        getMessages(this);
-        await this.initSignIn();
-    }
-    render() {
-        const signIn = this.ready ? this.renderContent() : null;
-        return h(Host, { key: 'ab1c9e194ed4eed74680dd242e0ea0f314cf1f56' }, signIn);
-    }
-    renderContent() {
-        return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();
-    }
-    renderSignInContainer() {
-        return h("div", { class: CSS.base }, this.isSignedIn ? this.renderSignInDropdown() : this.renderSignInButton());
-    }
-    renderSignInDropdown() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        const dropdownScale = this.type === 'navigation' ? 'm' : 's';
-        const avatarClass = this.showIndicator ? CSS.indicator : '';
-        return (h("calcite-dropdown", { placement: "bottom-end", scale: dropdownScale }, this.type === 'navigation' ? (h("calcite-navigation-user", { class: avatarClass, slot: "trigger", thumbnail: (_a = this.user) === null || _a === void 0 ? void 0 : _a.thumbnailUrl, "full-name": (_b = this.user) === null || _b === void 0 ? void 0 : _b.fullName, username: (_c = this.user) === null || _c === void 0 ? void 0 : _c.username, "user-id": (_e = (_d = this.user) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : (_g = (_f = this.user) === null || _f === void 0 ? void 0 : _f.sourceJSON) === null || _g === void 0 ? void 0 : _g.id, textDisabled: true })) : (h("button", { slot: "trigger" }, h("calcite-avatar", { class: avatarClass, thumbnail: (_h = this.user) === null || _h === void 0 ? void 0 : _h.thumbnailUrl, "full-name": (_j = this.user) === null || _j === void 0 ? void 0 : _j.fullName, username: (_k = this.user) === null || _k === void 0 ? void 0 : _k.username, "user-id": (_m = (_l = this.user) === null || _l === void 0 ? void 0 : _l.id) !== null && _m !== void 0 ? _m : (_p = (_o = this.user) === null || _o === void 0 ? void 0 : _o.sourceJSON) === null || _p === void 0 ? void 0 : _p.id }))), h("slot", { name: "sign-in-dropdown-top" }), h("calcite-dropdown-group", { "selection-mode": "none" }, (_q = this.signInDropdownItems) === null || _q === void 0 ? void 0 :
-            _q.map(item => h("calcite-dropdown-item", { onClick: item.onClick }, item.label)), h("calcite-dropdown-item", { onClick: this.signOut.bind(this) }, (_r = this.messages) === null || _r === void 0 ? void 0 : _r.signOut))));
-    }
-    renderSignInButton() {
-        var _a;
-        const appearance = this.type === 'navigation' ? 'transparent' : 'solid';
-        const className = this.type === 'navigation' ? CSS.SignInBtn : '';
-        return (h("calcite-button", { class: className, onClick: this.signIn.bind(this), scale: "s", "icon-start": "sign-in", appearance: appearance }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn));
-    }
-    renderLandingPageSignIn() {
-        var _a, _b;
-        return (h("div", { class: CSS.buttonContainer }, h("calcite-button", { class: CSS.entryButton, scale: "l", onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.guestOnClick.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest)));
-    }
-    async initSignIn() {
-        if (this.portal == null || this.oauthappid == null)
-            return;
-        const [OAuthInfo, esriId, reactiveUtils] = await loadModules(['esri/identity/OAuthInfo', 'esri/identity/IdentityManager', 'esri/core/reactiveUtils']);
-        this.idManager = esriId;
-        this.info = new OAuthInfo({
-            appId: this.oauthappid,
-            portalUrl: this.portal.url,
-            flowType: 'authorization-code',
-            popup: this.openInPopup,
-        });
-        this.idManager.registerOAuthInfos([this.info]);
-        this.isSignedIn = await this.checkSignInStatus();
-        this.ready = true;
-        if (this.isSignedIn) {
-            await reactiveUtils.whenOnce(() => this.portal.user);
-            this.user = this.portal.user;
-        }
-    }
-    async signIn() {
-        this.setSignInLocalStorage();
-        await this.idManager.getCredential(`${this.info.portalUrl}/sharing`, {
-            oAuthPopupConfirmation: false,
-        });
-        await this.checkSignInStatus();
-    }
-    signOut() {
-        var _a;
-        (_a = this.portal.credential) === null || _a === void 0 ? void 0 : _a.destroy();
-        this.idManager.destroyCredentials();
-        this.portal.authMode = 'anonymous';
-        this.portal.credential = null;
-        const rdUrl = window.location.href;
-        this.setSignInLocalStorage();
-        window.location.href = `${this.portal.restUrl}/oauth2/signout?client_id=${this.oauthappid}&redirect_uri=${rdUrl}`;
-    }
-    async landingPageSignIn() {
-        await this.signIn();
-        if (this.closeLandingPage != null) {
-            this.closeLandingPage();
-        }
-    }
-    guestOnClick() {
-        if (this.isSignedIn) {
-            this.signOut();
-        }
-        else if (this.closeLandingPage != null) {
-            this.closeLandingPage();
-        }
-    }
-    async checkSignInStatus() {
-        try {
-            const credential = await this.idManager.checkSignInStatus(`${this.info.portalUrl}/sharing`);
-            this.portal.credential = credential;
-            return true;
-        }
-        catch (_a) {
-            this.portal.credential = null;
-            return false;
-        }
-    }
-    setSignInLocalStorage() {
-        const date = new Date();
-        localStorage.setItem('signing-in', date.getTime().toString());
-        // remove from local storage if page doens't immediately redirect to sign in
-        setTimeout(() => {
-            localStorage.removeItem('signing-in');
-        }, 2000);
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "portal": ["watchPortal"],
-        "oauthappid": ["watchOauthappid"]
-    }; }
-};
-InstantAppsSignIn.style = InstantAppsSignInStyle0;
-
-export { InstantAppsSignIn as instant_apps_sign_in };