kritzel-stencil 0.3.12 → 0.3.14

package/dist/collection/components/core/kritzel-engine/kritzel-engine.js

@@ -93,8 +93,18 @@ export class KritzelEngine {
     }
     /** Context menu items shown when right-clicking the canvas background. */
     globalContextMenuItems;
+    onGlobalContextMenuItemsChange(newValue) {
+        if (this.contextMenuHandler) {
+            this.contextMenuHandler.globalContextMenuItems = newValue ?? [];
+        }
+    }
     /** Context menu items shown when right-clicking a selected object. */
     objectContextMenuItems;
+    onObjectContextMenuItemsChange(newValue) {
+        if (this.contextMenuHandler) {
+            this.contextMenuHandler.objectContextMenuItems = newValue ?? [];
+        }
+    }
     /** Maximum zoom scale allowed. Clamped to the absolute maximum defined by the engine. */
     scaleMax = ABSOLUTE_SCALE_MAX;
     validateScaleMax(newValue) {
@@ -571,6 +581,9 @@ export class KritzelEngine {
         object.scale = object.scale ?? this.core.store.state.scale;
         object.zIndex = this.core.store.currentZIndex;
         object.workspaceId = this.core.store.state.activeWorkspace.id;
+        if (KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
+            await object.prepareForInsert();
+        }
         // Handle KritzelText: recreate the editor now that _core is available
         // The editor's dispatchTransaction callback needs _core for persisting changes
         if (KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
@@ -655,6 +668,12 @@ export class KritzelEngine {
         if (objects.length === 0) {
             return [];
         }
+        for (const object of objects) {
+            object._core = this.core;
+            if (KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
+                await object.prepareForInsert();
+            }
+        }
         this.core.store.objects.transaction(() => {
             for (const object of objects) {
                 object.id = object.generateId();
@@ -819,6 +838,14 @@ export class KritzelEngine {
         this.core.rerender();
         return object;
     }
+    /**
+     * Pans the viewport to center on the given object without changing the zoom level.
+     * Unlike `centerObjectInViewport`, this moves the camera — not the object.
+     * @param object - The object whose center the viewport should pan to.
+     */
+    async panToObject(object) {
+        this.viewport.panTo(object.centerX, object.centerY);
+    }
     /**
      * Pans and zooms the viewport to fit the nearest content, with padding.
      * Useful when the user has panned away from all objects.
@@ -836,6 +863,16 @@ export class KritzelEngine {
     async centerAllObjects(animate = true) {
         return this.viewport.centerFitAllObjects(animate);
     }
+    /**
+     * Pans and zooms the viewport to fit the provided objects.
+     * Calculates the combined bounding box of the given objects and centers the viewport to show them.
+     * @param objects - The objects to center and fit in the viewport.
+     * @param animate - Whether to animate the viewport transition (default: true).
+     * @returns `true` if objects were provided and the viewport was adjusted, `false` otherwise.
+     */
+    async centerObjects(objects, animate = true) {
+        return this.viewport.centerFitObjects(objects, animate);
+    }
     /**
      * Sets the viewport to center on the given world coordinates at the specified scale.
      * @param x - X position in world coordinates to center on.
@@ -863,6 +900,22 @@ export class KritzelEngine {
     async zoomTo(scale, worldX, worldY) {
         this.viewport.zoomTo(scale, worldX, worldY);
     }
+    /**
+     * Zooms in by a fixed step, centered on the current viewport center, with a smooth animation.
+     * @param factor - Multiplicative zoom-in step.
+     * @param duration - Animation duration in milliseconds.
+     */
+    async zoomIn(factor, duration) {
+        this.viewport.zoomIn(factor, duration);
+    }
+    /**
+     * Zooms out by a fixed step, centered on the current viewport center, with a smooth animation.
+     * @param factor - Multiplicative zoom-out step.
+     * @param duration - Animation duration in milliseconds.
+     */
+    async zoomOut(factor, duration) {
+        this.viewport.zoomOut(factor, duration);
+    }
     /**
      * Returns the current viewport state including position, scale, and dimensions.
      * @returns The current viewport state.
@@ -899,11 +952,14 @@ export class KritzelEngine {
     /**
      * Captures a screenshot of the current viewport as a data URL.
      * @param format - The image format: `'png'` (default) or `'svg'`.
+     * @param options - Optional screenshot settings.
+     * @param options.includeBackground - Whether to include the canvas background in the export. Defaults to `true`. Set to `false` for a transparent background.
      * @returns A data URL string of the captured image.
      */
-    async getScreenshot(format = 'png') {
+    async getScreenshot(format = 'png', options) {
         if (!this.host)
             return null;
+        const includeBackground = options?.includeBackground ?? true;
         // Save critical state before screenshot to restore after
         const savedState = {
             objects: this.core.store.objects,
@@ -915,7 +971,7 @@ export class KritzelEngine {
             translateY: this.core.store.state.translateY,
             scale: this.core.store.state.scale,
         };
-        const options = {
+        const screenshotOptions = {
             filter: (node) => {
                 // Exclude the context menu, debug panel, and awareness cursors from the screenshot
                 if (node.tagName === 'KRITZEL-CONTEXT-MENU') {
@@ -930,13 +986,16 @@ export class KritzelEngine {
                 return true;
             },
         };
+        if (!includeBackground) {
+            screenshotOptions.backgroundColor = 'transparent';
+        }
         let result;
         try {
             if (format === 'svg') {
-                result = await toSvg(this.host, options);
+                result = await toSvg(this.host, screenshotOptions);
             }
             else {
-                result = await toPng(this.host, options);
+                result = await toPng(this.host, screenshotOptions);
             }
         }
         finally {
@@ -953,14 +1012,18 @@ export class KritzelEngine {
         }
         return result;
     }
-    /** Exports the current viewport as a PNG file and triggers a browser download. */
-    async exportViewportAsPng() {
+    /**
+     * Exports the current viewport as a PNG file and triggers a browser download.
+     * @param options - Optional export settings.
+     * @param options.includeBackground - Whether to include the canvas background. Defaults to `true`.
+     */
+    async exportViewportAsPng(options) {
         try {
             const activeWorkspaceName = this.core.store.state?.activeWorkspace?.name || 'workspace';
             // timestamp format: YYYY-MM-DDTHH-mm-ss-sssZ, clearing colons/dots for safe filename
             const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
             const filename = `${activeWorkspaceName}-${timestamp}.png`;
-            const dataUrl = await this.getScreenshot('png');
+            const dataUrl = await this.getScreenshot('png', options);
             if (!dataUrl) {
                 console.error('Failed to export viewport as PNG: screenshot could not be generated');
                 return;
@@ -974,14 +1037,18 @@ export class KritzelEngine {
             console.error('Failed to export viewport as PNG:', error);
         }
     }
-    /** Exports the current viewport as an SVG file and triggers a browser download. */
-    async exportViewportAsSvg() {
+    /**
+     * Exports the current viewport as an SVG file and triggers a browser download.
+     * @param options - Optional export settings.
+     * @param options.includeBackground - Whether to include the canvas background. Defaults to `true`.
+     */
+    async exportViewportAsSvg(options) {
         try {
             const activeWorkspaceName = this.core.store.state?.activeWorkspace?.name || 'workspace';
             // timestamp format: YYYY-MM-DDTHH-mm-ss-sssZ, clearing colons/dots for safe filename
             const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
             const filename = `${activeWorkspaceName}-${timestamp}.svg`;
-            const dataUrl = await this.getScreenshot('svg');
+            const dataUrl = await this.getScreenshot('svg', options);
             if (!dataUrl) {
                 console.error('Failed to export viewport as SVG: screenshot could not be generated');
                 return;
@@ -2442,7 +2509,7 @@ export class KritzelEngine {
                 "setter": false,
                 "reflect": false,
                 "attribute": "scale-max",
-                "defaultValue": "ABSOLUTE_SCALE_MAX"
+                "defaultValue": "1000"
             },
             "scaleMin": {
                 "type": "number",
@@ -2462,7 +2529,7 @@ export class KritzelEngine {
                 "setter": false,
                 "reflect": false,
                 "attribute": "scale-min",
-                "defaultValue": "ABSOLUTE_SCALE_MIN"
+                "defaultValue": "0.0001"
             },
             "cursorTarget": {
                 "type": "unknown",
@@ -3713,6 +3780,12 @@ export class KritzelEngine {
                             "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject",
                             "referenceLocation": "KritzelBaseObject"
                         },
+                        "KritzelImage": {
+                            "location": "import",
+                            "path": "../../../classes/objects/image.class",
+                            "id": "src/classes/objects/image.class.ts::KritzelImage",
+                            "referenceLocation": "KritzelImage"
+                        },
                         "KritzelText": {
                             "location": "import",
                             "path": "../../../classes/objects/text.class",
@@ -3768,6 +3841,12 @@ export class KritzelEngine {
                             "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject",
                             "referenceLocation": "KritzelBaseObject"
                         },
+                        "KritzelImage": {
+                            "location": "import",
+                            "path": "../../../classes/objects/image.class",
+                            "id": "src/classes/objects/image.class.ts::KritzelImage",
+                            "referenceLocation": "KritzelImage"
+                        },
                         "KritzelText": {
                             "location": "import",
                             "path": "../../../classes/objects/text.class",
@@ -4077,6 +4156,36 @@ export class KritzelEngine {
                         }]
                 }
             },
+            "panToObject": {
+                "complexType": {
+                    "signature": "(object: KritzelBaseObject) => Promise<void>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<HTMLElement | SVGElement>",
+                            "docs": "- The object whose center the viewport should pan to."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject",
+                            "referenceLocation": "KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Pans the viewport to center on the given object without changing the zoom level.\nUnlike `centerObjectInViewport`, this moves the camera \u2014 not the object.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "object - The object whose center the viewport should pan to."
+                        }]
+                }
+            },
             "backToContent": {
                 "complexType": {
                     "signature": "() => Promise<boolean>",
@@ -4124,6 +4233,46 @@ export class KritzelEngine {
                         }]
                 }
             },
+            "centerObjects": {
+                "complexType": {
+                    "signature": "(objects: KritzelBaseObject[], animate?: boolean) => Promise<boolean>",
+                    "parameters": [{
+                            "name": "objects",
+                            "type": "KritzelBaseObject<HTMLElement | SVGElement>[]",
+                            "docs": "- The objects to center and fit in the viewport."
+                        }, {
+                            "name": "animate",
+                            "type": "boolean",
+                            "docs": "- Whether to animate the viewport transition (default: true)."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject",
+                            "referenceLocation": "KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Pans and zooms the viewport to fit the provided objects.\nCalculates the combined bounding box of the given objects and centers the viewport to show them.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "objects - The objects to center and fit in the viewport."
+                        }, {
+                            "name": "param",
+                            "text": "animate - Whether to animate the viewport transition (default: true)."
+                        }, {
+                            "name": "returns",
+                            "text": "`true` if objects were provided and the viewport was adjusted, `false` otherwise."
+                        }]
+                }
+            },
             "setViewport": {
                 "complexType": {
                     "signature": "(x: number, y: number, scale: number) => Promise<void>",
@@ -4231,6 +4380,68 @@ export class KritzelEngine {
                         }]
                 }
             },
+            "zoomIn": {
+                "complexType": {
+                    "signature": "(factor: number, duration: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "factor",
+                            "type": "number",
+                            "docs": "- Multiplicative zoom-in step."
+                        }, {
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "- Animation duration in milliseconds."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Zooms in by a fixed step, centered on the current viewport center, with a smooth animation.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "factor - Multiplicative zoom-in step."
+                        }, {
+                            "name": "param",
+                            "text": "duration - Animation duration in milliseconds."
+                        }]
+                }
+            },
+            "zoomOut": {
+                "complexType": {
+                    "signature": "(factor: number, duration: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "factor",
+                            "type": "number",
+                            "docs": "- Multiplicative zoom-out step."
+                        }, {
+                            "name": "duration",
+                            "type": "number",
+                            "docs": "- Animation duration in milliseconds."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Zooms out by a fixed step, centered on the current viewport center, with a smooth animation.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "factor - Multiplicative zoom-out step."
+                        }, {
+                            "name": "param",
+                            "text": "duration - Animation duration in milliseconds."
+                        }]
+                }
+            },
             "getViewport": {
                 "complexType": {
                     "signature": "() => Promise<KritzelViewportState>",
@@ -4389,17 +4600,25 @@ export class KritzelEngine {
             },
             "getScreenshot": {
                 "complexType": {
-                    "signature": "(format?: \"png\" | \"svg\") => Promise<string | null>",
+                    "signature": "(format?: \"png\" | \"svg\", options?: { includeBackground?: boolean; }) => Promise<string | null>",
                     "parameters": [{
                             "name": "format",
                             "type": "\"svg\" | \"png\"",
                             "docs": "- The image format: `'png'` (default) or `'svg'`."
+                        }, {
+                            "name": "options",
+                            "type": "{ includeBackground?: boolean; }",
+                            "docs": "- Optional screenshot settings."
                         }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
                         },
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        },
                         "HTMLElement": {
                             "location": "global",
                             "id": "global::HTMLElement"
@@ -4412,6 +4631,12 @@ export class KritzelEngine {
                     "tags": [{
                             "name": "param",
                             "text": "format - The image format: `'png'` (default) or `'svg'`."
+                        }, {
+                            "name": "param",
+                            "text": "options - Optional screenshot settings."
+                        }, {
+                            "name": "param",
+                            "text": "options.includeBackground - Whether to include the canvas background in the export. Defaults to `true`. Set to `false` for a transparent background."
                         }, {
                             "name": "returns",
                             "text": "A data URL string of the captured image."
@@ -4420,8 +4645,12 @@ export class KritzelEngine {
             },
             "exportViewportAsPng": {
                 "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
+                    "signature": "(options?: { includeBackground?: boolean; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "options",
+                            "type": "{ includeBackground?: boolean; }",
+                            "docs": "- Optional export settings."
+                        }],
                     "references": {
                         "Promise": {
                             "location": "global",
@@ -4432,13 +4661,23 @@ export class KritzelEngine {
                 },
                 "docs": {
                     "text": "Exports the current viewport as a PNG file and triggers a browser download.",
-                    "tags": []
+                    "tags": [{
+                            "name": "param",
+                            "text": "options - Optional export settings."
+                        }, {
+                            "name": "param",
+                            "text": "options.includeBackground - Whether to include the canvas background. Defaults to `true`."
+                        }]
                 }
             },
             "exportViewportAsSvg": {
                 "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
+                    "signature": "(options?: { includeBackground?: boolean; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "options",
+                            "type": "{ includeBackground?: boolean; }",
+                            "docs": "- Optional export settings."
+                        }],
                     "references": {
                         "Promise": {
                             "location": "global",
@@ -4449,7 +4688,13 @@ export class KritzelEngine {
                 },
                 "docs": {
                     "text": "Exports the current viewport as an SVG file and triggers a browser download.",
-                    "tags": []
+                    "tags": [{
+                            "name": "param",
+                            "text": "options - Optional export settings."
+                        }, {
+                            "name": "param",
+                            "text": "options.includeBackground - Whether to include the canvas background. Defaults to `true`."
+                        }]
                 }
             },
             "getSelectedObjectsAsSvgString": {
@@ -4976,6 +5221,12 @@ export class KritzelEngine {
             }, {
                 "propName": "user",
                 "methodName": "onUserChange"
+            }, {
+                "propName": "globalContextMenuItems",
+                "methodName": "onGlobalContextMenuItemsChange"
+            }, {
+                "propName": "objectContextMenuItems",
+                "methodName": "onObjectContextMenuItemsChange"
             }, {
                 "propName": "scaleMax",
                 "methodName": "validateScaleMax"

package/dist/collection/components/shared/kritzel-dropdown/kritzel-dropdown.css

@@ -9,7 +9,7 @@
   display: flex;
   align-items: center;
   border: 1px solid var(--kritzel-dropdown-border-color, #ebebeb);
-  border-radius: 6px;
+  border-radius: var(--kritzel-dropdown-border-radius, 6px);
   overflow: visible;
   height: 38px;
   width: 100%;
@@ -35,7 +35,7 @@
   height: 100%;
   width: 100%;
   box-sizing: border-box;
-  border-radius: 6px;
+  border-radius: var(--kritzel-dropdown-border-radius, 6px);
   border: none;
   background-color: var(--kritzel-dropdown-background, #ffffff);
   cursor: var(--kritzel-global-pointer-cursor, pointer);
@@ -103,7 +103,7 @@
   list-style: none;
   background-color: var(--kritzel-dropdown-background, #ffffff);
   border: 1px solid var(--kritzel-global-border-color, #ebebeb);
-  border-radius: 6px;
+  border-radius: var(--kritzel-dropdown-menu-border-radius, var(--kritzel-dropdown-border-radius, 6px));
   box-shadow: var(--kritzel-controls-box-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
   z-index: 1000;
   max-height: 240px;

package/dist/collection/components/shared/kritzel-input/kritzel-input.css

@@ -18,7 +18,7 @@
   display: flex;
   align-items: center;
   border: 1px solid var(--kritzel-text-input-border-color, #ebebeb);
-  border-radius: 6px;
+  border-radius: var(--kritzel-text-input-border-radius, 6px);
   overflow: hidden;
   background: var(--kritzel-text-input-background, #ffffff);
   transition: border-color 150ms ease;

package/dist/collection/components/shared/kritzel-numeric-input/kritzel-numeric-input.css

@@ -23,7 +23,7 @@
   flex: 1;
   padding: 8px 36px 8px 12px;
   border: 1px solid var(--kritzel-numeric-input-border-color, #ebebeb);
-  border-radius: 6px;
+  border-radius: var(--kritzel-numeric-input-border-radius, 6px);
   font-size: 14px;
   color: var(--kritzel-numeric-input-text-color, #333333);
   background-color: var(--kritzel-numeric-input-input-background, #ffffff);
@@ -66,7 +66,7 @@
   display: flex;
   flex-direction: column;
   border-left: 1px solid var(--kritzel-numeric-input-border-color, #ebebeb);
-  border-radius: 0 5px 5px 0;
+  border-radius: 0 var(--kritzel-numeric-input-spinner-border-radius, 5px) var(--kritzel-numeric-input-spinner-border-radius, 5px) 0;
   overflow: hidden;
 }
 

package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.css

@@ -3,6 +3,8 @@
 }
 
 .menu-container {
+  position: relative;
+  z-index: 1;
   display: flex;
   flex-direction: column;
   gap: var(--kritzel-context-menu-item-spacing, 2px);
@@ -33,6 +35,7 @@
   white-space: nowrap;
   -webkit-tap-highlight-color: transparent;
   width: 100%;
+  min-width: 0;
 }
 
 .menu-item:not(.disabled):hover,
@@ -68,6 +71,9 @@
 
 .label {
   flex-grow: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .submenu-arrow {
@@ -85,6 +91,7 @@
   position: absolute;
   top: 0;
   left: 100%;
+  z-index: 2;
   margin-left: 4px;
   display: flex;
   flex-direction: column;

package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.js

@@ -113,6 +113,11 @@ export class KritzelContextMenu {
         const idx = path.lastIndexOf('.');
         return idx === -1 ? '' : path.substring(0, idx);
     }
+    getMenuDepth(path) {
+        if (!path)
+            return 0;
+        return path.split('.').length;
+    }
     pruneStaleRefs() {
         const openPaths = new Set(this.getOpenSubmenuPaths());
         for (const key of Array.from(this.submenuRefs.keys())) {
@@ -224,7 +229,8 @@ export class KritzelContextMenu {
     }
     renderSubmenu(processedChildren, path) {
         const position = this.submenuPositions[path] === 'left' ? 'left' : 'right';
-        return (h("div", { class: { 'submenu-container': true, 'position-left': position === 'left' }, key: `submenu-${path}`, ref: el => el && this.submenuRefs.set(path, el), onMouseEnter: () => this.handleSubmenuMouseEnter(), onMouseLeave: () => this.handleSubmenuMouseLeave(path) }, this.renderItems(processedChildren, path)));
+        const zIndex = this.getMenuDepth(path) + 1;
+        return (h("div", { class: { 'submenu-container': true, 'position-left': position === 'left' }, key: `submenu-${path}`, style: { zIndex: String(zIndex) }, ref: el => el && this.submenuRefs.set(path, el), onMouseEnter: () => this.handleSubmenuMouseEnter(), onMouseLeave: () => this.handleSubmenuMouseLeave(path) }, this.renderItems(processedChildren, path)));
     }
     render() {
         if (!this.processedItems || this.processedItems.length === 0) {

package/dist/collection/components/ui/kritzel-export/kritzel-export.css

@@ -41,7 +41,7 @@
   background-color: var(--kritzel-global-primary-color, #007AFF);
   color: var(--kritzel-global-primary-text-color, #fff);
   border: none;
-  border-radius: 8px;
+  border-radius: var(--kritzel-button-border-radius, 8px);
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;

package/dist/collection/components/ui/kritzel-tool-config/kritzel-tool-config.js

@@ -237,7 +237,7 @@ export class KritzelToolConfig {
                 "mutable": true,
                 "complexType": {
                     "original": "ConfigurableTool",
-                    "resolved": "KritzelBrushTool | KritzelLineTool | KritzelSelectionTool | KritzelShapeTool | KritzelTextTool",
+                    "resolved": "KritzelBaseTool",
                     "references": {
                         "ConfigurableTool": {
                             "location": "import",
@@ -348,7 +348,7 @@ export class KritzelToolConfig {
                 },
                 "complexType": {
                     "original": "ConfigurableTool",
-                    "resolved": "KritzelBrushTool | KritzelLineTool | KritzelSelectionTool | KritzelShapeTool | KritzelTextTool",
+                    "resolved": "KritzelBaseTool",
                     "references": {
                         "ConfigurableTool": {
                             "location": "import",

package/dist/collection/configs/default-asset-storage.config.js

@@ -1,4 +1,3 @@
-import { IndexedDBAssetProvider } from "../classes/providers/assets/indexeddb-asset-provider.class";
 /**
  * Default asset storage configuration. Stores bytes in IndexedDB only,
  * which provides offline-friendly behavior out of the box. Applications
@@ -6,5 +5,5 @@ import { IndexedDBAssetProvider } from "../classes/providers/assets/indexeddb-as
  * (e.g. HttpAssetProvider) so images are available across devices.
  */
 export const DEFAULT_ASSET_STORAGE_CONFIG = {
-    providers: [IndexedDBAssetProvider],
+    providers: [],
 };

package/dist/collection/configs/default-sync.config.js

@@ -1,9 +1,6 @@
-import { IndexedDBSyncProvider } from "../classes/providers/sync/indexeddb-sync-provider.class";
 /**
- * Default sync configuration - IndexedDB
+ * Default sync configuration - None
  */
 export const DEFAULT_SYNC_CONFIG = {
-    providers: [
-        IndexedDBSyncProvider
-    ],
+    providers: [],
 };

package/dist/collection/constants/version.js

@@ -3,4 +3,4 @@
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-export const KRITZEL_VERSION = '0.3.12';
+export const KRITZEL_VERSION = '0.3.14';