microboard-temp 0.6.0 → 0.6.1
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 +12 -6
- package/dist/cjs/index.js +12 -6
- package/dist/cjs/node.js +12 -6
- package/dist/esm/browser.js +12 -6
- package/dist/esm/index.js +12 -6
- package/dist/esm/node.js +12 -6
- package/dist/types/Items/BaseItem/BaseItem.d.ts +1 -0
- package/package.json +1 -1
package/dist/cjs/browser.js
CHANGED
|
@@ -21310,6 +21310,9 @@ class Items {
|
|
|
21310
21310
|
item.render(context);
|
|
21311
21311
|
}
|
|
21312
21312
|
});
|
|
21313
|
+
items.forEach((item) => {
|
|
21314
|
+
item.renderHoverHighlight(context);
|
|
21315
|
+
});
|
|
21313
21316
|
}
|
|
21314
21317
|
renderHTML(documentFactory) {
|
|
21315
21318
|
const items = this.getItemsInView();
|
|
@@ -21873,16 +21876,19 @@ class BaseItem extends Mbr {
|
|
|
21873
21876
|
this.isHoverHighlighted = false;
|
|
21874
21877
|
this.subject.publish(this);
|
|
21875
21878
|
}
|
|
21879
|
+
renderHoverHighlight(context) {
|
|
21880
|
+
if (!this.isHoverHighlighted) {
|
|
21881
|
+
return;
|
|
21882
|
+
}
|
|
21883
|
+
const mbr = this.getMbr();
|
|
21884
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21885
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21886
|
+
mbr.render(context);
|
|
21887
|
+
}
|
|
21876
21888
|
render(context) {
|
|
21877
21889
|
if (this.index) {
|
|
21878
21890
|
this.index.render(context);
|
|
21879
21891
|
}
|
|
21880
|
-
if (this.isHoverHighlighted) {
|
|
21881
|
-
const mbr = this.getMbr();
|
|
21882
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21883
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21884
|
-
mbr.render(context);
|
|
21885
|
-
}
|
|
21886
21892
|
}
|
|
21887
21893
|
renderHTML(documentFactory) {
|
|
21888
21894
|
const div = documentFactory.createElement("base-item");
|
package/dist/cjs/index.js
CHANGED
|
@@ -21310,6 +21310,9 @@ class Items {
|
|
|
21310
21310
|
item.render(context);
|
|
21311
21311
|
}
|
|
21312
21312
|
});
|
|
21313
|
+
items.forEach((item) => {
|
|
21314
|
+
item.renderHoverHighlight(context);
|
|
21315
|
+
});
|
|
21313
21316
|
}
|
|
21314
21317
|
renderHTML(documentFactory) {
|
|
21315
21318
|
const items = this.getItemsInView();
|
|
@@ -21873,16 +21876,19 @@ class BaseItem extends Mbr {
|
|
|
21873
21876
|
this.isHoverHighlighted = false;
|
|
21874
21877
|
this.subject.publish(this);
|
|
21875
21878
|
}
|
|
21879
|
+
renderHoverHighlight(context) {
|
|
21880
|
+
if (!this.isHoverHighlighted) {
|
|
21881
|
+
return;
|
|
21882
|
+
}
|
|
21883
|
+
const mbr = this.getMbr();
|
|
21884
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21885
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21886
|
+
mbr.render(context);
|
|
21887
|
+
}
|
|
21876
21888
|
render(context) {
|
|
21877
21889
|
if (this.index) {
|
|
21878
21890
|
this.index.render(context);
|
|
21879
21891
|
}
|
|
21880
|
-
if (this.isHoverHighlighted) {
|
|
21881
|
-
const mbr = this.getMbr();
|
|
21882
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21883
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21884
|
-
mbr.render(context);
|
|
21885
|
-
}
|
|
21886
21892
|
}
|
|
21887
21893
|
renderHTML(documentFactory) {
|
|
21888
21894
|
const div = documentFactory.createElement("base-item");
|
package/dist/cjs/node.js
CHANGED
|
@@ -23782,6 +23782,9 @@ class Items {
|
|
|
23782
23782
|
item.render(context);
|
|
23783
23783
|
}
|
|
23784
23784
|
});
|
|
23785
|
+
items.forEach((item) => {
|
|
23786
|
+
item.renderHoverHighlight(context);
|
|
23787
|
+
});
|
|
23785
23788
|
}
|
|
23786
23789
|
renderHTML(documentFactory) {
|
|
23787
23790
|
const items = this.getItemsInView();
|
|
@@ -24345,16 +24348,19 @@ class BaseItem extends Mbr {
|
|
|
24345
24348
|
this.isHoverHighlighted = false;
|
|
24346
24349
|
this.subject.publish(this);
|
|
24347
24350
|
}
|
|
24351
|
+
renderHoverHighlight(context) {
|
|
24352
|
+
if (!this.isHoverHighlighted) {
|
|
24353
|
+
return;
|
|
24354
|
+
}
|
|
24355
|
+
const mbr = this.getMbr();
|
|
24356
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
24357
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
24358
|
+
mbr.render(context);
|
|
24359
|
+
}
|
|
24348
24360
|
render(context) {
|
|
24349
24361
|
if (this.index) {
|
|
24350
24362
|
this.index.render(context);
|
|
24351
24363
|
}
|
|
24352
|
-
if (this.isHoverHighlighted) {
|
|
24353
|
-
const mbr = this.getMbr();
|
|
24354
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
24355
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
24356
|
-
mbr.render(context);
|
|
24357
|
-
}
|
|
24358
24364
|
}
|
|
24359
24365
|
renderHTML(documentFactory) {
|
|
24360
24366
|
const div = documentFactory.createElement("base-item");
|
package/dist/esm/browser.js
CHANGED
|
@@ -21153,6 +21153,9 @@ class Items {
|
|
|
21153
21153
|
item.render(context);
|
|
21154
21154
|
}
|
|
21155
21155
|
});
|
|
21156
|
+
items.forEach((item) => {
|
|
21157
|
+
item.renderHoverHighlight(context);
|
|
21158
|
+
});
|
|
21156
21159
|
}
|
|
21157
21160
|
renderHTML(documentFactory) {
|
|
21158
21161
|
const items = this.getItemsInView();
|
|
@@ -21716,16 +21719,19 @@ class BaseItem extends Mbr {
|
|
|
21716
21719
|
this.isHoverHighlighted = false;
|
|
21717
21720
|
this.subject.publish(this);
|
|
21718
21721
|
}
|
|
21722
|
+
renderHoverHighlight(context) {
|
|
21723
|
+
if (!this.isHoverHighlighted) {
|
|
21724
|
+
return;
|
|
21725
|
+
}
|
|
21726
|
+
const mbr = this.getMbr();
|
|
21727
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21728
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21729
|
+
mbr.render(context);
|
|
21730
|
+
}
|
|
21719
21731
|
render(context) {
|
|
21720
21732
|
if (this.index) {
|
|
21721
21733
|
this.index.render(context);
|
|
21722
21734
|
}
|
|
21723
|
-
if (this.isHoverHighlighted) {
|
|
21724
|
-
const mbr = this.getMbr();
|
|
21725
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21726
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21727
|
-
mbr.render(context);
|
|
21728
|
-
}
|
|
21729
21735
|
}
|
|
21730
21736
|
renderHTML(documentFactory) {
|
|
21731
21737
|
const div = documentFactory.createElement("base-item");
|
package/dist/esm/index.js
CHANGED
|
@@ -21146,6 +21146,9 @@ class Items {
|
|
|
21146
21146
|
item.render(context);
|
|
21147
21147
|
}
|
|
21148
21148
|
});
|
|
21149
|
+
items.forEach((item) => {
|
|
21150
|
+
item.renderHoverHighlight(context);
|
|
21151
|
+
});
|
|
21149
21152
|
}
|
|
21150
21153
|
renderHTML(documentFactory) {
|
|
21151
21154
|
const items = this.getItemsInView();
|
|
@@ -21709,16 +21712,19 @@ class BaseItem extends Mbr {
|
|
|
21709
21712
|
this.isHoverHighlighted = false;
|
|
21710
21713
|
this.subject.publish(this);
|
|
21711
21714
|
}
|
|
21715
|
+
renderHoverHighlight(context) {
|
|
21716
|
+
if (!this.isHoverHighlighted) {
|
|
21717
|
+
return;
|
|
21718
|
+
}
|
|
21719
|
+
const mbr = this.getMbr();
|
|
21720
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21721
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21722
|
+
mbr.render(context);
|
|
21723
|
+
}
|
|
21712
21724
|
render(context) {
|
|
21713
21725
|
if (this.index) {
|
|
21714
21726
|
this.index.render(context);
|
|
21715
21727
|
}
|
|
21716
|
-
if (this.isHoverHighlighted) {
|
|
21717
|
-
const mbr = this.getMbr();
|
|
21718
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
21719
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
21720
|
-
mbr.render(context);
|
|
21721
|
-
}
|
|
21722
21728
|
}
|
|
21723
21729
|
renderHTML(documentFactory) {
|
|
21724
21730
|
const div = documentFactory.createElement("base-item");
|
package/dist/esm/node.js
CHANGED
|
@@ -23613,6 +23613,9 @@ class Items {
|
|
|
23613
23613
|
item.render(context);
|
|
23614
23614
|
}
|
|
23615
23615
|
});
|
|
23616
|
+
items.forEach((item) => {
|
|
23617
|
+
item.renderHoverHighlight(context);
|
|
23618
|
+
});
|
|
23616
23619
|
}
|
|
23617
23620
|
renderHTML(documentFactory) {
|
|
23618
23621
|
const items = this.getItemsInView();
|
|
@@ -24176,16 +24179,19 @@ class BaseItem extends Mbr {
|
|
|
24176
24179
|
this.isHoverHighlighted = false;
|
|
24177
24180
|
this.subject.publish(this);
|
|
24178
24181
|
}
|
|
24182
|
+
renderHoverHighlight(context) {
|
|
24183
|
+
if (!this.isHoverHighlighted) {
|
|
24184
|
+
return;
|
|
24185
|
+
}
|
|
24186
|
+
const mbr = this.getMbr();
|
|
24187
|
+
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
24188
|
+
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
24189
|
+
mbr.render(context);
|
|
24190
|
+
}
|
|
24179
24191
|
render(context) {
|
|
24180
24192
|
if (this.index) {
|
|
24181
24193
|
this.index.render(context);
|
|
24182
24194
|
}
|
|
24183
|
-
if (this.isHoverHighlighted) {
|
|
24184
|
-
const mbr = this.getMbr();
|
|
24185
|
-
mbr.strokeWidth = 2 / context.matrix.scaleX;
|
|
24186
|
-
mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
|
|
24187
|
-
mbr.render(context);
|
|
24188
|
-
}
|
|
24189
24195
|
}
|
|
24190
24196
|
renderHTML(documentFactory) {
|
|
24191
24197
|
const div = documentFactory.createElement("base-item");
|
|
@@ -81,6 +81,7 @@ export declare class BaseItem extends Mbr implements Geometry {
|
|
|
81
81
|
getPath(): Path | Paths;
|
|
82
82
|
highlightMbr(): void;
|
|
83
83
|
clearHighlightMbr(): void;
|
|
84
|
+
renderHoverHighlight(context: DrawingContext): void;
|
|
84
85
|
render(context: DrawingContext): void;
|
|
85
86
|
renderHTML(documentFactory: DocumentFactory): HTMLElement;
|
|
86
87
|
}
|