@omegagrid/dashboard 0.6.15

package/dist/constants.d.ts

@@ -0,0 +1,47 @@
+import { DashboardOptions } from './types';
+declare const _default: {
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+    DEFAULT_NUMBER_FORMAT: string;
+    FONT_SIZE: number;
+    DEFAULT_OPTIONS: DashboardOptions;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ3C,wBAGC"}

package/dist/constants.js

@@ -0,0 +1,11 @@
+import { constants as coreConstants } from '@omegagrid/core';
+const DEFAULT_OPTIONS = {
+    size: 12,
+    gap: 10,
+    orientation: 'vertical'
+};
+export default {
+    DEFAULT_OPTIONS,
+    ...coreConstants
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG7D,MAAM,eAAe,GAAqB;IACzC,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,EAAE;IACP,WAAW,EAAE,UAAU;CACvB,CAAA;AAED,eAAe;IACd,eAAe;IACf,GAAG,aAAa;CAChB,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ui';
+export * from './model';
+export * from './constants';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './ui';
+export * from './model';
+export * from './constants';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/model/dashboardItemModel.d.ts

@@ -0,0 +1,18 @@
+import { ComponentId } from "@omegagrid/core";
+import { DashboardItemSource } from "../types";
+export declare class DashboardItemModel {
+    private _index;
+    get index(): number;
+    set index(value: number);
+    private _id;
+    get id(): ComponentId;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    title: string;
+    constructor(index: number, source?: DashboardItemSource);
+    pupulate(source: DashboardItemSource): void;
+    getSourceData(): DashboardItemSource;
+}
+//# sourceMappingURL=dashboardItemModel.d.ts.map

package/dist/model/dashboardItemModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardItemModel.d.ts","sourceRoot":"","sources":["../../src/model/dashboardItemModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,qBAAa,kBAAkB;IAE9B,OAAO,CAAC,MAAM,CAAS;IACvB,IAAI,KAAK,IACQ,MAAM,CADW;IAClC,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAAyB;IAEhD,OAAO,CAAC,GAAG,CAAc;IACzB,IAAI,EAAE,gBAAsB;IAE5B,CAAC,SAAK;IACN,CAAC,SAAK;IACN,CAAC,SAAK;IACN,CAAC,SAAK;IACN,KAAK,EAAE,MAAM,CAAC;gBAEF,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,mBAAmB;IAKvD,QAAQ,CAAC,MAAM,EAAE,mBAAmB;IASpC,aAAa,IAAI,mBAAmB;CAWpC"}

package/dist/model/dashboardItemModel.js

@@ -0,0 +1,33 @@
+export class DashboardItemModel {
+    get index() { return this._index; }
+    set index(value) { this._index = value; }
+    get id() { return this._id; }
+    constructor(index, source) {
+        this.x = 0;
+        this.y = 0;
+        this.w = 1;
+        this.h = 1;
+        this._index = index;
+        if (source)
+            this.pupulate(source);
+    }
+    pupulate(source) {
+        this._id = source.id;
+        this.x = source.x;
+        this.y = source.y;
+        this.w = source.w || 1;
+        this.h = source.h || 1;
+        this.title = source.title || `#${this.index + 1}`;
+    }
+    getSourceData() {
+        return {
+            id: this.id,
+            title: this.title,
+            x: this.x,
+            y: this.y,
+            w: this.w,
+            h: this.h
+        };
+    }
+}
+//# sourceMappingURL=dashboardItemModel.js.map

package/dist/model/dashboardItemModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardItemModel.js","sourceRoot":"","sources":["../../src/model/dashboardItemModel.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,kBAAkB;IAG9B,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAA,CAAC,CAAC;IAClC,IAAI,KAAK,CAAC,KAAa,IAAI,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA,CAAC,CAAC;IAGhD,IAAI,EAAE,KAAK,OAAO,IAAI,CAAC,GAAG,CAAA,CAAC,CAAC;IAQ5B,YAAY,KAAa,EAAE,MAA4B;QANvD,MAAC,GAAG,CAAC,CAAC;QACN,MAAC,GAAG,CAAC,CAAC;QACN,MAAC,GAAG,CAAC,CAAC;QACN,MAAC,GAAG,CAAC,CAAC;QAIL,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,MAAM;YAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,QAAQ,CAAC,MAA2B;QACnC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;IACnD,CAAC;IAED,aAAa;QACZ,OAAO;YACN,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;SACT,CAAC;IACH,CAAC;CAED"}

package/dist/model/dashboardModel.d.ts

@@ -0,0 +1,17 @@
+import { Rect, Size } from "@omegagrid/core";
+import { DashboardOptions, DashboardSource } from "../types";
+import { DashboardItemModel } from "./dashboardItemModel";
+export declare class DashboardModel {
+    private _options;
+    get options(): DashboardOptions;
+    private _items;
+    get items(): DashboardItemModel[];
+    constructor(source?: DashboardSource);
+    populate(source: DashboardSource): void;
+    private _size;
+    get size(): Size;
+    getSourceData(): DashboardSource;
+    updatePositions(positions: Rect[]): void;
+    calculatePositions(movingItem: DashboardItemModel, rect: Rect): Rect[];
+}
+//# sourceMappingURL=dashboardModel.d.ts.map

package/dist/model/dashboardModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardModel.d.ts","sourceRoot":"","sources":["../../src/model/dashboardModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAS,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,qBAAa,cAAc;IAE1B,OAAO,CAAC,QAAQ,CAAmB;IACnC,IAAI,OAAO,qBAA2B;IAEtC,OAAO,CAAC,MAAM,CAA4B;IAC1C,IAAI,KAAK,yBAAyB;gBAEtB,MAAM,CAAC,EAAE,eAAe;IAIpC,QAAQ,CAAC,MAAM,EAAE,eAAe;IAKhC,OAAO,CAAC,KAAK,CAAO;IACpB,IAAI,IAAI,SAQP;IAED,aAAa,IAAI,eAAe;IAOhC,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE;IAgDjC,kBAAkB,CAAC,UAAU,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI;CAyH7D"}

package/dist/model/dashboardModel.js

@@ -0,0 +1,193 @@
+import { utils } from "@omegagrid/core";
+import constants from "../constants";
+import { DashboardItemModel } from "./dashboardItemModel";
+export class DashboardModel {
+    get options() { return this._options; }
+    get items() { return this._items; }
+    constructor(source) {
+        this._items = [];
+        if (source)
+            this.populate(source);
+    }
+    populate(source) {
+        this._items = source.items.map((item, i) => new DashboardItemModel(i, item));
+        this._options = utils.mergeDeep(constants.DEFAULT_OPTIONS, source.options);
+    }
+    get size() {
+        if (this._size)
+            return this._size;
+        this._size = { w: 0, h: 0 };
+        this._items.forEach(item => {
+            this._size.w = Math.max(this._size.w, item.x + item.w);
+            this._size.h = Math.max(this._size.h, item.y + item.h);
+        });
+        return this._size;
+    }
+    getSourceData() {
+        return {
+            items: this._items.map(item => item.getSourceData()),
+            options: this._options
+        };
+    }
+    updatePositions(positions) {
+        this._size = { w: 0, h: 0 };
+        this._items.forEach((item, i) => {
+            if (positions[i]) {
+                item.x = positions[i].x;
+                item.y = positions[i].y;
+                item.w = positions[i].w;
+                item.h = positions[i].h;
+            }
+            this._size.w = Math.max(this._size.w, item.x + item.w);
+            this._size.h = Math.max(this._size.h, item.y + item.h);
+        });
+    }
+    /*
+    calculatePositions(movingItem: DashboardItemModel, rect: Rect) {
+        const newPositions: Rect[] = new Array(this._items.length);
+        let updateTreshold = Number.MAX_SAFE_INTEGER;
+        let updateAmount = 0;
+        this._items.forEach((item, i) => {
+            if (item == movingItem) {
+                newPositions[i] = rect;
+            } else {
+                const intersection = utils.rectIntersect(item, rect);
+                if (intersection) {
+                    newPositions[i] = {x: item.x, y: rect.y + rect.h, w: item.w, h: item.h};
+                    updateTreshold = Math.min(updateTreshold, newPositions[i].y + newPositions[i].h);
+                    updateAmount = Math.max(updateAmount, newPositions[i].y - item.y + item.h);
+                }
+            }
+        });
+        console.log(updateAmount);
+        this._items.forEach((item, i) => {
+            if (!newPositions[i]) {
+                newPositions[i] = {
+                    x: item.x,
+                    y: item.y + (item.y >= updateTreshold ? updateAmount : 0),
+                    w: item.w,
+                    h: item.h
+                };
+                console.log(i, newPositions[i].y);
+            }
+        });
+
+        return newPositions;
+    }
+    */
+    calculatePositions(movingItem, rect) {
+        const newPositions = new Array(this._items.length);
+        const containerSize = this._options.size || Infinity;
+        const orientation = this._options.orientation;
+        // Set the position for the moving item with boundary constraints
+        const movingIndex = this._items.indexOf(movingItem);
+        if (movingIndex !== -1) {
+            newPositions[movingIndex] = {
+                x: Math.max(0, rect.x),
+                y: Math.max(0, rect.y),
+                w: orientation == 'vertical' ? Math.min(rect.w, containerSize - Math.max(0, rect.x)) : rect.w,
+                h: orientation == 'horizontal' ? Math.min(rect.h, containerSize - Math.max(0, rect.y)) : rect.h
+            };
+        }
+        // First pass: identify collisions and set initial positions
+        this._items.forEach((item, i) => {
+            if (i !== movingIndex) {
+                newPositions[i] = { x: item.x, y: item.y, w: item.w, h: item.h };
+            }
+        });
+        // Resolve collisions recursively
+        const processedItems = new Set();
+        processedItems.add(movingIndex);
+        const resolveCollisions = (itemIndex) => {
+            const itemRect = newPositions[itemIndex];
+            for (let i = 0; i < this._items.length; i++) {
+                // Skip if it's the same item or already processed in this recursive call
+                if (i === itemIndex || processedItems.has(i))
+                    continue;
+                const otherRect = newPositions[i];
+                const intersection = utils.rectIntersect(itemRect, otherRect);
+                if (intersection) {
+                    // Calculate distances to move in each direction
+                    const moveDown = itemRect.y + itemRect.h - otherRect.y;
+                    const moveRight = itemRect.x + itemRect.w - otherRect.x;
+                    const moveUp = otherRect.y + otherRect.h - itemRect.y;
+                    const moveLeft = otherRect.x + otherRect.w - itemRect.x;
+                    if (orientation === 'vertical') {
+                        // In vertical orientation, prioritize downward movement
+                        if (moveDown <= moveUp && moveDown <= moveRight && moveDown <= moveLeft) {
+                            otherRect.y = Math.max(0, itemRect.y + itemRect.h);
+                        }
+                        else if (moveUp <= moveRight && moveUp <= moveLeft && itemRect.y - otherRect.h >= 0) {
+                            otherRect.y = Math.max(0, itemRect.y - otherRect.h);
+                        }
+                        else if (moveRight <= moveLeft && itemRect.x + itemRect.w + otherRect.w <= containerSize) {
+                            otherRect.x = Math.min(containerSize - otherRect.w, itemRect.x + itemRect.w);
+                        }
+                        else if (itemRect.x - otherRect.w >= 0) {
+                            otherRect.x = Math.max(0, itemRect.x - otherRect.w);
+                        }
+                        else {
+                            // Default to moving down if other directions would cause boundary violations
+                            otherRect.y = Math.max(0, itemRect.y + itemRect.h);
+                        }
+                        // Ensure width doesn't exceed container
+                        if (otherRect.x + otherRect.w > containerSize) {
+                            otherRect.w = Math.max(1, containerSize - otherRect.x);
+                        }
+                    }
+                    else {
+                        // In horizontal orientation, prioritize rightward movement
+                        if (moveRight <= moveUp && moveRight <= moveDown && moveRight <= moveLeft) {
+                            otherRect.x = Math.max(0, itemRect.x + itemRect.w);
+                        }
+                        else if (moveLeft <= moveUp && moveLeft <= moveDown && itemRect.x - otherRect.w >= 0) {
+                            otherRect.x = Math.max(0, itemRect.x - otherRect.w);
+                        }
+                        else if (moveDown <= moveUp && itemRect.y + itemRect.h + otherRect.h <= containerSize) {
+                            otherRect.y = Math.min(containerSize - otherRect.h, itemRect.y + itemRect.h);
+                        }
+                        else if (itemRect.y - otherRect.h >= 0) {
+                            otherRect.y = Math.max(0, itemRect.y - otherRect.h);
+                        }
+                        else {
+                            // Default to moving right if other directions would cause boundary violations
+                            otherRect.x = Math.max(0, itemRect.x + itemRect.w);
+                        }
+                        // Ensure height doesn't exceed container
+                        if (otherRect.y + otherRect.h > containerSize) {
+                            otherRect.h = Math.max(1, containerSize - otherRect.y);
+                        }
+                    }
+                    // Mark this item as processed in the current recursive call
+                    processedItems.add(i);
+                    // Recursively resolve any new collisions this movement might have caused
+                    resolveCollisions(i);
+                    // Remove from processed set after recursion to allow for future collision checks
+                    processedItems.delete(i);
+                }
+            }
+        };
+        // Start resolving collisions from the moving item
+        resolveCollisions(movingIndex);
+        // Final pass to ensure all items are within bounds
+        for (let i = 0; i < newPositions.length; i++) {
+            if (newPositions[i]) {
+                newPositions[i].x = Math.max(0, newPositions[i].x);
+                newPositions[i].y = Math.max(0, newPositions[i].y);
+                // Apply container constraints based on orientation
+                if (orientation === 'vertical') {
+                    if (newPositions[i].x + newPositions[i].w > containerSize) {
+                        newPositions[i].w = Math.max(1, containerSize - newPositions[i].x);
+                    }
+                }
+                else {
+                    if (newPositions[i].y + newPositions[i].h > containerSize) {
+                        newPositions[i].h = Math.max(1, containerSize - newPositions[i].y);
+                    }
+                }
+            }
+        }
+        return newPositions;
+    }
+}
+//# sourceMappingURL=dashboardModel.js.map

package/dist/model/dashboardModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardModel.js","sourceRoot":"","sources":["../../src/model/dashboardModel.ts"],"names":[],"mappings":"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"}

package/dist/model/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dashboardModel';
+export * from './dashboardItemModel';
+//# sourceMappingURL=index.d.ts.map

package/dist/model/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

package/dist/model/index.js

@@ -0,0 +1,3 @@
+export * from './dashboardModel';
+export * from './dashboardItemModel';
+//# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,30 @@
+import { ComponentId } from "@omegagrid/core";
+export type DashboardItemSource = {
+    /** id of the component */
+    id: ComponentId;
+    /** x coord */
+    x: number;
+    /** y coord */
+    y: number;
+    /** width */
+    w?: number;
+    /** height */
+    h?: number;
+    /** title shown in design mode */
+    title?: string;
+};
+export type DashboardOptions = {
+    /** number of columns or rows */
+    size: number;
+    /** The gap between items */
+    gap: number;
+    /** Orientation of dashboard */
+    orientation?: 'horizontal' | 'vertical';
+};
+export type DashboardSource = {
+    /** Dashboard items */
+    items?: DashboardItemSource[];
+    /** Dashboard options */
+    options?: DashboardOptions;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG;IACjC,0BAA0B;IAC1B,EAAE,EAAE,WAAW,CAAC;IAEhB,cAAc;IACd,CAAC,EAAE,MAAM,CAAC;IAEV,cAAc;IACd,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IAEX,aAAa;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IAEX,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IAEb,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IAEZ,+BAA+B;IAC/B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B,sBAAsB;IACtB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE9B,wBAAwB;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAA"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/ui/dashboard.d.ts

@@ -0,0 +1,43 @@
+import { ComponentFactory, ComponentStore, Layout, OmegaComponent, Rect, Container } from '@omegagrid/core';
+import { DashboardItemModel, DashboardModel } from '../model';
+import { DashboardSource } from '../types';
+import { DashboardItem } from './dashboardItem';
+export declare class DashboardEvent extends Event {
+    readonly item: DashboardItem;
+    readonly model: DashboardItemModel;
+    constructor(type: string, args: Partial<DashboardEvent>);
+}
+export declare class Dashboard extends OmegaComponent implements Layout {
+    static styles: import("lit").CSSResultGroup[];
+    model: DashboardModel;
+    designMode: boolean;
+    createComponent: ComponentFactory;
+    items: NodeList;
+    container: Container;
+    content: HTMLDivElement;
+    placeholder: HTMLDivElement;
+    private _currentItem;
+    private _previewPositions;
+    readonly components: ComponentStore<HTMLElement & Layout>;
+    get pixelSize(): number;
+    private _baseSize;
+    get baseSize(): number;
+    startMove(item: DashboardItem): void;
+    stopMove(): void;
+    get scrollOffset(): number;
+    offsetToCoord(offset: number): number;
+    updatePreviewPositions(): void;
+    previewLayout(rect: Rect): void;
+    _onItemMove: (e: DashboardEvent) => void;
+    _onItemResize: (e: DashboardEvent) => void;
+    constructor();
+    calculateItemLocation(item: Rect): Rect;
+    showPlaceholder(rect: Rect): void;
+    hidePlaceholder(): void;
+    setSourceData(source: DashboardSource): void;
+    setItemPosition(elm: HTMLElement, rect: Rect): void;
+    layout(): void;
+    updated(): void;
+    render: () => import("lit-html").TemplateResult<1> | "";
+}
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/ui/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/ui/dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAO,IAAI,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAKjH,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,qBAAa,cAAe,SAAQ,KAAK;IAExC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;gBAEvB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC;CAIvD;AAED,qBACa,SAAU,SAAQ,cAAe,YAAW,MAAM;IAE9D,MAAM,CAAC,MAAM,iCAAkC;IAG/C,KAAK,EAAE,cAAc,CAAC;IAGtB,UAAU,UAAS;IAGnB,eAAe,EAAE,gBAAgB,CAAC;IAGlC,KAAK,EAAE,QAAQ,CAAC;IAGhB,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,EAAE,cAAc,CAAC;IAGxB,WAAW,EAAE,cAAc,CAAC;IAE5B,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,iBAAiB,CAAS;IAElC,QAAQ,CAAC,UAAU,uCAEjB;IAEF,IAAI,SAAS,WAIZ;IAED,OAAO,CAAC,SAAS,CAAS;IAC1B,IAAI,QAAQ,WAIX;IAED,SAAS,CAAC,IAAI,EAAE,aAAa;IAM7B,QAAQ;IASR,IAAI,YAAY,WAEf;IAED,aAAa,CAAC,MAAM,EAAE,MAAM;IAI5B,sBAAsB;IAOtB,aAAa,CAAC,IAAI,EAAE,IAAI;IAQxB,WAAW,MAAO,cAAc,UAQ/B;IAED,aAAa,MAAO,cAAc,UAQjC;;IAYD,qBAAqB,CAAC,IAAI,EAAE,IAAI,GAAI,IAAI;IAWxC,eAAe,CAAC,IAAI,EAAE,IAAI;IAK1B,eAAe;IAIf,aAAa,CAAC,MAAM,EAAE,eAAe;IAKrC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI;IAM5C,MAAM;IASN,OAAO;IAIP,MAAM,kDAaC;CAEP"}

package/dist/ui/dashboard.js

@@ -0,0 +1,175 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ComponentStore, OmegaComponent, dom } from '@omegagrid/core';
+import { html } from 'lit';
+import { customElement, property, query, queryAll } from 'lit/decorators.js';
+import { map } from 'lit/directives/map.js';
+import { style } from './dashboard.style';
+import { DashboardModel } from '../model';
+export class DashboardEvent extends Event {
+    constructor(type, args) {
+        super(`dashboard.${type}`, { bubbles: true, composed: true });
+        Object.assign(this, args);
+    }
+}
+let Dashboard = class Dashboard extends OmegaComponent {
+    get pixelSize() {
+        return this.model.options.orientation === 'horizontal'
+            ? this.container.clientHeight
+            : this.container.clientWidth;
+    }
+    get baseSize() {
+        if (this._baseSize)
+            return this._baseSize;
+        this._baseSize = (this.pixelSize - ((this.model.options.size + 1) * this.model.options.gap)) / this.model.options.size;
+        return this._baseSize;
+    }
+    startMove(item) {
+        this._currentItem = item;
+        this._currentItem.classList.toggle('active', true);
+        this.classList.toggle('moving', true);
+    }
+    stopMove() {
+        if (!this._currentItem)
+            return;
+        this._currentItem.classList.toggle('active', false);
+        this._currentItem = null;
+        this.classList.toggle('moving', false);
+        this.hidePlaceholder();
+        this.updatePreviewPositions();
+    }
+    get scrollOffset() {
+        return this.container?.verticalSlider?.value || 0;
+    }
+    offsetToCoord(offset) {
+        return Math.max(0, Math.floor(offset / (this.baseSize + this.model.options.gap)));
+    }
+    updatePreviewPositions() {
+        if (!this._previewPositions)
+            return;
+        this.model.updatePositions(this._previewPositions);
+        this._previewPositions = null;
+        this.layout();
+    }
+    previewLayout(rect) {
+        this._previewPositions = this.model.calculatePositions(this._currentItem.model, rect);
+        this._previewPositions.forEach((rect, i) => {
+            const item = this.items[i];
+            if (item && item != this._currentItem)
+                this.setItemPosition(item, rect);
+        });
+    }
+    constructor() {
+        super();
+        this.designMode = false;
+        this.components = new ComponentStore(id => this.createComponent ? this.createComponent(id) : null);
+        this._onItemMove = (e) => {
+            if (!e.item.moving)
+                return;
+            const topOffset = this.scrollOffset;
+            const x = this.offsetToCoord(e.item.offsetLeft);
+            const y = this.offsetToCoord(e.item.offsetTop + topOffset);
+            const rect = { x, y, w: e.item.model.w, h: e.item.model.h };
+            this.showPlaceholder(rect);
+            this.previewLayout(rect);
+        };
+        this._onItemResize = (e) => {
+            if (!e.item.resizing)
+                return;
+            const topOffset = this.scrollOffset;
+            const w = this.offsetToCoord(e.item.offsetLeft + e.item.offsetWidth) - e.item.model.x + 1;
+            const h = this.offsetToCoord(e.item.offsetTop + e.item.offsetHeight + topOffset) - e.item.model.y + 1;
+            const rect = { x: e.item.model.x, y: e.item.model.y, w, h };
+            this.showPlaceholder(rect);
+            this.previewLayout(rect);
+        };
+        this.render = () => this.model ? html `
+		<og-container>
+			<div slot="content">
+				${this.designMode ? html `<div class="item-placeholder"></div>` : null}
+				${map(this.model.items, item => html `
+					<og-dashboard-item
+						?designMode="${this.designMode}"
+						.model="${item}" 
+						.components="${this.components}">
+					</og-dashboard-item>
+				`)}
+			</div>
+		</og-container>
+	` : '';
+        this.addEventListener('dashboard.movestart', (e) => this.startMove(e.item));
+        this.addEventListener('dashboard.resizestart', (e) => this.startMove(e.item));
+        this.addEventListener('dashboard.movestop', () => this.stopMove());
+        this.addEventListener('dashboard.resizestop', () => this.stopMove());
+        this.addEventListener('dashboard.move', this._onItemMove);
+        this.addEventListener('dashboard.resize', this._onItemResize);
+    }
+    calculateItemLocation(item) {
+        const baseSize = this.baseSize;
+        const gap = this.model.options.gap;
+        return {
+            x: item.x * (baseSize + gap) + gap,
+            y: item.y * (baseSize + gap) + gap,
+            w: item.w * (baseSize + gap) - gap,
+            h: item.h * (baseSize + gap) - gap,
+        };
+    }
+    showPlaceholder(rect) {
+        dom.showElement(this.placeholder);
+        this.setItemPosition(this.placeholder, rect);
+    }
+    hidePlaceholder() {
+        dom.hideElement(this.placeholder);
+    }
+    setSourceData(source) {
+        this.components.clear();
+        this.model = new DashboardModel(source);
+    }
+    setItemPosition(elm, rect) {
+        const { x, y, w, h } = this.calculateItemLocation(rect);
+        dom.setSize(elm, { w, h });
+        dom.setPosition(elm, { l: x, t: y });
+    }
+    layout() {
+        this._baseSize = null;
+        this.items?.forEach((item) => this.setItemPosition(item, item.model));
+        dom.setSize(this.content, {
+            w: this.model.size.w * (this.baseSize + this.model.options.gap) + this.model.options.gap,
+            h: this.model.size.h * (this.baseSize + this.model.options.gap) + this.model.options.gap
+        });
+    }
+    updated() {
+        this.layout();
+    }
+};
+Dashboard.styles = [OmegaComponent.styles, style];
+__decorate([
+    property({ type: Object })
+], Dashboard.prototype, "model", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Dashboard.prototype, "designMode", void 0);
+__decorate([
+    property({ type: Object })
+], Dashboard.prototype, "createComponent", void 0);
+__decorate([
+    queryAll('og-dashboard-item')
+], Dashboard.prototype, "items", void 0);
+__decorate([
+    query('og-container')
+], Dashboard.prototype, "container", void 0);
+__decorate([
+    query('[slot="content"]')
+], Dashboard.prototype, "content", void 0);
+__decorate([
+    query('.item-placeholder')
+], Dashboard.prototype, "placeholder", void 0);
+Dashboard = __decorate([
+    customElement('og-dashboard')
+], Dashboard);
+export { Dashboard };
+//# sourceMappingURL=dashboard.js.map

package/dist/ui/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../src/ui/dashboard.ts"],"names":[],"mappings":"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"}

package/dist/ui/dashboard.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=dashboard.style.d.ts.map

package/dist/ui/dashboard.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.style.d.ts","sourceRoot":"","sources":["../../src/ui/dashboard.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA8CjB,CAAC"}

package/dist/ui/dashboard.style.js

@@ -0,0 +1,49 @@
+import { css } from 'lit';
+export const style = css `
+	:host {
+		position: relative;
+		overflow: hidden;
+	}
+
+	og-container {
+		width: 100%;
+		height: 100%;
+	}
+
+	og-dashboard-item {
+		_border: 2px solid var(--og-accent-color);
+		z-index: 1;
+		transition: left 0.2s, top 0.2s;
+	}
+
+	og-dashboard-item.active {
+		transition: none;
+	}
+
+	:host([designMode]) og-dashboard-item {
+		cursor: move;
+		resize: both;
+		background-color: var(--og-accent-color);
+		color: var(--og-text-color-2);
+	}
+	
+	:host([designMode].moving) og-dashboard-item {
+		opacity: 0.2;
+	}
+
+	:host([designMode]) og-dashboard-item.active {
+		border: none;
+		background-color: var(--og-accent-color);
+	}
+
+	:host([designMode].moving) og-dashboard-item.active {
+		opacity: 1;
+	}
+	
+	.item-placeholder {
+		display: none;
+		border: 2px dotted var(--og-accent-color);
+		transition: left 0.2s, top 0.2s, width 0.2s, height 0.2s;
+	}
+`;
+//# sourceMappingURL=dashboard.style.js.map

package/dist/ui/dashboard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.style.js","sourceRoot":"","sources":["../../src/ui/dashboard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CvB,CAAC"}

package/dist/ui/dashboardItem.d.ts

@@ -0,0 +1,37 @@
+import { ComponentStore, Layout, OmegaComponent, Overlay } from "@omegagrid/core";
+import { DashboardItemModel } from "../model";
+export declare class DashboardItem extends OmegaComponent implements Layout {
+    static styles: import("lit").CSSResultGroup[];
+    components: ComponentStore<HTMLElement & Layout>;
+    model: DashboardItemModel;
+    designMode: boolean;
+    container: HTMLDivElement;
+    overlay: Overlay;
+    private _parent;
+    private _mouseOffset;
+    private _movingOffset;
+    private _resizing;
+    private _elementOffset;
+    private _resizeObserver;
+    get mouseOffset(): {
+        top: number;
+        left: number;
+    };
+    get moving(): boolean;
+    get resizing(): boolean;
+    get component(): Promise<HTMLElement & Layout>;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    clearEvents(): void;
+    _onMouseUp: () => void;
+    _onMouseDown: (e: MouseEvent) => void;
+    _onMouseMove: (e: MouseEvent) => void;
+    _onResize: () => void;
+    layout(): Promise<void>;
+    showOverlay(text?: string, loader?: boolean): void;
+    hideOverlay(): void;
+    updated(): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=dashboardItem.d.ts.map

package/dist/ui/dashboardItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardItem.d.ts","sourceRoot":"","sources":["../../src/ui/dashboardItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAO,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,qBACa,aAAc,SAAQ,cAAe,YAAW,MAAM;IAElE,MAAM,CAAC,MAAM,iCAeV;IAGH,UAAU,EAAE,cAAc,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;IAGjD,KAAK,EAAE,kBAAkB,CAAC;IAG1B,UAAU,UAAS;IAGnB,SAAS,EAAE,cAAc,CAAC;IAG1B,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,eAAe,CAAiB;IAExC,IAAI,WAAW;aANa,MAAM;cAAQ,MAAM;MAMF;IAC9C,IAAI,MAAM,YAAyC;IACnD,IAAI,QAAQ,YAA4B;IAGxC,IAAI,SAAS,kCAIZ;;IAWD,iBAAiB;IAMjB,oBAAoB;IAMpB,WAAW;IAKX,UAAU,aAUR;IAEF,YAAY,MAAO,UAAU,UAc3B;IAEF,YAAY,MAAO,UAAU,UAO3B;IAEF,SAAS,aAEP;IAEI,MAAM;IAIZ,WAAW,CAAC,IAAI,GAAE,MAAa,EAAE,MAAM,GAAE,OAAe;IAOxD,WAAW;IAKL,OAAO;IAgBb,MAAM,6CAGJ;CAEF"}

package/dist/ui/dashboardItem.js

@@ -0,0 +1,155 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { dom, OmegaComponent } from "@omegagrid/core";
+import { css, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { Dashboard, DashboardEvent } from "./dashboard";
+let DashboardItem = class DashboardItem extends OmegaComponent {
+    get mouseOffset() { return this._mouseOffset; }
+    get moving() { return this._movingOffset !== null; }
+    get resizing() { return this._resizing; }
+    get component() {
+        if (!this.model)
+            return null;
+        if (!this.components)
+            return null;
+        return this.components.get(this.model.id);
+    }
+    constructor() {
+        super();
+        this.designMode = false;
+        this._mouseOffset = null;
+        this._movingOffset = null;
+        this._resizing = false;
+        this._elementOffset = null;
+        this._onMouseUp = () => {
+            if (this.resizing) {
+                this.dispatchEvent(new DashboardEvent('resizestop', { item: this, model: this.model }));
+            }
+            else if (this.moving) {
+                this.dispatchEvent(new DashboardEvent('movestop', { item: this, model: this.model }));
+            }
+            this._movingOffset = null;
+            this._resizing = false;
+            this.clearEvents();
+        };
+        this._onMouseDown = (e) => {
+            if (!this._parent.designMode)
+                return;
+            const scrollOffset = this._parent.scrollOffset;
+            this._mouseOffset = { top: e.offsetY, left: e.offsetX };
+            if (e.offsetX > this.offsetWidth - 20 && e.offsetY > this.offsetHeight - 20) {
+                this._resizing = true;
+                this.dispatchEvent(new DashboardEvent('resizestart', { item: this, model: this.model }));
+            }
+            else {
+                this._movingOffset = { left: e.clientX, top: e.clientY + scrollOffset };
+                this._elementOffset = { left: this.offsetLeft, top: this.offsetTop + scrollOffset };
+                this._parent.addEventListener('mouseup', this._onMouseUp);
+                this._parent.addEventListener('mousemove', this._onMouseMove);
+                this.dispatchEvent(new DashboardEvent('movestart', { item: this, model: this.model }));
+            }
+        };
+        this._onMouseMove = (e) => {
+            const scrollOffset = this._parent.scrollOffset;
+            dom.setPosition(this, {
+                l: this._elementOffset.left + e.clientX - this._movingOffset.left,
+                t: this._elementOffset.top + e.clientY - this._movingOffset.top + scrollOffset,
+            });
+            this.dispatchEvent(new DashboardEvent('move', { item: this, model: this.model }));
+        };
+        this._onResize = () => {
+            this.dispatchEvent(new DashboardEvent('resize', { item: this, model: this.model }));
+        };
+        this.render = () => html `
+		<div class="container"></div>
+		<og-overlay></og-overlay>
+	`;
+        this.addEventListener('mousedown', this._onMouseDown);
+        this.addEventListener('mouseup', this._onMouseUp);
+        this._resizeObserver = new ResizeObserver(() => {
+            this.dispatchEvent(new DashboardEvent('resize', { item: this, model: this.model }));
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._resizeObserver.observe(this);
+        this._parent = dom.findParent(this, elm => elm instanceof Dashboard);
+    }
+    disconnectedCallback() {
+        this.clearEvents();
+        this._parent = null;
+        this._resizeObserver.unobserve(this);
+    }
+    clearEvents() {
+        this._parent.removeEventListener('mouseup', this._onMouseUp);
+        this._parent.removeEventListener('mousemove', this._onMouseMove);
+    }
+    async layout() {
+        (await this.component)?.layout();
+    }
+    showOverlay(text = null, loader = false) {
+        this.overlay.text = text;
+        this.overlay.defaultLoader = loader;
+        this.overlay.show(this);
+        dom.hideElement(this.container);
+    }
+    hideOverlay() {
+        this.overlay.hide();
+        dom.showElement(this.container);
+    }
+    async updated() {
+        this.showOverlay(this.designMode ? this.model.title : null);
+        const component = await this.component;
+        if (component) {
+            dom.empty(this.container);
+            this.container.appendChild(component);
+        }
+        if (this.designMode) {
+            this.showOverlay(this.model.title, false);
+        }
+        else {
+            this.hideOverlay();
+        }
+    }
+};
+DashboardItem.styles = [OmegaComponent.styles, css `
+		:host {
+			position: relative;
+			overflow: hidden;
+		}
+
+		og-overlay {
+			position: absolute;
+			inset: 0;
+			z-index: 1101;
+		}
+
+		.container {
+			height: 100%;
+		}
+	`];
+__decorate([
+    property({ type: Object })
+], DashboardItem.prototype, "components", void 0);
+__decorate([
+    property({ type: Object })
+], DashboardItem.prototype, "model", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DashboardItem.prototype, "designMode", void 0);
+__decorate([
+    query('.container')
+], DashboardItem.prototype, "container", void 0);
+__decorate([
+    query('og-overlay')
+], DashboardItem.prototype, "overlay", void 0);
+DashboardItem = __decorate([
+    customElement('og-dashboard-item')
+], DashboardItem);
+export { DashboardItem };
+//# sourceMappingURL=dashboardItem.js.map

package/dist/ui/dashboardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardItem.js","sourceRoot":"","sources":["../../src/ui/dashboardItem.ts"],"names":[],"mappings":"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"}

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dashboard';
+export * from './dashboardItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,3 @@
+export * from './dashboard';
+export * from './dashboardItem';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@omegagrid/dashboard",
+  "version": "0.6.15",
+  "license": "UNLICENSED",
+  "description": "Dashboard component",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist/**/*"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cechi/omegagrid.git"
+  },
+  "bugs": "https://github.com/cechi/omegagrid/issues",
+  "author": {
+    "name": "Petr Čechura",
+    "email": "p.cechura@gmail.com",
+    "url": "https://cechura.eu"
+  },
+  "scripts": {
+    "watch": "tsc --watch",
+    "build": "tsc --project tsconfig.json",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
+    "@omegagrid/core": "^0.6.17",
+    "@omegagrid/localize": "^0.6.17",
+    "@riovir/wc-fontawesome": "^0.1.9",
+    "date-fns": "^3.2.0",
+    "lit": "^3.1.1",
+    "ts-debounce": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.5",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.6.3"
+  }
+}