microboard-temp 0.14.17 → 0.14.18
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 +75 -53
- package/dist/cjs/index.js +75 -53
- package/dist/cjs/node.js +75 -53
- package/dist/esm/browser.js +75 -53
- package/dist/esm/index.js +75 -53
- package/dist/esm/node.js +75 -53
- package/dist/types/Items/Dice/DiceOverlay.d.ts +1 -1
- package/dist/types/Items/RichText/RichTextOverlay.d.ts +1 -1
- package/dist/types/Items/Shape/ShapeOverlay.d.ts +1 -1
- package/dist/types/Overlay/OverlayIcons.d.ts +12 -0
- package/dist/types/Overlay/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -11491,6 +11491,28 @@ function toLocalTransformOp(op, containerMatrix, itemId) {
|
|
|
11491
11491
|
return op;
|
|
11492
11492
|
}
|
|
11493
11493
|
}
|
|
11494
|
+
// src/Overlay/OverlayIcons.ts
|
|
11495
|
+
var OVERLAY_SYMBOL_KEYS = {
|
|
11496
|
+
styleFill: "style.fill",
|
|
11497
|
+
styleStroke: "style.stroke",
|
|
11498
|
+
styleColor: "style.color",
|
|
11499
|
+
styleFontSize: "style.fontSize"
|
|
11500
|
+
};
|
|
11501
|
+
function symbolIcon(key, state) {
|
|
11502
|
+
return state ? { kind: "symbol", key, state } : { kind: "symbol", key };
|
|
11503
|
+
}
|
|
11504
|
+
function styleFillIcon(state) {
|
|
11505
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleFill, state);
|
|
11506
|
+
}
|
|
11507
|
+
function styleStrokeIcon(state) {
|
|
11508
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleStroke, state);
|
|
11509
|
+
}
|
|
11510
|
+
function styleColorIcon(state) {
|
|
11511
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleColor, state);
|
|
11512
|
+
}
|
|
11513
|
+
function styleFontSizeIcon(state) {
|
|
11514
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleFontSize, state);
|
|
11515
|
+
}
|
|
11494
11516
|
// src/Overlay/overlayRegistry.ts
|
|
11495
11517
|
var itemOverlays = {};
|
|
11496
11518
|
var toolOverlays = {};
|
|
@@ -37528,7 +37550,7 @@ var richTextOverlay = {
|
|
|
37528
37550
|
{
|
|
37529
37551
|
id: "text.fontSize",
|
|
37530
37552
|
label: "Font size",
|
|
37531
|
-
icon:
|
|
37553
|
+
icon: styleFontSizeIcon(),
|
|
37532
37554
|
target: "each",
|
|
37533
37555
|
controls: [
|
|
37534
37556
|
{
|
|
@@ -44025,12 +44047,12 @@ var COLOR_PALETTE = [
|
|
|
44025
44047
|
"#118AB2",
|
|
44026
44048
|
"#7B61FF"
|
|
44027
44049
|
];
|
|
44028
|
-
var
|
|
44050
|
+
var symbolIcon2 = (key) => ({ kind: "symbol", key });
|
|
44029
44051
|
var lineStyleOptions = ConnectorLineStyles.map((style) => ({
|
|
44030
44052
|
id: style,
|
|
44031
44053
|
label: style[0].toUpperCase() + style.slice(1),
|
|
44032
44054
|
value: style,
|
|
44033
|
-
icon:
|
|
44055
|
+
icon: symbolIcon2(`connector.lineStyle.${style}`)
|
|
44034
44056
|
}));
|
|
44035
44057
|
var lineWidthOptions = ConnectionLineWidths.map((width) => ({
|
|
44036
44058
|
id: `${width}`,
|
|
@@ -44041,13 +44063,13 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
|
|
|
44041
44063
|
id: pointer,
|
|
44042
44064
|
label: pointer,
|
|
44043
44065
|
value: pointer,
|
|
44044
|
-
icon:
|
|
44066
|
+
icon: symbolIcon2(`connector.pointer.${pointer}`)
|
|
44045
44067
|
}));
|
|
44046
44068
|
var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
|
|
44047
44069
|
id: style,
|
|
44048
44070
|
label: style,
|
|
44049
44071
|
value: style,
|
|
44050
|
-
icon:
|
|
44072
|
+
icon: symbolIcon2(`stroke.${style}`)
|
|
44051
44073
|
}));
|
|
44052
44074
|
var connectorStyleControls = [
|
|
44053
44075
|
{
|
|
@@ -44102,7 +44124,7 @@ var connectorStyleControls = [
|
|
|
44102
44124
|
{
|
|
44103
44125
|
id: "smartJump",
|
|
44104
44126
|
label: "Smart jump",
|
|
44105
|
-
icon:
|
|
44127
|
+
icon: symbolIcon2("connector.smartJump"),
|
|
44106
44128
|
valueSource: { kind: "itemProperty", property: "smartJump" },
|
|
44107
44129
|
editor: { kind: "toggle", trueLabel: "On", falseLabel: "Off" },
|
|
44108
44130
|
invoke: { kind: "setProperty", property: "smartJump" }
|
|
@@ -44161,7 +44183,7 @@ var connectorToolControls = [
|
|
|
44161
44183
|
{
|
|
44162
44184
|
id: "toolSmartJump",
|
|
44163
44185
|
label: "Smart jump",
|
|
44164
|
-
icon:
|
|
44186
|
+
icon: symbolIcon2("connector.smartJump"),
|
|
44165
44187
|
valueSource: { kind: "toolProperty", property: "smartJump" },
|
|
44166
44188
|
editor: { kind: "toggle", trueLabel: "On", falseLabel: "Off" },
|
|
44167
44189
|
invoke: { kind: "toolProperty", property: "smartJump" }
|
|
@@ -44173,21 +44195,21 @@ var connectorOverlay = {
|
|
|
44173
44195
|
{
|
|
44174
44196
|
id: "connector.switchPointers",
|
|
44175
44197
|
label: "Switch arrows",
|
|
44176
|
-
icon:
|
|
44198
|
+
icon: symbolIcon2("connector.switchPointers"),
|
|
44177
44199
|
target: "selection",
|
|
44178
44200
|
invoke: { kind: "operation", class: "Connector", method: "switchPointers" }
|
|
44179
44201
|
},
|
|
44180
44202
|
{
|
|
44181
44203
|
id: "connector.style",
|
|
44182
44204
|
label: "Connector style",
|
|
44183
|
-
icon:
|
|
44205
|
+
icon: symbolIcon2("connector.style"),
|
|
44184
44206
|
target: "each",
|
|
44185
44207
|
controls: connectorStyleControls,
|
|
44186
44208
|
groups: [
|
|
44187
44209
|
{
|
|
44188
44210
|
id: "connectorStyle",
|
|
44189
44211
|
label: "Connector style",
|
|
44190
|
-
icon:
|
|
44212
|
+
icon: symbolIcon2("connector.style"),
|
|
44191
44213
|
controlIds: connectorStyleControls.map((control) => control.id)
|
|
44192
44214
|
}
|
|
44193
44215
|
]
|
|
@@ -44214,7 +44236,7 @@ var addConnectorToolOverlay = {
|
|
|
44214
44236
|
{
|
|
44215
44237
|
id: "connectorToolStyle",
|
|
44216
44238
|
label: "Connector defaults",
|
|
44217
|
-
icon:
|
|
44239
|
+
icon: symbolIcon2("connector.style"),
|
|
44218
44240
|
controlIds: connectorToolControls.map((control) => control.id)
|
|
44219
44241
|
}
|
|
44220
44242
|
]
|
|
@@ -58360,7 +58382,7 @@ var inlineShapeAsset = (folder, file2 = folder) => ({
|
|
|
58360
58382
|
path: `src/Items/Shape/Basic/${folder}/${file2}.icon.svg`,
|
|
58361
58383
|
mimeType: "image/svg+xml"
|
|
58362
58384
|
});
|
|
58363
|
-
var
|
|
58385
|
+
var symbolIcon3 = (key) => ({ kind: "symbol", key });
|
|
58364
58386
|
var BASIC_INLINE_OPTIONS = [
|
|
58365
58387
|
{ id: "rectangle", label: "Rectangle", value: "Rectangle", icon: inlineShapeAsset("Rectangle") },
|
|
58366
58388
|
{ id: "rounded-rectangle", label: "Rounded rectangle", value: "RoundedRectangle", icon: inlineShapeAsset("RoundedRectangle") },
|
|
@@ -58370,48 +58392,48 @@ var BASIC_INLINE_OPTIONS = [
|
|
|
58370
58392
|
];
|
|
58371
58393
|
var SHAPE_CATALOG_OPTIONS = [
|
|
58372
58394
|
...BASIC_INLINE_OPTIONS,
|
|
58373
|
-
{ id: "reversed-triangle", label: "Reversed triangle", value: "ReversedTriangle", icon:
|
|
58395
|
+
{ id: "reversed-triangle", label: "Reversed triangle", value: "ReversedTriangle", icon: symbolIcon3("shape.reversedTriangle") },
|
|
58374
58396
|
{ id: "arrow-left", label: "Arrow left", value: "ArrowLeft", icon: inlineShapeAsset("ArrowLeft") },
|
|
58375
58397
|
{ id: "arrow-right", label: "Arrow right", value: "ArrowRight", icon: inlineShapeAsset("ArrowRight") },
|
|
58376
58398
|
{ id: "arrow-left-right", label: "Arrow left right", value: "ArrowLeftRight", icon: inlineShapeAsset("ArrowLeftRight") },
|
|
58377
|
-
{ id: "arrow-block-left", label: "Arrow block left", value: "ArrowBlockLeft", icon:
|
|
58378
|
-
{ id: "arrow-block-right", label: "Arrow block right", value: "ArrowBlockRight", icon:
|
|
58399
|
+
{ id: "arrow-block-left", label: "Arrow block left", value: "ArrowBlockLeft", icon: symbolIcon3("shape.arrowBlockLeft") },
|
|
58400
|
+
{ id: "arrow-block-right", label: "Arrow block right", value: "ArrowBlockRight", icon: symbolIcon3("shape.arrowBlockRight") },
|
|
58379
58401
|
{ id: "cloud", label: "Cloud", value: "Cloud", icon: inlineShapeAsset("Cloud") },
|
|
58380
58402
|
{ id: "cross", label: "Cross", value: "Cross", icon: inlineShapeAsset("Cross") },
|
|
58381
58403
|
{ id: "cylinder", label: "Cylinder", value: "Cylinder", icon: inlineShapeAsset("Cylinder") },
|
|
58382
58404
|
{ id: "hexagon", label: "Hexagon", value: "Hexagon", icon: inlineShapeAsset("Hexagon") },
|
|
58383
58405
|
{ id: "octagon", label: "Octagon", value: "Octagon", icon: inlineShapeAsset("Octagon") },
|
|
58384
58406
|
{ id: "parallelogram", label: "Parallelogram", value: "Parallelogram", icon: inlineShapeAsset("Parallelogram") },
|
|
58385
|
-
{ id: "reversed-parallelogram", label: "Reversed parallelogram", value: "ReversedParallelogram", icon:
|
|
58407
|
+
{ id: "reversed-parallelogram", label: "Reversed parallelogram", value: "ReversedParallelogram", icon: symbolIcon3("shape.reversedParallelogram") },
|
|
58386
58408
|
{ id: "pentagon", label: "Pentagon", value: "Pentagon", icon: inlineShapeAsset("Pentagon") },
|
|
58387
|
-
{ id: "predefined-process", label: "Predefined process", value: "PredefinedProcess", icon:
|
|
58409
|
+
{ id: "predefined-process", label: "Predefined process", value: "PredefinedProcess", icon: symbolIcon3("shape.predefinedProcess") },
|
|
58388
58410
|
{ id: "speech-bubble", label: "Speech bubble", value: "SpeachBubble", icon: inlineShapeAsset("SpeachBubble") },
|
|
58389
58411
|
{ id: "star", label: "Star", value: "Star", icon: inlineShapeAsset("Star") },
|
|
58390
58412
|
{ id: "trapezoid", label: "Trapezoid", value: "Trapezoid", icon: inlineShapeAsset("Trapezoid") },
|
|
58391
58413
|
{ id: "braces-left", label: "Braces left", value: "BracesLeft", icon: inlineShapeAsset("BracesLeft", "BracesLeft") },
|
|
58392
58414
|
{ id: "braces-right", label: "Braces right", value: "BracesRight", icon: inlineShapeAsset("BracesRight", "BracesRight") },
|
|
58393
|
-
{ id: "bpmn-task", label: "BPMN task", value: "BPMN_Task", icon:
|
|
58394
|
-
{ id: "bpmn-gateway", label: "BPMN gateway", value: "BPMN_Gateway", icon:
|
|
58395
|
-
{ id: "bpmn-gateway-parallel", label: "BPMN gateway parallel", value: "BPMN_GatewayParallel", icon:
|
|
58396
|
-
{ id: "bpmn-gateway-xor", label: "BPMN gateway XOR", value: "BPMN_GatewayXOR", icon:
|
|
58397
|
-
{ id: "bpmn-start-event", label: "BPMN start event", value: "BPMN_StartEvent", icon:
|
|
58398
|
-
{ id: "bpmn-start-event-non-interrupting", label: "BPMN start event non interrupting", value: "BPMN_StartEventNoneInterrupting", icon:
|
|
58399
|
-
{ id: "bpmn-end-event", label: "BPMN end event", value: "BPMN_EndEvent", icon:
|
|
58400
|
-
{ id: "bpmn-intermediate-event", label: "BPMN intermediate event", value: "BPMN_IntermediateEvent", icon:
|
|
58401
|
-
{ id: "bpmn-intermediate-event-none-interrupting", label: "BPMN intermediate event none interrupting", value: "BPMN_IntermediateEventNoneInterrupting", icon:
|
|
58402
|
-
{ id: "bpmn-data-object", label: "BPMN data object", value: "BPMN_DataObject", icon:
|
|
58403
|
-
{ id: "bpmn-data-store", label: "BPMN data store", value: "BPMN_DataStore", icon:
|
|
58404
|
-
{ id: "bpmn-participant", label: "BPMN participant", value: "BPMN_Participant", icon:
|
|
58405
|
-
{ id: "bpmn-transaction", label: "BPMN transaction", value: "BPMN_Transaction", icon:
|
|
58406
|
-
{ id: "bpmn-event-subprocess", label: "BPMN event subprocess", value: "BPMN_EventSubprocess", icon:
|
|
58407
|
-
{ id: "bpmn-group", label: "BPMN group", value: "BPMN_Group", icon:
|
|
58408
|
-
{ id: "bpmn-annotation", label: "BPMN annotation", value: "BPMN_Annotation", icon:
|
|
58415
|
+
{ id: "bpmn-task", label: "BPMN task", value: "BPMN_Task", icon: symbolIcon3("shape.bpmn.task") },
|
|
58416
|
+
{ id: "bpmn-gateway", label: "BPMN gateway", value: "BPMN_Gateway", icon: symbolIcon3("shape.bpmn.gateway") },
|
|
58417
|
+
{ id: "bpmn-gateway-parallel", label: "BPMN gateway parallel", value: "BPMN_GatewayParallel", icon: symbolIcon3("shape.bpmn.gatewayParallel") },
|
|
58418
|
+
{ id: "bpmn-gateway-xor", label: "BPMN gateway XOR", value: "BPMN_GatewayXOR", icon: symbolIcon3("shape.bpmn.gatewayXor") },
|
|
58419
|
+
{ id: "bpmn-start-event", label: "BPMN start event", value: "BPMN_StartEvent", icon: symbolIcon3("shape.bpmn.startEvent") },
|
|
58420
|
+
{ id: "bpmn-start-event-non-interrupting", label: "BPMN start event non interrupting", value: "BPMN_StartEventNoneInterrupting", icon: symbolIcon3("shape.bpmn.startEventNoneInterrupting") },
|
|
58421
|
+
{ id: "bpmn-end-event", label: "BPMN end event", value: "BPMN_EndEvent", icon: symbolIcon3("shape.bpmn.endEvent") },
|
|
58422
|
+
{ id: "bpmn-intermediate-event", label: "BPMN intermediate event", value: "BPMN_IntermediateEvent", icon: symbolIcon3("shape.bpmn.intermediateEvent") },
|
|
58423
|
+
{ id: "bpmn-intermediate-event-none-interrupting", label: "BPMN intermediate event none interrupting", value: "BPMN_IntermediateEventNoneInterrupting", icon: symbolIcon3("shape.bpmn.intermediateEventNoneInterrupting") },
|
|
58424
|
+
{ id: "bpmn-data-object", label: "BPMN data object", value: "BPMN_DataObject", icon: symbolIcon3("shape.bpmn.dataObject") },
|
|
58425
|
+
{ id: "bpmn-data-store", label: "BPMN data store", value: "BPMN_DataStore", icon: symbolIcon3("shape.bpmn.dataStore") },
|
|
58426
|
+
{ id: "bpmn-participant", label: "BPMN participant", value: "BPMN_Participant", icon: symbolIcon3("shape.bpmn.participant") },
|
|
58427
|
+
{ id: "bpmn-transaction", label: "BPMN transaction", value: "BPMN_Transaction", icon: symbolIcon3("shape.bpmn.transaction") },
|
|
58428
|
+
{ id: "bpmn-event-subprocess", label: "BPMN event subprocess", value: "BPMN_EventSubprocess", icon: symbolIcon3("shape.bpmn.eventSubprocess") },
|
|
58429
|
+
{ id: "bpmn-group", label: "BPMN group", value: "BPMN_Group", icon: symbolIcon3("shape.bpmn.group") },
|
|
58430
|
+
{ id: "bpmn-annotation", label: "BPMN annotation", value: "BPMN_Annotation", icon: symbolIcon3("shape.bpmn.annotation") }
|
|
58409
58431
|
];
|
|
58410
58432
|
var BORDER_STYLE_OPTIONS = [
|
|
58411
|
-
{ id: "solid", label: "Solid", value: "solid", icon:
|
|
58412
|
-
{ id: "dot", label: "Dot", value: "dot", icon:
|
|
58413
|
-
{ id: "dash", label: "Dash", value: "dash", icon:
|
|
58414
|
-
{ id: "long-dash", label: "Long dash", value: "longDash", icon:
|
|
58433
|
+
{ id: "solid", label: "Solid", value: "solid", icon: symbolIcon3("stroke.solid") },
|
|
58434
|
+
{ id: "dot", label: "Dot", value: "dot", icon: symbolIcon3("stroke.dot") },
|
|
58435
|
+
{ id: "dash", label: "Dash", value: "dash", icon: symbolIcon3("stroke.dash") },
|
|
58436
|
+
{ id: "long-dash", label: "Long dash", value: "longDash", icon: symbolIcon3("stroke.longDash") }
|
|
58415
58437
|
];
|
|
58416
58438
|
var shapeTypeControl = {
|
|
58417
58439
|
id: "shapeType",
|
|
@@ -58434,14 +58456,10 @@ var fillControl = {
|
|
|
58434
58456
|
id: "backgroundColor",
|
|
58435
58457
|
label: "Fill",
|
|
58436
58458
|
valueSource: { kind: "itemProperty", property: "backgroundColor" },
|
|
58437
|
-
icon: {
|
|
58438
|
-
kind: "
|
|
58439
|
-
|
|
58440
|
-
|
|
58441
|
-
swatch: { kind: "itemProperty", property: "backgroundColor" },
|
|
58442
|
-
note: "UI can render the current fill color as a swatch inside the icon."
|
|
58443
|
-
}
|
|
58444
|
-
},
|
|
58459
|
+
icon: styleFillIcon({
|
|
58460
|
+
swatch: { kind: "itemProperty", property: "backgroundColor" },
|
|
58461
|
+
note: "UI can render the current fill color as a swatch inside the icon."
|
|
58462
|
+
}),
|
|
58445
58463
|
editor: {
|
|
58446
58464
|
kind: "color",
|
|
58447
58465
|
palette: COLOR_PALETTE2,
|
|
@@ -58492,7 +58510,7 @@ var shapeOverlay = {
|
|
|
58492
58510
|
{
|
|
58493
58511
|
id: "shape.shapeType",
|
|
58494
58512
|
label: "Shape type",
|
|
58495
|
-
icon:
|
|
58513
|
+
icon: symbolIcon3("shape.type"),
|
|
58496
58514
|
target: "each",
|
|
58497
58515
|
controls: [shapeTypeControl]
|
|
58498
58516
|
},
|
|
@@ -58506,14 +58524,14 @@ var shapeOverlay = {
|
|
|
58506
58524
|
{
|
|
58507
58525
|
id: "shape.strokeStyle",
|
|
58508
58526
|
label: "Stroke style",
|
|
58509
|
-
icon:
|
|
58527
|
+
icon: styleStrokeIcon(),
|
|
58510
58528
|
target: "each",
|
|
58511
58529
|
controls: strokeControls,
|
|
58512
58530
|
groups: [
|
|
58513
58531
|
{
|
|
58514
58532
|
id: "shapeStrokeStyle",
|
|
58515
58533
|
label: "Stroke style",
|
|
58516
|
-
icon:
|
|
58534
|
+
icon: styleStrokeIcon(),
|
|
58517
58535
|
controlIds: strokeControls.map((control) => control.id)
|
|
58518
58536
|
}
|
|
58519
58537
|
]
|
|
@@ -63887,11 +63905,9 @@ var diceOverlay = {
|
|
|
63887
63905
|
{
|
|
63888
63906
|
id: "dice.fill",
|
|
63889
63907
|
label: "Fill",
|
|
63890
|
-
icon: {
|
|
63891
|
-
kind: "
|
|
63892
|
-
|
|
63893
|
-
state: { swatch: { kind: "itemProperty", property: "backgroundColor" } }
|
|
63894
|
-
},
|
|
63908
|
+
icon: styleFillIcon({
|
|
63909
|
+
swatch: { kind: "itemProperty", property: "backgroundColor" }
|
|
63910
|
+
}),
|
|
63895
63911
|
target: "each",
|
|
63896
63912
|
controls: [
|
|
63897
63913
|
{
|
|
@@ -75228,6 +75244,11 @@ export {
|
|
|
75228
75244
|
toFiniteNumber,
|
|
75229
75245
|
tempStorage,
|
|
75230
75246
|
tagByType,
|
|
75247
|
+
symbolIcon,
|
|
75248
|
+
styleStrokeIcon,
|
|
75249
|
+
styleFontSizeIcon,
|
|
75250
|
+
styleFillIcon,
|
|
75251
|
+
styleColorIcon,
|
|
75231
75252
|
stickerColors,
|
|
75232
75253
|
srgbChannelToLinear,
|
|
75233
75254
|
sha256,
|
|
@@ -75354,6 +75375,7 @@ export {
|
|
|
75354
75375
|
PRESENCE_CURSOR_THROTTLE,
|
|
75355
75376
|
PRESENCE_CLEANUP_USER_TIMER,
|
|
75356
75377
|
PRESENCE_CLEANUP_IDLE_TIMER,
|
|
75378
|
+
OVERLAY_SYMBOL_KEYS,
|
|
75357
75379
|
MiroItemConverter,
|
|
75358
75380
|
Mbr,
|
|
75359
75381
|
Matrix,
|
package/dist/esm/node.js
CHANGED
|
@@ -12274,6 +12274,28 @@ function toLocalTransformOp(op, containerMatrix, itemId) {
|
|
|
12274
12274
|
return op;
|
|
12275
12275
|
}
|
|
12276
12276
|
}
|
|
12277
|
+
// src/Overlay/OverlayIcons.ts
|
|
12278
|
+
var OVERLAY_SYMBOL_KEYS = {
|
|
12279
|
+
styleFill: "style.fill",
|
|
12280
|
+
styleStroke: "style.stroke",
|
|
12281
|
+
styleColor: "style.color",
|
|
12282
|
+
styleFontSize: "style.fontSize"
|
|
12283
|
+
};
|
|
12284
|
+
function symbolIcon(key, state) {
|
|
12285
|
+
return state ? { kind: "symbol", key, state } : { kind: "symbol", key };
|
|
12286
|
+
}
|
|
12287
|
+
function styleFillIcon(state) {
|
|
12288
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleFill, state);
|
|
12289
|
+
}
|
|
12290
|
+
function styleStrokeIcon(state) {
|
|
12291
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleStroke, state);
|
|
12292
|
+
}
|
|
12293
|
+
function styleColorIcon(state) {
|
|
12294
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleColor, state);
|
|
12295
|
+
}
|
|
12296
|
+
function styleFontSizeIcon(state) {
|
|
12297
|
+
return symbolIcon(OVERLAY_SYMBOL_KEYS.styleFontSize, state);
|
|
12298
|
+
}
|
|
12277
12299
|
// src/Overlay/overlayRegistry.ts
|
|
12278
12300
|
var itemOverlays = {};
|
|
12279
12301
|
var toolOverlays = {};
|
|
@@ -40062,7 +40084,7 @@ var richTextOverlay = {
|
|
|
40062
40084
|
{
|
|
40063
40085
|
id: "text.fontSize",
|
|
40064
40086
|
label: "Font size",
|
|
40065
|
-
icon:
|
|
40087
|
+
icon: styleFontSizeIcon(),
|
|
40066
40088
|
target: "each",
|
|
40067
40089
|
controls: [
|
|
40068
40090
|
{
|
|
@@ -46492,12 +46514,12 @@ var COLOR_PALETTE = [
|
|
|
46492
46514
|
"#118AB2",
|
|
46493
46515
|
"#7B61FF"
|
|
46494
46516
|
];
|
|
46495
|
-
var
|
|
46517
|
+
var symbolIcon2 = (key) => ({ kind: "symbol", key });
|
|
46496
46518
|
var lineStyleOptions = ConnectorLineStyles.map((style) => ({
|
|
46497
46519
|
id: style,
|
|
46498
46520
|
label: style[0].toUpperCase() + style.slice(1),
|
|
46499
46521
|
value: style,
|
|
46500
|
-
icon:
|
|
46522
|
+
icon: symbolIcon2(`connector.lineStyle.${style}`)
|
|
46501
46523
|
}));
|
|
46502
46524
|
var lineWidthOptions = ConnectionLineWidths.map((width) => ({
|
|
46503
46525
|
id: `${width}`,
|
|
@@ -46508,13 +46530,13 @@ var pointerOptions = CONNECTOR_POINTER_TYPES.map((pointer) => ({
|
|
|
46508
46530
|
id: pointer,
|
|
46509
46531
|
label: pointer,
|
|
46510
46532
|
value: pointer,
|
|
46511
|
-
icon:
|
|
46533
|
+
icon: symbolIcon2(`connector.pointer.${pointer}`)
|
|
46512
46534
|
}));
|
|
46513
46535
|
var borderStyleOptions = ["solid", "dot", "dash", "longDash"].map((style) => ({
|
|
46514
46536
|
id: style,
|
|
46515
46537
|
label: style,
|
|
46516
46538
|
value: style,
|
|
46517
|
-
icon:
|
|
46539
|
+
icon: symbolIcon2(`stroke.${style}`)
|
|
46518
46540
|
}));
|
|
46519
46541
|
var connectorStyleControls = [
|
|
46520
46542
|
{
|
|
@@ -46569,7 +46591,7 @@ var connectorStyleControls = [
|
|
|
46569
46591
|
{
|
|
46570
46592
|
id: "smartJump",
|
|
46571
46593
|
label: "Smart jump",
|
|
46572
|
-
icon:
|
|
46594
|
+
icon: symbolIcon2("connector.smartJump"),
|
|
46573
46595
|
valueSource: { kind: "itemProperty", property: "smartJump" },
|
|
46574
46596
|
editor: { kind: "toggle", trueLabel: "On", falseLabel: "Off" },
|
|
46575
46597
|
invoke: { kind: "setProperty", property: "smartJump" }
|
|
@@ -46628,7 +46650,7 @@ var connectorToolControls = [
|
|
|
46628
46650
|
{
|
|
46629
46651
|
id: "toolSmartJump",
|
|
46630
46652
|
label: "Smart jump",
|
|
46631
|
-
icon:
|
|
46653
|
+
icon: symbolIcon2("connector.smartJump"),
|
|
46632
46654
|
valueSource: { kind: "toolProperty", property: "smartJump" },
|
|
46633
46655
|
editor: { kind: "toggle", trueLabel: "On", falseLabel: "Off" },
|
|
46634
46656
|
invoke: { kind: "toolProperty", property: "smartJump" }
|
|
@@ -46640,21 +46662,21 @@ var connectorOverlay = {
|
|
|
46640
46662
|
{
|
|
46641
46663
|
id: "connector.switchPointers",
|
|
46642
46664
|
label: "Switch arrows",
|
|
46643
|
-
icon:
|
|
46665
|
+
icon: symbolIcon2("connector.switchPointers"),
|
|
46644
46666
|
target: "selection",
|
|
46645
46667
|
invoke: { kind: "operation", class: "Connector", method: "switchPointers" }
|
|
46646
46668
|
},
|
|
46647
46669
|
{
|
|
46648
46670
|
id: "connector.style",
|
|
46649
46671
|
label: "Connector style",
|
|
46650
|
-
icon:
|
|
46672
|
+
icon: symbolIcon2("connector.style"),
|
|
46651
46673
|
target: "each",
|
|
46652
46674
|
controls: connectorStyleControls,
|
|
46653
46675
|
groups: [
|
|
46654
46676
|
{
|
|
46655
46677
|
id: "connectorStyle",
|
|
46656
46678
|
label: "Connector style",
|
|
46657
|
-
icon:
|
|
46679
|
+
icon: symbolIcon2("connector.style"),
|
|
46658
46680
|
controlIds: connectorStyleControls.map((control) => control.id)
|
|
46659
46681
|
}
|
|
46660
46682
|
]
|
|
@@ -46681,7 +46703,7 @@ var addConnectorToolOverlay = {
|
|
|
46681
46703
|
{
|
|
46682
46704
|
id: "connectorToolStyle",
|
|
46683
46705
|
label: "Connector defaults",
|
|
46684
|
-
icon:
|
|
46706
|
+
icon: symbolIcon2("connector.style"),
|
|
46685
46707
|
controlIds: connectorToolControls.map((control) => control.id)
|
|
46686
46708
|
}
|
|
46687
46709
|
]
|
|
@@ -60828,7 +60850,7 @@ var inlineShapeAsset = (folder, file2 = folder) => ({
|
|
|
60828
60850
|
path: `src/Items/Shape/Basic/${folder}/${file2}.icon.svg`,
|
|
60829
60851
|
mimeType: "image/svg+xml"
|
|
60830
60852
|
});
|
|
60831
|
-
var
|
|
60853
|
+
var symbolIcon3 = (key) => ({ kind: "symbol", key });
|
|
60832
60854
|
var BASIC_INLINE_OPTIONS = [
|
|
60833
60855
|
{ id: "rectangle", label: "Rectangle", value: "Rectangle", icon: inlineShapeAsset("Rectangle") },
|
|
60834
60856
|
{ id: "rounded-rectangle", label: "Rounded rectangle", value: "RoundedRectangle", icon: inlineShapeAsset("RoundedRectangle") },
|
|
@@ -60838,48 +60860,48 @@ var BASIC_INLINE_OPTIONS = [
|
|
|
60838
60860
|
];
|
|
60839
60861
|
var SHAPE_CATALOG_OPTIONS = [
|
|
60840
60862
|
...BASIC_INLINE_OPTIONS,
|
|
60841
|
-
{ id: "reversed-triangle", label: "Reversed triangle", value: "ReversedTriangle", icon:
|
|
60863
|
+
{ id: "reversed-triangle", label: "Reversed triangle", value: "ReversedTriangle", icon: symbolIcon3("shape.reversedTriangle") },
|
|
60842
60864
|
{ id: "arrow-left", label: "Arrow left", value: "ArrowLeft", icon: inlineShapeAsset("ArrowLeft") },
|
|
60843
60865
|
{ id: "arrow-right", label: "Arrow right", value: "ArrowRight", icon: inlineShapeAsset("ArrowRight") },
|
|
60844
60866
|
{ id: "arrow-left-right", label: "Arrow left right", value: "ArrowLeftRight", icon: inlineShapeAsset("ArrowLeftRight") },
|
|
60845
|
-
{ id: "arrow-block-left", label: "Arrow block left", value: "ArrowBlockLeft", icon:
|
|
60846
|
-
{ id: "arrow-block-right", label: "Arrow block right", value: "ArrowBlockRight", icon:
|
|
60867
|
+
{ id: "arrow-block-left", label: "Arrow block left", value: "ArrowBlockLeft", icon: symbolIcon3("shape.arrowBlockLeft") },
|
|
60868
|
+
{ id: "arrow-block-right", label: "Arrow block right", value: "ArrowBlockRight", icon: symbolIcon3("shape.arrowBlockRight") },
|
|
60847
60869
|
{ id: "cloud", label: "Cloud", value: "Cloud", icon: inlineShapeAsset("Cloud") },
|
|
60848
60870
|
{ id: "cross", label: "Cross", value: "Cross", icon: inlineShapeAsset("Cross") },
|
|
60849
60871
|
{ id: "cylinder", label: "Cylinder", value: "Cylinder", icon: inlineShapeAsset("Cylinder") },
|
|
60850
60872
|
{ id: "hexagon", label: "Hexagon", value: "Hexagon", icon: inlineShapeAsset("Hexagon") },
|
|
60851
60873
|
{ id: "octagon", label: "Octagon", value: "Octagon", icon: inlineShapeAsset("Octagon") },
|
|
60852
60874
|
{ id: "parallelogram", label: "Parallelogram", value: "Parallelogram", icon: inlineShapeAsset("Parallelogram") },
|
|
60853
|
-
{ id: "reversed-parallelogram", label: "Reversed parallelogram", value: "ReversedParallelogram", icon:
|
|
60875
|
+
{ id: "reversed-parallelogram", label: "Reversed parallelogram", value: "ReversedParallelogram", icon: symbolIcon3("shape.reversedParallelogram") },
|
|
60854
60876
|
{ id: "pentagon", label: "Pentagon", value: "Pentagon", icon: inlineShapeAsset("Pentagon") },
|
|
60855
|
-
{ id: "predefined-process", label: "Predefined process", value: "PredefinedProcess", icon:
|
|
60877
|
+
{ id: "predefined-process", label: "Predefined process", value: "PredefinedProcess", icon: symbolIcon3("shape.predefinedProcess") },
|
|
60856
60878
|
{ id: "speech-bubble", label: "Speech bubble", value: "SpeachBubble", icon: inlineShapeAsset("SpeachBubble") },
|
|
60857
60879
|
{ id: "star", label: "Star", value: "Star", icon: inlineShapeAsset("Star") },
|
|
60858
60880
|
{ id: "trapezoid", label: "Trapezoid", value: "Trapezoid", icon: inlineShapeAsset("Trapezoid") },
|
|
60859
60881
|
{ id: "braces-left", label: "Braces left", value: "BracesLeft", icon: inlineShapeAsset("BracesLeft", "BracesLeft") },
|
|
60860
60882
|
{ id: "braces-right", label: "Braces right", value: "BracesRight", icon: inlineShapeAsset("BracesRight", "BracesRight") },
|
|
60861
|
-
{ id: "bpmn-task", label: "BPMN task", value: "BPMN_Task", icon:
|
|
60862
|
-
{ id: "bpmn-gateway", label: "BPMN gateway", value: "BPMN_Gateway", icon:
|
|
60863
|
-
{ id: "bpmn-gateway-parallel", label: "BPMN gateway parallel", value: "BPMN_GatewayParallel", icon:
|
|
60864
|
-
{ id: "bpmn-gateway-xor", label: "BPMN gateway XOR", value: "BPMN_GatewayXOR", icon:
|
|
60865
|
-
{ id: "bpmn-start-event", label: "BPMN start event", value: "BPMN_StartEvent", icon:
|
|
60866
|
-
{ id: "bpmn-start-event-non-interrupting", label: "BPMN start event non interrupting", value: "BPMN_StartEventNoneInterrupting", icon:
|
|
60867
|
-
{ id: "bpmn-end-event", label: "BPMN end event", value: "BPMN_EndEvent", icon:
|
|
60868
|
-
{ id: "bpmn-intermediate-event", label: "BPMN intermediate event", value: "BPMN_IntermediateEvent", icon:
|
|
60869
|
-
{ id: "bpmn-intermediate-event-none-interrupting", label: "BPMN intermediate event none interrupting", value: "BPMN_IntermediateEventNoneInterrupting", icon:
|
|
60870
|
-
{ id: "bpmn-data-object", label: "BPMN data object", value: "BPMN_DataObject", icon:
|
|
60871
|
-
{ id: "bpmn-data-store", label: "BPMN data store", value: "BPMN_DataStore", icon:
|
|
60872
|
-
{ id: "bpmn-participant", label: "BPMN participant", value: "BPMN_Participant", icon:
|
|
60873
|
-
{ id: "bpmn-transaction", label: "BPMN transaction", value: "BPMN_Transaction", icon:
|
|
60874
|
-
{ id: "bpmn-event-subprocess", label: "BPMN event subprocess", value: "BPMN_EventSubprocess", icon:
|
|
60875
|
-
{ id: "bpmn-group", label: "BPMN group", value: "BPMN_Group", icon:
|
|
60876
|
-
{ id: "bpmn-annotation", label: "BPMN annotation", value: "BPMN_Annotation", icon:
|
|
60883
|
+
{ id: "bpmn-task", label: "BPMN task", value: "BPMN_Task", icon: symbolIcon3("shape.bpmn.task") },
|
|
60884
|
+
{ id: "bpmn-gateway", label: "BPMN gateway", value: "BPMN_Gateway", icon: symbolIcon3("shape.bpmn.gateway") },
|
|
60885
|
+
{ id: "bpmn-gateway-parallel", label: "BPMN gateway parallel", value: "BPMN_GatewayParallel", icon: symbolIcon3("shape.bpmn.gatewayParallel") },
|
|
60886
|
+
{ id: "bpmn-gateway-xor", label: "BPMN gateway XOR", value: "BPMN_GatewayXOR", icon: symbolIcon3("shape.bpmn.gatewayXor") },
|
|
60887
|
+
{ id: "bpmn-start-event", label: "BPMN start event", value: "BPMN_StartEvent", icon: symbolIcon3("shape.bpmn.startEvent") },
|
|
60888
|
+
{ id: "bpmn-start-event-non-interrupting", label: "BPMN start event non interrupting", value: "BPMN_StartEventNoneInterrupting", icon: symbolIcon3("shape.bpmn.startEventNoneInterrupting") },
|
|
60889
|
+
{ id: "bpmn-end-event", label: "BPMN end event", value: "BPMN_EndEvent", icon: symbolIcon3("shape.bpmn.endEvent") },
|
|
60890
|
+
{ id: "bpmn-intermediate-event", label: "BPMN intermediate event", value: "BPMN_IntermediateEvent", icon: symbolIcon3("shape.bpmn.intermediateEvent") },
|
|
60891
|
+
{ id: "bpmn-intermediate-event-none-interrupting", label: "BPMN intermediate event none interrupting", value: "BPMN_IntermediateEventNoneInterrupting", icon: symbolIcon3("shape.bpmn.intermediateEventNoneInterrupting") },
|
|
60892
|
+
{ id: "bpmn-data-object", label: "BPMN data object", value: "BPMN_DataObject", icon: symbolIcon3("shape.bpmn.dataObject") },
|
|
60893
|
+
{ id: "bpmn-data-store", label: "BPMN data store", value: "BPMN_DataStore", icon: symbolIcon3("shape.bpmn.dataStore") },
|
|
60894
|
+
{ id: "bpmn-participant", label: "BPMN participant", value: "BPMN_Participant", icon: symbolIcon3("shape.bpmn.participant") },
|
|
60895
|
+
{ id: "bpmn-transaction", label: "BPMN transaction", value: "BPMN_Transaction", icon: symbolIcon3("shape.bpmn.transaction") },
|
|
60896
|
+
{ id: "bpmn-event-subprocess", label: "BPMN event subprocess", value: "BPMN_EventSubprocess", icon: symbolIcon3("shape.bpmn.eventSubprocess") },
|
|
60897
|
+
{ id: "bpmn-group", label: "BPMN group", value: "BPMN_Group", icon: symbolIcon3("shape.bpmn.group") },
|
|
60898
|
+
{ id: "bpmn-annotation", label: "BPMN annotation", value: "BPMN_Annotation", icon: symbolIcon3("shape.bpmn.annotation") }
|
|
60877
60899
|
];
|
|
60878
60900
|
var BORDER_STYLE_OPTIONS = [
|
|
60879
|
-
{ id: "solid", label: "Solid", value: "solid", icon:
|
|
60880
|
-
{ id: "dot", label: "Dot", value: "dot", icon:
|
|
60881
|
-
{ id: "dash", label: "Dash", value: "dash", icon:
|
|
60882
|
-
{ id: "long-dash", label: "Long dash", value: "longDash", icon:
|
|
60901
|
+
{ id: "solid", label: "Solid", value: "solid", icon: symbolIcon3("stroke.solid") },
|
|
60902
|
+
{ id: "dot", label: "Dot", value: "dot", icon: symbolIcon3("stroke.dot") },
|
|
60903
|
+
{ id: "dash", label: "Dash", value: "dash", icon: symbolIcon3("stroke.dash") },
|
|
60904
|
+
{ id: "long-dash", label: "Long dash", value: "longDash", icon: symbolIcon3("stroke.longDash") }
|
|
60883
60905
|
];
|
|
60884
60906
|
var shapeTypeControl = {
|
|
60885
60907
|
id: "shapeType",
|
|
@@ -60902,14 +60924,10 @@ var fillControl = {
|
|
|
60902
60924
|
id: "backgroundColor",
|
|
60903
60925
|
label: "Fill",
|
|
60904
60926
|
valueSource: { kind: "itemProperty", property: "backgroundColor" },
|
|
60905
|
-
icon: {
|
|
60906
|
-
kind: "
|
|
60907
|
-
|
|
60908
|
-
|
|
60909
|
-
swatch: { kind: "itemProperty", property: "backgroundColor" },
|
|
60910
|
-
note: "UI can render the current fill color as a swatch inside the icon."
|
|
60911
|
-
}
|
|
60912
|
-
},
|
|
60927
|
+
icon: styleFillIcon({
|
|
60928
|
+
swatch: { kind: "itemProperty", property: "backgroundColor" },
|
|
60929
|
+
note: "UI can render the current fill color as a swatch inside the icon."
|
|
60930
|
+
}),
|
|
60913
60931
|
editor: {
|
|
60914
60932
|
kind: "color",
|
|
60915
60933
|
palette: COLOR_PALETTE2,
|
|
@@ -60960,7 +60978,7 @@ var shapeOverlay = {
|
|
|
60960
60978
|
{
|
|
60961
60979
|
id: "shape.shapeType",
|
|
60962
60980
|
label: "Shape type",
|
|
60963
|
-
icon:
|
|
60981
|
+
icon: symbolIcon3("shape.type"),
|
|
60964
60982
|
target: "each",
|
|
60965
60983
|
controls: [shapeTypeControl]
|
|
60966
60984
|
},
|
|
@@ -60974,14 +60992,14 @@ var shapeOverlay = {
|
|
|
60974
60992
|
{
|
|
60975
60993
|
id: "shape.strokeStyle",
|
|
60976
60994
|
label: "Stroke style",
|
|
60977
|
-
icon:
|
|
60995
|
+
icon: styleStrokeIcon(),
|
|
60978
60996
|
target: "each",
|
|
60979
60997
|
controls: strokeControls,
|
|
60980
60998
|
groups: [
|
|
60981
60999
|
{
|
|
60982
61000
|
id: "shapeStrokeStyle",
|
|
60983
61001
|
label: "Stroke style",
|
|
60984
|
-
icon:
|
|
61002
|
+
icon: styleStrokeIcon(),
|
|
60985
61003
|
controlIds: strokeControls.map((control) => control.id)
|
|
60986
61004
|
}
|
|
60987
61005
|
]
|
|
@@ -66355,11 +66373,9 @@ var diceOverlay = {
|
|
|
66355
66373
|
{
|
|
66356
66374
|
id: "dice.fill",
|
|
66357
66375
|
label: "Fill",
|
|
66358
|
-
icon: {
|
|
66359
|
-
kind: "
|
|
66360
|
-
|
|
66361
|
-
state: { swatch: { kind: "itemProperty", property: "backgroundColor" } }
|
|
66362
|
-
},
|
|
66376
|
+
icon: styleFillIcon({
|
|
66377
|
+
swatch: { kind: "itemProperty", property: "backgroundColor" }
|
|
66378
|
+
}),
|
|
66363
66379
|
target: "each",
|
|
66364
66380
|
controls: [
|
|
66365
66381
|
{
|
|
@@ -77863,6 +77879,11 @@ export {
|
|
|
77863
77879
|
toFiniteNumber,
|
|
77864
77880
|
tempStorage,
|
|
77865
77881
|
tagByType,
|
|
77882
|
+
symbolIcon,
|
|
77883
|
+
styleStrokeIcon,
|
|
77884
|
+
styleFontSizeIcon,
|
|
77885
|
+
styleFillIcon,
|
|
77886
|
+
styleColorIcon,
|
|
77866
77887
|
stickerColors,
|
|
77867
77888
|
srgbChannelToLinear,
|
|
77868
77889
|
sha256,
|
|
@@ -77989,6 +78010,7 @@ export {
|
|
|
77989
78010
|
PRESENCE_CURSOR_THROTTLE,
|
|
77990
78011
|
PRESENCE_CLEANUP_USER_TIMER,
|
|
77991
78012
|
PRESENCE_CLEANUP_IDLE_TIMER,
|
|
78013
|
+
OVERLAY_SYMBOL_KEYS,
|
|
77992
78014
|
MiroItemConverter,
|
|
77993
78015
|
Mbr,
|
|
77994
78016
|
Matrix,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ItemOverlayDefinition, type ToolOverlayDefinition } from "../../Overlay";
|
|
2
2
|
export declare const diceOverlay: ItemOverlayDefinition;
|
|
3
3
|
export declare const addDiceToolOverlay: ToolOverlayDefinition;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ItemOverlayDefinition, type ToolOverlayDefinition } from "../../Overlay";
|
|
2
2
|
export declare const richTextOverlay: ItemOverlayDefinition;
|
|
3
3
|
export declare const addTextToolOverlay: ToolOverlayDefinition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ItemOverlayDefinition, type OverlayControlDefinition, type ToolOverlayDefinition } from "../../Overlay";
|
|
2
2
|
export declare const shapeTypeControl: OverlayControlDefinition;
|
|
3
3
|
export declare const shapeOverlay: ItemOverlayDefinition;
|
|
4
4
|
export declare const addShapeToolOverlay: ToolOverlayDefinition;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { OverlayIcon, OverlayIconStateHint } from "./OverlayMetadata";
|
|
2
|
+
export declare const OVERLAY_SYMBOL_KEYS: {
|
|
3
|
+
readonly styleFill: "style.fill";
|
|
4
|
+
readonly styleStroke: "style.stroke";
|
|
5
|
+
readonly styleColor: "style.color";
|
|
6
|
+
readonly styleFontSize: "style.fontSize";
|
|
7
|
+
};
|
|
8
|
+
export declare function symbolIcon(key: string, state?: OverlayIconStateHint): OverlayIcon;
|
|
9
|
+
export declare function styleFillIcon(state?: OverlayIconStateHint): OverlayIcon;
|
|
10
|
+
export declare function styleStrokeIcon(state?: OverlayIconStateHint): OverlayIcon;
|
|
11
|
+
export declare function styleColorIcon(state?: OverlayIconStateHint): OverlayIcon;
|
|
12
|
+
export declare function styleFontSizeIcon(state?: OverlayIconStateHint): OverlayIcon;
|