kritzel-stencil 0.0.155 → 0.0.156

package/dist/collection/classes/tools/text-tool.class.js

@@ -1,108 +0,0 @@
-import { KritzelText } from "../objects/text.class";
-import { KritzelBaseTool } from "./base-tool.class";
-import { KritzelEventHelper } from "../../helpers/event.helper";
-import { KritzelToolRegistry } from "../registries/tool.registry";
-export class KritzelTextTool extends KritzelBaseTool {
-    fontFamily = 'Arial';
-    fontSize = 16;
-    fontColor = '#000000';
-    palette = [
-        '#000000',
-        '#FFFFFF',
-        '#FF0000',
-        '#00FF00',
-        '#0000FF',
-        '#FFFF00',
-        '#FF00FF',
-        '#00FFFF',
-        '#808080',
-        '#C0C0C0',
-        '#800000',
-        '#008000',
-        '#000080',
-        '#808000',
-        '#800080',
-    ];
-    constructor(core) {
-        super(core);
-    }
-    handlePointerDown(event) {
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        if (event.pointerType === 'mouse') {
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._core.findObjectById(objectElement?.id);
-            const activeText = this._core.store.activeText;
-            if (activeText === null && object instanceof KritzelText) {
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText) {
-                activeText.save();
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText === false) {
-                this._core.resetActiveText();
-                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (KritzelEventHelper.isLeftClick(event) === false) {
-                return;
-            }
-            const clientX = event.clientX - this._core.store.offsetX;
-            const clientY = event.clientY - this._core.store.offsetY;
-            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-            text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
-            this._core.rerender();
-            text.edit(event);
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._core.store.state.pointers.values());
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._core.findObjectById(objectElement?.id);
-            const activeText = this._core.store.activeText;
-            if (activeText === null && object instanceof KritzelText) {
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText) {
-                activeText.save();
-                object.edit(event);
-                return;
-            }
-            if (activeText !== null && object instanceof KritzelText === false) {
-                this._core.resetActiveText();
-                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (activePointers.length > 1) {
-                return;
-            }
-            const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);
-            const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);
-            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
-            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
-            text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
-            this._core.rerender();
-            text.edit(event);
-        }
-    }
-    handlePointerUp(event) {
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        this._core.store.activeText?.edit(event);
-    }
-}
-//# sourceMappingURL=text-tool.class.js.map

package/dist/collection/classes/tools/text-tool.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-tool.class.js","sourceRoot":"","sources":["../../../src/classes/tools/text-tool.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelText } from '../objects/text.class';\r\nimport { KritzelBaseTool } from './base-tool.class';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelToolRegistry } from '../registries/tool.registry';\r\nimport { KritzelCore } from '../core/core.class';\r\n\r\nexport class KritzelTextTool extends KritzelBaseTool {\r\n  fontFamily: string = 'Arial';\r\n  fontSize: number = 16;\r\n  fontColor: string = '#000000';\r\n\r\n  palette: string[] = [\r\n    '#000000',\r\n    '#FFFFFF',\r\n    '#FF0000',\r\n    '#00FF00',\r\n    '#0000FF',\r\n    '#FFFF00',\r\n    '#FF00FF',\r\n    '#00FFFF',\r\n    '#808080',\r\n    '#C0C0C0',\r\n    '#800000',\r\n    '#008000',\r\n    '#000080',\r\n    '#808000',\r\n    '#800080',\r\n  ];\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.cancelable) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    if (event.pointerType === 'mouse') {\r\n      const path = event.composedPath().slice(1) as HTMLElement[];\r\n      const objectElement = path.find(element => element.classList && element.classList.contains('object'));\r\n      const object = this._core.findObjectById(objectElement?.id);\r\n\r\n      const activeText = this._core.store.activeText;\r\n\r\n      if (activeText === null && object instanceof KritzelText) {\r\n        object.edit(event);\r\n        return;\r\n      }\r\n\r\n      if (activeText !== null && object instanceof KritzelText) {\r\n        activeText.save();\r\n        object.edit(event);\r\n        return;\r\n      }\r\n\r\n      if (activeText !== null && object instanceof KritzelText === false) {\r\n        this._core.resetActiveText();\r\n        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n        return;\r\n      }\r\n\r\n      if (KritzelEventHelper.isLeftClick(event) === false) {\r\n        return;\r\n      }\r\n\r\n      const clientX = event.clientX - this._core.store.offsetX;\r\n      const clientY = event.clientY - this._core.store.offsetY;\r\n      const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);\r\n\r\n      text.fontColor = this.fontColor;\r\n      text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n      text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n      text.zIndex = this._core.store.currentZIndex;\r\n\r\n      this._core.store.state.objects.insert(text);\r\n\r\n      this._core.rerender();\r\n\r\n      text.edit(event);\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n\r\n      const path = event.composedPath().slice(1) as HTMLElement[];\r\n      const objectElement = path.find(element => element.classList && element.classList.contains('object'));\r\n      const object = this._core.findObjectById(objectElement?.id);\r\n\r\n      const activeText = this._core.store.activeText;\r\n\r\n      if (activeText === null && object instanceof KritzelText) {\r\n        object.edit(event);\r\n        return;\r\n      }\r\n\r\n      if (activeText !== null && object instanceof KritzelText) {\r\n        activeText.save();\r\n        object.edit(event);\r\n        return;\r\n      }\r\n\r\n      if (activeText !== null && object instanceof KritzelText === false) {\r\n        this._core.resetActiveText();\r\n        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n        return;\r\n      }\r\n\r\n      if (activePointers.length > 1) {\r\n        return;\r\n      }\r\n\r\n      const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);\r\n      const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);\r\n      const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);\r\n\r\n      text.fontColor = this.fontColor;\r\n      text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n      text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n      text.zIndex = this._core.store.currentZIndex;\r\n\r\n      this._core.store.state.objects.insert(text);\r\n\r\n      this._core.rerender();\r\n\r\n      text.edit(event);\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent): void {\r\n    if (event.cancelable) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    this._core.store.activeText?.edit(event);\r\n  }\r\n}\r\n"]}

package/dist/collection/collection-manifest.json

@@ -1,34 +0,0 @@
-{
-  "entries": [
-    "components/shared/kritzel-dropdown/kritzel-dropdown.js",
-    "components/shared/kritzel-brush-style/kritzel-brush-style.js",
-    "components/core/kritzel-engine/kritzel-engine.js",
-    "components/ui/kritzel-context-menu/kritzel-context-menu.js",
-    "components/shared/kritzel-font-family/kritzel-font-family.js",
-    "components/core/kritzel-cursor-trail/kritzel-cursor-trail.js",
-    "components/core/kritzel-editor/kritzel-editor.js",
-    "components/shared/kritzel-color/kritzel-color.js",
-    "components/shared/kritzel-color-palette/kritzel-color-palette.js",
-    "components/shared/kritzel-font/kritzel-font.js",
-    "components/shared/kritzel-font-size/kritzel-font-size.js",
-    "components/shared/kritzel-icon/kritzel-icon.js",
-    "components/shared/kritzel-menu/kritzel-menu.js",
-    "components/shared/kritzel-menu-item/kritzel-menu-item.js",
-    "components/shared/kritzel-portal/kritzel-portal.js",
-    "components/shared/kritzel-split-button/kritzel-split-button.js",
-    "components/shared/kritzel-stroke-size/kritzel-stroke-size.js",
-    "components/shared/kritzel-tooltip/kritzel-tooltip.js",
-    "components/ui/kritzel-control-brush-config/kritzel-control-brush-config.js",
-    "components/ui/kritzel-control-text-config/kritzel-control-text-config.js",
-    "components/ui/kritzel-controls/kritzel-controls.js",
-    "components/ui/kritzel-utility-panel/kritzel-utility-panel.js",
-    "components/ui/kritzel-workspace-manager/kritzel-workspace-manager.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "4.38.3",
-    "typescriptVersion": "5.9.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.css

@@ -1,10 +0,0 @@
-:host {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  pointer-events: none;
-  z-index: 9000;
-}

package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.js

@@ -1,153 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { KritzelMouseButton } from "../../../enums/event-button.enum";
-export class KritzelCursorTrail {
-    core;
-    cursorTrailPoints = [];
-    isLeftButtonDown = false;
-    handleMouseDown(ev) {
-        if (ev.pointerType === 'mouse') {
-            if (ev.button === KritzelMouseButton.Left) {
-                this.isLeftButtonDown = true;
-                this.cursorTrailPoints = [];
-            }
-        }
-        if (ev.pointerType === 'touch') {
-            if (this.core.store.state.pointers.size === 1) {
-                this.isLeftButtonDown = true;
-                this.cursorTrailPoints = [];
-            }
-        }
-    }
-    handlePointerMove(ev) {
-        if (!this.isLeftButtonDown) {
-            return;
-        }
-        const newPoint = { x: ev.clientX, y: ev.clientY, timestamp: Date.now() };
-        const updatedTrail = [newPoint, ...this.cursorTrailPoints];
-        if (updatedTrail.length > this.MAX_TRAIL_POINTS) {
-            this.cursorTrailPoints = updatedTrail.slice(0, this.MAX_TRAIL_POINTS);
-        }
-        else {
-            this.cursorTrailPoints = updatedTrail;
-        }
-    }
-    handlePointerUp(ev) {
-        if (ev.pointerType === 'mouse') {
-            if (ev.button === KritzelMouseButton.Left) {
-                this.isLeftButtonDown = false;
-                this.cursorTrailPoints = [];
-            }
-        }
-        if (ev.pointerType === 'touch') {
-            if (this.core.store.state.pointers.size === 0) {
-                this.isLeftButtonDown = false;
-                this.cursorTrailPoints = [];
-            }
-        }
-    }
-    trailCleanupIntervalId;
-    TRAIL_DURATION_MS = 100;
-    MAX_TRAIL_POINTS = 50;
-    componentDidLoad() {
-        this.trailCleanupIntervalId = window.setInterval(() => {
-            const now = Date.now();
-            const newTrailPoints = this.cursorTrailPoints.filter(p => now - p.timestamp < this.TRAIL_DURATION_MS);
-            if (newTrailPoints.length !== this.cursorTrailPoints.length) {
-                this.cursorTrailPoints = newTrailPoints;
-            }
-        }, 50);
-    }
-    disconnectedCallback() {
-        if (this.trailCleanupIntervalId) {
-            window.clearInterval(this.trailCleanupIntervalId);
-        }
-    }
-    render() {
-        return (h(Host, { key: '10ef620f19d72a8a5c3a12d0d98686bc69308a30' }, this.cursorTrailPoints.length > 1 && (h("svg", { key: 'd03403051e53422aaa28d6360aaa9c0391e3ef6a', class: "cursor-trail-svg", xmlns: "http://www.w3.org/2000/svg", style: {
-                position: 'absolute',
-                left: '0',
-                top: '0',
-                width: '100%',
-                height: '100%',
-                pointerEvents: 'none',
-                opacity: 'var(--kritzel-cursor-trail-opacity, 0.6)',
-                zIndex: '9000',
-            } }, this.cursorTrailPoints.slice(1).map((point, index) => {
-            const prevPoint = this.cursorTrailPoints[index];
-            const now = Date.now();
-            const age = now - point.timestamp;
-            const progress = Math.max(0, Math.min(1, age / this.TRAIL_DURATION_MS));
-            if (progress >= 1)
-                return null;
-            const baseStrokeWidth = Math.max(2, 15 * (1 - progress));
-            return (h("line", { key: `trail-segment-${point.timestamp}`, x1: prevPoint.x.toString(), y1: prevPoint.y.toString(), x2: point.x.toString(), y2: point.y.toString(), stroke: "var(--kritzel-cursor-trail-color, rgb(228, 228, 228))", "stroke-width": baseStrokeWidth.toString(), "stroke-linecap": "round" }));
-        })))));
-    }
-    static get is() { return "kritzel-cursor-trail"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["kritzel-cursor-trail.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["kritzel-cursor-trail.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "core": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "KritzelCore",
-                    "resolved": "KritzelCore",
-                    "references": {
-                        "KritzelCore": {
-                            "location": "import",
-                            "path": "../../../classes/core/core.class",
-                            "id": "src/classes/core/core.class.ts::KritzelCore"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "cursorTrailPoints": {},
-            "isLeftButtonDown": {}
-        };
-    }
-    static get listeners() {
-        return [{
-                "name": "pointerdown",
-                "method": "handleMouseDown",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }, {
-                "name": "pointermove",
-                "method": "handlePointerMove",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }, {
-                "name": "pointerup",
-                "method": "handlePointerUp",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }];
-    }
-}
-//# sourceMappingURL=kritzel-cursor-trail.js.map

package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kritzel-cursor-trail.js","sourceRoot":"","sources":["../../../../src/components/core/kritzel-cursor-trail/kritzel-cursor-trail.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Listen, Prop, State, h } from '@stencil/core';\r\nimport { KritzelMouseButton } from '../../../enums/event-button.enum';\r\nimport { KritzelCore } from '../../../classes/core/core.class';\r\n\r\n@Component({\r\n  tag: 'kritzel-cursor-trail',\r\n  styleUrl: 'kritzel-cursor-trail.css',\r\n  shadow: true,\r\n})\r\nexport class KritzelCursorTrail {\r\n  @Prop() core: KritzelCore;\r\n\r\n  @State() cursorTrailPoints: Array<{ x: number; y: number; timestamp: number }> = [];\r\n  @State() isLeftButtonDown: boolean = false;\r\n\r\n  @Listen('pointerdown', { target: 'window', passive: true })\r\n  handleMouseDown(ev: PointerEvent) {\r\n    if (ev.pointerType === 'mouse') {\r\n      if (ev.button === KritzelMouseButton.Left) {\r\n        this.isLeftButtonDown = true;\r\n        this.cursorTrailPoints = [];\r\n      }\r\n    }\r\n\r\n    if (ev.pointerType === 'touch') {\r\n      if (this.core.store.state.pointers.size === 1) {\r\n        this.isLeftButtonDown = true;\r\n        this.cursorTrailPoints = [];\r\n      }\r\n    }\r\n  }\r\n\r\n  @Listen('pointermove', { target: 'window', passive: true })\r\n  handlePointerMove(ev: PointerEvent) {\r\n    if (!this.isLeftButtonDown) {\r\n      return;\r\n    }\r\n    const newPoint = { x: ev.clientX, y: ev.clientY, timestamp: Date.now() };\r\n    const updatedTrail = [newPoint, ...this.cursorTrailPoints];\r\n    if (updatedTrail.length > this.MAX_TRAIL_POINTS) {\r\n      this.cursorTrailPoints = updatedTrail.slice(0, this.MAX_TRAIL_POINTS);\r\n    } else {\r\n      this.cursorTrailPoints = updatedTrail;\r\n    }\r\n  }\r\n\r\n  @Listen('pointerup', { target: 'window', passive: true })\r\n  handlePointerUp(ev: PointerEvent) {\r\n    if (ev.pointerType === 'mouse') {\r\n      if (ev.button === KritzelMouseButton.Left) {\r\n        this.isLeftButtonDown = false;\r\n        this.cursorTrailPoints = [];\r\n      }\r\n    }\r\n\r\n    if (ev.pointerType === 'touch') {\r\n      if (this.core.store.state.pointers.size === 0) {\r\n        this.isLeftButtonDown = false;\r\n        this.cursorTrailPoints = [];\r\n      }\r\n    }\r\n  }\r\n\r\n  private trailCleanupIntervalId: number;\r\n\r\n  private readonly TRAIL_DURATION_MS = 100;\r\n\r\n  private readonly MAX_TRAIL_POINTS = 50;\r\n\r\n  componentDidLoad() {\r\n    this.trailCleanupIntervalId = window.setInterval(() => {\r\n      const now = Date.now();\r\n      const newTrailPoints = this.cursorTrailPoints.filter(p => now - p.timestamp < this.TRAIL_DURATION_MS);\r\n      if (newTrailPoints.length !== this.cursorTrailPoints.length) {\r\n        this.cursorTrailPoints = newTrailPoints;\r\n      }\r\n    }, 50);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.trailCleanupIntervalId) {\r\n      window.clearInterval(this.trailCleanupIntervalId);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        {this.cursorTrailPoints.length > 1 && (\r\n          <svg\r\n            class=\"cursor-trail-svg\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={{\r\n              position: 'absolute',\r\n              left: '0',\r\n              top: '0',\r\n              width: '100%',\r\n              height: '100%',\r\n              pointerEvents: 'none',\r\n              opacity: 'var(--kritzel-cursor-trail-opacity, 0.6)',\r\n              zIndex: '9000',\r\n            }}\r\n          >\r\n            {this.cursorTrailPoints.slice(1).map((point, index) => {\r\n              const prevPoint = this.cursorTrailPoints[index];\r\n              const now = Date.now();\r\n              const age = now - point.timestamp;\r\n              const progress = Math.max(0, Math.min(1, age / this.TRAIL_DURATION_MS));\r\n\r\n              if (progress >= 1) return null;\r\n\r\n              const baseStrokeWidth = Math.max(2, 15 * (1 - progress));\r\n\r\n              return (\r\n                <line\r\n                  key={`trail-segment-${point.timestamp}`}\r\n                  x1={prevPoint.x.toString()}\r\n                  y1={prevPoint.y.toString()}\r\n                  x2={point.x.toString()}\r\n                  y2={point.y.toString()}\r\n                  stroke=\"var(--kritzel-cursor-trail-color, rgb(228, 228, 228))\"\r\n                  stroke-width={baseStrokeWidth.toString()}\r\n                  stroke-linecap=\"round\"\r\n                />\r\n              );\r\n            })}\r\n          </svg>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1,34 +0,0 @@
-kritzel-editor{
-  display: flex;
-  margin: 0;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  touch-action: manipulation;
-  user-select: none;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;           
-}
-
-kritzel-workspace-manager {
-  position: absolute;
-  top: var(--kritzel-editor-workspace-manager-top, 14px);
-  left: var(--kritzel-editor-workspace-manager-left, 14px);
-}
-
-kritzel-controls {
-  position: absolute;
-  bottom: var(--kritzel-editor-controls-bottom, 14px);
-  transition: transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out);
-}
-
-kritzel-controls.keyboard-open {
-  transform: var(--kritzel-editor-controls-transform, translateY(300%));
-}