microboard-temp 0.13.2 → 0.13.3
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.
- package/dist/cjs/browser.js +5 -2
- package/dist/cjs/index.js +5 -2
- package/dist/cjs/node.js +5 -2
- package/dist/esm/browser.js +5 -2
- package/dist/esm/index.js +5 -2
- package/dist/esm/node.js +5 -2
- package/package.json +1 -1
package/dist/cjs/browser.js
CHANGED
|
@@ -41064,14 +41064,17 @@ class Frame2 extends BaseItem {
|
|
|
41064
41064
|
this.path = Frames[this.shapeType].path.copy();
|
|
41065
41065
|
this.transformation = new Transformation(this.id, board.events);
|
|
41066
41066
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
41067
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
41067
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
41068
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
41068
41069
|
this.text.setSelectionHorisontalAlignment("left");
|
|
41070
|
+
this.textContainer.top = -25;
|
|
41071
|
+
this.textContainer.bottom = -2;
|
|
41069
41072
|
this.text.customTransformationMatrix = () => {
|
|
41070
41073
|
const matrix = this.transformation.toMatrix();
|
|
41071
41074
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
41072
41075
|
};
|
|
41073
41076
|
this.text.renderingScale = (cameraScale) => {
|
|
41074
|
-
return Math.max(1, Math.min(
|
|
41077
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
41075
41078
|
};
|
|
41076
41079
|
this.transformation.subject.subscribe(() => {
|
|
41077
41080
|
this.transformPath();
|
package/dist/cjs/index.js
CHANGED
|
@@ -41064,14 +41064,17 @@ class Frame2 extends BaseItem {
|
|
|
41064
41064
|
this.path = Frames[this.shapeType].path.copy();
|
|
41065
41065
|
this.transformation = new Transformation(this.id, board.events);
|
|
41066
41066
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
41067
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
41067
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
41068
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
41068
41069
|
this.text.setSelectionHorisontalAlignment("left");
|
|
41070
|
+
this.textContainer.top = -25;
|
|
41071
|
+
this.textContainer.bottom = -2;
|
|
41069
41072
|
this.text.customTransformationMatrix = () => {
|
|
41070
41073
|
const matrix = this.transformation.toMatrix();
|
|
41071
41074
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
41072
41075
|
};
|
|
41073
41076
|
this.text.renderingScale = (cameraScale) => {
|
|
41074
|
-
return Math.max(1, Math.min(
|
|
41077
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
41075
41078
|
};
|
|
41076
41079
|
this.transformation.subject.subscribe(() => {
|
|
41077
41080
|
this.transformPath();
|
package/dist/cjs/node.js
CHANGED
|
@@ -43537,14 +43537,17 @@ class Frame2 extends BaseItem {
|
|
|
43537
43537
|
this.path = Frames[this.shapeType].path.copy();
|
|
43538
43538
|
this.transformation = new Transformation(this.id, board.events);
|
|
43539
43539
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
43540
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
43540
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
43541
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
43541
43542
|
this.text.setSelectionHorisontalAlignment("left");
|
|
43543
|
+
this.textContainer.top = -25;
|
|
43544
|
+
this.textContainer.bottom = -2;
|
|
43542
43545
|
this.text.customTransformationMatrix = () => {
|
|
43543
43546
|
const matrix = this.transformation.toMatrix();
|
|
43544
43547
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
43545
43548
|
};
|
|
43546
43549
|
this.text.renderingScale = (cameraScale) => {
|
|
43547
|
-
return Math.max(1, Math.min(
|
|
43550
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
43548
43551
|
};
|
|
43549
43552
|
this.transformation.subject.subscribe(() => {
|
|
43550
43553
|
this.transformPath();
|
package/dist/esm/browser.js
CHANGED
|
@@ -40893,14 +40893,17 @@ class Frame2 extends BaseItem {
|
|
|
40893
40893
|
this.path = Frames[this.shapeType].path.copy();
|
|
40894
40894
|
this.transformation = new Transformation(this.id, board.events);
|
|
40895
40895
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
40896
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
40896
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
40897
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
40897
40898
|
this.text.setSelectionHorisontalAlignment("left");
|
|
40899
|
+
this.textContainer.top = -25;
|
|
40900
|
+
this.textContainer.bottom = -2;
|
|
40898
40901
|
this.text.customTransformationMatrix = () => {
|
|
40899
40902
|
const matrix = this.transformation.toMatrix();
|
|
40900
40903
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
40901
40904
|
};
|
|
40902
40905
|
this.text.renderingScale = (cameraScale) => {
|
|
40903
|
-
return Math.max(1, Math.min(
|
|
40906
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
40904
40907
|
};
|
|
40905
40908
|
this.transformation.subject.subscribe(() => {
|
|
40906
40909
|
this.transformPath();
|
package/dist/esm/index.js
CHANGED
|
@@ -40886,14 +40886,17 @@ class Frame2 extends BaseItem {
|
|
|
40886
40886
|
this.path = Frames[this.shapeType].path.copy();
|
|
40887
40887
|
this.transformation = new Transformation(this.id, board.events);
|
|
40888
40888
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
40889
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
40889
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
40890
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
40890
40891
|
this.text.setSelectionHorisontalAlignment("left");
|
|
40892
|
+
this.textContainer.top = -25;
|
|
40893
|
+
this.textContainer.bottom = -2;
|
|
40891
40894
|
this.text.customTransformationMatrix = () => {
|
|
40892
40895
|
const matrix = this.transformation.toMatrix();
|
|
40893
40896
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
40894
40897
|
};
|
|
40895
40898
|
this.text.renderingScale = (cameraScale) => {
|
|
40896
|
-
return Math.max(1, Math.min(
|
|
40899
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
40897
40900
|
};
|
|
40898
40901
|
this.transformation.subject.subscribe(() => {
|
|
40899
40902
|
this.transformPath();
|
package/dist/esm/node.js
CHANGED
|
@@ -43354,14 +43354,17 @@ class Frame2 extends BaseItem {
|
|
|
43354
43354
|
this.path = Frames[this.shapeType].path.copy();
|
|
43355
43355
|
this.transformation = new Transformation(this.id, board.events);
|
|
43356
43356
|
this.linkTo = new LinkTo(this.id, board.events);
|
|
43357
|
-
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
|
|
43357
|
+
this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
|
|
43358
|
+
this.text.editor.verticalAlignment = "bottom";
|
|
43358
43359
|
this.text.setSelectionHorisontalAlignment("left");
|
|
43360
|
+
this.textContainer.top = -25;
|
|
43361
|
+
this.textContainer.bottom = -2;
|
|
43359
43362
|
this.text.customTransformationMatrix = () => {
|
|
43360
43363
|
const matrix = this.transformation.toMatrix();
|
|
43361
43364
|
return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
|
|
43362
43365
|
};
|
|
43363
43366
|
this.text.renderingScale = (cameraScale) => {
|
|
43364
|
-
return Math.max(1, Math.min(
|
|
43367
|
+
return Math.max(1, Math.min(6, 1.2 / cameraScale));
|
|
43365
43368
|
};
|
|
43366
43369
|
this.transformation.subject.subscribe(() => {
|
|
43367
43370
|
this.transformPath();
|