microboard-temp 0.5.20 → 0.5.22

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.
@@ -48643,15 +48643,18 @@ class Dice extends BaseItem {
48643
48643
  div.style.alignItems = "center";
48644
48644
  div.style.textAlign = "center";
48645
48645
  div.style.justifyContent = "center";
48646
+ div.style.backgroundColor = "transparent";
48646
48647
  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`;
48648
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
48649
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
48650
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
48651
+ innerDiv.style.position = "relative";
48650
48652
  const valueToRender = this.renderValues[this.valueIndex];
48651
48653
  if (typeof valueToRender === "number") {
48652
48654
  innerDiv.innerHTML = valueToRender.toString();
48653
48655
  } else {
48654
- div.style.backgroundImage = `url(${valueToRender.src})`;
48656
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
48657
+ innerDiv.style.backgroundSize = "cover";
48655
48658
  }
48656
48659
  div.appendChild(innerDiv);
48657
48660
  return div;
package/dist/cjs/index.js CHANGED
@@ -48643,15 +48643,18 @@ class Dice extends BaseItem {
48643
48643
  div.style.alignItems = "center";
48644
48644
  div.style.textAlign = "center";
48645
48645
  div.style.justifyContent = "center";
48646
+ div.style.backgroundColor = "transparent";
48646
48647
  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`;
48648
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
48649
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
48650
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
48651
+ innerDiv.style.position = "relative";
48650
48652
  const valueToRender = this.renderValues[this.valueIndex];
48651
48653
  if (typeof valueToRender === "number") {
48652
48654
  innerDiv.innerHTML = valueToRender.toString();
48653
48655
  } else {
48654
- div.style.backgroundImage = `url(${valueToRender.src})`;
48656
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
48657
+ innerDiv.style.backgroundSize = "cover";
48655
48658
  }
48656
48659
  div.appendChild(innerDiv);
48657
48660
  return div;
package/dist/cjs/node.js CHANGED
@@ -51116,15 +51116,18 @@ class Dice extends BaseItem {
51116
51116
  div.style.alignItems = "center";
51117
51117
  div.style.textAlign = "center";
51118
51118
  div.style.justifyContent = "center";
51119
+ div.style.backgroundColor = "transparent";
51119
51120
  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`;
51121
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
51122
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
51123
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
51124
+ innerDiv.style.position = "relative";
51123
51125
  const valueToRender = this.renderValues[this.valueIndex];
51124
51126
  if (typeof valueToRender === "number") {
51125
51127
  innerDiv.innerHTML = valueToRender.toString();
51126
51128
  } else {
51127
- div.style.backgroundImage = `url(${valueToRender.src})`;
51129
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
51130
+ innerDiv.style.backgroundSize = "cover";
51128
51131
  }
51129
51132
  div.appendChild(innerDiv);
51130
51133
  return div;
@@ -48489,15 +48489,18 @@ class Dice extends BaseItem {
48489
48489
  div.style.alignItems = "center";
48490
48490
  div.style.textAlign = "center";
48491
48491
  div.style.justifyContent = "center";
48492
+ div.style.backgroundColor = "transparent";
48492
48493
  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`;
48494
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
48495
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
48496
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
48497
+ innerDiv.style.position = "relative";
48496
48498
  const valueToRender = this.renderValues[this.valueIndex];
48497
48499
  if (typeof valueToRender === "number") {
48498
48500
  innerDiv.innerHTML = valueToRender.toString();
48499
48501
  } else {
48500
- div.style.backgroundImage = `url(${valueToRender.src})`;
48502
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
48503
+ innerDiv.style.backgroundSize = "cover";
48501
48504
  }
48502
48505
  div.appendChild(innerDiv);
48503
48506
  return div;
package/dist/esm/index.js CHANGED
@@ -48482,15 +48482,18 @@ class Dice extends BaseItem {
48482
48482
  div.style.alignItems = "center";
48483
48483
  div.style.textAlign = "center";
48484
48484
  div.style.justifyContent = "center";
48485
+ div.style.backgroundColor = "transparent";
48485
48486
  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`;
48487
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
48488
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
48489
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
48490
+ innerDiv.style.position = "relative";
48489
48491
  const valueToRender = this.renderValues[this.valueIndex];
48490
48492
  if (typeof valueToRender === "number") {
48491
48493
  innerDiv.innerHTML = valueToRender.toString();
48492
48494
  } else {
48493
- div.style.backgroundImage = `url(${valueToRender.src})`;
48495
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
48496
+ innerDiv.style.backgroundSize = "cover";
48494
48497
  }
48495
48498
  div.appendChild(innerDiv);
48496
48499
  return div;
package/dist/esm/node.js CHANGED
@@ -50950,15 +50950,18 @@ class Dice extends BaseItem {
50950
50950
  div.style.alignItems = "center";
50951
50951
  div.style.textAlign = "center";
50952
50952
  div.style.justifyContent = "center";
50953
+ div.style.backgroundColor = "transparent";
50953
50954
  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`;
50955
+ innerDiv.style.font = `bold ${unscaledWidth / 3}px sans-serif`;
50956
+ innerDiv.style.width = `${unscaledWidth / 3}px`;
50957
+ innerDiv.style.height = `${unscaledHeight / 3}px`;
50958
+ innerDiv.style.position = "relative";
50957
50959
  const valueToRender = this.renderValues[this.valueIndex];
50958
50960
  if (typeof valueToRender === "number") {
50959
50961
  innerDiv.innerHTML = valueToRender.toString();
50960
50962
  } else {
50961
- div.style.backgroundImage = `url(${valueToRender.src})`;
50963
+ innerDiv.style.backgroundImage = `url(${valueToRender.src})`;
50964
+ innerDiv.style.backgroundSize = "cover";
50962
50965
  }
50963
50966
  div.appendChild(innerDiv);
50964
50967
  return div;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "microboard-temp",
3
- "version": "0.5.20",
3
+ "version": "0.5.22",
4
4
  "description": "A flexible interactive whiteboard library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",