microboard-temp 0.5.19 → 0.5.20

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.
@@ -48639,6 +48639,21 @@ class Dice extends BaseItem {
48639
48639
  div.style.transformOrigin = "left top";
48640
48640
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
48641
48641
  div.style.position = "absolute";
48642
+ div.style.display = "flex";
48643
+ div.style.alignItems = "center";
48644
+ div.style.textAlign = "center";
48645
+ div.style.justifyContent = "center";
48646
+ const innerDiv = document.createElement("div");
48647
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
48648
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
48649
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
48650
+ const valueToRender = this.renderValues[this.valueIndex];
48651
+ if (typeof valueToRender === "number") {
48652
+ innerDiv.innerHTML = valueToRender.toString();
48653
+ } else {
48654
+ div.style.backgroundImage = `url(${valueToRender.src})`;
48655
+ }
48656
+ div.appendChild(innerDiv);
48642
48657
  return div;
48643
48658
  }
48644
48659
  }
package/dist/cjs/index.js CHANGED
@@ -48639,6 +48639,21 @@ class Dice extends BaseItem {
48639
48639
  div.style.transformOrigin = "left top";
48640
48640
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
48641
48641
  div.style.position = "absolute";
48642
+ div.style.display = "flex";
48643
+ div.style.alignItems = "center";
48644
+ div.style.textAlign = "center";
48645
+ div.style.justifyContent = "center";
48646
+ const innerDiv = document.createElement("div");
48647
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
48648
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
48649
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
48650
+ const valueToRender = this.renderValues[this.valueIndex];
48651
+ if (typeof valueToRender === "number") {
48652
+ innerDiv.innerHTML = valueToRender.toString();
48653
+ } else {
48654
+ div.style.backgroundImage = `url(${valueToRender.src})`;
48655
+ }
48656
+ div.appendChild(innerDiv);
48642
48657
  return div;
48643
48658
  }
48644
48659
  }
package/dist/cjs/node.js CHANGED
@@ -51112,6 +51112,21 @@ class Dice extends BaseItem {
51112
51112
  div.style.transformOrigin = "left top";
51113
51113
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
51114
51114
  div.style.position = "absolute";
51115
+ div.style.display = "flex";
51116
+ div.style.alignItems = "center";
51117
+ div.style.textAlign = "center";
51118
+ div.style.justifyContent = "center";
51119
+ const innerDiv = document.createElement("div");
51120
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
51121
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
51122
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
51123
+ const valueToRender = this.renderValues[this.valueIndex];
51124
+ if (typeof valueToRender === "number") {
51125
+ innerDiv.innerHTML = valueToRender.toString();
51126
+ } else {
51127
+ div.style.backgroundImage = `url(${valueToRender.src})`;
51128
+ }
51129
+ div.appendChild(innerDiv);
51115
51130
  return div;
51116
51131
  }
51117
51132
  }
@@ -48485,6 +48485,21 @@ class Dice extends BaseItem {
48485
48485
  div.style.transformOrigin = "left top";
48486
48486
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
48487
48487
  div.style.position = "absolute";
48488
+ div.style.display = "flex";
48489
+ div.style.alignItems = "center";
48490
+ div.style.textAlign = "center";
48491
+ div.style.justifyContent = "center";
48492
+ const innerDiv = document.createElement("div");
48493
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
48494
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
48495
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
48496
+ const valueToRender = this.renderValues[this.valueIndex];
48497
+ if (typeof valueToRender === "number") {
48498
+ innerDiv.innerHTML = valueToRender.toString();
48499
+ } else {
48500
+ div.style.backgroundImage = `url(${valueToRender.src})`;
48501
+ }
48502
+ div.appendChild(innerDiv);
48488
48503
  return div;
48489
48504
  }
48490
48505
  }
package/dist/esm/index.js CHANGED
@@ -48478,6 +48478,21 @@ class Dice extends BaseItem {
48478
48478
  div.style.transformOrigin = "left top";
48479
48479
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
48480
48480
  div.style.position = "absolute";
48481
+ div.style.display = "flex";
48482
+ div.style.alignItems = "center";
48483
+ div.style.textAlign = "center";
48484
+ div.style.justifyContent = "center";
48485
+ const innerDiv = document.createElement("div");
48486
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
48487
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
48488
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
48489
+ const valueToRender = this.renderValues[this.valueIndex];
48490
+ if (typeof valueToRender === "number") {
48491
+ innerDiv.innerHTML = valueToRender.toString();
48492
+ } else {
48493
+ div.style.backgroundImage = `url(${valueToRender.src})`;
48494
+ }
48495
+ div.appendChild(innerDiv);
48481
48496
  return div;
48482
48497
  }
48483
48498
  }
package/dist/esm/node.js CHANGED
@@ -50946,6 +50946,21 @@ class Dice extends BaseItem {
50946
50946
  div.style.transformOrigin = "left top";
50947
50947
  div.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
50948
50948
  div.style.position = "absolute";
50949
+ div.style.display = "flex";
50950
+ div.style.alignItems = "center";
50951
+ div.style.textAlign = "center";
50952
+ div.style.justifyContent = "center";
50953
+ const innerDiv = document.createElement("div");
50954
+ innerDiv.style.font = `bold ${this.getHeight() / 3}px sans-serif`;
50955
+ innerDiv.style.width = `${this.getHeight() / 3}px`;
50956
+ innerDiv.style.height = `${this.getHeight() / 3}px`;
50957
+ const valueToRender = this.renderValues[this.valueIndex];
50958
+ if (typeof valueToRender === "number") {
50959
+ innerDiv.innerHTML = valueToRender.toString();
50960
+ } else {
50961
+ div.style.backgroundImage = `url(${valueToRender.src})`;
50962
+ }
50963
+ div.appendChild(innerDiv);
50949
50964
  return div;
50950
50965
  }
50951
50966
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "microboard-temp",
3
- "version": "0.5.19",
3
+ "version": "0.5.20",
4
4
  "description": "A flexible interactive whiteboard library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",