@omegagrid/bucket 0.10.2 → 0.10.4

package/dist/constants.d.ts

@@ -0,0 +1,54 @@
+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;
+    BUTTON_HEIGHT: number;
+    FONT_SIZE: number;
+    FLOATING_WINDOW_MAX_WIDTH: number;
+    TOP_HEIGHT: number;
+    SIDEMENU_WIDTH: number;
+    SIDEBAR_WIDTH: number;
+    SIZER_TRESHOLD: number;
+    SIDEBAR_HEADER_HEIGHT: number;
+    ALERT_DEFAULT_HEIGHT: number;
+    ALERT_MAX_HEIGHT: number;
+};
+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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBASE"}

package/dist/constants.js

@@ -0,0 +1,12 @@
+import { constants as coreConstants } from '@omegagrid/core';
+export default {
+    TOP_HEIGHT: 41,
+    SIDEMENU_WIDTH: 41,
+    SIDEBAR_WIDTH: 250,
+    SIZER_TRESHOLD: 5,
+    SIDEBAR_HEADER_HEIGHT: 30,
+    ALERT_DEFAULT_HEIGHT: 30,
+    ALERT_MAX_HEIGHT: 300,
+    ...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;AAE7D,eAAe;IACd,UAAU,EAAE,EAAE;IACd,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,GAAG;IAClB,cAAc,EAAE,CAAC;IACjB,qBAAqB,EAAE,EAAE;IACzB,oBAAoB,EAAE,EAAE;IACxB,gBAAgB,EAAE,GAAG;IACrB,GAAG,aAAa;CAChB,CAAC","sourcesContent":["import { constants as coreConstants } from '@omegagrid/core';\n\nexport default {\n\tTOP_HEIGHT: 41,\n\tSIDEMENU_WIDTH: 41,\n\tSIDEBAR_WIDTH: 250,\n\tSIZER_TRESHOLD: 5,\n\tSIDEBAR_HEADER_HEIGHT: 30,\n\tALERT_DEFAULT_HEIGHT: 30,\n\tALERT_MAX_HEIGHT: 300,\n\t...coreConstants\n};"]}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+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"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './ui';
+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","sourcesContent":["export * from './ui';\nexport * from './types';"]}

package/dist/options.d.ts

@@ -0,0 +1,12 @@
+import { CommonOptions } from "@omegagrid/core";
+import { PathResolver } from "./types";
+export type AlertsOptions = {
+    maxItems: number;
+    timeout: number;
+};
+export type BucketOptions = {
+    alerts?: AlertsOptions;
+    pathResolver?: PathResolver;
+} & CommonOptions;
+export declare function initOptions(options?: Partial<BucketOptions>, origOptions?: BucketOptions): BucketOptions;
+//# sourceMappingURL=options.d.ts.map

package/dist/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,GAAG,aAAa,CAAA;AAUjB,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE,WAAW,GAAE,aAAoB,GAAG,aAAa,CAO9G"}

package/dist/options.js

@@ -0,0 +1,16 @@
+import { initCommonOptions } from "@omegagrid/core";
+const DEFAULT_OPTIONS = {
+    alerts: {
+        maxItems: 5,
+        timeout: 5000,
+    },
+};
+export function initOptions(options, origOptions = null) {
+    return {
+        ...initCommonOptions(options, origOptions),
+        ...DEFAULT_OPTIONS,
+        ...origOptions,
+        ...options,
+    };
+}
+//# sourceMappingURL=options.js.map

package/dist/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,iBAAiB,CAAC;AAanE,MAAM,eAAe,GAAkB;IACtC,MAAM,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,IAAI;KACb;CACD,CAAA;AAGD,MAAM,UAAU,WAAW,CAAC,OAAgC,EAAE,cAA6B,IAAI;IAC9F,OAAO;QACN,GAAG,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC1C,GAAG,eAAe;QAClB,GAAG,WAAW;QACd,GAAG,OAAO;KACV,CAAC;AACH,CAAC","sourcesContent":["import { initCommonOptions, CommonOptions } from \"@omegagrid/core\";\nimport { PathResolver } from \"./types\";\n\nexport type AlertsOptions = {\n\tmaxItems: number,\n\ttimeout: number,\n}\n\nexport type BucketOptions = {\n\talerts?: AlertsOptions,\n\tpathResolver?: PathResolver,\n} & CommonOptions\n\nconst DEFAULT_OPTIONS: BucketOptions = {\n\talerts: {\n\t\tmaxItems: 5,\n\t\ttimeout: 5000,\n\t},\n}\n\n\nexport function initOptions(options?: Partial<BucketOptions>, origOptions: BucketOptions = null): BucketOptions {\n\treturn {\n\t\t...initCommonOptions(options, origOptions),\n\t\t...DEFAULT_OPTIONS,\n\t\t...origOptions,\n\t\t...options,\n\t};\n}"]}

package/dist/types.d.ts

@@ -0,0 +1,87 @@
+import { ComponentId, ComponentState, HorizontalPosition, IconSpec } from "@omegagrid/core";
+import { Dialog } from "@omegagrid/dialog";
+import { ContainerTabItem, TabSplitContainerSource } from "@omegagrid/tabs";
+import { DialogOptions } from "@omegagrid/dialog";
+import { TemplateResult } from "lit";
+import { BucketOptions } from "./options";
+export type SidemenuItem = {
+    id: string;
+    icon: string;
+    statusIcon?: string;
+    statusColor?: string;
+    text?: string;
+    tooltip?: string;
+    color?: string;
+};
+export type SidemenuSettings = {
+    items: SidemenuItem[];
+    activeIndex?: number;
+};
+export type SidebarSettings = {
+    width?: number;
+    collapsed?: boolean;
+};
+export type ModalSidebarOptions = {
+    id?: ComponentId;
+    component?: HTMLElement;
+    width?: number;
+    caption?: string;
+    closable?: boolean;
+    position?: HorizontalPosition;
+};
+export type ComponentOptions = Record<string, unknown>;
+export type PathSegment = {
+    id: string;
+    label?: string;
+    icon?: string;
+    clickable?: boolean;
+};
+export type PathSegments = (PathSegment | string)[];
+export type PathResolver = (id: ComponentId) => PathSegments | Promise<PathSegments>;
+export type ComponentUpdateOptions = {
+    id?: ComponentId;
+    title?: string;
+};
+export type TopItem = {
+    id: ComponentId;
+};
+export type TopSettings = {
+    rightItems: TopItem[];
+};
+export type BucketSource = {
+    top?: TopSettings;
+    sidemenu?: SidemenuSettings;
+    sidebar?: SidebarSettings;
+    editorLayout?: TabSplitContainerSource;
+    options?: BucketOptions;
+};
+export type BucketDialog = Dialog & {
+    componentId: ComponentId;
+};
+export type BucketState = {
+    sidebar?: {
+        selectedItem?: ComponentId;
+        width?: number;
+        collapsed?: boolean;
+    };
+    layout?: TabSplitContainerSource;
+    dialogs?: OpenDialogOptions[];
+    components?: Record<ComponentId, ComponentState>;
+};
+export type OpenDialogOptions = DialogOptions & {
+    id?: ComponentId;
+    component?: HTMLElement;
+    maximizable?: boolean;
+};
+export type OpenTabOptions = ContainerTabItem & {
+    component?: HTMLElement;
+};
+export type BucketAlertType = 'danger' | 'warning' | 'info' | 'success';
+export type BucketAlertOptions = {
+    title?: string | TemplateResult<1>;
+    icon?: string | IconSpec;
+    type?: BucketAlertType;
+    content?: string | TemplateResult<1>;
+    timeout?: number;
+};
+//# 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":"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"}

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":"","sourcesContent":["import { ComponentId, ComponentState, HorizontalPosition, IconSpec } from \"@omegagrid/core\";\nimport { Dialog } from \"@omegagrid/dialog\";\nimport { ContainerTabItem, TabSplitContainerSource } from \"@omegagrid/tabs\";\nimport { DialogOptions } from \"@omegagrid/dialog\";\nimport { TemplateResult } from \"lit\";\nimport { BucketOptions } from \"./options\";\n\nexport type SidemenuItem  = {\n\tid: string,\n\ticon: string,\n\tstatusIcon?: string,\n\tstatusColor?: string,\n\ttext?: string,\n\ttooltip?: string,\n\tcolor?: string\n}\n\nexport type SidemenuSettings = {\n\titems: SidemenuItem[];\n\tactiveIndex?: number;\n}\n\nexport type SidebarSettings = {\n\twidth?: number,\n\tcollapsed?: boolean\n}\n\nexport type ModalSidebarOptions = {\n\tid?: ComponentId,\n\tcomponent?: HTMLElement,\n\twidth?: number,\n\tcaption?: string,\n\tclosable?: boolean,\n\tposition?: HorizontalPosition\n}\n\nexport type ComponentOptions = Record<string, unknown>;\n\nexport type PathSegment = {\n\tid: string,\n\tlabel?: string,\n\ticon?: string,\n\tclickable?: boolean,\n}\n\nexport type PathSegments = (PathSegment|string)[];\n\nexport type PathResolver = (id: ComponentId) => PathSegments|Promise<PathSegments>;\n\nexport type ComponentUpdateOptions = {\n\tid?: ComponentId,\n\ttitle?: string\n}\n\nexport type TopItem  = {\n\tid: ComponentId\n}\n\nexport type TopSettings = {\n\trightItems: TopItem[]\n}\n\nexport type BucketSource = {\n\ttop?: TopSettings,\n\tsidemenu?: SidemenuSettings,\n\tsidebar?: SidebarSettings,\n\teditorLayout?: TabSplitContainerSource,\n\toptions?: BucketOptions,\n}\n\nexport type BucketDialog = Dialog & {componentId: ComponentId};\n\nexport type BucketState = {\n\tsidebar?: {\n\t\tselectedItem?: ComponentId\n\t\twidth?: number,\n\t\tcollapsed?: boolean\n\t},\n\tlayout?: TabSplitContainerSource,\n\tdialogs?: OpenDialogOptions[],\n\tcomponents?: Record<ComponentId, ComponentState>\n}\n\nexport type OpenDialogOptions = DialogOptions & {\n\tid?: ComponentId,\n\tcomponent?: HTMLElement,\n\tmaximizable?: boolean\n}\n\nexport type OpenTabOptions = ContainerTabItem & {\n\tcomponent?: HTMLElement,\n\t// path?: PathSegments,\n}\n\nexport type BucketAlertType = 'danger'|'warning'|'info'|'success';\n\nexport type BucketAlertOptions = {\n\ttitle?: string|TemplateResult<1>,\n\ticon?: string|IconSpec,\n\ttype?: BucketAlertType,\n\tcontent?: string|TemplateResult<1>,\n\ttimeout?: number\n};\n"]}

package/dist/ui/bucket.alerts.d.ts

@@ -0,0 +1,17 @@
+import { ComponentSlice } from "@omegagrid/core";
+import { BucketAlertOptions } from "../types";
+import { Bucket } from "./bucket";
+import { BucketAlert } from "./bucketAlert";
+type AlertItem = {
+    options: BucketAlertOptions;
+    component: BucketAlert;
+    timer?: number;
+};
+export declare class BucketAlerts extends ComponentSlice<Bucket> {
+    private items;
+    addAlert(options: BucketAlertOptions): Promise<void>;
+    updatePositions(): void;
+    removeAlert(item: AlertItem): void;
+}
+export {};
+//# sourceMappingURL=bucket.alerts.d.ts.map

package/dist/ui/bucket.alerts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket.alerts.d.ts","sourceRoot":"","sources":["../../src/ui/bucket.alerts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAO,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,SAAS,GAAG;IAChB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;AAEF,qBAAa,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAmB;IAE1B,QAAQ,CAAC,OAAO,EAAE,kBAAkB;IAwB1C,eAAe;IASf,WAAW,CAAC,IAAI,EAAE,SAAS;CAU3B"}

package/dist/ui/bucket.alerts.js

@@ -0,0 +1,47 @@
+import { ComponentSlice, dom } from "@omegagrid/core";
+export class BucketAlerts extends ComponentSlice {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+    }
+    async addAlert(options) {
+        const alert = dom.createElement('og-bucket-alert');
+        const item = { options, component: alert };
+        alert.options = options;
+        alert.addEventListener('close', () => this.removeAlert(item));
+        this.component.shadowRoot.appendChild(alert);
+        this.items.push(item);
+        if (this.items.length > this.component.options.alerts.maxItems) {
+            this.removeAlert(this.items[0]);
+        }
+        const timeout = options.timeout ?? this.component.options.alerts.timeout;
+        if (timeout > 0) {
+            item.timer = window.setTimeout(() => {
+                item.timer = undefined;
+                this.removeAlert(item);
+            }, timeout);
+        }
+        await this.component.updateComplete;
+        this.updatePositions();
+    }
+    updatePositions() {
+        [...this.items].reverse().forEach((item, i) => {
+            dom.setPosition(item.component, {
+                r: 10,
+                b: 10 + i * (item.component.offsetHeight + 10),
+            });
+        });
+    }
+    removeAlert(item) {
+        const index = this.items.indexOf(item);
+        if (index == -1)
+            return;
+        this.items[index].component.remove();
+        this.items.splice(index, 1);
+        if (item.timer != null)
+            window.clearTimeout(item.timer);
+        item.timer = undefined;
+        this.updatePositions();
+    }
+}
+//# sourceMappingURL=bucket.alerts.js.map

package/dist/ui/bucket.alerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket.alerts.js","sourceRoot":"","sources":["../../src/ui/bucket.alerts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAWtD,MAAM,OAAO,YAAa,SAAQ,cAAsB;IAAxD;;QAES,UAAK,GAAgB,EAAE,CAAC;IA6CjC,CAAC;IA3CA,KAAK,CAAC,QAAQ,CAAC,OAA2B;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QAChE,MAAM,IAAI,GAAc,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACtD,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;QACzE,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACnC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,EAAE,OAAO,CAAC,CAAC;QACb,CAAC;QAED,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACpC,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED,eAAe;QACd,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAC7C,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC/B,CAAC,EAAE,EAAE;gBACL,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC;aAC9C,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,IAAe;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,KAAK,IAAI,CAAC,CAAC;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;CAED","sourcesContent":["import { ComponentSlice, dom } from \"@omegagrid/core\";\nimport { BucketAlertOptions } from \"../types\";\nimport { Bucket } from \"./bucket\";\nimport { BucketAlert } from \"./bucketAlert\";\n\ntype AlertItem = {\n\toptions: BucketAlertOptions,\n\tcomponent: BucketAlert,\n\ttimer?: number\n};\n\nexport class BucketAlerts extends ComponentSlice<Bucket> {\n\n\tprivate items: AlertItem[] = [];\n\n\tasync addAlert(options: BucketAlertOptions) {\n\t\tconst alert = dom.createElement<BucketAlert>('og-bucket-alert');\n\t\tconst item: AlertItem = { options, component: alert };\n\t\talert.options = options;\n\t\talert.addEventListener('close', () => this.removeAlert(item));\n\t\tthis.component.shadowRoot.appendChild(alert);\n\t\tthis.items.push(item);\n\n\t\tif (this.items.length > this.component.options.alerts.maxItems) {\n\t\t\tthis.removeAlert(this.items[0]);\n\t\t}\n\t\t\n\t\tconst timeout = options.timeout ?? this.component.options.alerts.timeout;\n\t\tif (timeout > 0) {\n\t\t\titem.timer = window.setTimeout(() => {\n\t\t\t\titem.timer = undefined;\n\t\t\t\tthis.removeAlert(item);\n\t\t\t}, timeout);\n\t\t}\n\n\t\tawait this.component.updateComplete;\n\t\tthis.updatePositions();\n\t}\n\n\tupdatePositions() {\n\t\t[...this.items].reverse().forEach((item, i) => {\n\t\t\tdom.setPosition(item.component, {\n\t\t\t\tr: 10,\n\t\t\t\tb: 10 + i * (item.component.offsetHeight + 10),\n\t\t\t});\n\t\t});\n\t}\n\n\tremoveAlert(item: AlertItem) {\n\t\tconst index = this.items.indexOf(item);\n\t\tif (index == -1) return;\n\t\tthis.items[index].component.remove();\n\t\tthis.items.splice(index, 1);\n\t\tif (item.timer != null) window.clearTimeout(item.timer);\n\t\titem.timer = undefined;\n\t\tthis.updatePositions();\n\t}\n\n}\n"]}

package/dist/ui/bucket.components.d.ts

@@ -0,0 +1,24 @@
+import { ComponentId, ComponentSlice, ComponentState } from "@omegagrid/core";
+import { ComponentUpdateOptions, PathSegments } from "../types";
+import { Bucket } from "./bucket";
+export declare class BucketComponents extends ComponentSlice<Bucket> {
+    private _componentPromiseResolutions;
+    private _resolvingComponentIds;
+    readonly paths: Map<ComponentId, PathSegments>;
+    readonly components: Map<ComponentId, HTMLElement>;
+    readonly anonymousComponents: Map<ComponentId, HTMLElement>;
+    readonly unsavedComponents: Set<ComponentId>;
+    get hasUnsavedComponents(): boolean;
+    get bucket(): Bucket;
+    readonly states: Map<ComponentId, ComponentState>;
+    setState(id: ComponentId, state: ComponentState): void;
+    has(id: ComponentId): boolean;
+    get(id: ComponentId): HTMLElement | Promise<HTMLElement>;
+    private resolveComponentPromises;
+    enqueueComponentResolution(id: ComponentId, resolve: (component: HTMLElement) => void, reject: () => void): void;
+    update(id: ComponentId, options: ComponentUpdateOptions): HTMLElement;
+    register(id: ComponentId, component: HTMLElement): ComponentId;
+    unregister(id: ComponentId): void;
+    getPath(id: ComponentId): Promise<PathSegments>;
+}
+//# sourceMappingURL=bucket.components.d.ts.map

package/dist/ui/bucket.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket.components.d.ts","sourceRoot":"","sources":["../../src/ui/bucket.components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,qBAAa,gBAAiB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAE3D,OAAO,CAAC,4BAA4B,CAG7B;IAEP,OAAO,CAAC,sBAAsB,CAA0B;IAExD,QAAQ,CAAC,KAAK,iCAAwC;IACtD,QAAQ,CAAC,UAAU,gCAAuC;IAC1D,QAAQ,CAAC,mBAAmB,gCAAuC;IACnE,QAAQ,CAAC,iBAAiB,mBAA0B;IACpD,IAAI,oBAAoB,YAA6C;IAErE,IAAI,MAAM,WAA4B;IAEtC,QAAQ,CAAC,MAAM,mCAA0C;IAEzD,QAAQ,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc;IAS/C,GAAG,CAAC,EAAE,EAAE,WAAW;IAInB,GAAG,CAAC,EAAE,EAAE,WAAW;IA6BnB,OAAO,CAAC,wBAAwB;IAYhC,0BAA0B,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI;IAKzG,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,sBAAsB;IAWvD,QAAQ,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW;IAahD,UAAU,CAAC,EAAE,EAAE,WAAW;IAOpB,OAAO,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;CAQrD"}

package/dist/ui/bucket.components.js

@@ -0,0 +1,111 @@
+import { ComponentSlice } from "@omegagrid/core";
+import { Bucket, BucketEvent } from "./bucket";
+export class BucketComponents extends ComponentSlice {
+    constructor() {
+        super(...arguments);
+        this._componentPromiseResolutions = new Map();
+        this._resolvingComponentIds = new Set();
+        this.paths = new Map();
+        this.components = new Map();
+        this.anonymousComponents = new Map();
+        this.unsavedComponents = new Set();
+        this.states = new Map();
+    }
+    get hasUnsavedComponents() { return this.unsavedComponents.size > 0; }
+    get bucket() { return this.component; }
+    setState(id, state) {
+        const component = this.components.get(id);
+        if (component && component.setState) {
+            component.setState(state);
+        }
+        else {
+            this.states.set(id, state);
+        }
+    }
+    has(id) {
+        return this.components.has(id) || this.anonymousComponents.has(id) || this._resolvingComponentIds.has(id);
+    }
+    get(id) {
+        let component = this.components.get(id);
+        component ?? (component = this.anonymousComponents.get(id));
+        if (component) {
+            this.resolveComponentPromises(id, component);
+            return component;
+        }
+        return new Promise((resolve, reject) => {
+            const component = this.components.get(id);
+            this.enqueueComponentResolution(id, resolve, reject);
+            if (this._resolvingComponentIds.has(id))
+                return;
+            if (component)
+                return this.resolveComponentPromises(id, component);
+            this._resolvingComponentIds.add(id);
+            Promise.all([this.component.createComponent(id)]).then(item => {
+                const component = item[0];
+                if (component) {
+                    this.register(id, component);
+                    const state = this.bucket.state;
+                    if (state?.components && state?.components[id] && component.setState) {
+                        component.setState(state.components[id]);
+                    }
+                }
+                this.resolveComponentPromises(id, component);
+            });
+        });
+    }
+    resolveComponentPromises(id, component) {
+        if (this._componentPromiseResolutions.has(id)) {
+            this._componentPromiseResolutions.get(id).forEach(res => res.resolve(component));
+            // if (component) {
+            // } else {
+            // 	this._componentPromiseResolutions.get(id).forEach(res => res.reject());
+            // }
+            this._componentPromiseResolutions.delete(id);
+        }
+        this._resolvingComponentIds.delete(id);
+    }
+    enqueueComponentResolution(id, resolve, reject) {
+        if (!this._componentPromiseResolutions.has(id))
+            this._componentPromiseResolutions.set(id, []);
+        this._componentPromiseResolutions.get(id).push({ resolve, reject });
+    }
+    update(id, options) {
+        const newId = options.id ?? id;
+        this.bucket.editorContainer.updateTab(id, { id: newId, title: options.title ?? undefined });
+        if (this.components.has(id) && newId != id) {
+            const c = this.components.get(id);
+            this.unregister(id);
+            this.register(newId, c);
+        }
+        return this.components.get(newId);
+    }
+    register(id, component) {
+        if (id == null) {
+            id = `temp_${Bucket.getUniqueId()}`;
+            this.anonymousComponents.set(id, component);
+        }
+        else {
+            this.components.set(id, component);
+            if (this.has(id))
+                return id;
+        }
+        this.bucket.dispatchEvent(new BucketEvent('register', { componentId: id }));
+        return id;
+    }
+    unregister(id) {
+        this.components.delete(id);
+        this.anonymousComponents.delete(id);
+        this.paths.delete(id);
+        this.bucket.dispatchEvent(new BucketEvent('unregister', { componentId: id }));
+    }
+    async getPath(id) {
+        if (this.paths.has(id))
+            return this.paths.get(id);
+        if (!this.bucket.options.pathResolver)
+            return [];
+        const path = await this.bucket.options.pathResolver(id);
+        this.paths.set(id, path);
+        return path;
+    }
+}
+//# sourceMappingURL=bucket.components.js.map

package/dist/ui/bucket.components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket.components.js","sourceRoot":"","sources":["../../src/ui/bucket.components.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentId, ComponentSlice, ComponentState, OmegaComponent } from \"@omegagrid/core\";\nimport { ComponentUpdateOptions, PathSegments } from \"../types\";\nimport { Bucket, BucketEvent } from \"./bucket\";\n\nexport class BucketComponents extends ComponentSlice<Bucket> {\n\n\tprivate _componentPromiseResolutions = new Map<ComponentId, {\n\t\tresolve: (component: HTMLElement) => void,\n\t\treject: () => void\n\t}[]>();\n\n\tprivate _resolvingComponentIds = new Set<ComponentId>();\n\t\n\treadonly paths = new Map<ComponentId, PathSegments>();\n\treadonly components = new Map<ComponentId, HTMLElement>();\n\treadonly anonymousComponents = new Map<ComponentId, HTMLElement>();\n\treadonly unsavedComponents = new Set<ComponentId>();\n\tget hasUnsavedComponents() { return this.unsavedComponents.size > 0 }\n\n\tget bucket() { return this.component }\n\n\treadonly states = new Map<ComponentId, ComponentState>();\n\n\tsetState(id: ComponentId, state: ComponentState) {\n\t\tconst component = this.components.get(id) as OmegaComponent;\n\t\tif (component && component.setState) {\n\t\t\tcomponent.setState(state);\n\t\t} else {\n\t\t\tthis.states.set(id, state);\n\t\t}\n\t}\n\n\thas(id: ComponentId) {\n\t\treturn this.components.has(id) || this.anonymousComponents.has(id) || this._resolvingComponentIds.has(id);\n\t}\n\n\tget(id: ComponentId) {\n\t\tlet component = this.components.get(id);\n\t\tcomponent ??= this.anonymousComponents.get(id);\n\n\t\tif (component) {\n\t\t\tthis.resolveComponentPromises(id, component);\n\t\t\treturn component;\n\t\t}\n\t\t\n\t\treturn new Promise<HTMLElement>((resolve, reject) => {\n\t\t\tconst component = this.components.get(id) as OmegaComponent;\n\t\t\tthis.enqueueComponentResolution(id, resolve, reject);\n\t\t\tif (this._resolvingComponentIds.has(id)) return;\n\t\t\tif (component) return this.resolveComponentPromises(id, component);\n\t\t\tthis._resolvingComponentIds.add(id);\n\t\t\tPromise.all([this.component.createComponent(id)]).then(item => {\n\t\t\t\tconst component = item[0] as OmegaComponent;\n\t\t\t\tif (component) {\n\t\t\t\t\tthis.register(id, component);\n\t\t\t\t\tconst state = this.bucket.state;\n\t\t\t\t\tif (state?.components && state?.components[id] && component.setState) {\n\t\t\t\t\t\tcomponent.setState(state.components[id]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.resolveComponentPromises(id, component);\n\t\t\t});\n\t\t});\n\t}\n\n\tprivate resolveComponentPromises(id: ComponentId, component?: HTMLElement) {\n\t\tif (this._componentPromiseResolutions.has(id)) {\n\t\t\tthis._componentPromiseResolutions.get(id).forEach(res => res.resolve(component));\n\t\t\t// if (component) {\n\t\t\t// } else {\n\t\t\t// \tthis._componentPromiseResolutions.get(id).forEach(res => res.reject());\n\t\t\t// }\n\t\t\tthis._componentPromiseResolutions.delete(id);\n\t\t}\n\t\tthis._resolvingComponentIds.delete(id);\n\t}\n\n\tenqueueComponentResolution(id: ComponentId, resolve: (component: HTMLElement) => void, reject: () => void) {\n\t\tif (!this._componentPromiseResolutions.has(id)) this._componentPromiseResolutions.set(id, []);\n\t\tthis._componentPromiseResolutions.get(id).push({ resolve, reject });\n\t}\n\n\tupdate(id: ComponentId, options: ComponentUpdateOptions) {\n\t\tconst newId = options.id ?? id;\n\t\tthis.bucket.editorContainer.updateTab(id, {id: newId, title: options.title ?? undefined});\n\t\tif (this.components.has(id) && newId != id) {\n\t\t\tconst c = this.components.get(id);\n\t\t\tthis.unregister(id);\n\t\t\tthis.register(newId, c);\n\t\t}\n\t\treturn this.components.get(newId);\n\t}\n\n\tregister(id: ComponentId, component: HTMLElement) {\n\t\tif (id == null) {\n\t\t\tid = `temp_${Bucket.getUniqueId()}`;\n\t\t\tthis.anonymousComponents.set(id, component);\n\t\t} else {\n\t\t\tthis.components.set(id, component);\n\t\t\tif (this.has(id)) return id;\n\t\t}\n\t\t\n\t\tthis.bucket.dispatchEvent(new BucketEvent('register', {componentId: id}));\n\t\treturn id;\n\t}\n\n\tunregister(id: ComponentId) {\n\t\tthis.components.delete(id);\n\t\tthis.anonymousComponents.delete(id);\n\t\tthis.paths.delete(id);\n\t\tthis.bucket.dispatchEvent(new BucketEvent('unregister', {componentId: id}));\n\t}\n\n\tasync getPath(id: ComponentId): Promise<PathSegments> {\n\t\tif (this.paths.has(id)) return this.paths.get(id);\n\t\tif (!this.bucket.options.pathResolver) return [];\n\t\tconst path = await this.bucket.options.pathResolver(id);\n\t\tthis.paths.set(id, path);\n\t\treturn path;\n\t}\n\n}\n"]}

package/dist/ui/bucket.d.ts

@@ -0,0 +1,83 @@
+import { Layout, ListSelectEvent, ComponentFactory, SplitContainer, log, ComponentId, Overlay, OmegaComponent, ShortcutManager } from '@omegagrid/core';
+import { TabEvent, TabItem, TabSplitContainer } from '@omegagrid/tabs';
+import { CommandManager, CommandResult, OpenCommandsOptions } from '@omegagrid/commands';
+import { BucketAlertOptions, BucketSource, BucketState, ModalSidebarOptions, OpenDialogOptions, OpenTabOptions } from '../types';
+import { Sidemenu } from './sidemenu';
+import { BucketTop } from './top';
+import { ComponentHost } from './componentHost';
+import { BucketAlerts } from './bucket.alerts';
+import { BucketOptions } from '../options';
+import { Sidebar } from './sidebar';
+import { BucketComponents } from './bucket.components';
+import { BucketSidebars } from './bucket.sidebars';
+import { BucketDialogs } from './bucket.dialogs';
+export declare class BucketEvent extends Event {
+    tab: TabItem;
+    componentId: ComponentId;
+    constructor(type: string, args?: Partial<BucketEvent>);
+}
+export declare class Bucket extends OmegaComponent<BucketState> implements Layout {
+    static styles: import("lit").CSSResult[];
+    static uniqueId: number;
+    static getUniqueId: () => number;
+    overlay: Overlay;
+    top: BucketTop;
+    sidemenu: Sidemenu;
+    body: HTMLDivElement;
+    main: HTMLDivElement;
+    createComponent: ComponentFactory;
+    sourceData: BucketSource;
+    options: BucketOptions;
+    logger: log.Logger;
+    compact: boolean;
+    sidebar1ComponentId: string;
+    readonly components: BucketComponents;
+    readonly sidebars: BucketSidebars;
+    readonly alerts: BucketAlerts;
+    readonly dialogs: BucketDialogs;
+    readonly commands: CommandManager;
+    readonly shortcuts: ShortcutManager;
+    private _activeComponentId;
+    get activeComponentId(): ComponentId;
+    private _container;
+    get container(): SplitContainer;
+    private _editorContainer;
+    get editorContainer(): TabSplitContainer;
+    private _sidebarHost;
+    get sidebarHost(): Sidebar;
+    updateContainerVisibility: {
+        (this: unknown, ...args: [] & any[]): Promise<void>;
+        cancel: (reason?: any) => void;
+    };
+    constructor();
+    showOverlay: () => void;
+    hideOverlay: () => HTMLElement;
+    _onWindowBeforeUnload: (e: BeforeUnloadEvent) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    layout(): void;
+    setSourceData(sourceData: BucketSource): void;
+    updated(): Promise<void>;
+    open(item: OpenTabOptions): Promise<HTMLElement>;
+    openDialog(options: OpenDialogOptions): Promise<import("../types").BucketDialog>;
+    openMenu(options: OpenCommandsOptions): Promise<CommandResult | null>;
+    openModalSidebar(options: ModalSidebarOptions): Promise<HTMLElement>;
+    toggleSidebar(open?: boolean): Promise<void>;
+    hideSidebar(): Promise<void>;
+    showSidebar(): Promise<void>;
+    showAlert(options: BucketAlertOptions): Promise<void>;
+    createEditorComponent: (id: ComponentId) => ComponentHost;
+    _createSplitContainerComponent: ComponentFactory;
+    getState(): BucketState;
+    setState(state: BucketState): Promise<void>;
+    _onSplitContainerResize: () => void;
+    _onTabRemove: (e: TabEvent) => void;
+    _onTabBeforeRemove: (e: TabEvent) => void;
+    _onTabSelect: (e: TabEvent) => void;
+    _onSidemenuSelect(e: ListSelectEvent): void;
+    updateSidebarComponent(): void;
+    updateMainComponent(): void;
+    openSidebarComponent(id: ComponentId): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=bucket.d.ts.map

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

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

package/dist/ui/bucket.dialogs.d.ts

@@ -0,0 +1,11 @@
+import { ComponentId, ComponentSlice } from "@omegagrid/core";
+import { Bucket } from "./bucket";
+import { BucketDialog, OpenDialogOptions } from "../types";
+export declare class BucketDialogs extends ComponentSlice<Bucket> {
+    readonly items: Map<ComponentId, BucketDialog>;
+    get bucket(): Bucket;
+    register(id: ComponentId, dialog: BucketDialog): void;
+    unregister(id: ComponentId): void;
+    open(options: OpenDialogOptions): Promise<BucketDialog>;
+}
+//# sourceMappingURL=bucket.dialogs.d.ts.map

package/dist/ui/bucket.dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucket.dialogs.d.ts","sourceRoot":"","sources":["../../src/ui/bucket.dialogs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAO,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG3D,qBAAa,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;IAExD,QAAQ,CAAC,KAAK,iCAAwC;IAEtD,IAAI,MAAM,WAA4B;IAEtC,QAAQ,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY;IAI9C,UAAU,CAAC,EAAE,EAAE,WAAW;IAMpB,IAAI,CAAC,OAAO,EAAE,iBAAiB;CAmCrC"}

package/dist/ui/bucket.dialogs.js

@@ -0,0 +1,46 @@
+import { ComponentSlice, dom } from "@omegagrid/core";
+export class BucketDialogs extends ComponentSlice {
+    constructor() {
+        super(...arguments);
+        this.items = new Map();
+    }
+    get bucket() { return this.component; }
+    register(id, dialog) {
+        this.items.set(id, dialog);
+    }
+    unregister(id) {
+        this.items.delete(id);
+        this.bucket.components.unregister(id);
+        this.bucket.dispatchStateEvent();
+    }
+    async open(options) {
+        const dialog = dom.createElement('og-dialog', {
+            componentId: options.id,
+            maximizable: options.maximizable ?? true,
+            listeners: [
+                ['dialog.move', () => this.bucket.dispatchStateEvent()],
+                ['dialog.resize', () => this.bucket.dispatchStateEvent()],
+                ['dialog.close', (e) => this.unregister(e.dialog.componentId)]
+            ]
+        });
+        dialog.setOptions(options);
+        dialog.open(this.bucket);
+        dialog.showLoader();
+        let component = options.component;
+        delete options.component;
+        if (!component && options.id) {
+            component = await this.bucket.createComponent(options.id);
+            this.register(options.id, dialog);
+        }
+        dialog.hideLoader();
+        dialog.component = component;
+        // dialog without component id cannot be registered and included in state
+        if (options.id) {
+            this.register(options.id, dialog);
+            this.bucket.dispatchStateEvent();
+        }
+        // TODO - fix dialog position;
+        return dialog;
+    }
+}
+//# sourceMappingURL=bucket.dialogs.js.map