raain-ui 2.3.7 → 2.3.9

package/factories/DateStatusUtils.d.ts

@@ -0,0 +1,66 @@
+import { DateRange } from './Tools';
+export declare class DateStatusUtils {
+    /**
+     * Gets the number of days in a month for a given date
+     */
+    static getDaysInMonth(date: Date): number;
+    /**
+     * Filters data points based on the focus date and range
+     */
+    static filterFocus(mapToFilter: Array<{
+        date: Date;
+        value: number;
+    }>, focusDate: Date, focusRange: DateRange): Array<{
+        date: Date;
+        value: number;
+    }>;
+    /**
+     * Groups data points based on the focus date and range
+     */
+    static groupFocus(mapToFilter: Array<{
+        date: Date;
+        value: number;
+    }>, focusDate: Date, focusRange: DateRange, min: Date, max: Date): number[];
+    /**
+     * Generates labels for the chart based on the focus date and range
+     */
+    static focusLabels(focusDate: Date, focusRange: DateRange, min: Date, max: Date, data: {
+        label: string;
+        style: string;
+        values: {
+            date: Date;
+            value: number;
+        }[];
+    }[]): string[];
+    /**
+     * Gets the focus date and title for a given index
+     */
+    static getFocusDateAndTitle(oldFocusDate: Date, focusRange: DateRange, index: number, min: Date, max: Date): {
+        newFocusDate: Date;
+        newTitle: string;
+    };
+    /**
+     * Builds a label for a date
+     */
+    static buildLabel(date: Date): string;
+    /**
+     * Builds a label for a year
+     */
+    static buildLabelYear(date: Date, year: number): string;
+    /**
+     * Builds a label for a month
+     */
+    static buildLabelMonth(date: Date, month: number): string;
+    /**
+     * Builds a label for a day
+     */
+    static buildLabelDate(date: Date, dateNumber: number): string;
+    /**
+     * Builds a label for an hour
+     */
+    static buildLabelHour(date: Date, hour: number, withLocal?: boolean): string;
+    /**
+     * Builds a label for a minute
+     */
+    static buildLabelMinute(date: Date, minute: number, withLocal?: boolean): string;
+}

package/factories/DateStatusUtils.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateStatusUtils = void 0;
+const Tools_1 = require("./Tools");
+class DateStatusUtils {
+    /**
+     * Gets the number of days in a month for a given date
+     */
+    static getDaysInMonth(date) {
+        // Create a new date for the first day of the next month, then get the day before (0th day)
+        // This gives us the last day of the current month, which is the number of days in the month
+        return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + 1, 0)).getDate();
+    }
+    /**
+     * Filters data points based on the focus date and range
+     */
+    static filterFocus(mapToFilter, focusDate, focusRange) {
+        return mapToFilter
+            .filter(e => {
+            let isIn = true;
+            if (isIn && focusRange >= Tools_1.DateRange.YEAR) {
+                isIn = e.date.getUTCFullYear() === focusDate.getUTCFullYear();
+            }
+            if (isIn && focusRange >= Tools_1.DateRange.MONTH) {
+                isIn = e.date.getUTCMonth() === focusDate.getUTCMonth();
+            }
+            if (isIn && focusRange >= Tools_1.DateRange.DAY) {
+                isIn = e.date.getUTCDate() === focusDate.getUTCDate();
+            }
+            if (isIn && focusRange >= Tools_1.DateRange.HOUR) {
+                isIn = e.date.getUTCHours() === focusDate.getUTCHours();
+            }
+            if (isIn && focusRange >= Tools_1.DateRange.MINUTE) {
+                isIn = e.date.getUTCMinutes() === focusDate.getUTCMinutes();
+            }
+            return isIn;
+        })
+            .sort((a, b) => a.date.getTime() - b.date.getTime());
+    }
+    /**
+     * Groups data points based on the focus date and range
+     */
+    static groupFocus(mapToFilter, focusDate, focusRange, min, max) {
+        const filteredAndSorted = DateStatusUtils.filterFocus(mapToFilter, focusDate, focusRange);
+        if (focusRange === Tools_1.DateRange.CENTURY) {
+            const groupedByYear = [];
+            for (let i = min.getUTCFullYear(); i <= max.getUTCFullYear(); i++) {
+                const yearDate = new Date(focusDate);
+                yearDate.setUTCFullYear(i);
+                const sum = DateStatusUtils.filterFocus(filteredAndSorted, yearDate, Tools_1.DateRange.YEAR)
+                    .reduce((partialSum, a) => partialSum + a.value, 0);
+                groupedByYear.push(sum);
+            }
+            return groupedByYear;
+        }
+        if (focusRange === Tools_1.DateRange.YEAR) {
+            const groupedByMonth = [];
+            for (let i = 0; i < 12; i++) {
+                const monthDate = new Date(focusDate);
+                monthDate.setUTCMonth(i);
+                const sum = DateStatusUtils.filterFocus(filteredAndSorted, monthDate, Tools_1.DateRange.MONTH)
+                    .reduce((partialSum, a) => partialSum + a.value, 0);
+                groupedByMonth.push(sum);
+            }
+            return groupedByMonth;
+        }
+        if (focusRange === Tools_1.DateRange.MONTH) {
+            const groupedByDay = [];
+            const daysInMonth = DateStatusUtils.getDaysInMonth(focusDate);
+            for (let i = 1; i <= daysInMonth; i++) {
+                const dayDate = new Date(focusDate);
+                dayDate.setUTCDate(i);
+                const sum = DateStatusUtils.filterFocus(filteredAndSorted, dayDate, Tools_1.DateRange.DAY)
+                    .reduce((partialSum, a) => partialSum + a.value, 0);
+                groupedByDay.push(sum);
+            }
+            return groupedByDay;
+        }
+        if (focusRange === Tools_1.DateRange.DAY) {
+            const groupedByHour = [];
+            for (let i = 0; i < 24; i++) {
+                const hourDate = new Date(focusDate);
+                hourDate.setUTCHours(i);
+                const sum = DateStatusUtils.filterFocus(filteredAndSorted, hourDate, Tools_1.DateRange.HOUR)
+                    .reduce((partialSum, a) => partialSum + a.value, 0);
+                groupedByHour.push(sum);
+            }
+            return groupedByHour;
+        }
+        if (focusRange === Tools_1.DateRange.HOUR) {
+            const groupedByMinutes = [];
+            for (let i = 0; i < 60; i++) {
+                const minuteDate = new Date(focusDate);
+                minuteDate.setUTCMinutes(i);
+                const sum = DateStatusUtils.filterFocus(filteredAndSorted, minuteDate, Tools_1.DateRange.MINUTE)
+                    .reduce((partialSum, a) => partialSum + a.value, 0);
+                groupedByMinutes.push(sum);
+            }
+            return groupedByMinutes;
+        }
+        return filteredAndSorted.map(e => e.value);
+    }
+    /**
+     * Generates labels for the chart based on the focus date and range
+     */
+    static focusLabels(focusDate, focusRange, min, max, data) {
+        if (focusRange === Tools_1.DateRange.CENTURY) {
+            const groupedByYear = [];
+            for (let i = min.getUTCFullYear(); i <= max.getUTCFullYear(); i++) {
+                groupedByYear.push(DateStatusUtils.buildLabelYear(new Date(focusDate), i));
+            }
+            return groupedByYear;
+        }
+        else if (focusRange === Tools_1.DateRange.YEAR) {
+            const groupedByMonth = [];
+            for (let i = 0; i < 12; i++) {
+                groupedByMonth.push(DateStatusUtils.buildLabelMonth(new Date(focusDate), i));
+            }
+            return groupedByMonth;
+        }
+        else if (focusRange === Tools_1.DateRange.MONTH) {
+            const groupedByDay = [];
+            const daysInMonth = DateStatusUtils.getDaysInMonth(focusDate);
+            for (let i = 1; i <= daysInMonth; i++) {
+                groupedByDay.push(DateStatusUtils.buildLabelDate(new Date(focusDate), i));
+            }
+            return groupedByDay;
+        }
+        else if (focusRange === Tools_1.DateRange.DAY) {
+            const groupedByHour = [];
+            for (let i = 0; i < 24; i++) {
+                groupedByHour.push(DateStatusUtils.buildLabelHour(new Date(focusDate), i));
+            }
+            return groupedByHour;
+        }
+        else if (focusRange === Tools_1.DateRange.HOUR) {
+            const groupedByMinutes = [];
+            for (let i = 0; i < 60; i++) {
+                groupedByMinutes.push(DateStatusUtils.buildLabelMinute(new Date(focusDate), i));
+            }
+            return groupedByMinutes;
+        }
+        // all elements that are in the current minute
+        let allDates = [];
+        data.forEach(d => {
+            allDates = allDates.concat(d.values);
+        });
+        const filteredDates = DateStatusUtils.filterFocus(allDates, focusDate, Tools_1.DateRange.MINUTE);
+        const filteredDatesISO = filteredDates
+            .map(v => DateStatusUtils.buildLabel(v.date));
+        return filteredDatesISO.filter((item, pos, self) => {
+            return self.indexOf(item) === pos;
+        });
+    }
+    /**
+     * Gets the focus date and title for a given index
+     */
+    static getFocusDateAndTitle(oldFocusDate, focusRange, index, min, max) {
+        const newFocusDate = new Date(oldFocusDate);
+        let newTitle = '...';
+        if (focusRange === Tools_1.DateRange.YEAR) {
+            newTitle = DateStatusUtils.buildLabelYear(newFocusDate, min.getUTCFullYear() + index);
+        }
+        else if (focusRange === Tools_1.DateRange.MONTH) {
+            newTitle = DateStatusUtils.buildLabelMonth(newFocusDate, index);
+        }
+        else if (focusRange === Tools_1.DateRange.DAY) {
+            newTitle = DateStatusUtils.buildLabelDate(newFocusDate, index + 1);
+        }
+        else if (focusRange === Tools_1.DateRange.HOUR) {
+            newTitle = DateStatusUtils.buildLabelHour(newFocusDate, index, true);
+        }
+        else if (focusRange === Tools_1.DateRange.MINUTE) {
+            newTitle = DateStatusUtils.buildLabel(newFocusDate);
+        }
+        return { newFocusDate, newTitle };
+    }
+    /**
+     * Builds a label for a date
+     */
+    static buildLabel(date) {
+        // "2024-03-28 13:02:48 CET"  l=23
+        return Tools_1.Tools.formatDate(date, Tools_1.DateRange.MINUTE);
+    }
+    /**
+     * Builds a label for a year
+     */
+    static buildLabelYear(date, year) {
+        date.setUTCFullYear(year);
+        date.setUTCMonth(0);
+        date.setUTCDate(1);
+        date.setUTCHours(0);
+        date.setUTCMinutes(0);
+        date.setUTCSeconds(0);
+        return Tools_1.Tools.formatDate(date, Tools_1.DateRange.YEAR);
+    }
+    /**
+     * Builds a label for a month
+     */
+    static buildLabelMonth(date, month) {
+        date.setUTCMonth(month);
+        date.setUTCDate(1);
+        date.setUTCHours(0);
+        date.setUTCMinutes(0);
+        date.setUTCSeconds(0);
+        return Tools_1.Tools.formatDate(date, Tools_1.DateRange.MONTH);
+    }
+    /**
+     * Builds a label for a day
+     */
+    static buildLabelDate(date, dateNumber) {
+        date.setUTCDate(dateNumber);
+        date.setUTCHours(0);
+        date.setUTCMinutes(0);
+        date.setUTCSeconds(0);
+        return Tools_1.Tools.formatDate(date, Tools_1.DateRange.DAY);
+    }
+    /**
+     * Builds a label for an hour
+     */
+    static buildLabelHour(date, hour, withLocal = false) {
+        date.setUTCHours(hour);
+        date.setUTCMinutes(0);
+        date.setUTCSeconds(0);
+        const utcFormatted = Tools_1.Tools.formatDate(date, Tools_1.DateRange.HOUR);
+        const local = new Date();
+        const userTimezoneOffset = local.getTimezoneOffset() * 60000;
+        const localDate = new Date(date.getTime() - userTimezoneOffset);
+        const localFormatted = Tools_1.Tools.formatDate(localDate, Tools_1.DateRange.HOUR);
+        if (withLocal) {
+            return `UTC ${utcFormatted} - Local ${localFormatted}`;
+        }
+        else {
+            return `UTC ${utcFormatted}`;
+        }
+    }
+    /**
+     * Builds a label for a minute
+     */
+    static buildLabelMinute(date, minute, withLocal = false) {
+        date.setUTCMinutes(minute);
+        date.setUTCSeconds(0);
+        const utcFormatted = Tools_1.Tools.formatDate(date, Tools_1.DateRange.MINUTE);
+        const local = new Date();
+        const userTimezoneOffset = local.getTimezoneOffset() * 60000;
+        const localDate = new Date(date.getTime() - userTimezoneOffset);
+        const localFormatted = Tools_1.Tools.formatDate(localDate, Tools_1.DateRange.MINUTE);
+        if (withLocal) {
+            return `UTC ${utcFormatted} - Local ${localFormatted}`;
+        }
+        else {
+            return `UTC ${utcFormatted}`;
+        }
+    }
+}
+exports.DateStatusUtils = DateStatusUtils;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVN0YXR1c1V0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZhY3Rvcmllcy9EYXRlU3RhdHVzVXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbUNBQXlDO0FBRXpDLE1BQWEsZUFBZTtJQUN4Qjs7T0FFRztJQUNJLE1BQU0sQ0FBQyxjQUFjLENBQUMsSUFBVTtRQUNuQywyRkFBMkY7UUFDM0YsNEZBQTRGO1FBQzVGLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzFGLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU0sQ0FBQyxXQUFXLENBQUMsV0FBaUQsRUFBRSxTQUFlLEVBQUUsVUFBcUI7UUFJL0csT0FBTyxXQUFXO2FBQ2IsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ1IsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLElBQUksSUFBSSxJQUFJLFVBQVUsSUFBSSxpQkFBUyxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUN2QyxJQUFJLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsS0FBSyxTQUFTLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbEUsQ0FBQztZQUNELElBQUksSUFBSSxJQUFJLFVBQVUsSUFBSSxpQkFBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN4QyxJQUFJLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUQsQ0FBQztZQUNELElBQUksSUFBSSxJQUFJLFVBQVUsSUFBSSxpQkFBUyxDQUFDLEdBQUcsRUFBRSxDQUFDO2dCQUN0QyxJQUFJLEdBQUcsQ0FBQyxDQUFDLElBQUks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

package/factories/DynamicDateStatusElement.d.ts

@@ -0,0 +1,49 @@
+import { DateRange } from './Tools';
+import { DateStatusElement, DateStatusElementInput } from './DateStatusElement';
+export declare class DynamicDateStatusElementInput extends DateStatusElementInput {
+    fetchDataFn: (focusDate: Date, focusRange: DateRange) => Promise<{
+        label: string;
+        style: string;
+        values: {
+            date: Date;
+            value: number;
+        }[];
+    }[]>;
+    options: {
+        dataLength?: number;
+        focusDate?: Date;
+        focusRange?: DateRange;
+        chartMinValue?: number;
+        chartMaxValue?: number;
+    };
+    constructor(fetchDataFn: (focusDate: Date, focusRange: DateRange) => Promise<{
+        label: string;
+        style: string;
+        values: {
+            date: Date;
+            value: number;
+        }[];
+    }[]>, options?: {
+        dataLength?: number;
+        focusDate?: Date;
+        focusRange?: DateRange;
+        chartMinValue?: number;
+        chartMaxValue?: number;
+    });
+}
+export declare class DynamicDateStatusElement extends DateStatusElement {
+    protected element: HTMLCanvasElement;
+    protected inputs: DynamicDateStatusElementInput;
+    protected fetchDataFn: (focusDate: Date, focusRange: DateRange) => Promise<{
+        label: string;
+        style: string;
+        values: {
+            date: Date;
+            value: number;
+        }[];
+    }[]>;
+    constructor(addSomeDebugInfos?: boolean);
+    build(element: HTMLCanvasElement, inputs: DynamicDateStatusElementInput): void;
+    private overrideFocusMethods;
+    private setLoadingState;
+}

package/factories/DynamicDateStatusElement.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicDateStatusElement = exports.DynamicDateStatusElementInput = void 0;
+const Tools_1 = require("./Tools");
+const DateStatusElement_1 = require("./DateStatusElement");
+const DateStatusUtils_1 = require("./DateStatusUtils");
+class DynamicDateStatusElementInput extends DateStatusElement_1.DateStatusElementInput {
+    constructor(fetchDataFn, options = {
+        dataLength: 1,
+        focusDate: new Date(),
+        focusRange: Tools_1.DateRange.YEAR,
+        chartMinValue: 0,
+        chartMaxValue: 100,
+    }) {
+        var _a, _b;
+        super([{ label: '...', style: 'bar', values: [] }], (_a = options.focusDate) !== null && _a !== void 0 ? _a : new Date(), (_b = options.focusRange) !== null && _b !== void 0 ? _b : Tools_1.DateRange.YEAR, options.chartMinValue, options.chartMaxValue);
+        this.fetchDataFn = fetchDataFn;
+        this.options = options;
+    }
+}
+exports.DynamicDateStatusElementInput = DynamicDateStatusElementInput;
+class DynamicDateStatusElement extends DateStatusElement_1.DateStatusElement {
+    constructor(addSomeDebugInfos = false) {
+        super(addSomeDebugInfos);
+    }
+    build(element, inputs) {
+        console.log('DynamicDateStatusElement.build');
+        this.element = element;
+        this.inputs = inputs;
+        this.fetchDataFn = this.inputs.fetchDataFn;
+        // Call the parent build method with the fetched data
+        super.build(element, this.inputs);
+        // Override focus methods to fetch data asynchronously
+        this.overrideFocusMethods();
+        this.focusReset().then();
+    }
+    overrideFocusMethods() {
+        // Store original methods
+        const originalFocusReset = this.focusReset;
+        const originalFocusNext = this.focusNext;
+        const originalFocusPrevious = this.focusPrevious;
+        const originalFocusClick = this.focusClick;
+        // Override focusReset
+        this.focusReset = async () => {
+            // Show loading state
+            this.setLoadingState(true);
+            // Reset to top view
+            this.focusPos = 0;
+            this.focusDate = new Date(this.inputs.focusDate);
+            this.focusRange = this.inputs.focusRange;
+            try {
+                this.setOfData = await this.fetchDataFn(this.focusDate, this.focusRange);
+                const dataPoints = this.buildDateTimeSeries(this.inputs.focusDate, this.inputs.focusRange);
+                await originalFocusReset(dataPoints);
+            }
+            catch (error) {
+                if (!document || !document['mocked']) {
+                    console.error('Error fetching data and focus reset:', error);
+                }
+            }
+            finally {
+                this.setLoadingState(false);
+            }
+        };
+        // Override focusNext
+        this.focusNext = async () => {
+            // Show loading state
+            this.setLoadingState(true);
+            const eFocusRange = this.focusRange;
+            const { pos, newFocusDate } = this.getFocusPosAdded(1, this.focusDate, eFocusRange);
+            try {
+                // Fetch new data
+                this.setOfData = await this.fetchDataFn(newFocusDate, eFocusRange);
+                // Call original's method
+                await originalFocusNext();
+            }
+            catch (error) {
+                console.error('Error fetching data:', error);
+                // Handle error state
+            }
+            finally {
+                // Hide loading state
+                this.setLoadingState(false);
+            }
+        };
+        // Override focusPrevious
+        this.focusPrevious = async () => {
+            // Show loading state
+            this.setLoadingState(true);
+            const eFocusRange = this.focusRange;
+            const { pos, newFocusDate } = this.getFocusPosAdded(-1, this.focusDate, eFocusRange);
+            try {
+                // Fetch new data
+                this.setOfData = await this.fetchDataFn(newFocusDate, eFocusRange);
+                // Call original's method
+                await originalFocusPrevious();
+            }
+            catch (error) {
+                console.error('Error fetching data:', error);
+                // Handle error state
+            }
+            finally {
+                // Hide loading state
+                this.setLoadingState(false);
+            }
+        };
+        // Override focusClick
+        this.focusClick = async (e) => {
+            if (this.focusRange >= Tools_1.DateRange.HOUR) {
+                return;
+            }
+            // Show loading state
+            this.setLoadingState(true);
+            try {
+                // Fetch new data
+                const focusPos = this.getFocusPosRelative(e, this.chart);
+                const { newFocusDate } = DateStatusUtils_1.DateStatusUtils.getFocusDateAndTitle(this.focusDate, this.focusRange + 1, focusPos, this.minDate, this.maxDate);
+                this.setOfData = await this.fetchDataFn(newFocusDate, this.focusRange + 1);
+                // Call original's method
+                await originalFocusClick(e);
+            }
+            catch (error) {
+                console.error('Error fetching data:', error);
+                // Handle error state
+            }
+            finally {
+                // Hide loading state
+                this.setLoadingState(false);
+            }
+        };
+    }
+    setLoadingState(isLoading) {
+        if (this.chart && (!document || !document['mocked'])) {
+            // Update chart title to show loading state
+            if (isLoading) {
+                this.updateChartTitle('Loading...');
+                this.chart.update();
+            }
+        }
+    }
+}
+exports.DynamicDateStatusElement = DynamicDateStatusElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHluYW1pY0RhdGVTdGF0dXNFbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZhY3Rvcmllcy9EeW5hbWljRGF0ZVN0YXR1c0VsZW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbUNBQWtDO0FBQ2xDLDJEQUE4RTtBQUM5RSx1REFBa0Q7QUFFbEQsTUFBYSw2QkFBOEIsU0FBUSwwQ0FBc0I7SUFDckUsWUFDVyxXQUlILEVBQ0csVUFNSDtRQUNBLFVBQVUsRUFBRSxDQUFDO1FBQ2IsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO1FBQ3JCLFVBQVUsRUFBRSxpQkFBUyxDQUFDLElBQUk7UUFDMUIsYUFBYSxFQUFFLENBQUM7UUFDaEIsYUFBYSxFQUFFLEdBQUc7S0FDckI7O1FBRUQsS0FBSyxDQUNELENBQUMsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBQyxDQUFDLEVBQzFDLE1BQUEsT0FBTyxDQUFDLFNBQVMsbUNBQUksSUFBSSxJQUFJLEVBQUUsRUFDL0IsTUFBQSxPQUFPLENBQUMsVUFBVSxtQ0FBSSxpQkFBUyxDQUFDLElBQUksRUFDcEMsT0FBTyxDQUFDLGFBQWEsRUFDckIsT0FBTyxDQUFDLGFBQWEsQ0FDeEIsQ0FBQztRQXpCSyxnQkFBVyxHQUFYLFdBQVcsQ0FJZDtRQUNHLFlBQU8sR0FBUCxPQUFPLENBWWI7SUFTTCxDQUFDO0NBQ0o7QUE3QkQsc0VBNkJDO0FBRUQsTUFBYSx3QkFBeUIsU0FBUSxxQ0FBaUI7SUFTM0QsWUFBWSxpQkFBaUIsR0FBRyxLQUFLO1FBQ2pDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTSxLQUFLLENBQUMsT0FBMEIsRUFBRSxNQUFxQztRQUMxRSxPQUFPLENBQUMsR0FBRyxDQUFDLGdDQUFnQyxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxP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

package/factories/EarthMapElement.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Class for Earth map configuration
+ */
+export declare class EarthMapElementInput {
+    accessToken: string;
+    constructor(accessToken: string);
+}
+/**
+ * Factory class for creating interactive Earth maps
+ */
+export declare class EarthMapElement {
+    protected addSomeDebugInfos: boolean;
+    constructor(addSomeDebugInfos?: boolean);
+    /**
+     * Creates and initializes an interactive 3D Earth map
+     * @param element - HTML element to render the map
+     * @param inputs - Map configuration options
+     */
+    build(element: HTMLElement, inputs: EarthMapElementInput): void;
+}

package/factories/EarthMapElement.js

@@ -0,0 +1,61 @@
+"use strict";
+// The URL on your server where CesiumJS's static files are hosted.
+// (window as any).CESIUM_BASE_URL = '/';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EarthMapElement = exports.EarthMapElementInput = void 0;
+// import {Ion, Terrain, Viewer} from 'cesium';
+// import 'cesium/Build/Cesium/Widgets/widgets.css';
+// Your access token can be found at: https://ion.cesium.com/tokens.
+// Replace `your_access_token` with your Cesium ion access token.
+const main_1 = require("../globe/main");
+/**
+ * Class for Earth map configuration
+ */
+class EarthMapElementInput {
+    constructor(accessToken) {
+        this.accessToken = accessToken;
+    }
+}
+exports.EarthMapElementInput = EarthMapElementInput;
+/**
+ * Factory class for creating interactive Earth maps
+ */
+class EarthMapElement {
+    constructor(addSomeDebugInfos = false) {
+        this.addSomeDebugInfos = addSomeDebugInfos;
+    }
+    /**
+     * Creates and initializes an interactive 3D Earth map
+     * @param element - HTML element to render the map
+     * @param inputs - Map configuration options
+     */
+    build(element, inputs) {
+        if (!element) {
+            throw new Error('Container element is required');
+        }
+        const params = {
+            container: element,
+            center: [-100, 38.5],
+            altitude: 6280,
+        };
+        (0, main_1.initGlobe)(params).then(globe => {
+            let spot;
+            let requestID = requestAnimationFrame(animate);
+            function animate(time) {
+                if (spot) {
+                    globe.removeMarker(spot);
+                }
+                globe.update(time);
+                // Check for a mountain under the cursor
+                const mountain = globe.select('mountains', 12);
+                if (mountain) {
+                    const position = mountain.geometry.coordinates;
+                    spot = globe.addMarker({ position, type: 'spot' });
+                }
+                requestID = requestAnimationFrame(animate);
+            }
+        }).catch(console.log);
+    }
+}
+exports.EarthMapElement = EarthMapElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRWFydGhNYXBFbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZhY3Rvcmllcy9FYXJ0aE1hcEVsZW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLG1FQUFtRTtBQUNuRSx5Q0FBeUM7OztBQUV6QywrQ0FBK0M7QUFDL0Msb0RBQW9EO0FBRXBELG9FQUFvRTtBQUNwRSxpRUFBaUU7QUFHakUsd0NBQXdDO0FBRXhDOztHQUVHO0FBQ0gsTUFBYSxvQkFBb0I7SUFDN0IsWUFDVyxXQUFtQjtRQUFuQixnQkFBVyxHQUFYLFdBQVcsQ0FBUTtJQUU5QixDQUFDO0NBQ0o7QUFMRCxvREFLQztBQUVEOztHQUVHO0FBQ0gsTUFBYSxlQUFlO0lBRXhCLFlBQXNCLG9CQUFvQixLQUFLO1FBQXpCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBUTtJQUMvQyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLEtBQUssQ0FBQyxPQUFvQixFQUFFLE1BQTRCO1FBQzNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNYLE1BQU0sSUFBSSxLQUFLLENBQUMsK0JBQStCLENBQUMsQ0FBQztRQUNyRCxDQUFDO1FBRUQsTUFBTSxNQUFNLEdBQUc7WUFDWCxTQUFTLEVBQUUsT0FBTztZQUNsQixNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUM7WUFDcEIsUUFBUSxFQUFFLElBQUk7U0FDakIsQ0FBQztRQUVGLElBQUEsZ0JBQVMsRUFBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDM0IsSUFBSSxJQUFJLENBQUM7WUFDVCxJQUFJLFNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUUvQyxTQUFTLE9BQU8sQ0FBQyxJQUFJO2dCQUNqQixJQUFJLElBQUksRUFBRSxDQUFDO29CQUNQLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzdCLENBQUM7Z0JBQ0QsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFFbkIsd0NBQXdDO2dCQUN4QyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsQ0FBQztnQkFDL0MsSUFBSSxRQUFRLEVBQUUsQ0FBQztvQkFDWCxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQztvQkFDL0MsSUFBSSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUM7Z0JBQ3JELENBQUM7Z0JBRUQsU0FBUyxHQUFHLHFCQUFxQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQy9DLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRTFCLENBQUM7Q0FFSjtBQTVDRCwwQ0E0Q0MifQ==

package/factories/ElementsFactory.d.ts

@@ -3,10 +3,12 @@ import { MapElement, MapElementInput } from './MapElement';
 import { CompareElement, CompareElementInput } from './CompareElement';
 import { ConfigurationElement, ConfigurationElementInput } from './ConfigurationElement';
 import { DateStatusElement, DateStatusElementInput } from './DateStatusElement';
+import { DynamicDateStatusElement, DynamicDateStatusElementInput } from './DynamicDateStatusElement';
 import { SpeedMatrixElement, SpeedMatrixElementInput } from './SpeedMatrixElement';
 import { MonitoringBarsElement, MonitoringBarsElementInput } from './MonitoringBarsElement';
 import { MonitoringLinesElement, MonitoringLinesElementInput } from './MonitoringLinesElement';
 import { ScaleElement, ScaleElementInput } from './ScaleElement';
+import { EarthMapElement, EarthMapElementInput } from './EarthMapElement';
 export declare class ElementsFactory {
     center: MapLatLng | {
         lat: number;
@@ -31,4 +33,6 @@ export declare class ElementsFactory {
     createMonitoringBars(element: HTMLCanvasElement, inputs: MonitoringBarsElementInput): MonitoringBarsElement;
     createMonitoringLines(element: HTMLCanvasElement, inputs: MonitoringLinesElementInput): MonitoringLinesElement;
     createScale(element: HTMLCanvasElement, inputs: ScaleElementInput): ScaleElement;
+    createEarthMap(element: HTMLElement, inputs: EarthMapElementInput): EarthMapElement;
+    createDynamicDateStatus(element: HTMLCanvasElement, inputs: DynamicDateStatusElementInput): DynamicDateStatusElement;
 }