@teachinglab/omd 0.5.4 → 0.5.5
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/canvas/ui/cursor.js +9 -9
- package/canvas/ui/toolbar.js +7 -7
- package/package.json +2 -1
package/canvas/ui/cursor.js
CHANGED
|
@@ -175,12 +175,12 @@ export class Cursor {
|
|
|
175
175
|
const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
|
|
176
176
|
group.setAttribute('data-shape', 'select');
|
|
177
177
|
|
|
178
|
-
//
|
|
178
|
+
// Classic arrow cursor for selection tool
|
|
179
179
|
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
180
|
-
path.setAttribute('d', 'M 2,2 L 2,
|
|
181
|
-
path.setAttribute('fill', '
|
|
182
|
-
path.setAttribute('stroke', '
|
|
183
|
-
path.setAttribute('stroke-width', '1');
|
|
180
|
+
path.setAttribute('d', 'M 2,2 L 2,16 L 7,11 L 10,18 L 12,17 L 9,10 L 16,10 Z');
|
|
181
|
+
path.setAttribute('fill', 'white');
|
|
182
|
+
path.setAttribute('stroke', '#000000');
|
|
183
|
+
path.setAttribute('stroke-width', '1.2');
|
|
184
184
|
path.setAttribute('stroke-linejoin', 'round');
|
|
185
185
|
|
|
186
186
|
group.appendChild(path);
|
|
@@ -198,10 +198,10 @@ export class Cursor {
|
|
|
198
198
|
|
|
199
199
|
// Standard arrow pointer cursor
|
|
200
200
|
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
201
|
-
path.setAttribute('d', 'M
|
|
202
|
-
path.setAttribute('fill', '
|
|
203
|
-
path.setAttribute('stroke', '
|
|
204
|
-
path.setAttribute('stroke-width', '1');
|
|
201
|
+
path.setAttribute('d', 'M 2,2 L 2,16 L 7,11 L 10,18 L 12,17 L 9,10 L 16,10 Z');
|
|
202
|
+
path.setAttribute('fill', 'white');
|
|
203
|
+
path.setAttribute('stroke', '#000000');
|
|
204
|
+
path.setAttribute('stroke-width', '1.2');
|
|
205
205
|
path.setAttribute('stroke-linejoin', 'round');
|
|
206
206
|
|
|
207
207
|
group.appendChild(path);
|
package/canvas/ui/toolbar.js
CHANGED
|
@@ -177,7 +177,7 @@ export class Toolbar {
|
|
|
177
177
|
_getToolIconSvg(toolName) {
|
|
178
178
|
const icons = {
|
|
179
179
|
'pointer': `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
180
|
-
<path d="M2 1L2
|
|
180
|
+
<path d="M2 1L2 12L5.5 8.5L7.5 13L9 12.5L7 8L12 8L2 1Z" fill="white" stroke="black" stroke-width="1" stroke-linejoin="round"/>
|
|
181
181
|
</svg>`,
|
|
182
182
|
'pencil': `<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
183
183
|
<path d="M13.3658 4.68008C13.7041 4.34179 13.8943 3.88294 13.8943 3.40447C13.8944 2.926 13.7044 2.4671 13.3661 2.12872C13.0278 1.79035 12.5689 1.60022 12.0905 1.60016C11.612 1.6001 11.1531 1.79011 10.8147 2.1284L2.27329 10.6718C2.12469 10.8199 2.0148 11.0023 1.95329 11.203L1.10785 13.9882C1.09131 14.0436 1.09006 14.1024 1.10423 14.1584C1.11841 14.2144 1.14748 14.2655 1.18836 14.3063C1.22924 14.3471 1.28041 14.3761 1.33643 14.3902C1.39246 14.4043 1.45125 14.403 1.50657 14.3863L4.29249 13.5415C4.49292 13.4806 4.67532 13.3713 4.82369 13.2234L13.3658 4.68008Z" stroke="black" stroke-width="1.28" stroke-linecap="round" stroke-linejoin="round"/>
|
|
@@ -188,12 +188,12 @@ export class Toolbar {
|
|
|
188
188
|
<path d="M3.07159 6.41772L8.72151 12.0676" stroke="black" stroke-width="1.28" stroke-linecap="round" stroke-linejoin="round"/>
|
|
189
189
|
</svg>`,
|
|
190
190
|
'select': `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
191
|
-
<rect x="
|
|
192
|
-
<
|
|
193
|
-
<circle cx="
|
|
194
|
-
<circle cx="
|
|
195
|
-
<circle cx="
|
|
196
|
-
<
|
|
191
|
+
<rect x="4" y="4" width="9" height="9" fill="rgba(0,123,255,0.15)" stroke="#007bff" stroke-width="1.2" stroke-dasharray="2,1"/>
|
|
192
|
+
<circle cx="4" cy="4" r="1.2" fill="white" stroke="#007bff" stroke-width="1"/>
|
|
193
|
+
<circle cx="13" cy="4" r="1.2" fill="white" stroke="#007bff" stroke-width="1"/>
|
|
194
|
+
<circle cx="4" cy="13" r="1.2" fill="white" stroke="#007bff" stroke-width="1"/>
|
|
195
|
+
<circle cx="13" cy="13" r="1.2" fill="white" stroke="#007bff" stroke-width="1"/>
|
|
196
|
+
<path d="M1 1L1 6.5L2.5 5L4 8.5L5 8L3.5 4.5L6 4.5L1 1Z" fill="black" stroke="white" stroke-width="0.5" stroke-linejoin="round"/>
|
|
197
197
|
</svg>`
|
|
198
198
|
};
|
|
199
199
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teachinglab/omd",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.5",
|
|
4
4
|
"description": "omd",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
"license": "MIT",
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@teachinglab/jsvg": "^0.1.1",
|
|
33
|
+
"@teachinglab/omd": "^0.5.4",
|
|
33
34
|
"mathjs": "^14.5.2"
|
|
34
35
|
},
|
|
35
36
|
"scripts": {
|