@kritzel/angular-engine 0.4.31

package/LICENSE.md

@@ -0,0 +1,50 @@
+# Software License Agreement
+
+**IMPORTANT NOTICE:** This is a source-available, non-commercial license. 
+* **Hobbyists & Personal Use:** 100% Free. You are welcome to use, modify, and experiment with this software for personal, hobby, or educational projects.
+* **Commercial & Professional Use:** Strictly Prohibited. If you want to use this software in a corporate environment, for professional client work, or as part of a revenue-generating product, you must obtain a commercial license.
+
+To purchase a commercial license, please visit: https://kritzel.io
+
+---
+
+## PolyForm Noncommercial License 1.0.0
+
+### Acceptance
+By using or distributing this software, you accept this license.
+
+### User
+You is the person or organization who accepts this license. You can accept this license for only yourself or for an organization.
+
+### Software
+Software is the software that includes this license text.
+
+### Practice
+Practice is to use, copy, modify, distribute, or make derivative works of the Software.
+
+### Grant
+You may Practice the Software for noncommercial purposes.
+
+### Noncommercial Purposes
+Noncommercial purposes are purposes that are not commercial purposes.
+
+### Commercial Purposes
+Commercial purposes are purposes intended for or directed toward commercial advantage or monetary compensation. Commercial purposes include, but are not limited to, using the Software to provide services to others for a fee, using the Software as part of a product sold or licensed to others, or using the Software inside a business or for professional work.
+
+### Redistribution
+You may redistribute copies of the Software, with or without modification, provided that you include this license text with every copy.
+
+### Notices
+You must ensure that any copy of the Software you distribute includes all copyright notices, trademark notices, and other legal notices included in the Software.
+
+### No Other Rights
+This license does not grant any patent rights or trademark rights.
+
+### Termination
+If you violate any term of this license, your rights under this license terminate immediately.
+
+### Defensive Patent Claims
+If you make a patent claim against anyone alleging that the Software infringes a patent, your rights under this license terminate immediately.
+
+### No Warranty
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,116 @@
+# Kritzel Engine for Angular
+
+Build infinite canvas and collaborative whiteboard experiences in Angular with Kritzel's native wrapper and TypeScript-first API.
+
+Kritzel is a framework-agnostic infinite canvas and collaborative whiteboard engine. It provides web components that work natively in any framework, with a first-class Angular wrapper for idiomatic template integration.
+
+Kritzel handles the hard parts of canvas-based applications — infinite pan/zoom, hit-testing, CRDT-based collaboration, undo/redo, and cross-browser rendering — so you can focus on your product's domain logic.
+
+**Full documentation:** [kritzel.io/docs/angular/getting-started/quick-start](https://kritzel.io/docs/angular/getting-started/quick-start)
+
+## Installation
+
+```bash
+npm install @kritzel/angular-engine
+```
+
+## Setup
+
+Register Kritzel in your application config:
+
+```ts
+import { ApplicationConfig } from '@angular/core';
+import { provideKritzel } from '@kritzel/angular-engine';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    // ... other providers
+    provideKritzel(),
+  ],
+};
+```
+
+Then use the component in your template:
+
+```ts
+import { Component } from '@angular/core';
+import { KritzelEngine } from '@kritzel/angular-engine';
+
+@Component({
+  selector: 'app-editor',
+  imports: [KritzelEngine],
+  template: `<kritzel-engine></kritzel-engine>`,
+  styles: [`kritzel-engine { display: block; width: 100%; height: 100vh; }`],
+})
+export class EditorComponent {}
+```
+
+This renders the lower-level engine canvas without the editor toolbar shell.
+
+## Optional Enhancements
+
+### Persist Canvas State
+
+By default, the engine uses an empty sync provider list, so canvas state is reset on reload. To persist objects locally across page reloads, configure `syncConfig` explicitly with `IndexedDBSyncProvider`.
+
+```ts
+import { Component } from '@angular/core';
+import { IndexedDBSyncProvider, KritzelEngine, KritzelSyncConfig } from '@kritzel/angular-engine';
+
+@Component({
+  selector: 'app-editor',
+  imports: [KritzelEngine],
+  template: `<kritzel-engine [syncConfig]="syncConfig"></kritzel-engine>`,
+  styles: [`kritzel-engine { display: block; width: 100%; height: 100vh; }`],
+})
+export class EditorComponent {
+  readonly syncConfig: KritzelSyncConfig = {
+    providers: [IndexedDBSyncProvider],
+  };
+}
+```
+
+### Apply Full Viewport Styling
+
+To ensure the Kritzel engine occupies the entire viewport and prevents unwanted scrolling, add the following CSS to your global stylesheet (e.g. `styles.css`):
+
+```css
+html,
+body,
+app-root {
+  width: 100dvw;
+  height: 100dvh;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  display: block;
+}
+```
+
+### Include Mobile Viewport Meta Tag
+
+For optimal rendering and responsiveness on mobile devices, add this meta tag within the `<head>` section of your `index.html`:
+
+```html
+<meta
+  name="viewport"
+  content="viewport-fit=cover, width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, interactive-widget=resizes-content"
+/>
+```
+
+## Fundamentals
+
+Kritzel is composed of a small set of core concepts that work together to power your canvas experience:
+
+- **Components** — Two entry points, a batteries-included editor and a headless engine, to match any integration style.
+- **Tools** — State-machine interaction handlers that define how users draw, select, and manipulate the canvas.
+- **Objects** — The visual building blocks on the canvas — paths, shapes, text, and images with shared spatial properties.
+- **Workspaces** — Containers that manage an entire canvas collection, view state, and editor configuration.
+- **Theming** — Built-in light and dark themes with full CSS variable customization to match your brand.
+- **Collaboration** — Real-time multi-user sync powered by Yjs CRDTs with pluggable transport providers.
+
+Learn more in the [full documentation](https://kritzel.io/docs/angular/getting-started/basic-usage).
+
+## License
+
+See the [Kritzel License](https://kritzel.io/license). Kritzel is free for personal, hobby, and educational use. Commercial use requires a license — visit [kritzel.io](https://kritzel.io) for details.

package/fesm2022/kritzel-angular-engine.mjs

@@ -0,0 +1,164 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { defineCustomElement as defineCustomElement$1 } from '@kritzel/engine/dist/components/kritzel-engine.js';
+import { defineCustomElements } from '@kritzel/engine/loader';
+export { BroadcastSyncProvider, DEFAULT_BRUSH_CONFIG, DEFAULT_TEXT_CONFIG, DE_LOCALE, EN_LOCALE, FR_LOCALE, HocuspocusSyncProvider, InMemorySyncProvider, IndexedDBSyncProvider, KritzelAlignment, KritzelBaseObject, KritzelBaseTool, KritzelBrushTool, KritzelDynamicObject, KritzelDynamicObjectRendererRegistry, KritzelEraserTool, KritzelFontRegistry, KritzelGroup, KritzelImage, KritzelImageTool, KritzelLicenseManager, KritzelLine, KritzelLineTool, KritzelLocalizationManager, KritzelPath, KritzelSelectionTool, KritzelShape, KritzelShapeTool, KritzelText, KritzelTextTool, KritzelThemeManager, KritzelWorkspace, ShapeType, WebSocketSyncProvider, darkTheme, hasRemoteSyncProvider, lightTheme } from '@kritzel/engine';
+
+/* eslint-disable */
+/* tslint:disable */
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
+};
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+// tslint:disable-next-line: only-arrow-functions
+function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            proxyInputs(cls, inputs);
+        }
+        if (methods) {
+            proxyMethods(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}
+
+let KritzelEngine = class KritzelEngine {
+    constructor(c, r, z) {
+        this.z = z;
+        this.isEngineReady = new EventEmitter();
+        this.activeToolChange = new EventEmitter();
+        this.workspacesChange = new EventEmitter();
+        this.activeWorkspaceChange = new EventEmitter();
+        this.longpress = new EventEmitter();
+        this.objectsChange = new EventEmitter();
+        this.objectsAdded = new EventEmitter();
+        this.objectsRemoved = new EventEmitter();
+        this.objectsUpdated = new EventEmitter();
+        this.objectsSelectionChange = new EventEmitter();
+        this.undoStateChange = new EventEmitter();
+        this.objectsInViewportChange = new EventEmitter();
+        this.viewportChange = new EventEmitter();
+        this.awarenessChange = new EventEmitter();
+        this.notificationsChange = new EventEmitter();
+        this.contextMenuStateChange = new EventEmitter();
+        this.isLoadingChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: KritzelEngine, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: KritzelEngine, isStandalone: true, selector: "kritzel-engine", inputs: { activeWorkspaceId: "activeWorkspaceId", assetStorageConfig: "assetStorageConfig", cursorTarget: "cursorTarget", debugInfo: "debugInfo", editorId: "editorId", fallbackLocale: "fallbackLocale", globalContextMenuItems: "globalContextMenuItems", isPanningEnabled: "isPanningEnabled", isZoomingEnabled: "isZoomingEnabled", licenseKey: "licenseKey", locale: "locale", locales: "locales", lockDrawingScale: "lockDrawingScale", objectContextMenuItems: "objectContextMenuItems", scaleMax: "scaleMax", scaleMin: "scaleMin", syncConfig: "syncConfig", theme: "theme", themes: "themes", user: "user", viewportBoundaryBottom: "viewportBoundaryBottom", viewportBoundaryLeft: "viewportBoundaryLeft", viewportBoundaryRight: "viewportBoundaryRight", viewportBoundaryTop: "viewportBoundaryTop", workspaces: "workspaces" }, outputs: { isEngineReady: "isEngineReady", activeToolChange: "activeToolChange", workspacesChange: "workspacesChange", activeWorkspaceChange: "activeWorkspaceChange", longpress: "longpress", objectsChange: "objectsChange", objectsAdded: "objectsAdded", objectsRemoved: "objectsRemoved", objectsUpdated: "objectsUpdated", objectsSelectionChange: "objectsSelectionChange", undoStateChange: "undoStateChange", objectsInViewportChange: "objectsInViewportChange", viewportChange: "viewportChange", awarenessChange: "awarenessChange", notificationsChange: "notificationsChange", contextMenuStateChange: "contextMenuStateChange", isLoadingChange: "isLoadingChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelEngine = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1,
+        inputs: ['activeWorkspaceId', 'assetStorageConfig', 'cursorTarget', 'debugInfo', 'editorId', 'fallbackLocale', 'globalContextMenuItems', 'isPanningEnabled', 'isZoomingEnabled', 'licenseKey', 'locale', 'locales', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig', 'theme', 'themes', 'user', 'viewportBoundaryBottom', 'viewportBoundaryLeft', 'viewportBoundaryRight', 'viewportBoundaryTop', 'workspaces'],
+        methods: ['triggerSelectionChange', 'beginSceneBootstrap', 'endSceneBootstrap', 'registerTool', 'changeActiveTool', 'disable', 'enable', 'delete', 'copy', 'cut', 'paste', 'bringForward', 'sendBackward', 'bringToFront', 'sendToBack', 'alignObjects', 'group', 'ungroup', 'undo', 'redo', 'hideContextMenu', 'openContextMenu', 'getObjectById', 'getAllObjects', 'findObjects', 'getObjectsTotalCount', 'addObject', 'addObjects', 'updateObject', 'removeObject', 'removeObjects', 'getSelectedObjects', 'getDisplayableShortcuts', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'panToObject', 'backToContent', 'centerAllObjects', 'centerObjects', 'setViewport', 'panTo', 'zoomTo', 'zoomIn', 'zoomOut', 'getViewport', 'screenToWorld', 'worldToScreen', 'getObjectsInViewport', 'getScreenshot', 'exportViewportAsPng', 'exportViewportAsSvg', 'getSelectedObjectSupportedExportFormats', 'canExportSelectedObjectAs', 'exportSelectedObject', 'exportAsJson', 'importFromJson', 'loadObjectsFromJson', 'downloadAsJson', 'importFromFile', 'cancelImportFromFile', 'setActiveWorkspace', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace', 'getIsPublic', 'loadSharedWorkspace', 'reinitSync', 'saveSettings', 'loadSettings', 'registerLocales', 'configureLocales', 'setLocale', 'getLocale', 'getAvailableLocales', 'getAvailableLocaleOptions', 't', 'getResolvedTerms']
+    })
+], KritzelEngine);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: KritzelEngine, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-engine',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeWorkspaceId', 'assetStorageConfig', 'cursorTarget', 'debugInfo', 'editorId', 'fallbackLocale', 'globalContextMenuItems', 'isPanningEnabled', 'isZoomingEnabled', 'licenseKey', 'locale', 'locales', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig', 'theme', 'themes', 'user', 'viewportBoundaryBottom', 'viewportBoundaryLeft', 'viewportBoundaryRight', 'viewportBoundaryTop', 'workspaces'],
+                    outputs: ['isEngineReady', 'activeToolChange', 'workspacesChange', 'activeWorkspaceChange', 'longpress', 'objectsChange', 'objectsAdded', 'objectsRemoved', 'objectsUpdated', 'objectsSelectionChange', 'undoStateChange', 'objectsInViewportChange', 'viewportChange', 'awarenessChange', 'notificationsChange', 'contextMenuStateChange', 'isLoadingChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { isEngineReady: [{
+                type: Output
+            }], activeToolChange: [{
+                type: Output
+            }], workspacesChange: [{
+                type: Output
+            }], activeWorkspaceChange: [{
+                type: Output
+            }], longpress: [{
+                type: Output
+            }], objectsChange: [{
+                type: Output
+            }], objectsAdded: [{
+                type: Output
+            }], objectsRemoved: [{
+                type: Output
+            }], objectsUpdated: [{
+                type: Output
+            }], objectsSelectionChange: [{
+                type: Output
+            }], undoStateChange: [{
+                type: Output
+            }], objectsInViewportChange: [{
+                type: Output
+            }], viewportChange: [{
+                type: Output
+            }], awarenessChange: [{
+                type: Output
+            }], notificationsChange: [{
+                type: Output
+            }], contextMenuStateChange: [{
+                type: Output
+            }], isLoadingChange: [{
+                type: Output
+            }] } });
+
+const DIRECTIVES = [
+    KritzelEngine
+];
+
+function provideKritzel() {
+    return makeEnvironmentProviders([
+        provideAppInitializer(() => {
+            console.info('Initializing Kritzel custom elements');
+            return defineCustomElements(window);
+        }),
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DIRECTIVES, KritzelEngine, provideKritzel };
+//# sourceMappingURL=kritzel-angular-engine.mjs.map

package/fesm2022/kritzel-angular-engine.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kritzel-angular-engine.mjs","sources":["../../../projects/lib/src/lib/angular-component-lib/utils.ts","../../../projects/lib/src/lib/proxy.ts","../../../projects/lib/src/lib/index.ts","../../../projects/lib/src/lib/provide.function.ts","../../../projects/lib/src/kritzel-angular-engine.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs';\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n  const Prototype = Cmp.prototype;\n  inputs.forEach((item) => {\n    Object.defineProperty(Prototype, item, {\n      get() {\n        return this.el[item];\n      },\n      set(val: any) {\n        this.z.runOutsideAngular(() => (this.el[item] = val));\n      },\n      /**\n       * In the event that proxyInputs is called\n       * multiple times re-defining these inputs\n       * will cause an error to be thrown. As a result\n       * we set configurable: true to indicate these\n       * properties can be changed.\n       */\n      configurable: true,\n    });\n  });\n};\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n  const Prototype = Cmp.prototype;\n  methods.forEach((methodName) => {\n    Prototype[methodName] = function () {\n      const args = arguments;\n      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));\n    };\n  });\n};\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n  events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n  const decorator = function (cls: any) {\n    const { defineCustomElementFn, inputs, methods } = opts;\n\n    if (defineCustomElementFn !== undefined) {\n      defineCustomElementFn();\n    }\n\n    if (inputs) {\n      proxyInputs(cls, inputs);\n    }\n    if (methods) {\n      proxyMethods(cls, methods);\n    }\n    return cls;\n  };\n  return decorator;\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';\n\nimport { ProxyCmp } from './angular-component-lib/utils';\n\nimport type { Components } from '@kritzel/engine/dist/components';\n\nimport { defineCustomElement as defineKritzelEngine } from '@kritzel/engine/dist/components/kritzel-engine.js';\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelEngine,\n  inputs: ['activeWorkspaceId', 'assetStorageConfig', 'cursorTarget', 'debugInfo', 'editorId', 'fallbackLocale', 'globalContextMenuItems', 'isPanningEnabled', 'isZoomingEnabled', 'licenseKey', 'locale', 'locales', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig', 'theme', 'themes', 'user', 'viewportBoundaryBottom', 'viewportBoundaryLeft', 'viewportBoundaryRight', 'viewportBoundaryTop', 'workspaces'],\n  methods: ['triggerSelectionChange', 'beginSceneBootstrap', 'endSceneBootstrap', 'registerTool', 'changeActiveTool', 'disable', 'enable', 'delete', 'copy', 'cut', 'paste', 'bringForward', 'sendBackward', 'bringToFront', 'sendToBack', 'alignObjects', 'group', 'ungroup', 'undo', 'redo', 'hideContextMenu', 'openContextMenu', 'getObjectById', 'getAllObjects', 'findObjects', 'getObjectsTotalCount', 'addObject', 'addObjects', 'updateObject', 'removeObject', 'removeObjects', 'getSelectedObjects', 'getDisplayableShortcuts', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'panToObject', 'backToContent', 'centerAllObjects', 'centerObjects', 'setViewport', 'panTo', 'zoomTo', 'zoomIn', 'zoomOut', 'getViewport', 'screenToWorld', 'worldToScreen', 'getObjectsInViewport', 'getScreenshot', 'exportViewportAsPng', 'exportViewportAsSvg', 'getSelectedObjectSupportedExportFormats', 'canExportSelectedObjectAs', 'exportSelectedObject', 'exportAsJson', 'importFromJson', 'loadObjectsFromJson', 'downloadAsJson', 'importFromFile', 'cancelImportFromFile', 'setActiveWorkspace', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace', 'getIsPublic', 'loadSharedWorkspace', 'reinitSync', 'saveSettings', 'loadSettings', 'registerLocales', 'configureLocales', 'setLocale', 'getLocale', 'getAvailableLocales', 'getAvailableLocaleOptions', 't', 'getResolvedTerms']\n})\n@Component({\n  selector: 'kritzel-engine',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['activeWorkspaceId', 'assetStorageConfig', 'cursorTarget', 'debugInfo', 'editorId', 'fallbackLocale', 'globalContextMenuItems', 'isPanningEnabled', 'isZoomingEnabled', 'licenseKey', 'locale', 'locales', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig', 'theme', 'themes', 'user', 'viewportBoundaryBottom', 'viewportBoundaryLeft', 'viewportBoundaryRight', 'viewportBoundaryTop', 'workspaces'],\n  outputs: ['isEngineReady', 'activeToolChange', 'workspacesChange', 'activeWorkspaceChange', 'longpress', 'objectsChange', 'objectsAdded', 'objectsRemoved', 'objectsUpdated', 'objectsSelectionChange', 'undoStateChange', 'objectsInViewportChange', 'viewportChange', 'awarenessChange', 'notificationsChange', 'contextMenuStateChange', 'isLoadingChange'],\n})\nexport class KritzelEngine {\n  protected el: HTMLKritzelEngineElement;\n  @Output() isEngineReady = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelEngineState>>();\n  @Output() activeToolChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseTool>>();\n  @Output() workspacesChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelWorkspace[]>>();\n  @Output() activeWorkspaceChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelWorkspace>>();\n  @Output() longpress = new EventEmitter<KritzelEngineCustomEvent<PointerEvent>>();\n  @Output() objectsChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseObject[]>>();\n  @Output() objectsAdded = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsAddedEvent>>();\n  @Output() objectsRemoved = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsRemovedEvent>>();\n  @Output() objectsUpdated = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsUpdatedEvent>>();\n  @Output() objectsSelectionChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseObject[]>>();\n  @Output() undoStateChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelUndoState>>();\n  @Output() objectsInViewportChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsInViewportChangeEvent>>();\n  @Output() viewportChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelViewportState>>();\n  @Output() awarenessChange = new EventEmitter<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>();\n  @Output() notificationsChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelNotification>>();\n  @Output() contextMenuStateChange = new EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelContextMenuState>>();\n  @Output() isLoadingChange = new EventEmitter<KritzelEngineCustomEvent<boolean>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { KritzelEngineCustomEvent } from '@kritzel/engine/dist/components';\nimport type { KritzelEngineState as IKritzelEngineKritzelEngineState } from '@kritzel/engine/dist/components';\nimport type { KritzelBaseTool as IKritzelEngineKritzelBaseTool } from '@kritzel/engine/dist/components';\nimport type { KritzelWorkspace as IKritzelEngineKritzelWorkspace } from '@kritzel/engine/dist/components';\nimport type { KritzelBaseObject as IKritzelEngineKritzelBaseObject } from '@kritzel/engine/dist/components';\nimport type { ObjectsAddedEvent as IKritzelEngineObjectsAddedEvent } from '@kritzel/engine/dist/components';\nimport type { ObjectsRemovedEvent as IKritzelEngineObjectsRemovedEvent } from '@kritzel/engine/dist/components';\nimport type { ObjectsUpdatedEvent as IKritzelEngineObjectsUpdatedEvent } from '@kritzel/engine/dist/components';\nimport type { KritzelUndoState as IKritzelEngineKritzelUndoState } from '@kritzel/engine/dist/components';\nimport type { ObjectsInViewportChangeEvent as IKritzelEngineObjectsInViewportChangeEvent } from '@kritzel/engine/dist/components';\nimport type { KritzelViewportState as IKritzelEngineKritzelViewportState } from '@kritzel/engine/dist/components';\nimport type { KritzelNotification as IKritzelEngineKritzelNotification } from '@kritzel/engine/dist/components';\nimport type { KritzelContextMenuState as IKritzelEngineKritzelContextMenuState } from '@kritzel/engine/dist/components';\n\nexport declare interface KritzelEngine extends Components.KritzelEngine {\n  /**\n   * Emitted when the engine has fully initialized and is ready for interaction.\n   */\n  isEngineReady: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelEngineState>>;\n  /**\n   * Emitted when the active drawing tool changes.\n   */\n  activeToolChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseTool>>;\n  /**\n   * Emitted when workspaces are created, updated, or deleted.\n   */\n  workspacesChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelWorkspace[]>>;\n  /**\n   * Emitted when the active workspace changes (e.g., after import).\n   */\n  activeWorkspaceChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelWorkspace>>;\n  /**\n   * Emitted on long-press (touch/pen). Useful for showing custom context menus on mobile.\n   */\n  longpress: EventEmitter<KritzelEngineCustomEvent<PointerEvent>>;\n  /**\n   * Emitted when objects on the canvas are added, removed, or modified.\n   */\n  objectsChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseObject[]>>;\n  /**\n   * Emitted when one or more objects are added to the canvas.\n   */\n  objectsAdded: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsAddedEvent>>;\n  /**\n   * Emitted when one or more objects are removed from the canvas.\n   */\n  objectsRemoved: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsRemovedEvent>>;\n  /**\n   * Emitted when one or more objects are updated on the canvas.\n   */\n  objectsUpdated: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsUpdatedEvent>>;\n  /**\n   * Emitted when the set of selected objects changes.\n   */\n  objectsSelectionChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelBaseObject[]>>;\n  /**\n   * Emitted when the undo/redo state changes, providing current undo availability.\n   */\n  undoStateChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelUndoState>>;\n  /**\n   * Emitted when the set of objects visible in the current viewport changes (e.g., after pan or zoom).\n   */\n  objectsInViewportChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineObjectsInViewportChangeEvent>>;\n  /**\n   * Emitted when the viewport position, scale, or dimensions change (e.g., after pan, zoom, or resize).\n   */\n  viewportChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelViewportState>>;\n  /**\n   * Emitted when the awareness state changes (remote user cursors, presence).\n   */\n  awarenessChange: EventEmitter<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>;\n  /**\n   * Emitted when notifications change.\n   */\n  notificationsChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelNotification>>;\n  /**\n   * Emitted when context-menu visibility, items, or position changes.\n   */\n  contextMenuStateChange: EventEmitter<KritzelEngineCustomEvent<IKritzelEngineKritzelContextMenuState>>;\n  /**\n   * Emitted while the selected workspace's objects are being initialized and synchronized.\n   */\n  isLoadingChange: EventEmitter<KritzelEngineCustomEvent<boolean>>;\n}\n\n\n","\nimport * as d from './proxy';\n\nexport const DIRECTIVES = [\n  d.KritzelEngine\n];\n","import {\r\n  provideAppInitializer,\r\n  EnvironmentProviders,\r\n  makeEnvironmentProviders,\r\n} from '@angular/core';\r\nimport { defineCustomElements } from '@kritzel/engine/loader';\r\n\r\nexport function provideKritzel(): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    provideAppInitializer(() => {\r\n      console.info('Initializing Kritzel custom elements');\r\n      return defineCustomElements(window);\r\n    }),\r\n  ]);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defineKritzelEngine","d.KritzelEngine"],"mappings":"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"}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@kritzel/angular-engine",
+  "version": "0.4.31",
+  "homepage": "https://kritzel.io/",
+  "description": "Kritzel engine wrapper for Angular.",
+  "keywords": [
+    "infinite canvas",
+    "collaboration",
+    "whiteboard",
+    "drawing",
+    "angular"
+  ],
+  "license": "PolyForm-Noncommercial-1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
+    "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
+    "@kritzel/engine": "^0.4.31"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kasual1/kritzel.git"
+  },
+  "module": "fesm2022/kritzel-angular-engine.mjs",
+  "typings": "types/kritzel-angular-engine.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/kritzel-angular-engine.d.ts",
+      "default": "./fesm2022/kritzel-angular-engine.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/kritzel-angular-engine.d.ts

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { NgZone, EventEmitter, ChangeDetectorRef, ElementRef, EnvironmentProviders } from '@angular/core';
+import { KritzelEngineCustomEvent, KritzelEngineState, KritzelBaseTool, KritzelWorkspace, KritzelBaseObject, ObjectsAddedEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, KritzelUndoState, ObjectsInViewportChangeEvent, KritzelViewportState, KritzelNotification, KritzelContextMenuState, Components } from '@kritzel/engine/dist/components';
+export { ActiveWorkspaceChangeEvent, BroadcastSyncProvider, ContextMenuItem, DEFAULT_BRUSH_CONFIG, DEFAULT_TEXT_CONFIG, DE_LOCALE, EN_LOCALE, EditorIsReadyEvent, FR_LOCALE, HTMLKritzelEngineElement, HocuspocusSyncProvider, IKritzelIsPublicChangeEvent, IKritzelUser, InMemorySyncProvider, IndexedDBSyncProvider, KritzelAlignment, KritzelBaseObject, KritzelBaseTool, KritzelBrushTool, KritzelBrushToolConfig, KritzelDebugInfo, KritzelDynamicObject, KritzelDynamicObjectConfig, KritzelDynamicObjectRenderContext, KritzelDynamicObjectRenderer, KritzelDynamicObjectRendererRegistry, KritzelEngineState, KritzelEraserTool, KritzelExportable, KritzelFontDefinition, KritzelFontMap, KritzelFontRegistration, KritzelFontRegistry, KritzelGroup, KritzelGroupConfig, KritzelImage, KritzelImageConfig, KritzelImageTool, KritzelLicenseManager, KritzelLine, KritzelLineConfig, KritzelLineTool, KritzelLineToolConfig, KritzelLocale, KritzelLocalizationManager, KritzelLoginConfig, KritzelLoginProvider, KritzelObjectExportContext, KritzelObjectExportFormat, KritzelPath, KritzelPathConfig, KritzelRegisteredFont, KritzelSelectionTool, KritzelShape, KritzelShapeConfig, KritzelShapeTool, KritzelShapeToolConfig, KritzelSyncConfig, KritzelTermKey, KritzelTermVars, KritzelTerms, KritzelText, KritzelTextConfig, KritzelTextTool, KritzelTextToolConfig, KritzelTheme, KritzelThemeManager, KritzelToolbarItem, KritzelUndoState, KritzelViewportState, KritzelWorkspace, KritzelWorkspaceConfig, LocaleCode, LoginEvent, ObjectsAddedEvent, ObjectsInViewportChangeEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, ShapeType, ThemeAwareColor, ThemeName, WebSocketSyncProvider, darkTheme, hasRemoteSyncProvider, lightTheme } from '@kritzel/engine';
+
+declare class KritzelEngine {
+    protected z: NgZone;
+    protected el: HTMLKritzelEngineElement;
+    isEngineReady: EventEmitter<KritzelEngineCustomEvent<KritzelEngineState>>;
+    activeToolChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseTool>>;
+    workspacesChange: EventEmitter<KritzelEngineCustomEvent<KritzelWorkspace[]>>;
+    activeWorkspaceChange: EventEmitter<KritzelEngineCustomEvent<KritzelWorkspace>>;
+    longpress: EventEmitter<KritzelEngineCustomEvent<PointerEvent>>;
+    objectsChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseObject<HTMLElement | SVGElement>[]>>;
+    objectsAdded: EventEmitter<KritzelEngineCustomEvent<ObjectsAddedEvent>>;
+    objectsRemoved: EventEmitter<KritzelEngineCustomEvent<ObjectsRemovedEvent>>;
+    objectsUpdated: EventEmitter<KritzelEngineCustomEvent<ObjectsUpdatedEvent>>;
+    objectsSelectionChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseObject<HTMLElement | SVGElement>[]>>;
+    undoStateChange: EventEmitter<KritzelEngineCustomEvent<KritzelUndoState>>;
+    objectsInViewportChange: EventEmitter<KritzelEngineCustomEvent<ObjectsInViewportChangeEvent>>;
+    viewportChange: EventEmitter<KritzelEngineCustomEvent<KritzelViewportState>>;
+    awarenessChange: EventEmitter<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>;
+    notificationsChange: EventEmitter<KritzelEngineCustomEvent<KritzelNotification>>;
+    contextMenuStateChange: EventEmitter<KritzelEngineCustomEvent<KritzelContextMenuState>>;
+    isLoadingChange: EventEmitter<KritzelEngineCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelEngine, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelEngine, "kritzel-engine", never, { "activeWorkspaceId": { "alias": "activeWorkspaceId"; "required": false; }; "assetStorageConfig": { "alias": "assetStorageConfig"; "required": false; }; "cursorTarget": { "alias": "cursorTarget"; "required": false; }; "debugInfo": { "alias": "debugInfo"; "required": false; }; "editorId": { "alias": "editorId"; "required": false; }; "fallbackLocale": { "alias": "fallbackLocale"; "required": false; }; "globalContextMenuItems": { "alias": "globalContextMenuItems"; "required": false; }; "isPanningEnabled": { "alias": "isPanningEnabled"; "required": false; }; "isZoomingEnabled": { "alias": "isZoomingEnabled"; "required": false; }; "licenseKey": { "alias": "licenseKey"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "lockDrawingScale": { "alias": "lockDrawingScale"; "required": false; }; "objectContextMenuItems": { "alias": "objectContextMenuItems"; "required": false; }; "scaleMax": { "alias": "scaleMax"; "required": false; }; "scaleMin": { "alias": "scaleMin"; "required": false; }; "syncConfig": { "alias": "syncConfig"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "themes": { "alias": "themes"; "required": false; }; "user": { "alias": "user"; "required": false; }; "viewportBoundaryBottom": { "alias": "viewportBoundaryBottom"; "required": false; }; "viewportBoundaryLeft": { "alias": "viewportBoundaryLeft"; "required": false; }; "viewportBoundaryRight": { "alias": "viewportBoundaryRight"; "required": false; }; "viewportBoundaryTop": { "alias": "viewportBoundaryTop"; "required": false; }; "workspaces": { "alias": "workspaces"; "required": false; }; }, { "isEngineReady": "isEngineReady"; "activeToolChange": "activeToolChange"; "workspacesChange": "workspacesChange"; "activeWorkspaceChange": "activeWorkspaceChange"; "longpress": "longpress"; "objectsChange": "objectsChange"; "objectsAdded": "objectsAdded"; "objectsRemoved": "objectsRemoved"; "objectsUpdated": "objectsUpdated"; "objectsSelectionChange": "objectsSelectionChange"; "undoStateChange": "undoStateChange"; "objectsInViewportChange": "objectsInViewportChange"; "viewportChange": "viewportChange"; "awarenessChange": "awarenessChange"; "notificationsChange": "notificationsChange"; "contextMenuStateChange": "contextMenuStateChange"; "isLoadingChange": "isLoadingChange"; }, never, ["*"], true, never>;
+}
+declare interface KritzelEngine extends Components.KritzelEngine {
+    /**
+     * Emitted when the engine has fully initialized and is ready for interaction.
+     */
+    isEngineReady: EventEmitter<KritzelEngineCustomEvent<KritzelEngineState>>;
+    /**
+     * Emitted when the active drawing tool changes.
+     */
+    activeToolChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseTool>>;
+    /**
+     * Emitted when workspaces are created, updated, or deleted.
+     */
+    workspacesChange: EventEmitter<KritzelEngineCustomEvent<KritzelWorkspace[]>>;
+    /**
+     * Emitted when the active workspace changes (e.g., after import).
+     */
+    activeWorkspaceChange: EventEmitter<KritzelEngineCustomEvent<KritzelWorkspace>>;
+    /**
+     * Emitted on long-press (touch/pen). Useful for showing custom context menus on mobile.
+     */
+    longpress: EventEmitter<KritzelEngineCustomEvent<PointerEvent>>;
+    /**
+     * Emitted when objects on the canvas are added, removed, or modified.
+     */
+    objectsChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseObject[]>>;
+    /**
+     * Emitted when one or more objects are added to the canvas.
+     */
+    objectsAdded: EventEmitter<KritzelEngineCustomEvent<ObjectsAddedEvent>>;
+    /**
+     * Emitted when one or more objects are removed from the canvas.
+     */
+    objectsRemoved: EventEmitter<KritzelEngineCustomEvent<ObjectsRemovedEvent>>;
+    /**
+     * Emitted when one or more objects are updated on the canvas.
+     */
+    objectsUpdated: EventEmitter<KritzelEngineCustomEvent<ObjectsUpdatedEvent>>;
+    /**
+     * Emitted when the set of selected objects changes.
+     */
+    objectsSelectionChange: EventEmitter<KritzelEngineCustomEvent<KritzelBaseObject[]>>;
+    /**
+     * Emitted when the undo/redo state changes, providing current undo availability.
+     */
+    undoStateChange: EventEmitter<KritzelEngineCustomEvent<KritzelUndoState>>;
+    /**
+     * Emitted when the set of objects visible in the current viewport changes (e.g., after pan or zoom).
+     */
+    objectsInViewportChange: EventEmitter<KritzelEngineCustomEvent<ObjectsInViewportChangeEvent>>;
+    /**
+     * Emitted when the viewport position, scale, or dimensions change (e.g., after pan, zoom, or resize).
+     */
+    viewportChange: EventEmitter<KritzelEngineCustomEvent<KritzelViewportState>>;
+    /**
+     * Emitted when the awareness state changes (remote user cursors, presence).
+     */
+    awarenessChange: EventEmitter<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>;
+    /**
+     * Emitted when notifications change.
+     */
+    notificationsChange: EventEmitter<KritzelEngineCustomEvent<KritzelNotification>>;
+    /**
+     * Emitted when context-menu visibility, items, or position changes.
+     */
+    contextMenuStateChange: EventEmitter<KritzelEngineCustomEvent<KritzelContextMenuState>>;
+    /**
+     * Emitted while the selected workspace's objects are being initialized and synchronized.
+     */
+    isLoadingChange: EventEmitter<KritzelEngineCustomEvent<boolean>>;
+}
+
+declare const DIRECTIVES: (typeof KritzelEngine)[];
+
+declare function provideKritzel(): EnvironmentProviders;
+
+export { DIRECTIVES, KritzelEngine, provideKritzel };