@pie-players/pie-tool-ruler 0.3.20 → 0.3.21

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.
Files changed (4) hide show
  1. package/dist/{dist-BIgX-aC4.js → dist-Bud4G4lv.js} +75 -57
  2. package/dist/tool-ruler.js +1973 -1965
  3. package/package.json +4 -4
  4. package/tool-ruler.svelte +6 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-players/pie-tool-ruler",
3
- "version": "0.3.20",
3
+ "version": "0.3.21",
4
4
  "type": "module",
5
5
  "description": "Ruler measurement tool for PIE assessment player",
6
6
  "repository": {
@@ -42,9 +42,9 @@
42
42
  "unpkg": "./dist/tool-ruler.js",
43
43
  "jsdelivr": "./dist/tool-ruler.js",
44
44
  "dependencies": {
45
- "@pie-players/pie-assessment-toolkit": "0.3.20",
46
- "@pie-players/pie-context": "0.3.20",
47
- "@pie-players/pie-players-shared": "0.3.20",
45
+ "@pie-players/pie-assessment-toolkit": "0.3.21",
46
+ "@pie-players/pie-context": "0.3.21",
47
+ "@pie-players/pie-players-shared": "0.3.21",
48
48
  "moveable": "^0.53.0"
49
49
  },
50
50
  "types": "./dist/index.d.ts",
package/tool-ruler.svelte CHANGED
@@ -100,6 +100,10 @@
100
100
  // Associate the moveable instance with the tool ID
101
101
  const controlBox = moveable.getControlBoxElement();
102
102
  controlBox?.setAttribute('data-moveablejs-tool-control-box', toolId);
103
+ const surface = containerEl.getAttribute('data-pie-tool-surface');
104
+ if (surface) {
105
+ controlBox?.setAttribute('data-pie-tool-surface', surface);
106
+ }
103
107
 
104
108
  moveable.on('drag', ({ target, transform }) => {
105
109
  if (target) {
@@ -354,11 +358,6 @@
354
358
  width: 540px; /* Matching production implementation frame width */
355
359
  }
356
360
 
357
- .pie-tool-ruler:focus {
358
- outline: 3px solid var(--pie-button-focus-outline, var(--pie-primary, #4A90E2));
359
- outline-offset: 2px;
360
- }
361
-
362
361
  .pie-tool-ruler:focus-visible {
363
362
  outline: 3px solid var(--pie-button-focus-outline, var(--pie-primary, #4A90E2));
364
363
  outline-offset: 2px;
@@ -431,8 +430,8 @@
431
430
 
432
431
  /* Moveable.js control styling (matching production implementation) */
433
432
  /* Production implementation uses black (--moveable-color: #000) globally, not red for ruler */
434
- :global(body .moveable-control-box[data-moveablejs-tool-control-box="ruler"]) {
435
- --moveable-color: #000; /* Black, matching production implementation default */
433
+ :global(body .moveable-control-box[data-pie-tool-surface="frameless"]) {
434
+ --moveable-color: transparent;
436
435
  z-index: 2003; /* ZIndexLayer.CONTROL */
437
436
  }
438
437