kritzel-stencil 0.0.151 → 0.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/kritzel-color_22.cjs.entry.js +5 -5
- package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +5 -5
- package/dist/collection/components/core/kritzel-engine/kritzel-engine.js.map +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/kritzel-editor.js +1 -1
- package/dist/components/kritzel-engine.js +1 -1
- package/dist/components/{p-D6oQxYXs.js → p-DIp1AvzL.js} +7 -7
- package/dist/components/p-DIp1AvzL.js.map +1 -0
- package/dist/esm/kritzel-color_22.entry.js +5 -5
- package/dist/stencil/{p-7d732b05.entry.js → p-76adbc98.entry.js} +2 -2
- package/dist/stencil/{p-7d732b05.entry.js.map → p-76adbc98.entry.js.map} +1 -1
- package/dist/stencil/stencil.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-D6oQxYXs.js.map +0 -1
|
@@ -19711,12 +19711,12 @@ const KritzelEngine = class {
|
|
|
19711
19711
|
width: object?.width.toString(),
|
|
19712
19712
|
position: 'absolute',
|
|
19713
19713
|
overflow: 'visible',
|
|
19714
|
-
}, viewBox: object?.viewBox }, h("path", { d: object?.d, fill: object.fill, stroke: object?.stroke, "shape-rendering":
|
|
19714
|
+
}, viewBox: object?.viewBox }, h("path", { d: object?.d, fill: object.fill, stroke: object?.stroke, "shape-rendering": "auto" }))), KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (h("img", { ref: el => object.mount(el), src: object.src, style: {
|
|
19715
19715
|
width: '100%',
|
|
19716
19716
|
height: '100%',
|
|
19717
19717
|
userSelect: 'none',
|
|
19718
19718
|
pointerEvents: 'none',
|
|
19719
|
-
imageRendering: this.core.store.state.isScaling ? 'pixelated' : 'auto',
|
|
19719
|
+
imageRendering: this.core.store.state.isScaling || this.core.store.state.isPanning ? 'pixelated' : 'auto',
|
|
19720
19720
|
}, draggable: false, onDragStart: e => e.preventDefault() })), KritzelClassHelper.isInstanceOf(object, 'KritzelText') && (h("div", { ref: el => object.mount(el), onPointerDown: e => object.handlePointerDown(e), onPointerMove: e => object.handlePointerMove(e), onPointerUp: e => object.handlePointerUp(e), style: {
|
|
19721
19721
|
minWidth: object.initialWidth + 'px',
|
|
19722
19722
|
minHeight: object.initialHeight + 'px',
|
|
@@ -19727,7 +19727,7 @@ const KritzelEngine = class {
|
|
|
19727
19727
|
transform: `scale(${object.scaleFactor})`,
|
|
19728
19728
|
backgroundColor: object.backgroundColor,
|
|
19729
19729
|
overflow: 'visible',
|
|
19730
|
-
textRendering: this.core.store.state.isScaling ? 'optimizeSpeed' : 'auto',
|
|
19730
|
+
textRendering: this.core.store.state.isScaling || this.core.store.state.isPanning ? 'optimizeSpeed' : 'auto',
|
|
19731
19731
|
} })), KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (h("div", { ref: el => object.mount(el), style: {
|
|
19732
19732
|
width: '100%',
|
|
19733
19733
|
height: '100%',
|
|
@@ -19785,7 +19785,7 @@ const KritzelEngine = class {
|
|
|
19785
19785
|
fill: 'transparent',
|
|
19786
19786
|
cursor: 'grab',
|
|
19787
19787
|
}, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("g", { style: { display: this.core.store.state.debugInfo.showObjectInfo ? 'block' : 'none', pointerEvents: 'none' } }, h("foreignObject", { x: object.totalWidth.toString(), y: "0", width: "400px", height: "160px", style: { minHeight: '0', minWidth: '0', display: object.isDebugInfoVisible ? 'block' : 'none' } }, h("div", { style: { width: '100%', height: '100%' } }, h("div", { style: { whitespace: 'nowrap' } }, "Id: ", object.id), h("div", { style: { whiteSpace: 'nowrap' } }, "width: ", object.width), h("div", { style: { whiteSpace: 'nowrap' } }, "height: ", object.height), h("div", { style: { whiteSpace: 'nowrap' } }, "translateX: ", object.translateX), h("div", { style: { whiteSpace: 'nowrap' } }, "translateY: ", object.translateY)))))));
|
|
19788
|
-
})), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '
|
|
19788
|
+
})), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: 'cd93542307cce6de36db2937a96345bb1c3b4861', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.selectionGroup?.objects || [], style: {
|
|
19789
19789
|
position: 'fixed',
|
|
19790
19790
|
left: `${this.core.store.state.contextMenuX}px`,
|
|
19791
19791
|
top: `${this.core.store.state.contextMenuY}px`,
|
|
@@ -19796,7 +19796,7 @@ const KritzelEngine = class {
|
|
|
19796
19796
|
y: (-this.core.store.state.translateY + this.core.store.state.contextMenuY) / this.core.store.state.scale,
|
|
19797
19797
|
}, this.core.store.selectionGroup?.objects);
|
|
19798
19798
|
this.hideContextMenu();
|
|
19799
|
-
}, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: '
|
|
19799
|
+
}, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: 'c6f59b5b0999eeb4bac270a0c1085ed898cdad78', core: this.core })));
|
|
19800
19800
|
}
|
|
19801
19801
|
static get watchers() { return {
|
|
19802
19802
|
"workspace": ["onWorkspaceChange"],
|