microboard-temp 0.4.18 → 0.4.20

package/dist/microboard.css

@@ -0,0 +1 @@
+@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";:root{--background-surface-default:#fff;--background-button-secondary:#fff;--background-button-secondary-hover:#f7f7f8;--background-badge-purple-disabled:#f7f1fd;--background-badge-gray:#e9eaec;--background-accent-purple:#924fe8;--border-action-normal:#dedfe3;--border-action-focus:#924fe8;--border-select-primary:#924fe8;--text-base-primary:#14151a;--text-base-secondary:rgba(15,19,36,.6);--text-base-quaternary:rgba(10,15,41,.25);--text-accent-purple:#9859e9;--icon-base-primary:#14151a;--icon-base-secondary:#696b76;--icon-accent-purple:#924fe8;--absolute-position-panel-padding:12px}*{box-sizing:border-box;background:0 0;border:none;margin:0;padding:0;font-family:inherit}html{font-size:62.5%}body{color:var(--text-base-primary);font-optical-sizing:auto;font-family:Manrope,sans-serif;font-size:1.6rem;font-style:normal}html,body{overscroll-behavior-x:none;-webkit-user-select:none}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.microboard-quickAddButton{transform-origin:50%;z-index:2;background-color:#93aff6;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin:auto;padding:14px;transition:transform .2s,border 0s .2s;position:absolute;transform:translate(-50%,-50%)scale(.25)}.microboard-invisible{display:none}.microboard-quickAddButtonActive{background-color:#924fe8;border:none;transform:translate(-50%,-50%)scale(1)}.microboard-quickAddButton:after{content:"";opacity:1;-webkit-border-radius:50%;border-radius:50%;transition:all .2s .2s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(4)}.microboard-quickAddButtonActive:after{opacity:0;transform:none}.microboard-quickAddButton:before{content:"";--quick-add-button-width:17px;--quick-add-button-height:10px;width:var(--quick-add-button-width);height:var(--quick-add-button-height);opacity:0;transform-origin:50%;background:url("data:image/svg+xml;utf8,<svg width=\"var(--quick-add-button-width)\" height=\"var(--quick-add-button-height)\" viewBox=\"0 0 17 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.7593 5.00009L10.5339 9.58329L9.68819 8.30677L12.9245 5.83329H0.0415039V4.16663H12.9241L9.68819 1.69341L10.5339 0.416626L16.7593 5.00009Z\" fill=\"white\"/></svg>") no-repeat;transition:opacity .2s;position:absolute;top:35%;left:20%}.microboard-quickAddButtonActive:before{opacity:1}.microboard-quickAddButton.microboard-left:before{rotate:180deg}.microboard-quickAddButton.microboard-right:before{rotate:none}.microboard-quickAddButton.microboard-top:before{rotate:270deg}.microboard-quickAddButton.microboard-bottom:before{rotate:90deg}

package/dist/types/Board.d.ts

@@ -2,7 +2,7 @@ import { BoardOps, ItemsIndexRecord } from "BoardOperations";
 import { Camera } from "Camera";
 import { Events, Operation } from "Events";
 import { SyncBoardEvent } from "Events/Events";
-import { Item, ItemData, FrameData, Matrix, Mbr } from "Items";
+import { FrameData, Item, ItemData, Matrix, Mbr } from "Items";
 import { AINode } from "Items/AINode";
 import { DrawingContext } from "Items/DrawingContext";
 import { Group } from "Items/Group";
@@ -10,11 +10,11 @@ import { ImageItem } from "Items/Image";
 import { Keyboard } from "Keyboard";
 import { Pointer } from "Pointer";
 import { Presence } from "Presence/Presence";
+import { BoardSelection } from "Selection";
 import { SpatialIndex } from "SpatialIndex";
 import { Subject } from "Subject";
 import { Tools } from "Tools";
 import { ItemsMap } from "Validators";
-import { BoardSelection } from "Selection";
 import { ItemDataWithId } from "./Items/Item";
 export type InterfaceType = "edit" | "view" | "loading";
 export declare class Board {

package/dist/types/Items/Examples/CardGame/Dice/Dice.d.ts

@@ -25,7 +25,7 @@ export declare class Dice extends BaseItem {
     getPath(): Path;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
-    isClosed(): boolean;
+    getIsRotating(): boolean;
     private applyBackgroundColor;
     setBackgroundColor(backgroundColor: string): void;
     private applyBorderWidth;
@@ -37,7 +37,6 @@ export declare class Dice extends BaseItem {
         max: number;
     }): void;
     setValue(value: number): void;
-    setIsRotating(isRotating: boolean): void;
     throwDice(): void;
     apply(op: DiceOperation): void;
     startRotation(): void;

package/dist/types/Items/Examples/CardGame/Dice/DiceOperation.d.ts

@@ -1,7 +1,8 @@
 import { BaseOperation } from "Events/EventsOperations";
-export type DiceOperation = ChangeValue | ChangeValuesRange | SetIsRotating | SetBackgroundColor | SetBorderColor | SetBorderWidth;
+export type DiceOperation = ChangeValue | ChangeValuesRange | SetBackgroundColor | SetBorderColor | SetBorderWidth;
 interface ChangeValue extends BaseOperation<{
     value: number;
+    shouldRotate: boolean;
 }> {
     class: "Dice";
     method: "changeValue";
@@ -13,12 +14,6 @@ interface ChangeValuesRange extends BaseOperation<{
     class: "Dice";
     method: "changeValuesRange";
 }
-interface SetIsRotating extends BaseOperation<{
-    isRotating: boolean;
-}> {
-    class: "Dice";
-    method: "setIsRotating";
-}
 interface SetBackgroundColor extends BaseOperation<{
     backgroundColor: string;
 }> {

package/dist/types/Selection/QuickAddButtons/QuickAddButtons.d.ts

@@ -1,7 +1,8 @@
 import { Board } from "Board";
-import { Item, ConnectorData, Point } from "Items";
+import { ConnectorData, Item, Point } from "Items";
 import { DrawingContext } from "Items/DrawingContext";
 import { BoardSelection } from "Selection";
+import "./QuickAddButtons.css";
 export interface QuickAddButtons {
     clear: () => void;
     render: (context: DrawingContext) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.4.18",
+  "version": "0.4.20",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -20,7 +20,8 @@
         "require": "./dist/cjs/index.js"
       },
       "types": "./dist/types/index.d.ts"
-    }
+    },
+    "./style": "./dist/microboard.css"
   },
   "files": [
     "dist"
@@ -57,6 +58,7 @@
     "eslint": "^9.27.0",
     "i18next": "23.11.2",
     "i18next-browser-languagedetector": "7.2.1",
+    "lightningcss": "^1.30.1",
     "rbush": "^4.0.1",
     "rbush-knn": "^4.0.0",
     "react-i18next": "14.1.0",