@esri/solutions-components 0.11.30 → 0.11.32

package/dist/components/instant-apps-splash.js

@@ -1,168 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as Sanitizer } from './index2.js';
-import { g as getMessages } from './locale2.js';
-
-/**
- * Creates new instance of @esri/arcgis-html-sanitizer
- * with appropriate whitelist values
- */
-function createSanitizerInstance(sanitizerConstructor) {
-    if (sanitizerConstructor == null || typeof sanitizerConstructor !== "function") {
-        return null;
-    }
-    return new sanitizerConstructor({
-        whiteList: {
-            h1: ["style"],
-            h2: ["style"],
-            h3: ["style"],
-            h4: ["style"],
-            h5: ["style"],
-            h6: ["style"],
-            img: ["style", "src", "width", "height"],
-            pre: ["style"],
-            p: ["id", "class", "style"],
-            div: ["id", "class", "style", "role"],
-            span: ["id", "class", "style", "role"],
-            figure: ["class", "style"]
-        }
-    }, true);
-}
-
-function setLocalStorageItem(key) {
-    window === null || window === void 0 ? void 0 : window.localStorage.setItem(key, 'false');
-}
-function getLocalStorageItem(key) {
-    var _a;
-    const item = (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
-    return item ? true : false;
-}
-function removeItemFromLocalStorage(key) {
-    var _a;
-    (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
-}
-
-const instantAppsSplashCss = ":host{--instant-apps-splash-content-max-height:100%;display:block}:host .image.image_resized img{width:100%}:host .instant-apps-splash__back-content{display:flex;align-items:center}:host .instant-apps-splash__back-content calcite-label{--calcite-label-margin-bottom:0}:host .instant-apps-splash__content{max-height:var(--instant-apps-splash-content-max-height)}";
-const InstantAppsSplashStyle0 = instantAppsSplashCss;
-
-const CSS = {
-    back: 'instant-apps-splash__back-content',
-    content: 'instant-apps-splash__content',
-};
-const InstantAppsSplash$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsSplash extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.splashClose = createEvent(this, "splashClose", 7);
-        this._sanitizer = createSanitizerInstance(Sanitizer);
-        this.localStorageKey = undefined;
-        this.titleText = '';
-        this.content = '';
-        this.primaryButtonText = '';
-        this.open = true;
-        this.closeButtonDisabled = false;
-        this.outsideCloseDisabled = false;
-        this.secondaryButton = false;
-        this.secondaryButtonText = undefined;
-        this.secondaryButtonIcon = undefined;
-        this.secondaryButtonCallback = undefined;
-        this.messages = undefined;
-    }
-    sanitizeContent() {
-        this.content = this._sanitizer.sanitize(this.content);
-    }
-    componentWillLoad() {
-        let open;
-        const { localStorageKey } = this;
-        if (localStorageKey) {
-            open = this.open && !getLocalStorageItem(this.localStorageKey);
-        }
-        else {
-            open = this.open;
-        }
-        this.el.open = open;
-        if (this.content && this._sanitizer)
-            this.sanitizeContent();
-    }
-    componentDidLoad() {
-        getMessages(this);
-    }
-    render() {
-        return (h("calcite-dialog", { key: '54fee94d89c740af32dc8eb83f90eaf48a53eff1', open: this.open, modal: true, heading: this.titleText, onCalciteDialogClose: this.close.bind(this), closeDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, h("div", { key: 'd342dfff544dca0f9b748ff5815ceddcbc32ca09', innerHTML: this.content }), h("slot", { key: 'c85d47ef9d9358884d0f46d5c6d5c032f7d6e992', name: "custom-action" }), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.secondaryButton ? this.renderSecondaryButton() : null, this.renderPrimaryButton()));
-    }
-    renderDontShowThisAgainCheckbox() {
-        const { localStorageKey, messages } = this;
-        const checked = getLocalStorageItem(localStorageKey) ? true : null;
-        return (h("div", { class: CSS.back, slot: "footer-start" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { onCalciteCheckboxChange: this.handleDontShowThisAgain.bind(this), checked: checked !== null && checked !== void 0 ? checked : undefined }), messages === null || messages === void 0 ? void 0 :
-            messages.dontShowThisAgain)));
-    }
-    renderPrimaryButton() {
-        const { primaryButtonText } = this;
-        return (h("calcite-button", { onClick: this.close.bind(this), slot: "footer-end" }, primaryButtonText ? primaryButtonText : 'Enter'));
-    }
-    renderSecondaryButton() {
-        var _a;
-        return (h("calcite-button", { onClick: (_a = this.secondaryButtonCallback) === null || _a === void 0 ? void 0 : _a.bind(this), slot: "footer-end", "icon-start": this.secondaryButtonIcon, appearance: "outline" }, this.secondaryButtonText));
-    }
-    close() {
-        this.open = false;
-        this.splashClose.emit();
-    }
-    handleDontShowThisAgain(event) {
-        const { localStorageKey } = this;
-        if (!localStorageKey)
-            return;
-        const checkboxNode = event.target;
-        const { checked } = checkboxNode;
-        if (checked) {
-            setLocalStorageItem(localStorageKey);
-        }
-        else {
-            removeItemFromLocalStorage(localStorageKey);
-        }
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "content": ["sanitizeContent"]
-    }; }
-    static get style() { return InstantAppsSplashStyle0; }
-}, [1, "instant-apps-splash", {
-        "localStorageKey": [1, "local-storage-key"],
-        "titleText": [1, "title-text"],
-        "content": [1025],
-        "primaryButtonText": [1, "primary-button-text"],
-        "open": [1028],
-        "closeButtonDisabled": [4, "close-button-disabled"],
-        "outsideCloseDisabled": [4, "outside-close-disabled"],
-        "secondaryButton": [4, "secondary-button"],
-        "secondaryButtonText": [1, "secondary-button-text"],
-        "secondaryButtonIcon": [1, "secondary-button-icon"],
-        "secondaryButtonCallback": [16],
-        "messages": [32]
-    }, undefined, {
-        "content": ["sanitizeContent"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-splash"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-splash":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsSplash$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsSplash = InstantAppsSplash$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsSplash, defineCustomElement };

package/dist/components/instant-apps-time-filter.js

@@ -1,404 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as createStore } from './index3.js';
-import { l as loadModules } from './loadModules2.js';
-import { g as getMergedEffect } from './effects.js';
-import { g as getMessages } from './locale2.js';
-
-const { state, onChange } = createStore({
-    timeInfoConfigItems: [],
-    filterMode: { type: 'filter' },
-    view: null,
-    timeSlider: null,
-    timeInfoItems: [],
-    selectedTimeInfoItem: null,
-    loading: true,
-    timeSliderConfig: {},
-    autoPlay: false,
-});
-
-const TIME_SLIDER_HANDLE_KEY = 'time-slider-watch';
-class InstantAppsTimeFilterViewModel {
-    constructor() {
-        this.initializeModules();
-    }
-    async initializeModules() {
-        try {
-            const [Handles, reactiveUtils, TimeSlider, TimeExtent, TimeInterval, FeatureFilter, FeatureEffect] = await loadModules([
-                'esri/core/Handles',
-                'esri/core/reactiveUtils',
-                'esri/widgets/TimeSlider',
-                'esri/time/TimeExtent',
-                'esri/time/TimeInterval',
-                'esri/layers/support/FeatureFilter',
-                'esri/layers/support/FeatureEffect',
-            ]);
-            this.reactiveUtils = reactiveUtils;
-            this.handles = new Handles();
-            this.TimeSlider = TimeSlider;
-            this.TimeExtent = TimeExtent;
-            this.TimeInterval = TimeInterval;
-            this.FeatureFilter = FeatureFilter;
-            this.FeatureEffect = FeatureEffect;
-        }
-        catch (_a) { }
-    }
-    async init(timeSliderRef) {
-        var _a, _b, _c;
-        if (timeSliderRef)
-            timeSliderRef.innerHTML = '';
-        if (((_b = (_a = state === null || state === void 0 ? void 0 : state.timeSlider) === null || _a === void 0 ? void 0 : _a.viewModel) === null || _b === void 0 ? void 0 : _b.state) === 'playing')
-            state.timeSlider.stop();
-        const { view, timeInfoConfigItems } = state;
-        if (!view)
-            return;
-        try {
-            await view.when();
-            if (timeInfoConfigItems.length === 1 && ((_c = timeInfoConfigItems[0]) === null || _c === void 0 ? void 0 : _c.type) === 'map') {
-                this.initTimeSlider(timeSliderRef, timeInfoConfigItems[0]);
-            }
-            else {
-                const timeLayerViews = await this.getTimeLayerViews(view, timeInfoConfigItems);
-                state.timeInfoItems = this.generateTimeInfoItems(timeLayerViews, timeInfoConfigItems);
-                this.initTimeSlider(timeSliderRef);
-            }
-            return Promise.resolve();
-        }
-        catch (_d) {
-        }
-        finally {
-            this.setupFilterModeWatcher();
-        }
-    }
-    destroy() {
-        var _a, _b;
-        (_a = this.handles) === null || _a === void 0 ? void 0 : _a.removeAll();
-        this.handles = null;
-        (_b = state.timeSlider) === null || _b === void 0 ? void 0 : _b.destroy();
-    }
-    async getTimeLayerViews(view, timeInfoConfigItems) {
-        const { allLayers } = view.map;
-        const getTimeLayer = (timeInfoLayerId) => allLayers.find(({ id }) => timeInfoLayerId === id);
-        const timeLayers = timeInfoConfigItems.map(({ id }) => getTimeLayer(id));
-        const timeLVPromises = timeLayers.map(layer => view.whenLayerView(layer));
-        return await Promise.all(timeLVPromises);
-    }
-    generateTimeInfoItems(timeLayerViews, timeConfigItems) {
-        const items = [...timeConfigItems];
-        return items.map(timeConfigItem => {
-            const lv = timeLayerViews.find(({ layer }) => layer.id === timeConfigItem.id);
-            return this.generateTimeInfoItem(lv, timeConfigItem);
-        });
-    }
-    generateTimeInfoItem(layerView, { increments, rangeStart, rangeEnd, timeIntervalValue }) {
-        var _a;
-        const layer = layerView === null || layerView === void 0 ? void 0 : layerView.layer;
-        const layerFTE = (_a = layer === null || layer === void 0 ? void 0 : layer.timeInfo) === null || _a === void 0 ? void 0 : _a.fullTimeExtent;
-        const timeExtent = layerFTE;
-        return {
-            layerView: layerView,
-            unit: increments,
-            timeIntervalValue: timeIntervalValue !== null && timeIntervalValue !== void 0 ? timeIntervalValue : 1,
-            rangeStart: new Date(rangeStart),
-            rangeEnd: new Date(rangeEnd),
-            timeExtent,
-            previousTimeExtent: null,
-        };
-    }
-    initTimeSlider(timeSliderRef, defaultItem) {
-        var _a, _b;
-        const { TimeSlider } = this;
-        const initializeSlider = config => {
-            state.timeSlider = new TimeSlider(config);
-            if (state.autoPlay)
-                state.timeSlider.play();
-        };
-        if (defaultItem) {
-            const config = this.getTimeSliderConfig(timeSliderRef, defaultItem);
-            initializeSlider(config);
-        }
-        else {
-            const initialTimeInfoItem = (_a = state === null || state === void 0 ? void 0 : state.timeInfoItems) === null || _a === void 0 ? void 0 : _a[0];
-            if (!initialTimeInfoItem)
-                return;
-            state.selectedTimeInfoItem = initialTimeInfoItem;
-            const config = this.getTimeSliderConfig(timeSliderRef);
-            initializeSlider(config);
-        }
-        if (((_b = state.view) === null || _b === void 0 ? void 0 : _b.type) === '2d')
-            this.initialize2DView();
-    }
-    setupFilterModeWatcher() {
-        onChange('filterMode', (newValue) => state.timeInfoItems.forEach(timeInfoItem => {
-            var _a, _b, _c;
-            const fLayerView = timeInfoItem.layerView;
-            this.applyTimeExtent(fLayerView, ((_b = (_a = fLayerView === null || fLayerView === void 0 ? void 0 : fLayerView.featureEffect) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.timeExtent) || ((_c = fLayerView.filter) === null || _c === void 0 ? void 0 : _c.timeExtent), newValue);
-        }));
-    }
-    getTimeSliderConfig(timeSliderRef, defaultItem) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const { TimeExtent, TimeInterval } = this;
-        const baseConfig = Object.assign({ container: timeSliderRef, mode: 'time-window', view: ((_a = state.view) === null || _a === void 0 ? void 0 : _a.type) === '3d' ? state.view : null }, state.timeSliderConfig);
-        if (defaultItem) {
-            const timeSlider = (_d = (_c = (_b = state.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.widgets) === null || _d === void 0 ? void 0 : _d.timeSlider;
-            const config = Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.fullTimeExtent, timeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.currentTimeExtent });
-            if (((_e = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _e === void 0 ? void 0 : _e.unit) && ((_f = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _f === void 0 ? void 0 : _f.value)) {
-                config.stops = {
-                    interval: new TimeInterval({
-                        unit: (_g = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _g === void 0 ? void 0 : _g.unit,
-                        value: (_h = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _h === void 0 ? void 0 : _h.value,
-                    }),
-                };
-            }
-            return config;
-        }
-        else {
-            const [{ timeExtent, rangeStart, rangeEnd, unit, timeIntervalValue }] = state.timeInfoItems;
-            return Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeExtent, timeExtent: new TimeExtent({
-                    start: rangeStart,
-                    end: rangeEnd,
-                }), stops: {
-                    interval: new TimeInterval({
-                        unit,
-                        value: timeIntervalValue,
-                    }),
-                } });
-        }
-    }
-    initialize2DView() {
-        state.timeInfoItems.forEach(timeInfoItem => this.applyTimeExtent(timeInfoItem.layerView, new this.TimeExtent({ start: timeInfoItem.rangeStart, end: timeInfoItem.rangeEnd })));
-        this.setupTimeExtentWatcher();
-    }
-    applyTimeExtent(layerView, timeExtent, filterMode) {
-        var _a;
-        if (((_a = state.filterMode) === null || _a === void 0 ? void 0 : _a.type) === 'effect') {
-            this.applyFeatureEffect(layerView, timeExtent, filterMode);
-        }
-        else {
-            this.applyFeatureFilter(layerView, timeExtent);
-        }
-    }
-    applyFeatureEffect(layerView, timeExtent, filterMode) {
-        var _a;
-        if (!layerView)
-            return;
-        if (layerView.filter)
-            layerView.set('filter', null);
-        if (!(layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) || !((_a = layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) === null || _a === void 0 ? void 0 : _a.filter) || filterMode) {
-            this.handleUpdatedFeatureEffect(layerView, timeExtent);
-            return;
-        }
-        layerView.featureEffect.filter.timeExtent = timeExtent;
-    }
-    async handleUpdatedFeatureEffect(fLayerView, timeExtent) {
-        var _a, _b, _c, _d;
-        const { FeatureEffect } = this;
-        fLayerView.featureEffect = new FeatureEffect({
-            filter: { timeExtent },
-            includedEffect: await getMergedEffect((_b = (_a = state.filterMode) === null || _a === void 0 ? void 0 : _a.effect) === null || _b === void 0 ? void 0 : _b.includedEffect, fLayerView, 'includedEffect'),
-            excludedEffect: await getMergedEffect((_d = (_c = state.filterMode) === null || _c === void 0 ? void 0 : _c.effect) === null || _d === void 0 ? void 0 : _d.excludedEffect, fLayerView, 'excludedEffect'),
-        });
-    }
-    applyFeatureFilter(layerView, timeExtent) {
-        if (layerView.featureEffect)
-            layerView.set('featureEffect', null);
-        if (!layerView.filter) {
-            layerView.filter = new this.FeatureFilter({ timeExtent: timeExtent });
-            return;
-        }
-        layerView.filter.timeExtent = timeExtent;
-    }
-    setupTimeExtentWatcher() {
-        var _a, _b, _c, _d;
-        if ((_a = this.handles) === null || _a === void 0 ? void 0 : _a.has(TIME_SLIDER_HANDLE_KEY))
-            (_b = this.handles) === null || _b === void 0 ? void 0 : _b.remove(TIME_SLIDER_HANDLE_KEY);
-        (_c = this.handles) === null || _c === void 0 ? void 0 : _c.add((_d = state === null || state === void 0 ? void 0 : state.timeSlider) === null || _d === void 0 ? void 0 : _d.watch('timeExtent', timeExtent => { var _a; return this.applyTimeExtent((_a = state.selectedTimeInfoItem) === null || _a === void 0 ? void 0 : _a.layerView, timeExtent); }), TIME_SLIDER_HANDLE_KEY);
-    }
-    updateSelectedTimeInfoItem(timeInfoItem) {
-        if (!state.timeSlider)
-            return;
-        if (state.selectedTimeInfoItem)
-            state.selectedTimeInfoItem.previousTimeExtent = state.timeSlider.timeExtent;
-        state.selectedTimeInfoItem = timeInfoItem;
-        this.reconfigureTimeSlider(timeInfoItem);
-        this.applyTimeExtent(timeInfoItem.layerView, state.timeSlider.timeExtent);
-        this.setupTimeExtentWatcher();
-    }
-    reconfigureTimeSlider(timeInfoItem) {
-        if (!state.timeSlider)
-            return;
-        state.timeSlider.fullTimeExtent = timeInfoItem.timeExtent;
-        state.timeSlider.timeExtent = this.getTimeExtent(timeInfoItem);
-        state.timeSlider.stops = { interval: this.getTimeInterval(timeInfoItem) };
-    }
-    getTimeExtent({ rangeStart, rangeEnd, previousTimeExtent }) {
-        const { TimeExtent } = this;
-        return (previousTimeExtent !== null && previousTimeExtent !== void 0 ? previousTimeExtent : new TimeExtent({
-            start: rangeStart,
-            end: rangeEnd,
-        }));
-    }
-    getTimeInterval(timeInfoItem) {
-        var _a, _b, _c, _d, _e;
-        const { TimeInterval } = this;
-        const unit = (_a = timeInfoItem.unit) !== null && _a !== void 0 ? _a : (_e = (_d = (_c = (_b = timeInfoItem.layerView) === null || _b === void 0 ? void 0 : _b.layer) === null || _c === void 0 ? void 0 : _c.timeInfo) === null || _d === void 0 ? void 0 : _d.interval) === null || _e === void 0 ? void 0 : _e.unit;
-        return new TimeInterval({
-            unit: unit,
-            value: 1,
-        });
-    }
-    getLabel(timeInfoItem) {
-        var _a, _b;
-        return ((_b = (_a = timeInfoItem === null || timeInfoItem === void 0 ? void 0 : timeInfoItem.layerView) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.title) || '';
-    }
-}
-const viewModel = new InstantAppsTimeFilterViewModel();
-
-const instantAppsTimeFilterCss = ".instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand:var(--calcite-ui-text-1);--calcite-ui-brand:var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}";
-const InstantAppsTimeFilterStyle0 = instantAppsTimeFilterCss;
-
-const CSS = {
-    base: 'instant-apps-time-filter',
-    layerTitle: 'instant-apps-time-filter__layer-title',
-    loadingContainer: 'instant-apps-time-filter__loading-container',
-    background: 'instant-apps-time-filter__background',
-    threeD: ' instant-apps-time-filter--3d',
-};
-const InstantAppsTimeFilter$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsTimeFilter extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.timeSliderRef = undefined;
-        this.timeInfoConfigItems = [];
-        this.filterMode = undefined;
-        this.view = undefined;
-        this.timeSliderConfig = undefined;
-        this.autoPlay = false;
-    }
-    async updateTimeInfoConfigItems() {
-        state.timeInfoConfigItems = this.timeInfoConfigItems;
-        await viewModel.init(this.timeSliderRef);
-    }
-    async updateFilterMode() {
-        state.filterMode = this.filterMode;
-    }
-    async updateTimeSliderConfig() {
-        state.timeSliderConfig = this.timeSliderConfig;
-        await viewModel.init(this.timeSliderRef);
-    }
-    async updateAutoPlay() {
-        state.autoPlay = this.autoPlay;
-        if (state.timeSlider) {
-            if (state.autoPlay) {
-                state.timeSlider.play();
-            }
-            else {
-                state.timeSlider.stop();
-            }
-        }
-    }
-    async componentWillLoad() {
-        try {
-            state.view = this.view;
-            state.timeInfoConfigItems = this.timeInfoConfigItems;
-            state.autoPlay = !!this.autoPlay;
-            if (this.timeSliderConfig)
-                state.timeSliderConfig = this.timeSliderConfig;
-            if (this.filterMode)
-                state.filterMode = this.filterMode;
-            await getMessages(this);
-        }
-        catch (_a) { }
-    }
-    async componentDidLoad() {
-        try {
-            await viewModel.init(this.timeSliderRef);
-        }
-        catch (_a) {
-        }
-        finally {
-            state.loading = false;
-        }
-    }
-    disconnectedcallback() {
-        viewModel.destroy();
-    }
-    render() {
-        return h(Host, { key: '70cc1da4bf2334962b6034fe79383ae016e5738e' }, this._renderBase());
-    }
-    _renderBase() {
-        return (h("div", { class: `${CSS.base}${this.view.type !== '2d' ? CSS.threeD : ''}` }, this._renderLoader(), this.view.type === '2d' && this._renderTopEl(), h("div", { key: "time-slider", ref: (ref) => (this.timeSliderRef = ref) })));
-    }
-    _renderLoader() {
-        var _a, _b;
-        return (state.loading && (h("div", null, h("div", { class: CSS.background }), h("div", { class: CSS.loadingContainer }, h("calcite-loader", { scale: "m", label: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.loading, text: (_b = this.messages) === null || _b === void 0 ? void 0 : _b.loading })))));
-    }
-    _renderTopEl() {
-        const moreThanOneTimeLayer = this.timeInfoConfigItems.length > 1;
-        return moreThanOneTimeLayer ? this._renderDropdown() : this._renderLayerTitle();
-    }
-    _renderLayerTitle() {
-        var _a, _b, _c;
-        const title = (_c = (_b = (_a = state.selectedTimeInfoItem) === null || _a === void 0 ? void 0 : _a.layerView) === null || _b === void 0 ? void 0 : _b.layer) === null || _c === void 0 ? void 0 : _c.title;
-        return h("span", { class: CSS.layerTitle }, title);
-    }
-    _renderDropdown() {
-        return (state.selectedTimeInfoItem && (h("calcite-dropdown", null, this._renderDropdownButton(), this._renderDropdownItems())));
-    }
-    _renderDropdownButton() {
-        return (h("calcite-button", { slot: "trigger", appearance: "transparent", iconEnd: "chevron-down", width: "full", alignment: "space-between" }, viewModel.getLabel(state.selectedTimeInfoItem)));
-    }
-    _renderDropdownItems() {
-        return state.timeInfoItems.map(timeInfoItem => this._renderDropdownItem(timeInfoItem));
-    }
-    _renderDropdownItem(timeInfoItem) {
-        var _a, _b, _c, _d, _e;
-        const selectedInfoItemId = (_c = (_b = (_a = state.selectedTimeInfoItem) === null || _a === void 0 ? void 0 : _a.layerView) === null || _b === void 0 ? void 0 : _b.layer) === null || _c === void 0 ? void 0 : _c.id;
-        const timeInfoItemId = (_e = (_d = timeInfoItem === null || timeInfoItem === void 0 ? void 0 : timeInfoItem.layerView) === null || _d === void 0 ? void 0 : _d.layer) === null || _e === void 0 ? void 0 : _e.id;
-        const selected = selectedInfoItemId === timeInfoItemId;
-        return (h("calcite-dropdown-item", { onCalciteDropdownItemSelect: () => viewModel.updateSelectedTimeInfoItem(timeInfoItem), selected: selected }, viewModel.getLabel(timeInfoItem)));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "timeInfoConfigItems": ["updateTimeInfoConfigItems"],
-        "filterMode": ["updateFilterMode"],
-        "timeSliderConfig": ["updateTimeSliderConfig"],
-        "autoPlay": ["updateAutoPlay"]
-    }; }
-    static get style() { return InstantAppsTimeFilterStyle0; }
-}, [0, "instant-apps-time-filter", {
-        "timeInfoConfigItems": [16],
-        "filterMode": [16],
-        "view": [16],
-        "timeSliderConfig": [16],
-        "autoPlay": [4, "auto-play"],
-        "timeSliderRef": [32]
-    }, undefined, {
-        "timeInfoConfigItems": ["updateTimeInfoConfigItems"],
-        "filterMode": ["updateFilterMode"],
-        "timeSliderConfig": ["updateTimeSliderConfig"],
-        "autoPlay": ["updateAutoPlay"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-time-filter"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-time-filter":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsTimeFilter$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsTimeFilter = InstantAppsTimeFilter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsTimeFilter, defineCustomElement };

package/dist/components/languageUtil.js

@@ -1,66 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import './esri-loader.js';
-
-/*
- *   Copyright (c) 2024 Esri
- *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
- *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
- *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
- *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
- */
-const languageMap = new Map([
-    ['ar', 'ar'],
-    ['bg', 'bg'],
-    ['bs', 'bs'],
-    ['ca', 'ca'],
-    ['cs', 'cs'],
-    ['da', 'da'],
-    ['de', 'de'],
-    ['el', 'el'],
-    ['en', 'en'],
-    ['es', 'es'],
-    ['et', 'et'],
-    ['fi', 'fi'],
-    ['fr', 'fr'],
-    ['he', 'he'],
-    ['hr', 'hr'],
-    ['hu', 'hu'],
-    ['id', 'id'],
-    ['it', 'it'],
-    ['ja', 'ja'],
-    ['ko', 'ko'],
-    ['lt', 'lt'],
-    ['lv', 'lv'],
-    ['nb', 'nb'],
-    ['nl', 'nl'],
-    ['pl', 'pl'],
-    ['pt-br', 'pt-BR'],
-    ['pt-pt', 'pt-PT'],
-    ['ro', 'ro'],
-    ['ru', 'ru'],
-    ['sk', 'sk'],
-    ['sl', 'sl'],
-    ['sr', 'sr'],
-    ['sv', 'sv'],
-    ['th', 'th'],
-    ['tr', 'tr'],
-    ['uk', 'uk'],
-    ['vi', 'vi'],
-    ['zh-cn', 'zh-CN'],
-    ['zh-hk', 'zh-HK'],
-    ['zh-tw', 'zh-TW'],
-]);
-// rtl
-function getElementDir(el) {
-    return getElementProp(el, 'dir', 'ltr');
-}
-function getElementProp(el, prop, value) {
-    const closestWithProp = el.closest(`[${prop}]`);
-    return closestWithProp ? closestWithProp.getAttribute(prop) : value;
-}
-
-export { getElementDir as g, languageMap as l };

package/dist/components/loadModules2.js

@@ -1,21 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { e as esriLoader } from './esri-loader.js';
-
-/*
- *   Copyright (c) 2024 Esri
- *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
- *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
- *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
- *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
- */
-const loadModules = async (moduleNames, options) => {
-    esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.32/' });
-    const mods = await esriLoader.exports.loadModules(moduleNames, options);
-    return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
-};
-
-export { loadModules as l };