kritzel-stencil 0.0.127 → 0.0.128

package/dist/types/components.d.ts

@@ -13,9 +13,12 @@ import { KritzelTextTool } from "./classes/tools/text-tool.class";
 import { KritzelBrushToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 import { KritzelStore } from "./classes/store.class";
 import { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
+import { KritzelWorkspace } from "./classes/workspace.class";
 import { KritzelTool } from "./interfaces/tool.interface";
+import { KritzelEngineState } from "./interfaces/engine-state.interface";
 import { KritzelBaseTool } from "./classes/tools/base-tool.class";
 import { FontOption } from "./components/shared/kritzel-font-family/kritzel-font-family";
+import { KritzelMenuItem } from "./interfaces/menu-item.interface";
 export { BrushStyleOption } from "./components/shared/kritzel-brush-style/kritzel-brush-style";
 export { ContextMenuItem } from "./interfaces/context-menu-item.interface";
 export { KritzelBaseObject } from "./classes/objects/base-object.class";
@@ -24,9 +27,12 @@ export { KritzelTextTool } from "./classes/tools/text-tool.class";
 export { KritzelBrushToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 export { KritzelStore } from "./classes/store.class";
 export { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
+export { KritzelWorkspace } from "./classes/workspace.class";
 export { KritzelTool } from "./interfaces/tool.interface";
+export { KritzelEngineState } from "./interfaces/engine-state.interface";
 export { KritzelBaseTool } from "./classes/tools/base-tool.class";
 export { FontOption } from "./components/shared/kritzel-font-family/kritzel-font-family";
+export { KritzelMenuItem } from "./interfaces/menu-item.interface";
 export namespace Components {
     interface KritzelBrushStyle {
         /**
@@ -163,12 +169,15 @@ export namespace Components {
         "changeActiveTool": (tool: KritzelBaseTool) => Promise<void>;
         "clearSelection": () => Promise<void>;
         "copy": () => Promise<void>;
+        "createWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
         "delete": () => Promise<void>;
+        "deleteWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
         "disable": () => Promise<void>;
         "enable": () => Promise<void>;
         "getCopiedObjects": () => Promise<KritzelBaseObject[]>;
         "getObjectById": <T extends KritzelBaseObject>(id: string) => Promise<T | null>;
         "getSelectedObjects": () => Promise<KritzelBaseObject<any>[]>;
+        "getWorkspaces": () => Promise<KritzelWorkspace[]>;
         "globalContextMenuItems": ContextMenuItem[];
         "hideContextMenu": () => Promise<void>;
         "objectContextMenuItems": ContextMenuItem[];
@@ -191,6 +200,8 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         "undo": () => Promise<void>;
         "updateObject": <T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>) => Promise<T | null>;
+        "updateWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
+        "workspace"?: KritzelWorkspace;
     }
     interface KritzelFont {
         /**
@@ -235,6 +246,63 @@ export namespace Components {
          */
         "size": number;
     }
+    interface KritzelMenu {
+        /**
+          * @default null
+         */
+        "activeItemIndex": number | null;
+        /**
+          * @default null
+         */
+        "editingIndex": number | null;
+        /**
+          * @default []
+         */
+        "items": KritzelMenuItem[];
+        /**
+          * @default null
+         */
+        "parent": KritzelMenuItem;
+        /**
+          * @default null
+         */
+        "parentIndex": number | null;
+    }
+    interface KritzelPortal {
+        "anchor": HTMLElement;
+        /**
+          * @default true
+         */
+        "autoFocus": boolean;
+        "offsetX": number;
+        "offsetY": number;
+    }
+    interface KritzelSplitButton {
+        /**
+          * @default null
+         */
+        "activeItemIndex": number | null;
+        "buttonIcon": string;
+        "buttonText": string;
+        "closeMenu": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default 'chevron-down'
+         */
+        "dropdownIcon": string;
+        /**
+          * @default null
+         */
+        "editingIndex": number | null;
+        "openMenu": () => Promise<void>;
+        /**
+          * @default []
+         */
+        "options": KritzelMenuItem[];
+    }
     interface KritzelStrokeSize {
         /**
           * @default null
@@ -262,6 +330,13 @@ export namespace Components {
     }
     interface KritzelUtilityPanel {
     }
+    interface KritzelWorkspaceManager {
+        "activeWorkspace": KritzelWorkspace;
+        /**
+          * @default []
+         */
+        "workspaces": KritzelWorkspace[];
+    }
 }
 export interface KritzelBrushStyleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -307,6 +382,18 @@ export interface KritzelFontSizeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKritzelFontSizeElement;
 }
+export interface KritzelMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelMenuElement;
+}
+export interface KritzelPortalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelPortalElement;
+}
+export interface KritzelSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelSplitButtonElement;
+}
 export interface KritzelStrokeSizeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKritzelStrokeSizeElement;
@@ -315,6 +402,10 @@ export interface KritzelUtilityPanelCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKritzelUtilityPanelElement;
 }
+export interface KritzelWorkspaceManagerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelWorkspaceManagerElement;
+}
 declare global {
     interface HTMLKritzelBrushStyleElementEventMap {
         "typeChange": 'pen' | 'highlighter';
@@ -465,8 +556,9 @@ declare global {
         new (): HTMLKritzelEditorElement;
     };
     interface HTMLKritzelEngineElementEventMap {
-        "isEngineReady": void;
+        "isEngineReady": KritzelEngineState;
         "activeToolChange": KritzelBaseTool;
+        "workspacesChange": KritzelWorkspace[];
     }
     interface HTMLKritzelEngineElement extends Components.KritzelEngine, HTMLStencilElement {
         addEventListener<K extends keyof HTMLKritzelEngineElementEventMap>(type: K, listener: (this: HTMLKritzelEngineElement, ev: KritzelEngineCustomEvent<HTMLKritzelEngineElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -528,6 +620,60 @@ declare global {
         prototype: HTMLKritzelIconElement;
         new (): HTMLKritzelIconElement;
     };
+    interface HTMLKritzelMenuElementEventMap {
+        "close": void;
+    }
+    interface HTMLKritzelMenuElement extends Components.KritzelMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMenuElement, ev: KritzelMenuCustomEvent<HTMLKritzelMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMenuElement, ev: KritzelMenuCustomEvent<HTMLKritzelMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelMenuElement: {
+        prototype: HTMLKritzelMenuElement;
+        new (): HTMLKritzelMenuElement;
+    };
+    interface HTMLKritzelPortalElementEventMap {
+        "close": void;
+    }
+    interface HTMLKritzelPortalElement extends Components.KritzelPortal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelPortalElementEventMap>(type: K, listener: (this: HTMLKritzelPortalElement, ev: KritzelPortalCustomEvent<HTMLKritzelPortalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelPortalElementEventMap>(type: K, listener: (this: HTMLKritzelPortalElement, ev: KritzelPortalCustomEvent<HTMLKritzelPortalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelPortalElement: {
+        prototype: HTMLKritzelPortalElement;
+        new (): HTMLKritzelPortalElement;
+    };
+    interface HTMLKritzelSplitButtonElementEventMap {
+        "buttonClick": void;
+        "optionSelect": KritzelMenuItem;
+        "menuOpened": void;
+        "menuClosed": void;
+    }
+    interface HTMLKritzelSplitButtonElement extends Components.KritzelSplitButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelSplitButtonElementEventMap>(type: K, listener: (this: HTMLKritzelSplitButtonElement, ev: KritzelSplitButtonCustomEvent<HTMLKritzelSplitButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelSplitButtonElementEventMap>(type: K, listener: (this: HTMLKritzelSplitButtonElement, ev: KritzelSplitButtonCustomEvent<HTMLKritzelSplitButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelSplitButtonElement: {
+        prototype: HTMLKritzelSplitButtonElement;
+        new (): HTMLKritzelSplitButtonElement;
+    };
     interface HTMLKritzelStrokeSizeElementEventMap {
         "sizeChange": number;
     }
@@ -570,6 +716,24 @@ declare global {
         prototype: HTMLKritzelUtilityPanelElement;
         new (): HTMLKritzelUtilityPanelElement;
     };
+    interface HTMLKritzelWorkspaceManagerElementEventMap {
+        "isWorkspaceManagerReady": void;
+        "workspaceChange": KritzelWorkspace;
+    }
+    interface HTMLKritzelWorkspaceManagerElement extends Components.KritzelWorkspaceManager, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelWorkspaceManagerElementEventMap>(type: K, listener: (this: HTMLKritzelWorkspaceManagerElement, ev: KritzelWorkspaceManagerCustomEvent<HTMLKritzelWorkspaceManagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelWorkspaceManagerElementEventMap>(type: K, listener: (this: HTMLKritzelWorkspaceManagerElement, ev: KritzelWorkspaceManagerCustomEvent<HTMLKritzelWorkspaceManagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelWorkspaceManagerElement: {
+        prototype: HTMLKritzelWorkspaceManagerElement;
+        new (): HTMLKritzelWorkspaceManagerElement;
+    };
     interface HTMLElementTagNameMap {
         "kritzel-brush-style": HTMLKritzelBrushStyleElement;
         "kritzel-color": HTMLKritzelColorElement;
@@ -586,9 +750,13 @@ declare global {
         "kritzel-font-family": HTMLKritzelFontFamilyElement;
         "kritzel-font-size": HTMLKritzelFontSizeElement;
         "kritzel-icon": HTMLKritzelIconElement;
+        "kritzel-menu": HTMLKritzelMenuElement;
+        "kritzel-portal": HTMLKritzelPortalElement;
+        "kritzel-split-button": HTMLKritzelSplitButtonElement;
         "kritzel-stroke-size": HTMLKritzelStrokeSizeElement;
         "kritzel-tooltip": HTMLKritzelTooltipElement;
         "kritzel-utility-panel": HTMLKritzelUtilityPanelElement;
+        "kritzel-workspace-manager": HTMLKritzelWorkspaceManagerElement;
     }
 }
 declare namespace LocalJSX {
@@ -721,7 +889,8 @@ declare namespace LocalJSX {
         "globalContextMenuItems"?: ContextMenuItem[];
         "objectContextMenuItems"?: ContextMenuItem[];
         "onActiveToolChange"?: (event: KritzelEngineCustomEvent<KritzelBaseTool>) => void;
-        "onIsEngineReady"?: (event: KritzelEngineCustomEvent<void>) => void;
+        "onIsEngineReady"?: (event: KritzelEngineCustomEvent<KritzelEngineState>) => void;
+        "onWorkspacesChange"?: (event: KritzelEngineCustomEvent<KritzelWorkspace[]>) => void;
         /**
           * @default ABSOLUTE_SCALE_MAX
          */
@@ -730,6 +899,7 @@ declare namespace LocalJSX {
           * @default ABSOLUTE_SCALE_MIN
          */
         "scaleMin"?: number;
+        "workspace"?: KritzelWorkspace;
     }
     interface KritzelFont {
         /**
@@ -776,6 +946,67 @@ declare namespace LocalJSX {
          */
         "size"?: number;
     }
+    interface KritzelMenu {
+        /**
+          * @default null
+         */
+        "activeItemIndex"?: number | null;
+        /**
+          * @default null
+         */
+        "editingIndex"?: number | null;
+        /**
+          * @default []
+         */
+        "items"?: KritzelMenuItem[];
+        "onClose"?: (event: KritzelMenuCustomEvent<void>) => void;
+        /**
+          * @default null
+         */
+        "parent"?: KritzelMenuItem;
+        /**
+          * @default null
+         */
+        "parentIndex"?: number | null;
+    }
+    interface KritzelPortal {
+        "anchor"?: HTMLElement;
+        /**
+          * @default true
+         */
+        "autoFocus"?: boolean;
+        "offsetX"?: number;
+        "offsetY"?: number;
+        "onClose"?: (event: KritzelPortalCustomEvent<void>) => void;
+    }
+    interface KritzelSplitButton {
+        /**
+          * @default null
+         */
+        "activeItemIndex"?: number | null;
+        "buttonIcon"?: string;
+        "buttonText"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default 'chevron-down'
+         */
+        "dropdownIcon"?: string;
+        /**
+          * @default null
+         */
+        "editingIndex"?: number | null;
+        "onButtonClick"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+        "onMenuClosed"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+        "onMenuOpened"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+        "onOptionSelect"?: (event: KritzelSplitButtonCustomEvent<KritzelMenuItem>) => void;
+        /**
+          * @default []
+         */
+        "options"?: KritzelMenuItem[];
+    }
     interface KritzelStrokeSize {
         "onSizeChange"?: (event: KritzelStrokeSizeCustomEvent<number>) => void;
         /**
@@ -807,6 +1038,15 @@ declare namespace LocalJSX {
         "onRedo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
         "onUndo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
     }
+    interface KritzelWorkspaceManager {
+        "activeWorkspace"?: KritzelWorkspace;
+        "onIsWorkspaceManagerReady"?: (event: KritzelWorkspaceManagerCustomEvent<void>) => void;
+        "onWorkspaceChange"?: (event: KritzelWorkspaceManagerCustomEvent<KritzelWorkspace>) => void;
+        /**
+          * @default []
+         */
+        "workspaces"?: KritzelWorkspace[];
+    }
     interface IntrinsicElements {
         "kritzel-brush-style": KritzelBrushStyle;
         "kritzel-color": KritzelColor;
@@ -823,9 +1063,13 @@ declare namespace LocalJSX {
         "kritzel-font-family": KritzelFontFamily;
         "kritzel-font-size": KritzelFontSize;
         "kritzel-icon": KritzelIcon;
+        "kritzel-menu": KritzelMenu;
+        "kritzel-portal": KritzelPortal;
+        "kritzel-split-button": KritzelSplitButton;
         "kritzel-stroke-size": KritzelStrokeSize;
         "kritzel-tooltip": KritzelTooltip;
         "kritzel-utility-panel": KritzelUtilityPanel;
+        "kritzel-workspace-manager": KritzelWorkspaceManager;
     }
 }
 export { LocalJSX as JSX };
@@ -847,9 +1091,13 @@ declare module "@stencil/core" {
             "kritzel-font-family": LocalJSX.KritzelFontFamily & JSXBase.HTMLAttributes<HTMLKritzelFontFamilyElement>;
             "kritzel-font-size": LocalJSX.KritzelFontSize & JSXBase.HTMLAttributes<HTMLKritzelFontSizeElement>;
             "kritzel-icon": LocalJSX.KritzelIcon & JSXBase.HTMLAttributes<HTMLKritzelIconElement>;
+            "kritzel-menu": LocalJSX.KritzelMenu & JSXBase.HTMLAttributes<HTMLKritzelMenuElement>;
+            "kritzel-portal": LocalJSX.KritzelPortal & JSXBase.HTMLAttributes<HTMLKritzelPortalElement>;
+            "kritzel-split-button": LocalJSX.KritzelSplitButton & JSXBase.HTMLAttributes<HTMLKritzelSplitButtonElement>;
             "kritzel-stroke-size": LocalJSX.KritzelStrokeSize & JSXBase.HTMLAttributes<HTMLKritzelStrokeSizeElement>;
             "kritzel-tooltip": LocalJSX.KritzelTooltip & JSXBase.HTMLAttributes<HTMLKritzelTooltipElement>;
             "kritzel-utility-panel": LocalJSX.KritzelUtilityPanel & JSXBase.HTMLAttributes<HTMLKritzelUtilityPanelElement>;
+            "kritzel-workspace-manager": LocalJSX.KritzelWorkspaceManager & JSXBase.HTMLAttributes<HTMLKritzelWorkspaceManagerElement>;
         }
     }
 }

package/dist/types/helpers/html.helper.d.ts

@@ -1,3 +1,5 @@
-export declare class KritzelKeyboardHelper {
+export declare class KritzelHTMLHelper {
     static getNumericValueFromStyle(element: HTMLElement, property: string): number;
+    static getScrollableParent(element: HTMLElement): HTMLElement | Window;
+    static isElementInViewport(element: HTMLElement): boolean;
 }

package/dist/types/interfaces/command.interface.d.ts

@@ -1,6 +1,6 @@
 export interface KritzelCommand {
     initiator: string;
-    isUndoable: boolean;
+    skipHistory: boolean;
     execute(): void;
     undo?(): void;
 }

package/dist/types/interfaces/debug-info.interface.d.ts

@@ -2,4 +2,5 @@ export interface KritzelDebugInfo {
     showViewportInfo: boolean;
     showObjectInfo: boolean;
     logCommands: boolean;
+    logDatabase: boolean;
 }

package/dist/types/interfaces/engine-state.interface.d.ts

@@ -5,10 +5,12 @@ import { KritzelSelectionGroup } from "../classes/objects/selection-group.class"
 import { KritzelText } from "../classes/objects/text.class";
 import { KritzelOctree } from "../classes/structures/octree.structure";
 import { KritzelBaseTool } from "../classes/tools/base-tool.class";
+import { KritzelWorkspace } from "../classes/workspace.class";
 import { KritzelHandleType } from "../enums/handle-type.enum";
 import { ContextMenuItem } from "./context-menu-item.interface";
 import { KritzelDebugInfo } from "./debug-info.interface";
 export interface KritzelEngineState {
+    activeWorkspace: KritzelWorkspace;
     activeTool: KritzelBaseTool;
     activeText: KritzelText;
     currentPath?: KritzelPath;
@@ -60,4 +62,5 @@ export interface KritzelEngineState {
     longTouchTimeout: number;
     longTouchDelay: number;
     pointers: Map<number, PointerEvent>;
+    workspaces: KritzelWorkspace[];
 }

package/dist/types/interfaces/menu-item.interface.d.ts

@@ -0,0 +1,9 @@
+export interface KritzelMenuItem<T = any> {
+    value: T;
+    label: string;
+    select?: (item: KritzelMenuItem) => void;
+    save?: (item: KritzelMenuItem) => void;
+    cancel?: (item: KritzelMenuItem) => void;
+    disabled?: boolean;
+    children?: KritzelMenuItem[];
+}

package/dist/types/interfaces/object.interface.d.ts

@@ -4,6 +4,7 @@ import { KritzelPolygon } from './polygon.interface';
 export interface KritzelObject<T = Element> {
     _elementRef: T;
     id: string;
+    workspaceId: string;
     x: number;
     y: number;
     translateX: number;

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,6 @@
 declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+type MixinFactory = <TBase extends abstract new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -349,6 +351,25 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```
+ * const AWrap = (Base) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = (Base) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = (Base) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kritzel-stencil",
-  "version": "0.0.127",
+  "version": "0.0.128",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -50,6 +50,7 @@
     "@stencil/vue-output-target": "0.11.8",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.14.1",
+    "fake-indexeddb": "^6.2.2",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "puppeteer": "^24.6.1"