npm - microboard-temp - Versions diffs - 0.14.46 → 0.14.48 - Mend

microboard-temp 0.14.46 → 0.14.48

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"),
@@ -50189,11 +50183,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -64569,8 +64554,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -70218,14 +70202,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: [
@@ -70638,12 +70615,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: [
@@ -70684,7 +70656,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73939,6 +73911,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?.());
 }
@@ -74068,7 +74042,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" }
     }
@@ -74091,7 +74065,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" }
     }
@@ -78893,15 +78867,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"),
@@ -50189,11 +50183,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -64569,8 +64554,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -70218,14 +70202,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: [
@@ -70638,12 +70615,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: [
@@ -70684,7 +70656,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73939,6 +73911,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?.());
 }
@@ -74068,7 +74042,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" }
     }
@@ -74091,7 +74065,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" }
     }
@@ -78893,15 +78867,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"),
@@ -52661,11 +52655,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -67042,8 +67027,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -72691,14 +72675,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: [
@@ -73111,12 +73088,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: [
@@ -73157,7 +73129,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -76412,6 +76384,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?.());
 }
@@ -76541,7 +76515,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" }
     }
@@ -76564,7 +76538,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" }
     }
@@ -81366,15 +81340,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"),
@@ -49962,11 +49956,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -64342,8 +64327,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -69991,14 +69975,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: [
@@ -70411,12 +70388,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: [
@@ -70457,7 +70429,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73712,6 +73684,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?.());
 }
@@ -73841,7 +73815,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" }
     }
@@ -73864,7 +73838,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" }
     }
@@ -78666,15 +78640,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"),
@@ -49955,11 +49949,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -64335,8 +64320,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -69984,14 +69968,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: [
@@ -70404,12 +70381,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: [
@@ -70450,7 +70422,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -73705,6 +73677,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?.());
 }
@@ -73834,7 +73808,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" }
     }
@@ -73857,7 +73831,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" }
     }
@@ -78659,15 +78633,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"),
@@ -52422,11 +52416,11 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
   value: pointer,
   icon: pointerAssetIcons[pointer]
 }));
-var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
+var borderStyleOptions = ["solid", "dot", "dash"].map((style) => ({
   id: style,
   label: style,
   value: style,
-  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : style === "dash" ? "src/Items/Shape/icons/StrokeDash.icon.svg" : "src/Items/Shape/icons/StrokeLongDash.icon.svg")
+  icon: overlayAssetIcon(style === "solid" ? "src/Items/Shape/icons/StrokeSolid.icon.svg" : style === "dot" ? "src/Items/Shape/icons/StrokeDot.icon.svg" : "src/Items/Shape/icons/StrokeDash.icon.svg")
 }));
 var connectorStyleControls = [
   {
@@ -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);
@@ -66803,8 +66788,7 @@ var SHAPE_CATALOG_OPTIONS = [
 var BORDER_STYLE_OPTIONS = [
   { id: "solid", label: "Solid", value: "solid", icon: localShapeIcon("StrokeSolid") },
   { id: "dot", label: "Dot", value: "dot", icon: localShapeIcon("StrokeDot") },
-  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") },
-  { id: "long-dash", label: "Long dash", value: "longDash", icon: localShapeIcon("StrokeLongDash") }
+  { id: "dash", label: "Dash", value: "dash", icon: localShapeIcon("StrokeDash") }
 ];
 var shapeTypeControl = {
   id: "shapeType",
@@ -72452,14 +72436,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: [
@@ -72872,12 +72849,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: [
@@ -72918,7 +72890,7 @@ var screenOverlay = {
           valueSource: { kind: "itemProperty", property: "borderColor" },
           editor: {
             kind: "color",
-            palette: ["#000000", "#FFFFFF", "#888888", "transparent"],
+            palette: SCREEN_PALETTE,
             allowTransparent: true,
             presentation: "square"
           },
@@ -76173,6 +76145,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?.());
 }
@@ -76302,7 +76276,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" }
     }
@@ -76325,7 +76299,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" }
     }
@@ -81127,15 +81101,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.46",
+  "version": "0.14.48",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",