kritzel-stencil 0.0.169 → 0.0.171

package/dist/components/kritzel-editor.js

@@ -1,27 +1,27 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
-import { K as KritzelIconRegistry, d as defineCustomElement$a } from './p-Cv4BGNPb.js';
-import { S as ShapeType, Q as ABSOLUTE_SCALE_MAX, R as ABSOLUTE_SCALE_MIN, L as KritzelSelectionTool, F as KritzelLineTool, G as KritzelEraserTool, T as KritzelShapeTool, I as KritzelImageTool, U as defineCustomElement$e } from './p-f_ut_1_F.js';
-import { b as KritzelBrushTool, c as KritzelTextTool, d as KritzelKeyboardHelper } from './p-Bwv1dxAB.js';
+import { K as KritzelIconRegistry, d as defineCustomElement$a } from './p-CIts5Uma.js';
+import { S as ShapeType, R as ABSOLUTE_SCALE_MAX, T as ABSOLUTE_SCALE_MIN, M as KritzelSelectionTool, G as KritzelLineTool, I as KritzelEraserTool, U as KritzelShapeTool, J as KritzelImageTool, V as defineCustomElement$e } from './p-D0UgEnEL.js';
+import { b as KritzelBrushTool, c as KritzelTextTool, d as KritzelKeyboardHelper } from './p-BUsg2vtg.js';
 import { K as KritzelWorkspace } from './p-n789Y3S-.js';
 import { K as KritzelDevicesHelper } from './p-l10It7Nm.js';
 import { d as defineCustomElement$m } from './p-LAsVgL2e.js';
 import { d as defineCustomElement$l } from './p-Brd9SxWS.js';
-import { d as defineCustomElement$k } from './p-D1YAsWrL.js';
-import { d as defineCustomElement$j } from './p-D8L0t-Ro.js';
-import { d as defineCustomElement$i } from './p-5OECjGHq.js';
-import { d as defineCustomElement$h } from './p-xcQV8l_c.js';
+import { d as defineCustomElement$k } from './p-nIBAWFcK.js';
+import { d as defineCustomElement$j } from './p-CO8bwl_3.js';
+import { d as defineCustomElement$i } from './p-C29Efgmc.js';
+import { d as defineCustomElement$h } from './p-BhLtP5Cg.js';
 import { d as defineCustomElement$g } from './p-B_3OZeom.js';
 import { d as defineCustomElement$f } from './p-BdwB-S9G.js';
 import { d as defineCustomElement$d } from './p-Ck4lGnmt.js';
 import { d as defineCustomElement$c } from './p-CFH6XRL5.js';
 import { d as defineCustomElement$b } from './p-B6r22FSC.js';
-import { d as defineCustomElement$8, a as defineCustomElement$9 } from './p-BoazmhlG.js';
+import { d as defineCustomElement$8, a as defineCustomElement$9 } from './p-C6-tSCMR.js';
 import { d as defineCustomElement$7 } from './p-aeYt0bPO.js';
-import { d as defineCustomElement$6 } from './p-BmdYFhLx.js';
+import { d as defineCustomElement$6 } from './p-nZdy-Ii5.js';
 import { d as defineCustomElement$5 } from './p-CRGwaUcp.js';
-import { d as defineCustomElement$4 } from './p-C1S1zPH-.js';
-import { d as defineCustomElement$3 } from './p-BSBMBjhq.js';
-import { d as defineCustomElement$2 } from './p-CiM-IPaD.js';
+import { d as defineCustomElement$4 } from './p-DO4auCYf.js';
+import { d as defineCustomElement$3 } from './p-DGnDUmrk.js';
+import { d as defineCustomElement$2 } from './p-y25EBKEA.js';
 
 const DEFAULT_BRUSH_CONFIG = {
     type: 'pen',
@@ -267,6 +267,21 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         { label: 'Delete', icon: 'delete', action: () => this.engineRef.delete() },
         { 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: '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(),
+        },
     ];
     customSvgIcons = {};
     isControlsVisible = true;
@@ -418,7 +433,7 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         }
     }
     render() {
-        return (h(Host, { key: 'a39268fb2722bc9e1627a46a3430a574322dfdfb' }, h("kritzel-workspace-manager", { key: 'b0c08f2cab64347c0ee14a87ed0ab769a2e95733', workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-engine", { key: 'c0efb9b0cdfdf3a9ba945e71e37c60ebfc45e981', ref: el => (this.engineRef = el), workspace: this.activeWorkspace, syncConfig: this.syncConfig, scaleMax: this.scaleMax, scaleMin: this.scaleMin, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onObjectsChange: event => this.handleObjectsChange(event), onUndoStateChange: event => this.handleUndoStateChange(event) }), h("kritzel-controls", { key: '5a275fb94e2f55a1f79d6d5b5f518305cd739f24', class: { 'keyboard-open': this.isVirtualKeyboardOpen }, style: { display: this.isControlsVisible ? 'flex' : 'none' }, ref: el => (this.controlsRef = el), controls: this.controls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState, onIsControlsReady: () => (this.isControlsReady = true) })));
+        return (h(Host, { key: '497c7c69759c966dd2132007d80c5c772258a6c9' }, h("kritzel-workspace-manager", { key: '169e10c9b338283e1be32868aa0e354e7a149749', workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-engine", { key: 'c8cf58aa8bfc9a5d4a2e4a4499c60938b0d55758', ref: el => (this.engineRef = el), workspace: this.activeWorkspace, syncConfig: this.syncConfig, scaleMax: this.scaleMax, scaleMin: this.scaleMin, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onObjectsChange: event => this.handleObjectsChange(event), onUndoStateChange: event => this.handleUndoStateChange(event) }), h("kritzel-controls", { key: '68f2bce210dab937080618a2a4f069bf8103449f', class: { 'keyboard-open': this.isVirtualKeyboardOpen }, style: { display: this.isControlsVisible ? 'flex' : 'none' }, ref: el => (this.controlsRef = el), controls: this.controls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState, onIsControlsReady: () => (this.isControlsReady = true) })));
     }
     static get watchers() { return {
         "isEngineReady": ["onIsEngineReady"],

package/dist/components/kritzel-editor.js.map

@@ -1 +1 @@
-{"file":"kritzel-editor.js","mappings":"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","names":["KritzelEditor","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/configs/default-brush-tool.config.ts","src/configs/default-text-tool.config.ts","src/configs/default-line-tool.config.ts","src/configs/default-shape-tool.config.ts","src/components/core/kritzel-editor/kritzel-editor.css?tag=kritzel-editor","src/components/core/kritzel-editor/kritzel-editor.tsx"],"sourcesContent":["import { KritzelBrushToolConfig } from '../interfaces/toolbar-control.interface';\r\n\r\nexport const DEFAULT_BRUSH_CONFIG: KritzelBrushToolConfig = {\r\n  type: 'pen',\r\n  color: '#000000',\r\n  size: 16,\r\n  palettes: {\r\n    pen: [\r\n      '#000000',\r\n      '#ff5252',\r\n      '#ffbc00',\r\n      '#00c853',\r\n      '#0000FF',\r\n      '#d500f9',\r\n      '#fafafa',\r\n      '#a52714',\r\n      '#ee8100',\r\n      '#558b2f',\r\n      '#01579b',\r\n      '#8e24aa',\r\n      '#90a4ae',\r\n      '#ff4081',\r\n      '#ff6e40',\r\n      '#aeea00',\r\n      '#304ffe',\r\n      '#7c4dff',\r\n      '#cfd8dc',\r\n      '#f8bbd0',\r\n      '#ffccbc',\r\n      '#f0f4c3',\r\n      '#9fa8da',\r\n      '#d1c4e9',\r\n    ],\r\n    highlighter: [\r\n      '#0000006e',\r\n      '#ff52526e',\r\n      '#ffbb006e',\r\n      '#00c8536e',\r\n      '#0000FF6e',\r\n      '#d500f96e',\r\n      '#fafafa6e',\r\n      '#a527146e',\r\n      '#ee81006e',\r\n      '#558b2f6e',\r\n      '#01579b6e',\r\n      '#8e24aa6e',\r\n      '#90a4ae6e',\r\n      '#ff40816e',\r\n      '#ff6e406e',\r\n      '#aeea006e',\r\n      '#304ffe6e',\r\n      '#7c4dff6e',\r\n      '#cfd8dc6e',\r\n      '#f8bbd06e',\r\n      '#ffccbc6e',\r\n      '#f0f4c36e',\r\n      '#9fa8da6e',\r\n      '#d1c4e96e',\r\n    ],\r\n  },\r\n};\r\n\r\n\r\n","import { KritzelTextToolConfig } from \"../interfaces/toolbar-control.interface\";\r\n\r\nexport const DEFAULT_TEXT_CONFIG: KritzelTextToolConfig = {\r\n  color: '#000000',\r\n  size: 8,\r\n  fontFamily: 'Arial',\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n    '#ff4081',\r\n    '#ff6e40',\r\n    '#aeea00',\r\n    '#304ffe',\r\n    '#7c4dff',\r\n    '#cfd8dc',\r\n    '#f8bbd0',\r\n    '#ffccbc',\r\n    '#f0f4c3',\r\n    '#9fa8da',\r\n    '#d1c4e9',\r\n  ],\r\n};","import { KritzelLineToolConfig } from '../interfaces/toolbar-control.interface';\r\n\r\nexport const DEFAULT_LINE_TOOL_CONFIG: KritzelLineToolConfig = {\r\n  color: '#000000',\r\n  size: 4,\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n    '#ff4081',\r\n    '#ff6e40',\r\n    '#aeea00',\r\n    '#304ffe',\r\n    '#7c4dff',\r\n    '#cfd8dc',\r\n    '#f8bbd0',\r\n    '#ffccbc',\r\n    '#f0f4c3',\r\n    '#b3e5fc',\r\n    '#e1bee7',\r\n  ],\r\n  arrows: {\r\n    end: { enabled: true, style: 'triangle' },\r\n  },\r\n};\r\n","import { KritzelShapeToolConfig } from \"../interfaces/toolbar-control.interface\";\r\nimport { ShapeType } from \"../enums/shape-type.enum\";\r\n\r\nexport const DEFAULT_SHAPE_CONFIG: KritzelShapeToolConfig = {\r\n  shapeType: ShapeType.Rectangle,\r\n  fillColor: 'transparent',\r\n  strokeColor: '#000000',\r\n  strokeWidth: 4,\r\n  fontColor: '#000000',\r\n  fontSize: 16,\r\n  fontFamily: 'Arial',\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n  ],\r\n};\r\n","kritzel-editor{\r\n  display: flex;\r\n  margin: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  touch-action: manipulation;\r\n  user-select: none;\r\n  -webkit-touch-callout: none;\r\n  -webkit-user-select: none;\r\n  -khtml-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;           \r\n}\r\n\r\nkritzel-workspace-manager {\r\n  position: absolute;\r\n  top: var(--kritzel-editor-workspace-manager-top, 14px);\r\n  left: var(--kritzel-editor-workspace-manager-left, 14px);\r\n}\r\n\r\nkritzel-controls {\r\n  position: absolute;\r\n  bottom: var(--kritzel-editor-controls-bottom, 14px);\r\n  transition: transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out);\r\n}\r\n\r\nkritzel-controls.keyboard-open {\r\n  transform: var(--kritzel-editor-controls-transform, translateY(300%));\r\n}","import { Component, Host, Listen, Prop, Element, h, Method, Event, State, EventEmitter, Watch } from '@stencil/core';\r\nimport { KritzelIconRegistry } from '../../../classes/registries/icon-registry.class';\r\nimport { KritzelToolbarControl } from '../../../interfaces/toolbar-control.interface';\r\nimport { ShapeType } from '../../../enums/shape-type.enum';\r\nimport { KritzelBaseObject } from '../../../classes/objects/base-object.class';\r\nimport { KritzelSelectionTool } from '../../../classes/tools/selection-tool.class';\r\nimport { KritzelEraserTool } from '../../../classes/tools/eraser-tool.class';\r\nimport { KritzelImageTool } from '../../../classes/tools/image-tool.class';\r\nimport { KritzelBrushTool } from '../../../classes/tools/brush-tool.class';\r\nimport { KritzelLineTool } from '../../../classes/tools/line-tool.class';\r\nimport { KritzelTextTool } from '../../../classes/tools/text-tool.class';\r\nimport { KritzelShapeTool } from '../../../classes/tools/shape-tool.class';\r\nimport { ContextMenuItem } from '../../../interfaces/context-menu-item.interface';\r\nimport { DEFAULT_BRUSH_CONFIG } from '../../../configs/default-brush-tool.config';\r\nimport { DEFAULT_LINE_TOOL_CONFIG } from '../../../configs/default-line-tool.config';\r\nimport { DEFAULT_TEXT_CONFIG } from '../../../configs/default-text-tool.config';\r\nimport { DEFAULT_SHAPE_CONFIG } from '../../../configs/default-shape-tool.config';\r\nimport { ABSOLUTE_SCALE_MAX, ABSOLUTE_SCALE_MIN } from '../../../constants/engine.constants';\r\nimport { KritzelEngineState } from '../../../interfaces/engine-state.interface';\r\nimport { KritzelWorkspace } from '../../../classes/core/workspace.class';\r\nimport { KritzelKeyboardHelper } from '../../../helpers/keyboard.helper';\r\nimport { KritzelDevicesHelper } from '../../../helpers/devices.helper';\r\nimport { KritzelSyncConfig } from '../../../interfaces/sync-config.interface';\r\nimport { KritzelUndoState } from '../../..';\r\n@Component({\r\n  tag: 'kritzel-editor',\r\n  styleUrl: 'kritzel-editor.css',\r\n  shadow: false,\r\n})\r\nexport class KritzelEditor {\r\n  @Element() host!: HTMLElement;\r\n\r\n  @Prop() scaleMax: number = ABSOLUTE_SCALE_MAX;\r\n  @Prop() scaleMin: number = ABSOLUTE_SCALE_MIN;\r\n  @Prop() controls: KritzelToolbarControl[] = [\r\n    {\r\n      name: 'selection',\r\n      type: 'tool',\r\n      isDefault: true,\r\n      tool: KritzelSelectionTool,\r\n      icon: 'cursor',\r\n    },\r\n    {\r\n      name: 'brush',\r\n      type: 'tool',\r\n      tool: KritzelBrushTool,\r\n      icon: 'pen',\r\n      config: DEFAULT_BRUSH_CONFIG,\r\n    },\r\n    {\r\n      name: 'line',\r\n      type: 'tool',\r\n      tool: KritzelLineTool,\r\n      icon: 'arrow',\r\n      config: DEFAULT_LINE_TOOL_CONFIG,\r\n    },\r\n    {\r\n      name: 'eraser',\r\n      type: 'tool',\r\n      tool: KritzelEraserTool,\r\n      icon: 'eraser',\r\n    },\r\n    {\r\n      name: 'text',\r\n      type: 'tool',\r\n      tool: KritzelTextTool,\r\n      icon: 'type',\r\n      config: DEFAULT_TEXT_CONFIG,\r\n    },\r\n    {\r\n      name: 'shape',\r\n      type: 'tool',\r\n      tool: KritzelShapeTool,\r\n      icon: 'shape-rectangle',\r\n      config: DEFAULT_SHAPE_CONFIG,\r\n      subOptions: [\r\n        { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },\r\n        { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },\r\n        { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },\r\n      ],\r\n    },\r\n    {\r\n      name: 'image',\r\n      type: 'tool',\r\n      tool: KritzelImageTool,\r\n      icon: 'image',\r\n    },\r\n    {\r\n      name: 'config',\r\n      type: 'config',\r\n    },\r\n  ];\r\n\r\n  @Prop() globalContextMenuItems: ContextMenuItem[] = [\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: menu => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Select All', icon: 'select-all', action: () => this.selectAllObjectsInViewport() },\r\n  ];\r\n\r\n  @Prop() objectContextMenuItems: ContextMenuItem[] = [\r\n    { label: 'Copy', icon: 'copy', action: () => this.engineRef.copy() },\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: (menu, _) => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Delete', icon: 'delete', action: () => this.engineRef.delete() },\r\n    { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },\r\n    { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },\r\n  ];\r\n\r\n  @Prop() customSvgIcons: Record<string, string> = {};\r\n  @Prop() isControlsVisible: boolean = true;\r\n  @Prop() isUtilityPanelVisible: boolean = true;\r\n  @Prop() syncConfig?: KritzelSyncConfig;\r\n\r\n  @Event() isReady: EventEmitter<HTMLElement>;\r\n  @Event() objectsChange: EventEmitter<KritzelBaseObject[]>;\r\n  @Event() undoStateChange: EventEmitter<KritzelUndoState>;\r\n\r\n  @State() isEngineReady: boolean = false;\r\n  @State() isControlsReady: boolean = false;\r\n  @State() isWorkspaceManagerReady: boolean = false;\r\n  @State() workspaces: KritzelWorkspace[] = [];\r\n  @State() activeWorkspace: KritzelWorkspace;\r\n  @State() isVirtualKeyboardOpen: boolean = false;\r\n  @State() undoState: KritzelUndoState = null;\r\n\r\n  @Watch('isEngineReady')\r\n  onIsEngineReady(newValue: boolean) {\r\n    if (newValue && this.isControlsReady) {\r\n      this.checkIsReady();\r\n    }\r\n  }\r\n\r\n  @Watch('isControlsReady')\r\n  onIsControlsReady(newValue: boolean) {\r\n    if (newValue && this.isEngineReady) {\r\n      this.checkIsReady();\r\n    }\r\n  }\r\n\r\n  @Watch('workspaces')\r\n  onWorkspacesChange(newWorkspaces: KritzelWorkspace[]) {\r\n    if (this.activeWorkspace) {\r\n      const updatedActiveWorkspace = newWorkspaces.find(ws => ws.id === this.activeWorkspace.id);\r\n      if (updatedActiveWorkspace && updatedActiveWorkspace !== this.activeWorkspace) {\r\n        this.activeWorkspace = updatedActiveWorkspace;\r\n      }\r\n    }\r\n  }\r\n\r\n  @Listen('dblclick', { passive: false })\r\n  onTouchStart(event: MouseEvent) {\r\n    if (event.cancelable) {\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getObjectById<T extends KritzelBaseObject>(id: string): Promise<T | null> {\r\n    return this.engineRef.getObjectById(id);\r\n  }\r\n\r\n  @Method()\r\n  async addObject<T extends KritzelBaseObject>(object: T): Promise<T | null> {\r\n    return this.engineRef.addObject(object);\r\n  }\r\n\r\n  @Method()\r\n  async updateObject<T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>): Promise<T | null> {\r\n    return this.engineRef.updateObject(object, updatedProperties);\r\n  }\r\n\r\n  @Method()\r\n  async removeObject<T extends KritzelBaseObject>(object: T): Promise<T | null> {\r\n    return this.engineRef.removeObject(object);\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedObjects(): Promise<KritzelBaseObject[]> {\r\n    return this.engineRef.getSelectedObjects();\r\n  }\r\n\r\n  @Method()\r\n  async selectObjects(objects: KritzelBaseObject[]) {\r\n    return this.engineRef.selectObjects(objects);\r\n  }\r\n\r\n  @Method()\r\n  async selectAllObjectsInViewport() {\r\n    return this.engineRef.selectAllObjectsInViewport();\r\n  }\r\n\r\n  @Method()\r\n  async clearSelection() {\r\n    this.engineRef.clearSelection();\r\n  }\r\n\r\n  @Method()\r\n  async centerObjectInViewport(object: KritzelBaseObject) {\r\n    return this.engineRef.centerObjectInViewport(object);\r\n  }\r\n\r\n  @Method()\r\n  async createWorkspace(name: string, viewport?: { translateX: number; translateY: number; scale: number }): Promise<KritzelWorkspace | null> {\r\n    const workspace = new KritzelWorkspace(`workspace-${Date.now()}`, name, viewport);\r\n    return this.engineRef.createWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async updateWorkspace(workspace: KritzelWorkspace): Promise<void> {\r\n    return this.engineRef.updateWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async deleteWorkspace(workspace: KritzelWorkspace): Promise<void> {\r\n    return this.engineRef.deleteWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async getWorkspaces(): Promise<KritzelWorkspace[]> {\r\n    return this.engineRef.getWorkspaces();\r\n  }\r\n\r\n  @Method()\r\n  async getActiveWorkspace(): Promise<KritzelWorkspace> {\r\n    return this.engineRef.getActiveWorkspace();\r\n  }\r\n\r\n  engineRef!: HTMLKritzelEngineElement;\r\n  controlsRef!: HTMLKritzelControlsElement;\r\n  splitButtonRef!: HTMLKritzelSplitButtonElement;\r\n\r\n  componentDidLoad() {\r\n    this.registerCustomSvgIcons();\r\n    this.listenForMobileKeyboard();\r\n    this.setOsSpecificCssVariables();\r\n  }\r\n\r\n  async checkIsReady() {\r\n    await customElements.whenDefined('kritzel-editor');\r\n    await customElements.whenDefined('kritzel-workspace-manager');\r\n    await customElements.whenDefined('kritzel-controls');\r\n    await customElements.whenDefined('kritzel-engine');\r\n\r\n    if (!this.isEngineReady || !this.isControlsReady || !this.isWorkspaceManagerReady) {\r\n      return;\r\n    }\r\n\r\n    this.isReady.emit(this.host);\r\n  }\r\n\r\n  onEngineReady(event: CustomEvent<KritzelEngineState>) {\r\n    this.isEngineReady = true;\r\n    this.activeWorkspace = event.detail.activeWorkspace;\r\n    this.workspaces = event.detail.workspaces;\r\n  }\r\n\r\n  handleWorkspacesChange(event: CustomEvent<KritzelWorkspace[]>) {\r\n    this.workspaces = event.detail;\r\n  }\r\n\r\n  handleObjectsChange(event: CustomEvent<KritzelBaseObject[]>) {\r\n    this.objectsChange.emit(event.detail);\r\n  }\r\n\r\n  handleUndoStateChange(event: CustomEvent<KritzelUndoState>) {\r\n    this.undoStateChange.emit(event.detail);\r\n    this.undoState = event.detail;\r\n  }\r\n\r\n  private registerCustomSvgIcons() {\r\n    for (const [name, svg] of Object.entries(this.customSvgIcons)) {\r\n      KritzelIconRegistry.register(name, svg);\r\n    }\r\n  }\r\n\r\n  private listenForMobileKeyboard() {\r\n    KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {\r\n      this.isVirtualKeyboardOpen = isOpen;\r\n    });\r\n  }\r\n\r\n  private setOsSpecificCssVariables() {\r\n    const os = KritzelDevicesHelper.detectOS();\r\n\r\n    switch (os) {\r\n      case 'iOS':\r\n        // iOS specific adjustments\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transition', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transform', 'translateY(200%)');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transition-duration', '0.25s');\r\n        break;\r\n\r\n      case 'Android':\r\n        // Android specific adjustments\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '24px');\r\n        break;\r\n\r\n      default:\r\n        // Default for Windows/Linux\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');\r\n        break;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <kritzel-workspace-manager\r\n          workspaces={this.workspaces}\r\n          activeWorkspace={this.activeWorkspace}\r\n          onWorkspaceChange={event => (this.activeWorkspace = event.detail)}\r\n          onIsWorkspaceManagerReady={() => (this.isWorkspaceManagerReady = true)}\r\n        ></kritzel-workspace-manager>\r\n\r\n        <kritzel-engine\r\n          ref={el => (this.engineRef = el)}\r\n          workspace={this.activeWorkspace}\r\n          syncConfig={this.syncConfig}\r\n          scaleMax={this.scaleMax}\r\n          scaleMin={this.scaleMin}\r\n          globalContextMenuItems={this.globalContextMenuItems}\r\n          objectContextMenuItems={this.objectContextMenuItems}\r\n          onIsEngineReady={event => this.onEngineReady(event)}\r\n          onWorkspacesChange={event => this.handleWorkspacesChange(event)}\r\n          onObjectsChange={event => this.handleObjectsChange(event)}\r\n          onUndoStateChange={event => this.handleUndoStateChange(event)}\r\n        ></kritzel-engine>\r\n\r\n        <kritzel-controls\r\n          class={{ 'keyboard-open': this.isVirtualKeyboardOpen }}\r\n          style={{ display: this.isControlsVisible ? 'flex' : 'none' }}\r\n          ref={el => (this.controlsRef = el)}\r\n          controls={this.controls}\r\n          isUtilityPanelVisible={this.isUtilityPanelVisible}\r\n          undoState={this.undoState}\r\n          onIsControlsReady={() => (this.isControlsReady = true)}\r\n        ></kritzel-controls>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"kritzel-editor.js","mappings":"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","names":["KritzelEditor","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/configs/default-brush-tool.config.ts","src/configs/default-text-tool.config.ts","src/configs/default-line-tool.config.ts","src/configs/default-shape-tool.config.ts","src/components/core/kritzel-editor/kritzel-editor.css?tag=kritzel-editor","src/components/core/kritzel-editor/kritzel-editor.tsx"],"sourcesContent":["import { KritzelBrushToolConfig } from '../interfaces/toolbar-control.interface';\r\n\r\nexport const DEFAULT_BRUSH_CONFIG: KritzelBrushToolConfig = {\r\n  type: 'pen',\r\n  color: '#000000',\r\n  size: 16,\r\n  palettes: {\r\n    pen: [\r\n      '#000000',\r\n      '#ff5252',\r\n      '#ffbc00',\r\n      '#00c853',\r\n      '#0000FF',\r\n      '#d500f9',\r\n      '#fafafa',\r\n      '#a52714',\r\n      '#ee8100',\r\n      '#558b2f',\r\n      '#01579b',\r\n      '#8e24aa',\r\n      '#90a4ae',\r\n      '#ff4081',\r\n      '#ff6e40',\r\n      '#aeea00',\r\n      '#304ffe',\r\n      '#7c4dff',\r\n      '#cfd8dc',\r\n      '#f8bbd0',\r\n      '#ffccbc',\r\n      '#f0f4c3',\r\n      '#9fa8da',\r\n      '#d1c4e9',\r\n    ],\r\n    highlighter: [\r\n      '#0000006e',\r\n      '#ff52526e',\r\n      '#ffbb006e',\r\n      '#00c8536e',\r\n      '#0000FF6e',\r\n      '#d500f96e',\r\n      '#fafafa6e',\r\n      '#a527146e',\r\n      '#ee81006e',\r\n      '#558b2f6e',\r\n      '#01579b6e',\r\n      '#8e24aa6e',\r\n      '#90a4ae6e',\r\n      '#ff40816e',\r\n      '#ff6e406e',\r\n      '#aeea006e',\r\n      '#304ffe6e',\r\n      '#7c4dff6e',\r\n      '#cfd8dc6e',\r\n      '#f8bbd06e',\r\n      '#ffccbc6e',\r\n      '#f0f4c36e',\r\n      '#9fa8da6e',\r\n      '#d1c4e96e',\r\n    ],\r\n  },\r\n};\r\n\r\n\r\n","import { KritzelTextToolConfig } from \"../interfaces/toolbar-control.interface\";\r\n\r\nexport const DEFAULT_TEXT_CONFIG: KritzelTextToolConfig = {\r\n  color: '#000000',\r\n  size: 8,\r\n  fontFamily: 'Arial',\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n    '#ff4081',\r\n    '#ff6e40',\r\n    '#aeea00',\r\n    '#304ffe',\r\n    '#7c4dff',\r\n    '#cfd8dc',\r\n    '#f8bbd0',\r\n    '#ffccbc',\r\n    '#f0f4c3',\r\n    '#9fa8da',\r\n    '#d1c4e9',\r\n  ],\r\n};","import { KritzelLineToolConfig } from '../interfaces/toolbar-control.interface';\r\n\r\nexport const DEFAULT_LINE_TOOL_CONFIG: KritzelLineToolConfig = {\r\n  color: '#000000',\r\n  size: 4,\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n    '#ff4081',\r\n    '#ff6e40',\r\n    '#aeea00',\r\n    '#304ffe',\r\n    '#7c4dff',\r\n    '#cfd8dc',\r\n    '#f8bbd0',\r\n    '#ffccbc',\r\n    '#f0f4c3',\r\n    '#b3e5fc',\r\n    '#e1bee7',\r\n  ],\r\n  arrows: {\r\n    end: { enabled: true, style: 'triangle' },\r\n  },\r\n};\r\n","import { KritzelShapeToolConfig } from \"../interfaces/toolbar-control.interface\";\r\nimport { ShapeType } from \"../enums/shape-type.enum\";\r\n\r\nexport const DEFAULT_SHAPE_CONFIG: KritzelShapeToolConfig = {\r\n  shapeType: ShapeType.Rectangle,\r\n  fillColor: 'transparent',\r\n  strokeColor: '#000000',\r\n  strokeWidth: 4,\r\n  fontColor: '#000000',\r\n  fontSize: 16,\r\n  fontFamily: 'Arial',\r\n  palette: [\r\n    '#000000',\r\n    '#ff5252',\r\n    '#ffbc00',\r\n    '#00c853',\r\n    '#0000FF',\r\n    '#d500f9',\r\n    '#fafafa',\r\n    '#a52714',\r\n    '#ee8100',\r\n    '#558b2f',\r\n    '#01579b',\r\n    '#8e24aa',\r\n    '#90a4ae',\r\n  ],\r\n};\r\n","kritzel-editor{\r\n  display: flex;\r\n  margin: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  touch-action: manipulation;\r\n  user-select: none;\r\n  -webkit-touch-callout: none;\r\n  -webkit-user-select: none;\r\n  -khtml-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;           \r\n}\r\n\r\nkritzel-workspace-manager {\r\n  position: absolute;\r\n  top: var(--kritzel-editor-workspace-manager-top, 14px);\r\n  left: var(--kritzel-editor-workspace-manager-left, 14px);\r\n}\r\n\r\nkritzel-controls {\r\n  position: absolute;\r\n  bottom: var(--kritzel-editor-controls-bottom, 14px);\r\n  transition: transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out);\r\n}\r\n\r\nkritzel-controls.keyboard-open {\r\n  transform: var(--kritzel-editor-controls-transform, translateY(300%));\r\n}","import { Component, Host, Listen, Prop, Element, h, Method, Event, State, EventEmitter, Watch } from '@stencil/core';\r\nimport { KritzelIconRegistry } from '../../../classes/registries/icon-registry.class';\r\nimport { KritzelToolbarControl } from '../../../interfaces/toolbar-control.interface';\r\nimport { ShapeType } from '../../../enums/shape-type.enum';\r\nimport { KritzelBaseObject } from '../../../classes/objects/base-object.class';\r\nimport { KritzelSelectionTool } from '../../../classes/tools/selection-tool.class';\r\nimport { KritzelEraserTool } from '../../../classes/tools/eraser-tool.class';\r\nimport { KritzelImageTool } from '../../../classes/tools/image-tool.class';\r\nimport { KritzelBrushTool } from '../../../classes/tools/brush-tool.class';\r\nimport { KritzelLineTool } from '../../../classes/tools/line-tool.class';\r\nimport { KritzelTextTool } from '../../../classes/tools/text-tool.class';\r\nimport { KritzelShapeTool } from '../../../classes/tools/shape-tool.class';\r\nimport { ContextMenuItem } from '../../../interfaces/context-menu-item.interface';\r\nimport { DEFAULT_BRUSH_CONFIG } from '../../../configs/default-brush-tool.config';\r\nimport { DEFAULT_LINE_TOOL_CONFIG } from '../../../configs/default-line-tool.config';\r\nimport { DEFAULT_TEXT_CONFIG } from '../../../configs/default-text-tool.config';\r\nimport { DEFAULT_SHAPE_CONFIG } from '../../../configs/default-shape-tool.config';\r\nimport { ABSOLUTE_SCALE_MAX, ABSOLUTE_SCALE_MIN } from '../../../constants/engine.constants';\r\nimport { KritzelEngineState } from '../../../interfaces/engine-state.interface';\r\nimport { KritzelWorkspace } from '../../../classes/core/workspace.class';\r\nimport { KritzelKeyboardHelper } from '../../../helpers/keyboard.helper';\r\nimport { KritzelDevicesHelper } from '../../../helpers/devices.helper';\r\nimport { KritzelSyncConfig } from '../../../interfaces/sync-config.interface';\r\nimport { KritzelUndoState } from '../../..';\r\n@Component({\r\n  tag: 'kritzel-editor',\r\n  styleUrl: 'kritzel-editor.css',\r\n  shadow: false,\r\n})\r\nexport class KritzelEditor {\r\n  @Element() host!: HTMLElement;\r\n\r\n  @Prop() scaleMax: number = ABSOLUTE_SCALE_MAX;\r\n  @Prop() scaleMin: number = ABSOLUTE_SCALE_MIN;\r\n  @Prop() controls: KritzelToolbarControl[] = [\r\n    {\r\n      name: 'selection',\r\n      type: 'tool',\r\n      isDefault: true,\r\n      tool: KritzelSelectionTool,\r\n      icon: 'cursor',\r\n    },\r\n    {\r\n      name: 'brush',\r\n      type: 'tool',\r\n      tool: KritzelBrushTool,\r\n      icon: 'pen',\r\n      config: DEFAULT_BRUSH_CONFIG,\r\n    },\r\n    {\r\n      name: 'line',\r\n      type: 'tool',\r\n      tool: KritzelLineTool,\r\n      icon: 'arrow',\r\n      config: DEFAULT_LINE_TOOL_CONFIG,\r\n    },\r\n    {\r\n      name: 'eraser',\r\n      type: 'tool',\r\n      tool: KritzelEraserTool,\r\n      icon: 'eraser',\r\n    },\r\n    {\r\n      name: 'text',\r\n      type: 'tool',\r\n      tool: KritzelTextTool,\r\n      icon: 'type',\r\n      config: DEFAULT_TEXT_CONFIG,\r\n    },\r\n    {\r\n      name: 'shape',\r\n      type: 'tool',\r\n      tool: KritzelShapeTool,\r\n      icon: 'shape-rectangle',\r\n      config: DEFAULT_SHAPE_CONFIG,\r\n      subOptions: [\r\n        { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },\r\n        { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },\r\n        { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },\r\n      ],\r\n    },\r\n    {\r\n      name: 'image',\r\n      type: 'tool',\r\n      tool: KritzelImageTool,\r\n      icon: 'image',\r\n    },\r\n    {\r\n      name: 'config',\r\n      type: 'config',\r\n    },\r\n  ];\r\n\r\n  @Prop() globalContextMenuItems: ContextMenuItem[] = [\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: menu => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Select All', icon: 'select-all', action: () => this.selectAllObjectsInViewport() },\r\n  ];\r\n\r\n  @Prop() objectContextMenuItems: ContextMenuItem[] = [\r\n    { label: 'Copy', icon: 'copy', action: () => this.engineRef.copy() },\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: (menu, _) => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Delete', icon: 'delete', action: () => this.engineRef.delete() },\r\n    { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },\r\n    { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },\r\n    {\r\n      label: 'Group',\r\n      icon: 'group',\r\n      disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,\r\n      action: () => this.engineRef.group(),\r\n    },\r\n    {\r\n      label: 'Ungroup',\r\n      icon: 'ungroup',\r\n      disabled: async () => {\r\n        const selectedObjects = await this.engineRef.getSelectedObjects();\r\n        return !selectedObjects.some(obj => obj.__class__ === 'KritzelGroup');\r\n      },\r\n      action: () => this.engineRef.ungroup(),\r\n    },\r\n  ];\r\n\r\n  @Prop() customSvgIcons: Record<string, string> = {};\r\n  @Prop() isControlsVisible: boolean = true;\r\n  @Prop() isUtilityPanelVisible: boolean = true;\r\n  @Prop() syncConfig?: KritzelSyncConfig;\r\n\r\n  @Event() isReady: EventEmitter<HTMLElement>;\r\n  @Event() objectsChange: EventEmitter<KritzelBaseObject[]>;\r\n  @Event() undoStateChange: EventEmitter<KritzelUndoState>;\r\n\r\n  @State() isEngineReady: boolean = false;\r\n  @State() isControlsReady: boolean = false;\r\n  @State() isWorkspaceManagerReady: boolean = false;\r\n  @State() workspaces: KritzelWorkspace[] = [];\r\n  @State() activeWorkspace: KritzelWorkspace;\r\n  @State() isVirtualKeyboardOpen: boolean = false;\r\n  @State() undoState: KritzelUndoState = null;\r\n\r\n  @Watch('isEngineReady')\r\n  onIsEngineReady(newValue: boolean) {\r\n    if (newValue && this.isControlsReady) {\r\n      this.checkIsReady();\r\n    }\r\n  }\r\n\r\n  @Watch('isControlsReady')\r\n  onIsControlsReady(newValue: boolean) {\r\n    if (newValue && this.isEngineReady) {\r\n      this.checkIsReady();\r\n    }\r\n  }\r\n\r\n  @Watch('workspaces')\r\n  onWorkspacesChange(newWorkspaces: KritzelWorkspace[]) {\r\n    if (this.activeWorkspace) {\r\n      const updatedActiveWorkspace = newWorkspaces.find(ws => ws.id === this.activeWorkspace.id);\r\n      if (updatedActiveWorkspace && updatedActiveWorkspace !== this.activeWorkspace) {\r\n        this.activeWorkspace = updatedActiveWorkspace;\r\n      }\r\n    }\r\n  }\r\n\r\n  @Listen('dblclick', { passive: false })\r\n  onTouchStart(event: MouseEvent) {\r\n    if (event.cancelable) {\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getObjectById<T extends KritzelBaseObject>(id: string): Promise<T | null> {\r\n    return this.engineRef.getObjectById(id);\r\n  }\r\n\r\n  @Method()\r\n  async addObject<T extends KritzelBaseObject>(object: T): Promise<T | null> {\r\n    return this.engineRef.addObject(object);\r\n  }\r\n\r\n  @Method()\r\n  async updateObject<T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>): Promise<T | null> {\r\n    return this.engineRef.updateObject(object, updatedProperties);\r\n  }\r\n\r\n  @Method()\r\n  async removeObject<T extends KritzelBaseObject>(object: T): Promise<T | null> {\r\n    return this.engineRef.removeObject(object);\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedObjects(): Promise<KritzelBaseObject[]> {\r\n    return this.engineRef.getSelectedObjects();\r\n  }\r\n\r\n  @Method()\r\n  async selectObjects(objects: KritzelBaseObject[]) {\r\n    return this.engineRef.selectObjects(objects);\r\n  }\r\n\r\n  @Method()\r\n  async selectAllObjectsInViewport() {\r\n    return this.engineRef.selectAllObjectsInViewport();\r\n  }\r\n\r\n  @Method()\r\n  async clearSelection() {\r\n    this.engineRef.clearSelection();\r\n  }\r\n\r\n  @Method()\r\n  async centerObjectInViewport(object: KritzelBaseObject) {\r\n    return this.engineRef.centerObjectInViewport(object);\r\n  }\r\n\r\n  @Method()\r\n  async createWorkspace(name: string, viewport?: { translateX: number; translateY: number; scale: number }): Promise<KritzelWorkspace | null> {\r\n    const workspace = new KritzelWorkspace(`workspace-${Date.now()}`, name, viewport);\r\n    return this.engineRef.createWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async updateWorkspace(workspace: KritzelWorkspace): Promise<void> {\r\n    return this.engineRef.updateWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async deleteWorkspace(workspace: KritzelWorkspace): Promise<void> {\r\n    return this.engineRef.deleteWorkspace(workspace);\r\n  }\r\n\r\n  @Method()\r\n  async getWorkspaces(): Promise<KritzelWorkspace[]> {\r\n    return this.engineRef.getWorkspaces();\r\n  }\r\n\r\n  @Method()\r\n  async getActiveWorkspace(): Promise<KritzelWorkspace> {\r\n    return this.engineRef.getActiveWorkspace();\r\n  }\r\n\r\n  engineRef!: HTMLKritzelEngineElement;\r\n  controlsRef!: HTMLKritzelControlsElement;\r\n  splitButtonRef!: HTMLKritzelSplitButtonElement;\r\n\r\n  componentDidLoad() {\r\n    this.registerCustomSvgIcons();\r\n    this.listenForMobileKeyboard();\r\n    this.setOsSpecificCssVariables();\r\n  }\r\n\r\n  async checkIsReady() {\r\n    await customElements.whenDefined('kritzel-editor');\r\n    await customElements.whenDefined('kritzel-workspace-manager');\r\n    await customElements.whenDefined('kritzel-controls');\r\n    await customElements.whenDefined('kritzel-engine');\r\n\r\n    if (!this.isEngineReady || !this.isControlsReady || !this.isWorkspaceManagerReady) {\r\n      return;\r\n    }\r\n\r\n    this.isReady.emit(this.host);\r\n  }\r\n\r\n  onEngineReady(event: CustomEvent<KritzelEngineState>) {\r\n    this.isEngineReady = true;\r\n    this.activeWorkspace = event.detail.activeWorkspace;\r\n    this.workspaces = event.detail.workspaces;\r\n  }\r\n\r\n  handleWorkspacesChange(event: CustomEvent<KritzelWorkspace[]>) {\r\n    this.workspaces = event.detail;\r\n  }\r\n\r\n  handleObjectsChange(event: CustomEvent<KritzelBaseObject[]>) {\r\n    this.objectsChange.emit(event.detail);\r\n  }\r\n\r\n  handleUndoStateChange(event: CustomEvent<KritzelUndoState>) {\r\n    this.undoStateChange.emit(event.detail);\r\n    this.undoState = event.detail;\r\n  }\r\n\r\n  private registerCustomSvgIcons() {\r\n    for (const [name, svg] of Object.entries(this.customSvgIcons)) {\r\n      KritzelIconRegistry.register(name, svg);\r\n    }\r\n  }\r\n\r\n  private listenForMobileKeyboard() {\r\n    KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {\r\n      this.isVirtualKeyboardOpen = isOpen;\r\n    });\r\n  }\r\n\r\n  private setOsSpecificCssVariables() {\r\n    const os = KritzelDevicesHelper.detectOS();\r\n\r\n    switch (os) {\r\n      case 'iOS':\r\n        // iOS specific adjustments\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transition', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transform', 'translateY(200%)');\r\n        this.host.style.setProperty('--kritzel-editor-controls-transition-duration', '0.25s');\r\n        break;\r\n\r\n      case 'Android':\r\n        // Android specific adjustments\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '24px');\r\n        break;\r\n\r\n      default:\r\n        // Default for Windows/Linux\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');\r\n        this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');\r\n        break;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <kritzel-workspace-manager\r\n          workspaces={this.workspaces}\r\n          activeWorkspace={this.activeWorkspace}\r\n          onWorkspaceChange={event => (this.activeWorkspace = event.detail)}\r\n          onIsWorkspaceManagerReady={() => (this.isWorkspaceManagerReady = true)}\r\n        ></kritzel-workspace-manager>\r\n\r\n        <kritzel-engine\r\n          ref={el => (this.engineRef = el)}\r\n          workspace={this.activeWorkspace}\r\n          syncConfig={this.syncConfig}\r\n          scaleMax={this.scaleMax}\r\n          scaleMin={this.scaleMin}\r\n          globalContextMenuItems={this.globalContextMenuItems}\r\n          objectContextMenuItems={this.objectContextMenuItems}\r\n          onIsEngineReady={event => this.onEngineReady(event)}\r\n          onWorkspacesChange={event => this.handleWorkspacesChange(event)}\r\n          onObjectsChange={event => this.handleObjectsChange(event)}\r\n          onUndoStateChange={event => this.handleUndoStateChange(event)}\r\n        ></kritzel-engine>\r\n\r\n        <kritzel-controls\r\n          class={{ 'keyboard-open': this.isVirtualKeyboardOpen }}\r\n          style={{ display: this.isControlsVisible ? 'flex' : 'none' }}\r\n          ref={el => (this.controlsRef = el)}\r\n          controls={this.controls}\r\n          isUtilityPanelVisible={this.isUtilityPanelVisible}\r\n          undoState={this.undoState}\r\n          onIsControlsReady={() => (this.isControlsReady = true)}\r\n        ></kritzel-controls>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/kritzel-engine.js

@@ -1,4 +1,4 @@
-import { V as KritzelEngine$1, U as defineCustomElement$1 } from './p-f_ut_1_F.js';
+import { W as KritzelEngine$1, V as defineCustomElement$1 } from './p-D0UgEnEL.js';
 
 const KritzelEngine = KritzelEngine$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-icon.js

@@ -1,4 +1,4 @@
-import { a as KritzelIcon$1, d as defineCustomElement$1 } from './p-Cv4BGNPb.js';
+import { a as KritzelIcon$1, d as defineCustomElement$1 } from './p-CIts5Uma.js';
 
 const KritzelIcon = KritzelIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-menu-item.js

@@ -1,4 +1,4 @@
-import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-BoazmhlG.js';
+import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-C6-tSCMR.js';
 
 const KritzelMenuItem = KritzelMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-menu.js

@@ -1,4 +1,4 @@
-import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-BoazmhlG.js';
+import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-C6-tSCMR.js';
 
 const KritzelMenu = KritzelMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-split-button.js

@@ -1,4 +1,4 @@
-import { K as KritzelSplitButton$1, d as defineCustomElement$1 } from './p-BmdYFhLx.js';
+import { K as KritzelSplitButton$1, d as defineCustomElement$1 } from './p-nZdy-Ii5.js';
 
 const KritzelSplitButton = KritzelSplitButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-tooltip.js

@@ -1,4 +1,4 @@
-import { K as KritzelTooltip$1, d as defineCustomElement$1 } from './p-C1S1zPH-.js';
+import { K as KritzelTooltip$1, d as defineCustomElement$1 } from './p-DO4auCYf.js';
 
 const KritzelTooltip = KritzelTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-utility-panel.js

@@ -1,4 +1,4 @@
-import { K as KritzelUtilityPanel$1, d as defineCustomElement$1 } from './p-BSBMBjhq.js';
+import { K as KritzelUtilityPanel$1, d as defineCustomElement$1 } from './p-DGnDUmrk.js';
 
 const KritzelUtilityPanel = KritzelUtilityPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-workspace-manager.js

@@ -1,4 +1,4 @@
-import { K as KritzelWorkspaceManager$1, d as defineCustomElement$1 } from './p-CiM-IPaD.js';
+import { K as KritzelWorkspaceManager$1, d as defineCustomElement$1 } from './p-y25EBKEA.js';
 
 const KritzelWorkspaceManager = KritzelWorkspaceManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-Bwv1dxAB.js → p-BUsg2vtg.js}

@@ -14560,11 +14560,19 @@ class KritzelEventHelper {
         return !!contextMenu;
     }
     static onLongPress(event, onSuccess, onCancel) {
-        const longPressTimeout = 400;
-        const moveThreshold = 10;
+        if (event.pointerType !== 'touch') {
+            onCancel?.();
+            return () => { };
+        }
         const startX = event.clientX;
         const startY = event.clientY;
         const target = event.target;
+        if (!target) {
+            onCancel?.();
+            return () => { };
+        }
+        const longPressTimeout = 400;
+        const moveThreshold = 10;
         const timer = setTimeout(() => {
             removeListeners();
             onSuccess(event);
@@ -14884,6 +14892,6 @@ class KritzelTextTool extends KritzelBaseTool {
 }
 
 export { EditorView as E, KritzelText as K, Schema as S, TextSelection as T, KritzelPath as a, KritzelBrushTool as b, KritzelTextTool as c, KritzelKeyboardHelper as d, KritzelBaseObject as e, KritzelGeometryHelper as f, KritzelBaseTool as g, KritzelEventHelper as h, KritzelToolRegistry as i, addListNodes as j, EditorState as k, keymap as l, baseKeymap as m, schema as s };
-//# sourceMappingURL=p-Bwv1dxAB.js.map
+//# sourceMappingURL=p-BUsg2vtg.js.map
 
-//# sourceMappingURL=p-Bwv1dxAB.js.map
+//# sourceMappingURL=p-BUsg2vtg.js.map