npm - microboard-temp - Versions diffs - 0.14.45 → 0.14.47 - Mend

microboard-temp 0.14.45 → 0.14.47

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 (7) hide show

package/dist/cjs/browser.js CHANGED Viewed

@@ -35438,6 +35438,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -35457,6 +35458,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -50146,15 +50148,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -64510,16 +64504,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -64896,6 +64881,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -70199,14 +70203,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -70619,12 +70616,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -70665,7 +70657,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73920,6 +73912,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -74049,7 +74043,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -74072,7 +74066,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -78874,15 +78868,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/dist/cjs/index.js CHANGED Viewed

@@ -35438,6 +35438,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -35457,6 +35458,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -50146,15 +50148,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -64510,16 +64504,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -64896,6 +64881,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -70199,14 +70203,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -70619,12 +70616,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -70665,7 +70657,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73920,6 +73912,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -74049,7 +74043,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -74072,7 +74066,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -78874,15 +78868,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/dist/cjs/node.js CHANGED Viewed

@@ -36474,6 +36474,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -36493,6 +36494,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -52618,15 +52620,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -66983,16 +66977,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -67369,6 +67354,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -72672,14 +72676,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -73092,12 +73089,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -73138,7 +73130,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -76393,6 +76385,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -76522,7 +76516,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -76545,7 +76539,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -81347,15 +81341,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/dist/esm/browser.js CHANGED Viewed

@@ -35207,6 +35207,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -35226,6 +35227,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -49919,15 +49921,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -64283,16 +64277,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -64669,6 +64654,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -69972,14 +69976,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -70392,12 +70389,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -70438,7 +70430,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73693,6 +73685,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -73822,7 +73816,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -73845,7 +73839,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -78647,15 +78641,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/dist/esm/index.js CHANGED Viewed

@@ -35200,6 +35200,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -35219,6 +35220,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -49912,15 +49914,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -64276,16 +64270,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -64662,6 +64647,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -69965,14 +69969,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -70385,12 +70382,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -70431,7 +70423,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73686,6 +73678,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -73815,7 +73809,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -73838,7 +73832,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -78640,15 +78634,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/dist/esm/node.js CHANGED Viewed

@@ -35983,6 +35983,7 @@ function underline(ctx, textBlock) {
   const width = measure.width - (textBlock.marginLeft || 0);
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y + 2 * textBlock.fontSize / 14);
   ctx.lineTo(x + width, y + 2 * textBlock.fontSize / 14);
@@ -36002,6 +36003,7 @@ function cross(ctx, textBlock) {
   const height = measure.height;
   ctx.strokeStyle = resolveColor(style.color, conf.theme, "foreground");
   ctx.lineWidth = textBlock.fontSize / 14;
+  ctx.setLineDash([]);
   ctx.beginPath();
   ctx.moveTo(x, y - height / 4);
   ctx.lineTo(x + width, y - height / 4);
@@ -52379,15 +52381,7 @@ var CONNECTOR_POINTER_TYPES = [
 ];
 // src/Items/Connector/ConnectorOverlay.ts
-var COLOR_PALETTE = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF"
-];
+var COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var connectorAssetIcon = (file2) => overlayAssetIcon(`src/Items/Connector/icons/${file2}.icon.svg`);
 var lineStyleAssetIcons = {
   straight: connectorAssetIcon("LineStraight"),
@@ -66744,16 +66738,7 @@ function transformShape({
 }
 // src/Items/Shape/ShapeOverlay.ts
-var COLOR_PALETTE2 = [
-  "#111111",
-  "#FFFFFF",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE2 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var inlineShapeAsset = (folder, file2 = folder) => overlayAssetIcon(`src/Items/Shape/Basic/${folder}/${file2}.icon.svg`);
 var localShapeIcon = (file2) => overlayAssetIcon(`src/Items/Shape/icons/${file2}.icon.svg`);
 var shapeSymbolIcon = (key) => symbolIcon(key);
@@ -67130,6 +67115,25 @@ class Shape extends BaseItem {
     this.subject.publish(this);
   }
   onPropertyUpdated(property, value, prevValue) {
+    switch (property) {
+      case "shapeType":
+        this.initPath();
+        break;
+      case "backgroundOpacity":
+        this.path.setBackgroundOpacity(value);
+        break;
+      case "borderOpacity":
+        this.path.setBorderOpacity(value);
+        break;
+      case "borderStyle":
+        this.path.setBorderStyle(value);
+        break;
+      case "borderWidth":
+        this.path.setBorderWidth(value);
+        break;
+      default:
+        break;
+    }
     super.onPropertyUpdated(property, value, prevValue);
     this.saveShapeData();
   }
@@ -72433,14 +72437,7 @@ class AddDice extends ShapeTool {
 }
 // src/Items/Dice/DiceOverlay.ts
-var COLOR_PALETTE3 = [
-  "#FFFFFF",
-  "#111111",
-  "#FF4444",
-  "#44BB44",
-  "#4466FF",
-  "#FFDD00"
-];
+var COLOR_PALETTE3 = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
 var diceOverlay = {
   itemType: "Dice",
   actions: [
@@ -72853,12 +72850,7 @@ class AddPouch extends ShapeTool {
 }
 // src/Items/Screen/ScreenOverlay.ts
-var SCREEN_PALETTE = [
-  "#FFFFFF",
-  "#F0F0F0",
-  "#222222",
-  "transparent"
-];
+var SCREEN_PALETTE = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var screenOverlay = {
   itemType: "Screen",
   actions: [
@@ -72899,7 +72891,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -76154,6 +76146,8 @@ class Presence {
 }
 // src/Selection/SelectionOverlay.ts
+var SEMANTIC_COLOR_PALETTE = CONTRAST_PALETTE_LIST.map((pair) => pair.id);
+var SEMANTIC_HIGHLIGHT_PALETTE = ["transparent", ...SEMANTIC_COLOR_PALETTE];
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
@@ -76283,7 +76277,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontColor" },
       editor: {
         kind: "color",
-        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+        palette: SEMANTIC_COLOR_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontColor" }
     }
@@ -76306,7 +76300,7 @@ registerSelectionAction({
       valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
       editor: {
         kind: "color",
-        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+        palette: SEMANTIC_HIGHLIGHT_PALETTE
       },
       invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
     }
@@ -81108,15 +81102,7 @@ class AddConnector extends BoardTool {
 registerTool({ name: "AddConnector", tool: AddConnector, overlay: addConnectorToolOverlay });
 // src/Items/Drawing/DrawingOverlay.ts
-var COLOR_PALETTE4 = [
-  "#111111",
-  "#FF6B6B",
-  "#FFD166",
-  "#06D6A0",
-  "#118AB2",
-  "#7B61FF",
-  "transparent"
-];
+var COLOR_PALETTE4 = [...CONTRAST_PALETTE_LIST.map((pair) => pair.id), "transparent"];
 var strokeControls2 = [
   {
     id: "strokeColor",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.14.45",
+  "version": "0.14.47",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",