kritzel-stencil 0.0.157 → 0.0.159

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

@@ -0,0 +1 @@
+{"version":3,"file":"kritzel-editor.js","sourceRoot":"","sources":["../../../../src/components/core/kritzel-editor/kritzel-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["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 { 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 { KritzelTextTool } from '../../../classes/tools/text-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_TEXT_CONFIG } from '../../../configs/default-text-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: '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: 'image',\r\n      type: 'tool',\r\n      tool: KritzelImageTool,\r\n      icon: 'image',\r\n    },\r\n    {\r\n      name: 'divider',\r\n      type: 'divider',\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"]}

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

@@ -0,0 +1,73 @@
+:host {
+  display: block;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background-color: var(--kritzel-engine-background-color, #ffffff);
+}
+
+:host,
+:host * {
+  touch-action: none;
+  user-select: none;
+}
+
+.ProseMirror {
+  outline: none;
+}
+
+p, h1, h2, h3, h4, h5, h6, blockquote, pre {
+  margin: 0;
+  padding: 0;
+}
+
+.debug-panel {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  right: 0;
+}
+
+.origin {
+  position: relative;
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 0;
+  pointer-events: none;
+  -webkit-transform-origin: top left;
+  -moz-transform-origin: top left;
+  transform-origin: top left;
+  overflow: visible;
+}
+
+.object {
+  overflow: visible;
+}
+
+.resize-handle-overlay.top-left,
+.resize-handle-overlay.bottom-right {
+  cursor: nwse-resize;
+}
+
+.resize-handle-overlay.top-right,
+.resize-handle-overlay.bottom-left {
+  cursor: nesw-resize;
+}
+
+.rotation-handle-overlay {
+  cursor: grab;
+}
+
+.PlaygroundEditorTheme__quote {
+  margin: 0;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  font-size: 15px;
+  color: rgb(101, 103, 107);
+  border-left-color: rgb(206, 208, 212);
+  border-left-width: 4px;
+  border-left-style: solid;
+  padding-left: 16px;
+}