kritzel-stencil 0.3.16 → 0.3.18

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { ContextMenuItem } from "./interfaces/context-menu-item.interface";
 import { KritzelBaseObject } from "./classes/objects/base-object.class";
 import { KritzelBrushToolConfig, KritzelLineToolConfig, KritzelShapeToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 import { KritzelUndoState } from "./interfaces/undo-state.interface";
+import { KritzelLocale, KritzelTermKey, KritzelTermVars, LocaleCode } from "./interfaces/localization.interface";
 import { IKritzelDialogCloseEvent, KritzelDialogCloseReason } from "./interfaces/dialog.interface";
 import { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
 import { KritzelDebugInfo } from "./interfaces/debug-info.interface";
@@ -53,6 +54,7 @@ export { ContextMenuItem } from "./interfaces/context-menu-item.interface";
 export { KritzelBaseObject } from "./classes/objects/base-object.class";
 export { KritzelBrushToolConfig, KritzelLineToolConfig, KritzelShapeToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 export { KritzelUndoState } from "./interfaces/undo-state.interface";
+export { KritzelLocale, KritzelTermKey, KritzelTermVars, LocaleCode } from "./interfaces/localization.interface";
 export { IKritzelDialogCloseEvent, KritzelDialogCloseReason } from "./interfaces/dialog.interface";
 export { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
 export { KritzelDebugInfo } from "./interfaces/debug-info.interface";
@@ -224,6 +226,11 @@ export namespace Components {
           * @default true
          */
         "isUtilityPanelVisible": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * @default 'light'
          */
@@ -243,6 +250,11 @@ export namespace Components {
           * @default 40
          */
         "avatarSize": number;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * The current user to display
          */
@@ -251,6 +263,11 @@ export namespace Components {
     interface KritzelCurrentUserDialog {
         "close": () => Promise<void>;
         "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         "user"?: IKritzelUser;
     }
     interface KritzelCursorTrail {
@@ -380,11 +397,24 @@ export namespace Components {
         "exportSelectedObjectsAsSvg": () => Promise<void>;
         "exportViewportAsPng": (options?: { includeBackground?: boolean; }) => Promise<void>;
         "exportViewportAsSvg": (options?: { includeBackground?: boolean; }) => Promise<void>;
+        /**
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale": LocaleCode;
         "findObjects": <T extends KritzelBaseObject>(predicate: (obj: KritzelBaseObject<Element>) => boolean) => Promise<T[]>;
         "getActiveWorkspace": () => Promise<KritzelWorkspace>;
         "getAllObjects": <T extends KritzelBaseObject>() => Promise<T[]>;
+        /**
+          * Gets the list of available locale codes (built-in and registered).
+         */
+        "getAvailableLocales": () => Promise<LocaleCode[]>;
         "getCopiedObjects": () => Promise<KritzelBaseObject[]>;
         "getDisplayableShortcuts": () => Promise<Omit<KritzelShortcut, "action" | "condition">[]>;
+        /**
+          * Gets the currently active locale code.
+         */
+        "getLocale": () => Promise<LocaleCode>;
         "getObjectById": <T extends KritzelBaseObject>(id: string) => Promise<T | null>;
         "getObjectsInViewport": () => Promise<KritzelBaseObject[]>;
         "getObjectsTotalCount": () => Promise<number>;
@@ -393,7 +423,7 @@ export namespace Components {
         "getViewport": () => Promise<KritzelViewportState>;
         "getWorkspaces": () => Promise<KritzelWorkspace[]>;
         /**
-          * @default [     {       label: 'Paste',       icon: 'paste',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'Select All',       icon: 'select-all',       disabled: async () => (await this.engineRef.getObjectsInViewport()).length === 0,       action: () => this.selectAllObjectsInViewport(),     },   ]
+          * @default [     {       label: 'menu.paste',       icon: 'paste',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.selectAll',       icon: 'select-all',       disabled: async () => (await this.engineRef.getObjectsInViewport()).length === 0,       action: () => this.selectAllObjectsInViewport(),     },   ]
          */
         "globalContextMenuItems": ContextMenuItem[];
         "group": () => Promise<void>;
@@ -416,6 +446,10 @@ export namespace Components {
           * @default false
          */
         "isObjectDistanceFadingActive": boolean;
+        /**
+          * @default true
+         */
+        "isPanningEnabled": boolean;
         /**
           * @default true
          */
@@ -424,8 +458,29 @@ export namespace Components {
           * @default true
          */
         "isWorkspaceManagerVisible": boolean;
+        /**
+          * @default true
+         */
+        "isZoomPanelVisible": boolean;
+        /**
+          * @default true
+         */
+        "isZoomingEnabled": boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
         "loadObjectsFromJson": (json: string) => Promise<number>;
         "loadSharedWorkspace": (token: string) => Promise<void>;
+        /**
+          * The current locale (language) code applied to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale": LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
         /**
           * @default true
          */
@@ -435,7 +490,7 @@ export namespace Components {
          */
         "loginConfig"?: KritzelLoginConfig;
         /**
-          * @default [     { label: 'Copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'Cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'Paste',       icon: 'paste',       group: 'clipboard',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'Order',       icon: 'ordering',       group: 'other',       children: [         { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'Move Up', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'Move Down', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'Align',       icon: 'align',       group: 'other',       disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,       children: [         { label: 'Align Left', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'Align Center Horizontally', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'Align Right', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'Align Top', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'Align Center Vertically', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'Align Bottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'Group',       icon: 'group',       group: 'other',       children: [         {           label: 'Group',           icon: 'group',           disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,           action: () => this.engineRef.group(),         },         {           label: 'Ungroup',           icon: 'ungroup',           disabled: async () => {             const selectedObjects = await this.engineRef.getSelectedObjects();             return !selectedObjects.some(obj => obj.__class__ === 'KritzelGroup');           },           action: () => this.engineRef.ungroup(),         },       ],     },     {       label: 'Export',       icon: 'download',       group: 'export',       children: [         { label: 'Export as SVG', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsSvg() },         { label: 'Export as PNG', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsPng() },       ],     },     { label: 'Delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
+          * @default [     { label: 'menu.copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'menu.cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'menu.paste',       icon: 'paste',       group: 'clipboard',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.order',       icon: 'ordering',       group: 'other',       children: [         { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'menu.align',       icon: 'align',       group: 'other',       disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,       children: [         { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'menu.group',       icon: 'group',       group: 'other',       children: [         {           label: 'menu.group',           icon: 'group',           disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,           action: () => this.engineRef.group(),         },         {           label: 'menu.ungroup',           icon: 'ungroup',           disabled: async () => {             const selectedObjects = await this.engineRef.getSelectedObjects();             return !selectedObjects.some(obj => obj.__class__ === 'KritzelGroup');           },           action: () => this.engineRef.ungroup(),         },       ],     },     {       label: 'menu.export',       icon: 'download',       group: 'export',       children: [         { label: 'menu.exportAsSvg', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsSvg() },         { label: 'menu.exportAsPng', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsPng() },       ],     },     { label: 'menu.delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
          */
         "objectContextMenuItems": ContextMenuItem[];
         "openContextMenu": (options: { x: number; y: number; objectId?: string; }) => Promise<void>;
@@ -444,6 +499,11 @@ export namespace Components {
         "panToObject": (object: KritzelBaseObject) => Promise<void>;
         "paste": (x: number, y: number) => Promise<void>;
         "redo": () => Promise<void>;
+        /**
+          * Registers additional locale definitions (with optional partial term overrides).
+          * @param locales - The locale definitions to register.
+         */
+        "registerLocales": (locales: KritzelLocale[]) => Promise<void>;
         "registerTool": (toolName: string, toolClass: any, toolConfig?: KritzelTextToolConfig | KritzelBrushToolConfig | KritzelLineToolConfig | KritzelShapeToolConfig) => Promise<KritzelBaseTool | null>;
         "reinitSync": () => Promise<void>;
         "removeObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
@@ -461,12 +521,23 @@ export namespace Components {
         "selectObjects": (objects: KritzelBaseObject[]) => Promise<void>;
         "sendBackward": (object?: KritzelBaseObject<any>) => Promise<void>;
         "sendToBack": (object?: KritzelBaseObject<any>) => Promise<void>;
+        /**
+          * Sets the active locale (language) and re-renders the UI.
+          * @param code - The locale code to activate, e.g. 'de'.
+         */
+        "setLocale": (code: LocaleCode) => Promise<void>;
         "setLoginLoading": (provider: string | null) => Promise<void>;
         "setViewport": (x: number, y: number, scale: number) => Promise<void>;
         /**
           * @default {   providers: [], }
          */
         "syncConfig"?: KritzelSyncConfig;
+        /**
+          * Resolves a term key to its translated string for the active locale.
+          * @param key - The term key to resolve.
+          * @param vars - Optional values for `{placeholder}` interpolation.
+         */
+        "t": (key: KritzelTermKey, vars?: KritzelTermVars) => Promise<string>;
         /**
           * @default 'light'
          */
@@ -494,10 +565,6 @@ export namespace Components {
           * @default -Infinity
          */
         "viewportBoundaryTop": number;
-        /**
-          * @default true
-         */
-        "wheelEnabled": boolean;
         "worldToScreen": (x: number, y: number) => Promise<{ x: number; y: number; }>;
         "zoomIn": (factor?: number, duration?: number) => Promise<void>;
         "zoomOut": (factor?: number, duration?: number) => Promise<void>;
@@ -652,6 +719,11 @@ export namespace Components {
           * @param options.includeBackground - Whether to include the canvas background. Defaults to `true`.
          */
         "exportViewportAsSvg": (options?: { includeBackground?: boolean; }) => Promise<void>;
+        /**
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale": LocaleCode;
         /**
           * Returns all objects that match the given predicate function. Excludes internal selection-related objects (selection groups and selection boxes).
           * @param predicate - A filter function called for each object. Return `true` to include.
@@ -667,6 +739,14 @@ export namespace Components {
           * Returns all objects on the canvas across all layers.
          */
         "getAllObjects": <T extends KritzelBaseObject>() => Promise<T[]>;
+        /**
+          * Gets the list of available locales as `{ code, label }` options for a selector.
+         */
+        "getAvailableLocaleOptions": () => Promise<{ code: LocaleCode; label: string; }[]>;
+        /**
+          * Gets the list of available locale codes (built-in and registered).
+         */
+        "getAvailableLocales": () => Promise<LocaleCode[]>;
         /**
           * Returns the objects currently stored in the internal clipboard from a prior `copy()` call.
          */
@@ -680,6 +760,10 @@ export namespace Components {
           * @returns True if the workspace is public, false otherwise
          */
         "getIsPublic": () => Promise<boolean>;
+        /**
+          * Gets the currently active locale code.
+         */
+        "getLocale": () => Promise<LocaleCode>;
         /**
           * Retrieves a canvas object by its unique ID.
           * @param id - The object's unique identifier.
@@ -694,6 +778,10 @@ export namespace Components {
           * Returns the total number of objects on the canvas.
          */
         "getObjectsTotalCount": () => Promise<number>;
+        /**
+          * Resolves every known term key for the active locale into a flat map. Useful for UI layers that need to localize many strings at once.
+         */
+        "getResolvedTerms": () => Promise<Partial<Record<KritzelTermKey, string>>>;
         /**
           * Captures a screenshot of the current viewport as a data URL.
           * @param format - The image format: `'png'` (default) or `'svg'`.
@@ -714,10 +802,10 @@ export namespace Components {
         "getSelectedObjectsAsPngDataUrl": (options?: { theme?: "light" | "dark"; padding?: number; scale?: number; }) => Promise<string | null>;
         /**
           * Generates an SVG string from the currently selected objects. Creates clean, standards-compliant SVG markup by directly serializing object properties.
-          * @param options - Optional export settings (theme, padding).
+          * @param options - Optional export settings (theme, padding, raster-safe mode for canvas export).
           * @returns SVG markup string, or null if no objects are selected.
          */
-        "getSelectedObjectsAsSvgString": (options?: { theme?: "light" | "dark"; padding?: number; }) => Promise<string | null>;
+        "getSelectedObjectsAsSvgString": (options?: { theme?: "light" | "dark"; padding?: number; rasterSafeForCanvas?: boolean; }) => Promise<string | null>;
         /**
           * Returns the current viewport state including position, scale, and dimensions.
           * @returns The current viewport state.
@@ -760,6 +848,20 @@ export namespace Components {
           * @default false
          */
         "isObjectDistanceFadingActive": boolean;
+        /**
+          * When false, non-modified wheel events do not pan the viewport.
+          * @default true
+         */
+        "isPanningEnabled": boolean;
+        /**
+          * When false, Ctrl+wheel events do not zoom the viewport.
+          * @default true
+         */
+        "isZoomingEnabled": boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
         /**
           * Loads objects from a workspace JSON string into the current workspace. Unlike importFromJson, this does not create a new workspace - it adds objects to the existing one. Useful for initializing a workspace with pre-existing content after the editor is ready.
           * @param json - A JSON string containing workspace data (from exportAsJson).
@@ -777,6 +879,15 @@ export namespace Components {
           * @param token - The connection token identifying the shared workspace
          */
         "loadSharedWorkspace": (token: string) => Promise<void>;
+        /**
+          * The current locale (language) code to apply to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale": LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
         /**
           * When true, objects are drawn at a fixed visual size regardless of zoom level
           * @default true
@@ -814,6 +925,11 @@ export namespace Components {
           * Redoes the last undone action.
          */
         "redo": () => Promise<void>;
+        /**
+          * Registers additional locale definitions (with optional partial term overrides).
+          * @param locales - The locale definitions to register.
+         */
+        "registerLocales": (locales: KritzelLocale[]) => Promise<void>;
         /**
           * Registers a new drawing tool with the engine.
           * @param toolName - Unique identifier for the tool (e.g., 'brush', 'eraser').
@@ -879,6 +995,11 @@ export namespace Components {
           * @param object - The object to move. If omitted, applies to the current selection.
          */
         "sendToBack": (object?: KritzelBaseObject<any>) => Promise<void>;
+        /**
+          * Sets the active locale (language) and re-renders the UI.
+          * @param code - The locale code to activate, e.g. 'de'.
+         */
+        "setLocale": (code: LocaleCode) => Promise<void>;
         /**
           * Sets the viewport to center on the given world coordinates at the specified scale.
           * @param x - X position in world coordinates to center on.
@@ -890,6 +1011,12 @@ export namespace Components {
           * Configuration for real-time synchronization providers (e.g., IndexedDB, WebSocket).
          */
         "syncConfig"?: KritzelSyncConfig;
+        /**
+          * Resolves a term key to its translated string for the active locale.
+          * @param key - The term key to resolve.
+          * @param vars - Optional values for `{placeholder}` interpolation.
+         */
+        "t": (key: KritzelTermKey, vars?: KritzelTermVars) => Promise<string>;
         /**
           * The current theme to apply to the editor
           * @default 'light'
@@ -947,11 +1074,6 @@ export namespace Components {
           * @default -Infinity
          */
         "viewportBoundaryTop": number;
-        /**
-          * When false, wheel events will not trigger viewport pan/zoom. The event still propagates to parent elements.
-          * @default true
-         */
-        "wheelEnabled": boolean;
         /**
           * The workspace to load and display. Changing this prop switches the active workspace.
          */
@@ -985,6 +1107,11 @@ export namespace Components {
     }
     interface KritzelExport {
         "open": (previewUrl?: string) => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * The name of the current workspace, used as default filename
           * @default 'workspace'
@@ -1158,6 +1285,11 @@ export namespace Components {
           * @default 4
          */
         "offsetY": number;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * Whether the menu button is visible
           * @default false
@@ -1243,6 +1375,11 @@ export namespace Components {
         "offsetY": number;
     }
     interface KritzelSettings {
+        /**
+          * Available locales as `{ code, label }` options for the language selector.
+          * @default []
+         */
+        "availableLocales": { code: LocaleCode; label: string }[];
         /**
           * Keyboard shortcuts to display in the settings dialog
           * @default ['light', 'dark']
@@ -1257,6 +1394,11 @@ export namespace Components {
           * @default []
          */
         "shortcuts": Omit<KritzelShortcut, 'action' | 'condition'>[];
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
     }
     interface KritzelShapeFill {
         /**
@@ -1284,6 +1426,11 @@ export namespace Components {
           * Opens the share dialog.
          */
         "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * The ID of the workspace being shared. Used to build the share URL.
           * @default undefined
@@ -1346,6 +1493,11 @@ export namespace Components {
           * @default false
          */
         "isExpanded": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         "theme": ThemeName;
         "tool": ConfigurableTool;
     }
@@ -1366,13 +1518,40 @@ export namespace Components {
         "triggerElement": HTMLElement;
     }
     interface KritzelUtilityPanel {
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * @default null
          */
         "undoState": KritzelUndoState;
     }
+    /**
+     * "Powered by Kritzel" watermark shown in the bottom-right corner of the engine
+     * when the editor is not licensed.
+     * Rendered inside the engine's Shadow DOM and gated by the license manager on
+     * the engine's reactive render path, so removing the node simply causes it to
+     * reappear on the next render. The badge links to the Kritzel website.
+     */
+    interface KritzelWatermark {
+        /**
+          * The core instance used to resolve localized terms.
+         */
+        "core": KritzelCore;
+        /**
+          * Resolved "Powered by Kritzel" label. Passed in by the engine so the badge re-renders when the active locale changes. Falls back to resolving the term from the core when not provided.
+         */
+        "label"?: string;
+    }
     interface KritzelWorkspaceManager {
         "activeWorkspace": KritzelWorkspace;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
         /**
           * Whether the workspace manager is visible
           * @default false
@@ -1383,6 +1562,28 @@ export namespace Components {
          */
         "workspaces": KritzelWorkspace[];
     }
+    interface KritzelZoomPanel {
+        /**
+          * Whether both zoom buttons are disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the zoom panel is visible.
+          * @default true
+         */
+        "visible": boolean;
+        /**
+          * Current zoom level in percent.
+          * @default 100
+         */
+        "zoomPercent": number;
+    }
 }
 export interface KritzelBackToContentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1520,6 +1721,10 @@ export interface KritzelWorkspaceManagerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKritzelWorkspaceManagerElement;
 }
+export interface KritzelZoomPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelZoomPanelElement;
+}
 declare global {
     interface HTMLKritzelActiveUsersElement extends Components.KritzelActiveUsers, HTMLStencilElement {
     }
@@ -1710,6 +1915,7 @@ declare global {
         "objectsUpdated": ObjectsUpdatedEvent;
         "undoStateChange": KritzelUndoState1;
         "themeChange": ThemeName;
+        "localeChange": LocaleCode;
         "viewportChange": KritzelViewportState;
         "logout": void;
         "login": LoginEvent;
@@ -2197,6 +2403,19 @@ declare global {
         prototype: HTMLKritzelUtilityPanelElement;
         new (): HTMLKritzelUtilityPanelElement;
     };
+    /**
+     * "Powered by Kritzel" watermark shown in the bottom-right corner of the engine
+     * when the editor is not licensed.
+     * Rendered inside the engine's Shadow DOM and gated by the license manager on
+     * the engine's reactive render path, so removing the node simply causes it to
+     * reappear on the next render. The badge links to the Kritzel website.
+     */
+    interface HTMLKritzelWatermarkElement extends Components.KritzelWatermark, HTMLStencilElement {
+    }
+    var HTMLKritzelWatermarkElement: {
+        prototype: HTMLKritzelWatermarkElement;
+        new (): HTMLKritzelWatermarkElement;
+    };
     interface HTMLKritzelWorkspaceManagerElementEventMap {
         "isWorkspaceManagerReady": void;
         "workspaceChange": KritzelWorkspace;
@@ -2215,6 +2434,24 @@ declare global {
         prototype: HTMLKritzelWorkspaceManagerElement;
         new (): HTMLKritzelWorkspaceManagerElement;
     };
+    interface HTMLKritzelZoomPanelElementEventMap {
+        "zoomIn": void;
+        "zoomOut": void;
+    }
+    interface HTMLKritzelZoomPanelElement extends Components.KritzelZoomPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelZoomPanelElementEventMap>(type: K, listener: (this: HTMLKritzelZoomPanelElement, ev: KritzelZoomPanelCustomEvent<HTMLKritzelZoomPanelElementEventMap[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 HTMLKritzelZoomPanelElementEventMap>(type: K, listener: (this: HTMLKritzelZoomPanelElement, ev: KritzelZoomPanelCustomEvent<HTMLKritzelZoomPanelElementEventMap[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 HTMLKritzelZoomPanelElement: {
+        prototype: HTMLKritzelZoomPanelElement;
+        new (): HTMLKritzelZoomPanelElement;
+    };
     interface HTMLElementTagNameMap {
         "kritzel-active-users": HTMLKritzelActiveUsersElement;
         "kritzel-avatar": HTMLKritzelAvatarElement;
@@ -2258,7 +2495,9 @@ declare global {
         "kritzel-tool-config": HTMLKritzelToolConfigElement;
         "kritzel-tooltip": HTMLKritzelTooltipElement;
         "kritzel-utility-panel": HTMLKritzelUtilityPanelElement;
+        "kritzel-watermark": HTMLKritzelWatermarkElement;
         "kritzel-workspace-manager": HTMLKritzelWorkspaceManagerElement;
+        "kritzel-zoom-panel": HTMLKritzelZoomPanelElement;
     }
 }
 declare namespace LocalJSX {
@@ -2414,6 +2653,11 @@ declare namespace LocalJSX {
          */
         "isUtilityPanelVisible"?: boolean;
         "onIsControlsReady"?: (event: KritzelControlsCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * @default 'light'
          */
@@ -2433,12 +2677,22 @@ declare namespace LocalJSX {
           * @default 40
          */
         "avatarSize"?: number;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * The current user to display
          */
         "user"?: IKritzelUser;
     }
     interface KritzelCurrentUserDialog {
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         "user"?: IKritzelUser;
     }
     interface KritzelCursorTrail {
@@ -2551,7 +2805,12 @@ declare namespace LocalJSX {
          */
         "editorId"?: string;
         /**
-          * @default [     {       label: 'Paste',       icon: 'paste',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'Select All',       icon: 'select-all',       disabled: async () => (await this.engineRef.getObjectsInViewport()).length === 0,       action: () => this.selectAllObjectsInViewport(),     },   ]
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale"?: LocaleCode;
+        /**
+          * @default [     {       label: 'menu.paste',       icon: 'paste',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.selectAll',       icon: 'select-all',       disabled: async () => (await this.engineRef.getObjectsInViewport()).length === 0,       action: () => this.selectAllObjectsInViewport(),     },   ]
          */
         "globalContextMenuItems"?: ContextMenuItem[];
         /**
@@ -2571,6 +2830,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "isObjectDistanceFadingActive"?: boolean;
+        /**
+          * @default true
+         */
+        "isPanningEnabled"?: boolean;
         /**
           * @default true
          */
@@ -2579,6 +2842,27 @@ declare namespace LocalJSX {
           * @default true
          */
         "isWorkspaceManagerVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isZoomPanelVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isZoomingEnabled"?: boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
+        /**
+          * The current locale (language) code applied to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale"?: LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
         /**
           * @default true
          */
@@ -2588,13 +2872,14 @@ declare namespace LocalJSX {
          */
         "loginConfig"?: KritzelLoginConfig;
         /**
-          * @default [     { label: 'Copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'Cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'Paste',       icon: 'paste',       group: 'clipboard',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'Order',       icon: 'ordering',       group: 'other',       children: [         { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'Move Up', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'Move Down', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'Align',       icon: 'align',       group: 'other',       disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,       children: [         { label: 'Align Left', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'Align Center Horizontally', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'Align Right', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'Align Top', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'Align Center Vertically', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'Align Bottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'Group',       icon: 'group',       group: 'other',       children: [         {           label: 'Group',           icon: 'group',           disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,           action: () => this.engineRef.group(),         },         {           label: 'Ungroup',           icon: 'ungroup',           disabled: async () => {             const selectedObjects = await this.engineRef.getSelectedObjects();             return !selectedObjects.some(obj => obj.__class__ === 'KritzelGroup');           },           action: () => this.engineRef.ungroup(),         },       ],     },     {       label: 'Export',       icon: 'download',       group: 'export',       children: [         { label: 'Export as SVG', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsSvg() },         { label: 'Export as PNG', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsPng() },       ],     },     { label: 'Delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
+          * @default [     { label: 'menu.copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'menu.cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'menu.paste',       icon: 'paste',       group: 'clipboard',       disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.order',       icon: 'ordering',       group: 'other',       children: [         { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'menu.align',       icon: 'align',       group: 'other',       disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,       children: [         { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'menu.group',       icon: 'group',       group: 'other',       children: [         {           label: 'menu.group',           icon: 'group',           disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,           action: () => this.engineRef.group(),         },         {           label: 'menu.ungroup',           icon: 'ungroup',           disabled: async () => {             const selectedObjects = await this.engineRef.getSelectedObjects();             return !selectedObjects.some(obj => obj.__class__ === 'KritzelGroup');           },           action: () => this.engineRef.ungroup(),         },       ],     },     {       label: 'menu.export',       icon: 'download',       group: 'export',       children: [         { label: 'menu.exportAsSvg', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsSvg() },         { label: 'menu.exportAsPng', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsPng() },       ],     },     { label: 'menu.delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
          */
         "objectContextMenuItems"?: ContextMenuItem[];
         "onActiveWorkspaceChange"?: (event: KritzelEditorCustomEvent<ActiveWorkspaceChangeEvent>) => void;
         "onAwarenessChange"?: (event: KritzelEditorCustomEvent<Map<number, Record<string, any>>>) => void;
         "onIsPublicChange"?: (event: KritzelEditorCustomEvent<IKritzelIsPublicChangedEvent>) => void;
         "onIsReady"?: (event: KritzelEditorCustomEvent<EditorIsReadyEvent>) => void;
+        "onLocaleChange"?: (event: KritzelEditorCustomEvent<LocaleCode>) => void;
         "onLogin"?: (event: KritzelEditorCustomEvent<LoginEvent>) => void;
         "onLogout"?: (event: KritzelEditorCustomEvent<void>) => void;
         "onObjectsAdded"?: (event: KritzelEditorCustomEvent<ObjectsAddedEvent>) => void;
@@ -2638,10 +2923,6 @@ declare namespace LocalJSX {
           * @default -Infinity
          */
         "viewportBoundaryTop"?: number;
-        /**
-          * @default true
-         */
-        "wheelEnabled"?: boolean;
     }
     interface KritzelEngine {
         /**
@@ -2664,6 +2945,11 @@ declare namespace LocalJSX {
           * Optional unique identifier for namespacing storage keys across multiple editor instances.
          */
         "editorId"?: string;
+        /**
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale"?: LocaleCode;
         /**
           * Context menu items shown when right-clicking the canvas background.
          */
@@ -2678,6 +2964,29 @@ declare namespace LocalJSX {
           * @default false
          */
         "isObjectDistanceFadingActive"?: boolean;
+        /**
+          * When false, non-modified wheel events do not pan the viewport.
+          * @default true
+         */
+        "isPanningEnabled"?: boolean;
+        /**
+          * When false, Ctrl+wheel events do not zoom the viewport.
+          * @default true
+         */
+        "isZoomingEnabled"?: boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
+        /**
+          * The current locale (language) code to apply to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale"?: LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
         /**
           * When true, objects are drawn at a fixed visual size regardless of zoom level
           * @default true
@@ -2790,11 +3099,6 @@ declare namespace LocalJSX {
           * @default -Infinity
          */
         "viewportBoundaryTop"?: number;
-        /**
-          * When false, wheel events will not trigger viewport pan/zoom. The event still propagates to parent elements.
-          * @default true
-         */
-        "wheelEnabled"?: boolean;
         /**
           * The workspace to load and display. Changing this prop switches the active workspace.
          */
@@ -2804,6 +3108,11 @@ declare namespace LocalJSX {
         "onExportJson"?: (event: KritzelExportCustomEvent<string>) => void;
         "onExportPng"?: (event: KritzelExportCustomEvent<void>) => void;
         "onExportSvg"?: (event: KritzelExportCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * The name of the current workspace, used as default filename
           * @default 'workspace'
@@ -2997,6 +3306,11 @@ declare namespace LocalJSX {
           * Emitted when a menu item is selected
          */
         "onItemSelect"?: (event: KritzelMoreMenuCustomEvent<{ item: IKritzelMenuItem; parent: IKritzelMenuItem }>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * Whether the menu button is visible
           * @default false
@@ -3092,6 +3406,11 @@ declare namespace LocalJSX {
         "onClose"?: (event: KritzelPortalCustomEvent<void>) => void;
     }
     interface KritzelSettings {
+        /**
+          * Available locales as `{ code, label }` options for the language selector.
+          * @default []
+         */
+        "availableLocales"?: { code: LocaleCode; label: string }[];
         /**
           * Keyboard shortcuts to display in the settings dialog
           * @default ['light', 'dark']
@@ -3109,6 +3428,11 @@ declare namespace LocalJSX {
           * @default []
          */
         "shortcuts"?: Omit<KritzelShortcut, 'action' | 'condition'>[];
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
     }
     interface KritzelShapeFill {
         "onValueChange"?: (event: KritzelShapeFillCustomEvent<ShapeFillType>) => void;
@@ -3137,6 +3461,11 @@ declare namespace LocalJSX {
           * Emitted when the user toggles the public sharing state.
          */
         "onToggleIsPublic"?: (event: KritzelShareDialogCustomEvent<boolean>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * The ID of the workspace being shared. Used to build the share URL.
           * @default undefined
@@ -3212,6 +3541,11 @@ declare namespace LocalJSX {
         "isExpanded"?: boolean;
         "onDisplayValuesChange"?: (event: KritzelToolConfigCustomEvent<ToolDisplayValues>) => void;
         "onToolChange"?: (event: KritzelToolConfigCustomEvent<ConfigurableTool>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         "theme"?: ThemeName;
         "tool"?: ConfigurableTool;
     }
@@ -3233,15 +3567,42 @@ declare namespace LocalJSX {
         "onDelete"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
         "onRedo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
         "onUndo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * @default null
          */
         "undoState"?: KritzelUndoState;
     }
+    /**
+     * "Powered by Kritzel" watermark shown in the bottom-right corner of the engine
+     * when the editor is not licensed.
+     * Rendered inside the engine's Shadow DOM and gated by the license manager on
+     * the engine's reactive render path, so removing the node simply causes it to
+     * reappear on the next render. The badge links to the Kritzel website.
+     */
+    interface KritzelWatermark {
+        /**
+          * The core instance used to resolve localized terms.
+         */
+        "core": KritzelCore;
+        /**
+          * Resolved "Powered by Kritzel" label. Passed in by the engine so the badge re-renders when the active locale changes. Falls back to resolving the term from the core when not provided.
+         */
+        "label"?: string;
+    }
     interface KritzelWorkspaceManager {
         "activeWorkspace"?: KritzelWorkspace;
         "onIsWorkspaceManagerReady"?: (event: KritzelWorkspaceManagerCustomEvent<void>) => void;
         "onWorkspaceChange"?: (event: KritzelWorkspaceManagerCustomEvent<KritzelWorkspace>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
         /**
           * Whether the workspace manager is visible
           * @default false
@@ -3252,6 +3613,36 @@ declare namespace LocalJSX {
          */
         "workspaces"?: KritzelWorkspace[];
     }
+    interface KritzelZoomPanel {
+        /**
+          * Whether both zoom buttons are disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the zoom-in button is clicked.
+         */
+        "onZoomIn"?: (event: KritzelZoomPanelCustomEvent<void>) => void;
+        /**
+          * Emitted when the zoom-out button is clicked.
+         */
+        "onZoomOut"?: (event: KritzelZoomPanelCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the zoom panel is visible.
+          * @default true
+         */
+        "visible"?: boolean;
+        /**
+          * Current zoom level in percent.
+          * @default 100
+         */
+        "zoomPercent"?: number;
+    }
 
     interface KritzelActiveUsersAttributes {
         "avatarSize": number;
@@ -3323,12 +3714,17 @@ declare namespace LocalJSX {
         "viewportBoundaryRight": number;
         "viewportBoundaryTop": number;
         "viewportBoundaryBottom": number;
-        "wheelEnabled": boolean;
         "theme": ThemeName;
+        "licenseKey": string;
+        "locale": LocaleCode;
+        "fallbackLocale": LocaleCode;
+        "isPanningEnabled": boolean;
+        "isZoomingEnabled": boolean;
         "isControlsVisible": boolean;
         "isUtilityPanelVisible": boolean;
         "isWorkspaceManagerVisible": boolean;
         "isMoreMenuVisible": boolean;
+        "isZoomPanelVisible": boolean;
         "isObjectDistanceFadingActive": boolean;
         "isLoading": boolean;
         "editorId": string;
@@ -3342,11 +3738,15 @@ declare namespace LocalJSX {
         "lockDrawingScale": boolean;
         "isObjectDistanceFadingActive": boolean;
         "theme": ThemeName;
+        "licenseKey": string;
+        "locale": LocaleCode;
+        "fallbackLocale": LocaleCode;
         "viewportBoundaryLeft": number;
         "viewportBoundaryRight": number;
         "viewportBoundaryTop": number;
         "viewportBoundaryBottom": number;
-        "wheelEnabled": boolean;
+        "isPanningEnabled": boolean;
+        "isZoomingEnabled": boolean;
         "isLoading": boolean;
     }
     interface KritzelExportAttributes {
@@ -3442,9 +3842,17 @@ declare namespace LocalJSX {
         "isVisible": boolean;
         "offsetY": number;
     }
+    interface KritzelWatermarkAttributes {
+        "label": string;
+    }
     interface KritzelWorkspaceManagerAttributes {
         "visible": boolean;
     }
+    interface KritzelZoomPanelAttributes {
+        "visible": boolean;
+        "disabled": boolean;
+        "zoomPercent": number;
+    }
 
     interface IntrinsicElements {
         "kritzel-active-users": Omit<KritzelActiveUsers, keyof KritzelActiveUsersAttributes> & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes]?: KritzelActiveUsers[K] } & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes as `attr:${K}`]?: KritzelActiveUsersAttributes[K] } & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes as `prop:${K}`]?: KritzelActiveUsers[K] };
@@ -3489,7 +3897,9 @@ declare namespace LocalJSX {
         "kritzel-tool-config": Omit<KritzelToolConfig, keyof KritzelToolConfigAttributes> & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes]?: KritzelToolConfig[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `attr:${K}`]?: KritzelToolConfigAttributes[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `prop:${K}`]?: KritzelToolConfig[K] };
         "kritzel-tooltip": Omit<KritzelTooltip, keyof KritzelTooltipAttributes> & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes]?: KritzelTooltip[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `attr:${K}`]?: KritzelTooltipAttributes[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `prop:${K}`]?: KritzelTooltip[K] };
         "kritzel-utility-panel": KritzelUtilityPanel;
+        "kritzel-watermark": Omit<KritzelWatermark, keyof KritzelWatermarkAttributes> & { [K in keyof KritzelWatermark & keyof KritzelWatermarkAttributes]?: KritzelWatermark[K] } & { [K in keyof KritzelWatermark & keyof KritzelWatermarkAttributes as `attr:${K}`]?: KritzelWatermarkAttributes[K] } & { [K in keyof KritzelWatermark & keyof KritzelWatermarkAttributes as `prop:${K}`]?: KritzelWatermark[K] };
         "kritzel-workspace-manager": Omit<KritzelWorkspaceManager, keyof KritzelWorkspaceManagerAttributes> & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes]?: KritzelWorkspaceManager[K] } & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes as `attr:${K}`]?: KritzelWorkspaceManagerAttributes[K] } & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes as `prop:${K}`]?: KritzelWorkspaceManager[K] };
+        "kritzel-zoom-panel": Omit<KritzelZoomPanel, keyof KritzelZoomPanelAttributes> & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes]?: KritzelZoomPanel[K] } & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes as `attr:${K}`]?: KritzelZoomPanelAttributes[K] } & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes as `prop:${K}`]?: KritzelZoomPanel[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -3548,7 +3958,16 @@ declare module "@stencil/core" {
             "kritzel-tool-config": LocalJSX.IntrinsicElements["kritzel-tool-config"] & JSXBase.HTMLAttributes<HTMLKritzelToolConfigElement>;
             "kritzel-tooltip": LocalJSX.IntrinsicElements["kritzel-tooltip"] & JSXBase.HTMLAttributes<HTMLKritzelTooltipElement>;
             "kritzel-utility-panel": LocalJSX.IntrinsicElements["kritzel-utility-panel"] & JSXBase.HTMLAttributes<HTMLKritzelUtilityPanelElement>;
+            /**
+             * "Powered by Kritzel" watermark shown in the bottom-right corner of the engine
+             * when the editor is not licensed.
+             * Rendered inside the engine's Shadow DOM and gated by the license manager on
+             * the engine's reactive render path, so removing the node simply causes it to
+             * reappear on the next render. The badge links to the Kritzel website.
+             */
+            "kritzel-watermark": LocalJSX.IntrinsicElements["kritzel-watermark"] & JSXBase.HTMLAttributes<HTMLKritzelWatermarkElement>;
             "kritzel-workspace-manager": LocalJSX.IntrinsicElements["kritzel-workspace-manager"] & JSXBase.HTMLAttributes<HTMLKritzelWorkspaceManagerElement>;
+            "kritzel-zoom-panel": LocalJSX.IntrinsicElements["kritzel-zoom-panel"] & JSXBase.HTMLAttributes<HTMLKritzelZoomPanelElement>;
         }
     }
 }