@fmsim/board 2.0.0-beta.92 → 2.0.0-beta.94

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.
@@ -7072,62 +7072,194 @@
7072
7072
  },
7073
7073
  {
7074
7074
  "kind": "javascript-module",
7075
- "path": "src/modeller/property-sidebar/abstract-property.ts",
7075
+ "path": "src/modeller/component-toolbar/component-detail.ts",
7076
7076
  "declarations": [
7077
7077
  {
7078
7078
  "kind": "class",
7079
7079
  "description": "",
7080
- "name": "AbstractProperty",
7080
+ "name": "ComponentDetail",
7081
+ "members": [
7082
+ {
7083
+ "kind": "field",
7084
+ "name": "template",
7085
+ "type": {
7086
+ "text": "{ about: string } | null"
7087
+ },
7088
+ "default": "null",
7089
+ "attribute": "template"
7090
+ }
7091
+ ],
7092
+ "attributes": [
7093
+ {
7094
+ "name": "template",
7095
+ "type": {
7096
+ "text": "{ about: string } | null"
7097
+ },
7098
+ "default": "null",
7099
+ "fieldName": "template"
7100
+ }
7101
+ ],
7102
+ "superclass": {
7103
+ "name": "LitElement",
7104
+ "package": "lit"
7105
+ },
7106
+ "customElement": true
7107
+ }
7108
+ ],
7109
+ "exports": [
7110
+ {
7111
+ "kind": "js",
7112
+ "name": "ComponentDetail",
7113
+ "declaration": {
7114
+ "name": "ComponentDetail",
7115
+ "module": "src/modeller/component-toolbar/component-detail.ts"
7116
+ }
7117
+ }
7118
+ ]
7119
+ },
7120
+ {
7121
+ "kind": "javascript-module",
7122
+ "path": "src/modeller/component-toolbar/component-menu.ts",
7123
+ "declarations": [
7124
+ {
7125
+ "kind": "class",
7126
+ "description": "",
7127
+ "name": "ComponentMenu",
7081
7128
  "members": [
7129
+ {
7130
+ "kind": "field",
7131
+ "name": "groups",
7132
+ "type": {
7133
+ "text": "Pallet[]"
7134
+ },
7135
+ "default": "[]",
7136
+ "attribute": "groups"
7137
+ },
7138
+ {
7139
+ "kind": "field",
7140
+ "name": "scene",
7141
+ "type": {
7142
+ "text": "Scene | null"
7143
+ },
7144
+ "default": "null",
7145
+ "attribute": "scene"
7146
+ },
7147
+ {
7148
+ "kind": "field",
7149
+ "name": "group",
7150
+ "type": {
7151
+ "text": "string | null"
7152
+ },
7153
+ "default": "''",
7154
+ "attribute": "group"
7155
+ },
7156
+ {
7157
+ "kind": "field",
7158
+ "name": "templates",
7159
+ "type": {
7160
+ "text": "PalletItem[]"
7161
+ },
7162
+ "default": "[]"
7163
+ },
7164
+ {
7165
+ "kind": "field",
7166
+ "name": "template",
7167
+ "type": {
7168
+ "text": "PalletItem | any"
7169
+ }
7170
+ },
7171
+ {
7172
+ "kind": "field",
7173
+ "name": "detail",
7174
+ "type": {
7175
+ "text": "HTMLElement"
7176
+ }
7177
+ },
7178
+ {
7179
+ "kind": "field",
7180
+ "name": "scopedElements",
7181
+ "static": true,
7182
+ "readonly": true
7183
+ },
7082
7184
  {
7083
7185
  "kind": "method",
7084
- "name": "_onValueChange",
7186
+ "name": "findTemplate",
7085
7187
  "parameters": [
7086
7188
  {
7087
- "name": "e",
7189
+ "name": "type",
7088
7190
  "type": {
7089
- "text": "Event"
7191
+ "text": "string | null | undefined"
7090
7192
  }
7091
7193
  }
7092
7194
  ]
7093
7195
  },
7094
7196
  {
7095
7197
  "kind": "method",
7096
- "name": "_getValueFromEventTarget",
7198
+ "name": "onHoverComponent",
7097
7199
  "parameters": [
7098
7200
  {
7099
- "name": "element",
7201
+ "name": "e",
7100
7202
  "type": {
7101
- "text": "HTMLElement"
7203
+ "text": "MouseEvent"
7102
7204
  }
7103
7205
  }
7104
7206
  ]
7105
7207
  },
7106
7208
  {
7107
7209
  "kind": "method",
7108
- "name": "_onAfterValueChange",
7210
+ "name": "onClickTemplate",
7109
7211
  "parameters": [
7110
7212
  {
7111
- "name": "key",
7213
+ "name": "e",
7112
7214
  "type": {
7113
- "text": "string"
7215
+ "text": "MouseEvent"
7114
7216
  }
7115
- },
7217
+ }
7218
+ ]
7219
+ },
7220
+ {
7221
+ "kind": "method",
7222
+ "name": "templateIcon",
7223
+ "parameters": [
7116
7224
  {
7117
- "name": "value",
7225
+ "name": "template",
7118
7226
  "type": {
7119
- "text": "any"
7227
+ "text": "PalletItem"
7120
7228
  }
7121
7229
  }
7122
7230
  ]
7123
7231
  }
7124
7232
  ],
7125
- "events": [
7233
+ "attributes": [
7126
7234
  {
7127
- "name": "property-change",
7235
+ "name": "groups",
7128
7236
  "type": {
7129
- "text": "CustomEvent"
7130
- }
7237
+ "text": "Pallet[]"
7238
+ },
7239
+ "default": "[]",
7240
+ "fieldName": "groups"
7241
+ },
7242
+ {
7243
+ "name": "scene",
7244
+ "type": {
7245
+ "text": "Scene | null"
7246
+ },
7247
+ "default": "null",
7248
+ "fieldName": "scene"
7249
+ },
7250
+ {
7251
+ "name": "group",
7252
+ "type": {
7253
+ "text": "string | null"
7254
+ },
7255
+ "default": "''",
7256
+ "fieldName": "group"
7257
+ }
7258
+ ],
7259
+ "mixins": [
7260
+ {
7261
+ "name": "ScopedElementsMixin",
7262
+ "package": "@open-wc/scoped-elements"
7131
7263
  }
7132
7264
  ],
7133
7265
  "superclass": {
@@ -7140,131 +7272,95 @@
7140
7272
  "exports": [
7141
7273
  {
7142
7274
  "kind": "js",
7143
- "name": "AbstractProperty",
7144
- "declaration": {
7145
- "name": "AbstractProperty",
7146
- "module": "src/modeller/property-sidebar/abstract-property.ts"
7147
- }
7148
- }
7149
- ]
7150
- },
7151
- {
7152
- "kind": "javascript-module",
7153
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
7154
- "declarations": [
7155
- {
7156
- "kind": "variable",
7157
- "name": "PropertySharedStyle",
7158
- "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
7159
- }
7160
- ],
7161
- "exports": [
7162
- {
7163
- "kind": "js",
7164
- "name": "PropertySharedStyle",
7275
+ "name": "ComponentMenu",
7165
7276
  "declaration": {
7166
- "name": "PropertySharedStyle",
7167
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
7277
+ "name": "ComponentMenu",
7278
+ "module": "src/modeller/component-toolbar/component-menu.ts"
7168
7279
  }
7169
7280
  }
7170
7281
  ]
7171
7282
  },
7172
7283
  {
7173
7284
  "kind": "javascript-module",
7174
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
7285
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
7175
7286
  "declarations": [
7176
7287
  {
7177
7288
  "kind": "class",
7178
7289
  "description": "",
7179
- "name": "PropertySidebar",
7290
+ "name": "ComponentToolbar",
7180
7291
  "members": [
7181
7292
  {
7182
7293
  "kind": "field",
7183
- "name": "scene",
7184
- "type": {
7185
- "text": "Scene | null"
7186
- },
7187
- "default": "null",
7188
- "attribute": "scene"
7189
- },
7190
- {
7191
- "kind": "field",
7192
- "name": "bounds",
7294
+ "name": "componentGroupList",
7193
7295
  "type": {
7194
- "text": "any"
7296
+ "text": "ComponentGroup[]"
7195
7297
  },
7196
- "default": "{}",
7197
- "attribute": "bounds"
7298
+ "default": "[]",
7299
+ "attribute": "componentGroupList"
7198
7300
  },
7199
7301
  {
7200
7302
  "kind": "field",
7201
- "name": "model",
7303
+ "name": "group",
7202
7304
  "type": {
7203
- "text": "Model | null"
7305
+ "text": "string | null | undefined"
7204
7306
  },
7205
- "default": "{}",
7206
- "attribute": "model"
7307
+ "attribute": "group"
7207
7308
  },
7208
7309
  {
7209
7310
  "kind": "field",
7210
- "name": "selected",
7311
+ "name": "scene",
7211
7312
  "type": {
7212
- "text": "Component[]"
7313
+ "text": "Scene"
7213
7314
  },
7214
- "default": "[]",
7215
- "attribute": "selected"
7315
+ "attribute": "scene"
7216
7316
  },
7217
7317
  {
7218
7318
  "kind": "field",
7219
- "name": "specificProps",
7319
+ "name": "mode",
7220
7320
  "type": {
7221
- "text": "any"
7321
+ "text": "SceneMode"
7222
7322
  },
7223
- "attribute": "specificProps"
7323
+ "attribute": "mode"
7224
7324
  },
7225
7325
  {
7226
7326
  "kind": "field",
7227
- "name": "tabName",
7327
+ "name": "shift",
7228
7328
  "type": {
7229
- "text": "string | null"
7230
- },
7231
- "default": "'specific'",
7232
- "attribute": "tabName"
7329
+ "text": "HTMLImageElement"
7330
+ }
7233
7331
  },
7234
7332
  {
7235
7333
  "kind": "field",
7236
- "name": "collapsed",
7334
+ "name": "menu",
7237
7335
  "type": {
7238
- "text": "boolean"
7336
+ "text": "HTMLElement"
7239
7337
  },
7240
- "default": "false",
7241
- "attribute": "collapsed"
7338
+ "privacy": "private"
7242
7339
  },
7243
7340
  {
7244
7341
  "kind": "field",
7245
- "name": "fonts",
7342
+ "name": "componentsContainer",
7246
7343
  "type": {
7247
- "text": "any[]"
7344
+ "text": "HTMLElement"
7248
7345
  },
7249
- "default": "[]",
7250
- "attribute": "fonts"
7346
+ "privacy": "private"
7251
7347
  },
7252
7348
  {
7253
7349
  "kind": "field",
7254
- "name": "propertyEditor",
7350
+ "name": "groups",
7255
7351
  "type": {
7256
- "text": "any[]"
7352
+ "text": "NodeListOf<HTMLElement>"
7257
7353
  },
7258
- "default": "[]",
7259
- "attribute": "propertyEditor"
7354
+ "privacy": "private"
7260
7355
  },
7261
7356
  {
7262
7357
  "kind": "field",
7263
- "name": "propertyTarget",
7358
+ "name": "icons",
7264
7359
  "type": {
7265
- "text": "Component | null"
7360
+ "text": "{ [name: string]: string }"
7266
7361
  },
7267
- "default": "null"
7362
+ "privacy": "private",
7363
+ "default": "{}"
7268
7364
  },
7269
7365
  {
7270
7366
  "kind": "field",
@@ -7274,160 +7370,90 @@
7274
7370
  },
7275
7371
  {
7276
7372
  "kind": "method",
7277
- "name": "_onPropertyChanged",
7278
- "parameters": [
7279
- {
7280
- "name": "e",
7281
- "type": {
7282
- "text": "CustomEvent"
7283
- }
7284
- }
7285
- ]
7286
- },
7287
- {
7288
- "kind": "method",
7289
- "name": "_onBoundsChanged",
7373
+ "name": "onWheelEvent",
7290
7374
  "parameters": [
7291
7375
  {
7292
7376
  "name": "e",
7293
7377
  "type": {
7294
- "text": "CustomEvent"
7295
- }
7296
- }
7297
- ]
7298
- },
7299
- {
7300
- "kind": "method",
7301
- "name": "_onChangedByScene"
7302
- },
7303
- {
7304
- "kind": "method",
7305
- "name": "_setPropertyTargetAsDefault"
7306
- },
7307
- {
7308
- "kind": "method",
7309
- "name": "_onCollapsed",
7310
- "parameters": [
7311
- {
7312
- "name": "collapsed",
7313
- "type": {
7314
- "text": "boolean"
7378
+ "text": "Event"
7315
7379
  }
7316
7380
  }
7317
7381
  ]
7318
7382
  },
7319
7383
  {
7320
7384
  "kind": "method",
7321
- "name": "_onSceneChanged"
7322
- },
7323
- {
7324
- "kind": "method",
7325
- "name": "_onSelectedChanged",
7385
+ "name": "_setMode",
7326
7386
  "parameters": [
7327
7387
  {
7328
- "name": "after",
7388
+ "name": "mode",
7329
7389
  "type": {
7330
- "text": "Component[]"
7390
+ "text": "SceneMode"
7331
7391
  }
7332
7392
  }
7333
7393
  ]
7334
7394
  },
7335
7395
  {
7336
7396
  "kind": "method",
7337
- "name": "_setPropertyTarget",
7397
+ "name": "_onClickShift",
7338
7398
  "parameters": [
7339
7399
  {
7340
- "name": "newTarget",
7400
+ "name": "e",
7341
7401
  "type": {
7342
- "text": "Component | null"
7402
+ "text": "MouseEvent"
7343
7403
  }
7344
7404
  }
7345
7405
  ]
7346
7406
  },
7347
7407
  {
7348
7408
  "kind": "method",
7349
- "name": "_setBounds",
7409
+ "name": "_onClickGroup",
7350
7410
  "parameters": [
7351
7411
  {
7352
- "name": "bounds",
7412
+ "name": "e",
7353
7413
  "type": {
7354
- "text": "BOUNDS"
7414
+ "text": "MouseEvent"
7355
7415
  }
7356
7416
  }
7357
7417
  ]
7358
7418
  }
7359
7419
  ],
7360
- "attributes": [
7361
- {
7362
- "name": "scene",
7363
- "type": {
7364
- "text": "Scene | null"
7365
- },
7366
- "default": "null",
7367
- "fieldName": "scene"
7368
- },
7369
- {
7370
- "name": "bounds",
7371
- "type": {
7372
- "text": "any"
7373
- },
7374
- "default": "{}",
7375
- "fieldName": "bounds"
7376
- },
7377
- {
7378
- "name": "model",
7379
- "type": {
7380
- "text": "Model | null"
7381
- },
7382
- "default": "{}",
7383
- "fieldName": "model"
7384
- },
7385
- {
7386
- "name": "selected",
7387
- "type": {
7388
- "text": "Component[]"
7389
- },
7390
- "default": "[]",
7391
- "fieldName": "selected"
7392
- },
7420
+ "events": [
7393
7421
  {
7394
- "name": "specificProps",
7422
+ "name": "mode-changed",
7395
7423
  "type": {
7396
- "text": "any"
7397
- },
7398
- "fieldName": "specificProps"
7399
- },
7424
+ "text": "CustomEvent"
7425
+ }
7426
+ }
7427
+ ],
7428
+ "attributes": [
7400
7429
  {
7401
- "name": "tabName",
7430
+ "name": "componentGroupList",
7402
7431
  "type": {
7403
- "text": "string | null"
7432
+ "text": "ComponentGroup[]"
7404
7433
  },
7405
- "default": "'specific'",
7406
- "fieldName": "tabName"
7434
+ "default": "[]",
7435
+ "fieldName": "componentGroupList"
7407
7436
  },
7408
7437
  {
7409
- "name": "collapsed",
7438
+ "name": "group",
7410
7439
  "type": {
7411
- "text": "boolean"
7440
+ "text": "string | null | undefined"
7412
7441
  },
7413
- "default": "false",
7414
- "fieldName": "collapsed"
7442
+ "fieldName": "group"
7415
7443
  },
7416
7444
  {
7417
- "name": "fonts",
7445
+ "name": "scene",
7418
7446
  "type": {
7419
- "text": "any[]"
7447
+ "text": "Scene"
7420
7448
  },
7421
- "default": "[]",
7422
- "fieldName": "fonts"
7449
+ "fieldName": "scene"
7423
7450
  },
7424
7451
  {
7425
- "name": "propertyEditor",
7452
+ "name": "mode",
7426
7453
  "type": {
7427
- "text": "any[]"
7454
+ "text": "SceneMode"
7428
7455
  },
7429
- "default": "[]",
7430
- "fieldName": "propertyEditor"
7456
+ "fieldName": "mode"
7431
7457
  }
7432
7458
  ],
7433
7459
  "mixins": [
@@ -7446,10 +7472,44 @@
7446
7472
  "exports": [
7447
7473
  {
7448
7474
  "kind": "js",
7449
- "name": "PropertySidebar",
7475
+ "name": "ComponentToolbar",
7450
7476
  "declaration": {
7451
- "name": "PropertySidebar",
7452
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
7477
+ "name": "ComponentToolbar",
7478
+ "module": "src/modeller/component-toolbar/component-toolbar.ts"
7479
+ }
7480
+ }
7481
+ ]
7482
+ },
7483
+ {
7484
+ "kind": "javascript-module",
7485
+ "path": "src/modeller/component-toolbar/mode-icons.ts",
7486
+ "declarations": [
7487
+ {
7488
+ "kind": "variable",
7489
+ "name": "ICON_EDIT_MODE",
7490
+ "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; } .st1 { fill: none; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \" /> <path class=\"st1\" d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\" /> </g> </svg> `"
7491
+ },
7492
+ {
7493
+ "kind": "variable",
7494
+ "name": "ICON_SHIFT_MODE",
7495
+ "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; stroke: {{strokeColor}}; fill-rule: evenodd; clip-rule: evenodd; } .st1 { fill: {{strokeColor}}; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <path class=\"st0\" d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4 c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8 c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8 c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8 c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8 C6.7,22.7,7,23.2,7.8,23.2z\" /> <path class=\"st1\" d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\" /> </g> </svg> `"
7496
+ }
7497
+ ],
7498
+ "exports": [
7499
+ {
7500
+ "kind": "js",
7501
+ "name": "ICON_EDIT_MODE",
7502
+ "declaration": {
7503
+ "name": "ICON_EDIT_MODE",
7504
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
7505
+ }
7506
+ },
7507
+ {
7508
+ "kind": "js",
7509
+ "name": "ICON_SHIFT_MODE",
7510
+ "declaration": {
7511
+ "name": "ICON_SHIFT_MODE",
7512
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
7453
7513
  }
7454
7514
  }
7455
7515
  ]
@@ -8203,194 +8263,62 @@
8203
8263
  },
8204
8264
  {
8205
8265
  "kind": "javascript-module",
8206
- "path": "src/modeller/component-toolbar/component-detail.ts",
8207
- "declarations": [
8208
- {
8209
- "kind": "class",
8210
- "description": "",
8211
- "name": "ComponentDetail",
8212
- "members": [
8213
- {
8214
- "kind": "field",
8215
- "name": "template",
8216
- "type": {
8217
- "text": "{ about: string } | null"
8218
- },
8219
- "default": "null",
8220
- "attribute": "template"
8221
- }
8222
- ],
8223
- "attributes": [
8224
- {
8225
- "name": "template",
8226
- "type": {
8227
- "text": "{ about: string } | null"
8228
- },
8229
- "default": "null",
8230
- "fieldName": "template"
8231
- }
8232
- ],
8233
- "superclass": {
8234
- "name": "LitElement",
8235
- "package": "lit"
8236
- },
8237
- "customElement": true
8238
- }
8239
- ],
8240
- "exports": [
8241
- {
8242
- "kind": "js",
8243
- "name": "ComponentDetail",
8244
- "declaration": {
8245
- "name": "ComponentDetail",
8246
- "module": "src/modeller/component-toolbar/component-detail.ts"
8247
- }
8248
- }
8249
- ]
8250
- },
8251
- {
8252
- "kind": "javascript-module",
8253
- "path": "src/modeller/component-toolbar/component-menu.ts",
8266
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
8254
8267
  "declarations": [
8255
8268
  {
8256
8269
  "kind": "class",
8257
8270
  "description": "",
8258
- "name": "ComponentMenu",
8271
+ "name": "AbstractProperty",
8259
8272
  "members": [
8260
- {
8261
- "kind": "field",
8262
- "name": "groups",
8263
- "type": {
8264
- "text": "Pallet[]"
8265
- },
8266
- "default": "[]",
8267
- "attribute": "groups"
8268
- },
8269
- {
8270
- "kind": "field",
8271
- "name": "scene",
8272
- "type": {
8273
- "text": "Scene | null"
8274
- },
8275
- "default": "null",
8276
- "attribute": "scene"
8277
- },
8278
- {
8279
- "kind": "field",
8280
- "name": "group",
8281
- "type": {
8282
- "text": "string | null"
8283
- },
8284
- "default": "''",
8285
- "attribute": "group"
8286
- },
8287
- {
8288
- "kind": "field",
8289
- "name": "templates",
8290
- "type": {
8291
- "text": "PalletItem[]"
8292
- },
8293
- "default": "[]"
8294
- },
8295
- {
8296
- "kind": "field",
8297
- "name": "template",
8298
- "type": {
8299
- "text": "PalletItem | any"
8300
- }
8301
- },
8302
- {
8303
- "kind": "field",
8304
- "name": "detail",
8305
- "type": {
8306
- "text": "HTMLElement"
8307
- }
8308
- },
8309
- {
8310
- "kind": "field",
8311
- "name": "scopedElements",
8312
- "static": true,
8313
- "readonly": true
8314
- },
8315
8273
  {
8316
8274
  "kind": "method",
8317
- "name": "findTemplate",
8275
+ "name": "_onValueChange",
8318
8276
  "parameters": [
8319
8277
  {
8320
- "name": "type",
8278
+ "name": "e",
8321
8279
  "type": {
8322
- "text": "string | null | undefined"
8280
+ "text": "Event"
8323
8281
  }
8324
8282
  }
8325
8283
  ]
8326
8284
  },
8327
8285
  {
8328
8286
  "kind": "method",
8329
- "name": "onHoverComponent",
8287
+ "name": "_getValueFromEventTarget",
8330
8288
  "parameters": [
8331
8289
  {
8332
- "name": "e",
8290
+ "name": "element",
8333
8291
  "type": {
8334
- "text": "MouseEvent"
8292
+ "text": "HTMLElement"
8335
8293
  }
8336
8294
  }
8337
8295
  ]
8338
8296
  },
8339
8297
  {
8340
8298
  "kind": "method",
8341
- "name": "onClickTemplate",
8299
+ "name": "_onAfterValueChange",
8342
8300
  "parameters": [
8343
8301
  {
8344
- "name": "e",
8302
+ "name": "key",
8345
8303
  "type": {
8346
- "text": "MouseEvent"
8304
+ "text": "string"
8347
8305
  }
8348
- }
8349
- ]
8350
- },
8351
- {
8352
- "kind": "method",
8353
- "name": "templateIcon",
8354
- "parameters": [
8306
+ },
8355
8307
  {
8356
- "name": "template",
8308
+ "name": "value",
8357
8309
  "type": {
8358
- "text": "PalletItem"
8310
+ "text": "any"
8359
8311
  }
8360
8312
  }
8361
8313
  ]
8362
8314
  }
8363
8315
  ],
8364
- "attributes": [
8365
- {
8366
- "name": "groups",
8367
- "type": {
8368
- "text": "Pallet[]"
8369
- },
8370
- "default": "[]",
8371
- "fieldName": "groups"
8372
- },
8373
- {
8374
- "name": "scene",
8375
- "type": {
8376
- "text": "Scene | null"
8377
- },
8378
- "default": "null",
8379
- "fieldName": "scene"
8380
- },
8316
+ "events": [
8381
8317
  {
8382
- "name": "group",
8318
+ "name": "property-change",
8383
8319
  "type": {
8384
- "text": "string | null"
8385
- },
8386
- "default": "''",
8387
- "fieldName": "group"
8388
- }
8389
- ],
8390
- "mixins": [
8391
- {
8392
- "name": "ScopedElementsMixin",
8393
- "package": "@open-wc/scoped-elements"
8320
+ "text": "CustomEvent"
8321
+ }
8394
8322
  }
8395
8323
  ],
8396
8324
  "superclass": {
@@ -8403,95 +8331,131 @@
8403
8331
  "exports": [
8404
8332
  {
8405
8333
  "kind": "js",
8406
- "name": "ComponentMenu",
8334
+ "name": "AbstractProperty",
8335
+ "declaration": {
8336
+ "name": "AbstractProperty",
8337
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
8338
+ }
8339
+ }
8340
+ ]
8341
+ },
8342
+ {
8343
+ "kind": "javascript-module",
8344
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
8345
+ "declarations": [
8346
+ {
8347
+ "kind": "variable",
8348
+ "name": "PropertySharedStyle",
8349
+ "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
8350
+ }
8351
+ ],
8352
+ "exports": [
8353
+ {
8354
+ "kind": "js",
8355
+ "name": "PropertySharedStyle",
8407
8356
  "declaration": {
8408
- "name": "ComponentMenu",
8409
- "module": "src/modeller/component-toolbar/component-menu.ts"
8357
+ "name": "PropertySharedStyle",
8358
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
8410
8359
  }
8411
8360
  }
8412
8361
  ]
8413
8362
  },
8414
8363
  {
8415
8364
  "kind": "javascript-module",
8416
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
8365
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
8417
8366
  "declarations": [
8418
8367
  {
8419
8368
  "kind": "class",
8420
8369
  "description": "",
8421
- "name": "ComponentToolbar",
8370
+ "name": "PropertySidebar",
8422
8371
  "members": [
8423
8372
  {
8424
8373
  "kind": "field",
8425
- "name": "componentGroupList",
8374
+ "name": "scene",
8426
8375
  "type": {
8427
- "text": "ComponentGroup[]"
8376
+ "text": "Scene | null"
8428
8377
  },
8429
- "default": "[]",
8430
- "attribute": "componentGroupList"
8378
+ "default": "null",
8379
+ "attribute": "scene"
8431
8380
  },
8432
8381
  {
8433
8382
  "kind": "field",
8434
- "name": "group",
8383
+ "name": "bounds",
8435
8384
  "type": {
8436
- "text": "string | null | undefined"
8385
+ "text": "any"
8437
8386
  },
8438
- "attribute": "group"
8387
+ "default": "{}",
8388
+ "attribute": "bounds"
8439
8389
  },
8440
8390
  {
8441
8391
  "kind": "field",
8442
- "name": "scene",
8392
+ "name": "model",
8443
8393
  "type": {
8444
- "text": "Scene"
8394
+ "text": "Model | null"
8445
8395
  },
8446
- "attribute": "scene"
8396
+ "default": "{}",
8397
+ "attribute": "model"
8447
8398
  },
8448
8399
  {
8449
8400
  "kind": "field",
8450
- "name": "mode",
8401
+ "name": "selected",
8451
8402
  "type": {
8452
- "text": "SceneMode"
8403
+ "text": "Component[]"
8453
8404
  },
8454
- "attribute": "mode"
8405
+ "default": "[]",
8406
+ "attribute": "selected"
8455
8407
  },
8456
8408
  {
8457
8409
  "kind": "field",
8458
- "name": "shift",
8410
+ "name": "specificProps",
8459
8411
  "type": {
8460
- "text": "HTMLImageElement"
8461
- }
8412
+ "text": "any"
8413
+ },
8414
+ "attribute": "specificProps"
8462
8415
  },
8463
8416
  {
8464
8417
  "kind": "field",
8465
- "name": "menu",
8418
+ "name": "tabName",
8466
8419
  "type": {
8467
- "text": "HTMLElement"
8420
+ "text": "string | null"
8468
8421
  },
8469
- "privacy": "private"
8422
+ "default": "'specific'",
8423
+ "attribute": "tabName"
8470
8424
  },
8471
8425
  {
8472
8426
  "kind": "field",
8473
- "name": "componentsContainer",
8427
+ "name": "collapsed",
8474
8428
  "type": {
8475
- "text": "HTMLElement"
8429
+ "text": "boolean"
8476
8430
  },
8477
- "privacy": "private"
8431
+ "default": "false",
8432
+ "attribute": "collapsed"
8478
8433
  },
8479
8434
  {
8480
8435
  "kind": "field",
8481
- "name": "groups",
8436
+ "name": "fonts",
8482
8437
  "type": {
8483
- "text": "NodeListOf<HTMLElement>"
8438
+ "text": "any[]"
8484
8439
  },
8485
- "privacy": "private"
8440
+ "default": "[]",
8441
+ "attribute": "fonts"
8486
8442
  },
8487
8443
  {
8488
8444
  "kind": "field",
8489
- "name": "icons",
8445
+ "name": "propertyEditor",
8490
8446
  "type": {
8491
- "text": "{ [name: string]: string }"
8447
+ "text": "any[]"
8492
8448
  },
8493
- "privacy": "private",
8494
- "default": "{}"
8449
+ "default": "[]",
8450
+ "attribute": "propertyEditor"
8451
+ },
8452
+ {
8453
+ "kind": "field",
8454
+ "name": "propertyTarget",
8455
+ "type": {
8456
+ "text": "Component | null"
8457
+ },
8458
+ "default": "null"
8495
8459
  },
8496
8460
  {
8497
8461
  "kind": "field",
@@ -8501,90 +8465,160 @@
8501
8465
  },
8502
8466
  {
8503
8467
  "kind": "method",
8504
- "name": "onWheelEvent",
8468
+ "name": "_onPropertyChanged",
8505
8469
  "parameters": [
8506
8470
  {
8507
8471
  "name": "e",
8508
8472
  "type": {
8509
- "text": "Event"
8473
+ "text": "CustomEvent"
8510
8474
  }
8511
8475
  }
8512
8476
  ]
8513
8477
  },
8514
8478
  {
8515
8479
  "kind": "method",
8516
- "name": "_setMode",
8480
+ "name": "_onBoundsChanged",
8517
8481
  "parameters": [
8518
8482
  {
8519
- "name": "mode",
8483
+ "name": "e",
8520
8484
  "type": {
8521
- "text": "SceneMode"
8485
+ "text": "CustomEvent"
8522
8486
  }
8523
8487
  }
8524
8488
  ]
8525
8489
  },
8526
8490
  {
8527
8491
  "kind": "method",
8528
- "name": "_onClickShift",
8492
+ "name": "_onChangedByScene"
8493
+ },
8494
+ {
8495
+ "kind": "method",
8496
+ "name": "_setPropertyTargetAsDefault"
8497
+ },
8498
+ {
8499
+ "kind": "method",
8500
+ "name": "_onCollapsed",
8529
8501
  "parameters": [
8530
8502
  {
8531
- "name": "e",
8503
+ "name": "collapsed",
8532
8504
  "type": {
8533
- "text": "MouseEvent"
8505
+ "text": "boolean"
8534
8506
  }
8535
8507
  }
8536
8508
  ]
8537
8509
  },
8538
8510
  {
8539
8511
  "kind": "method",
8540
- "name": "_onClickGroup",
8512
+ "name": "_onSceneChanged"
8513
+ },
8514
+ {
8515
+ "kind": "method",
8516
+ "name": "_onSelectedChanged",
8541
8517
  "parameters": [
8542
8518
  {
8543
- "name": "e",
8519
+ "name": "after",
8544
8520
  "type": {
8545
- "text": "MouseEvent"
8521
+ "text": "Component[]"
8546
8522
  }
8547
8523
  }
8548
8524
  ]
8549
- }
8550
- ],
8551
- "events": [
8525
+ },
8552
8526
  {
8553
- "name": "mode-changed",
8554
- "type": {
8555
- "text": "CustomEvent"
8556
- }
8527
+ "kind": "method",
8528
+ "name": "_setPropertyTarget",
8529
+ "parameters": [
8530
+ {
8531
+ "name": "newTarget",
8532
+ "type": {
8533
+ "text": "Component | null"
8534
+ }
8535
+ }
8536
+ ]
8537
+ },
8538
+ {
8539
+ "kind": "method",
8540
+ "name": "_setBounds",
8541
+ "parameters": [
8542
+ {
8543
+ "name": "bounds",
8544
+ "type": {
8545
+ "text": "BOUNDS"
8546
+ }
8547
+ }
8548
+ ]
8557
8549
  }
8558
8550
  ],
8559
8551
  "attributes": [
8560
8552
  {
8561
- "name": "componentGroupList",
8553
+ "name": "scene",
8562
8554
  "type": {
8563
- "text": "ComponentGroup[]"
8555
+ "text": "Scene | null"
8556
+ },
8557
+ "default": "null",
8558
+ "fieldName": "scene"
8559
+ },
8560
+ {
8561
+ "name": "bounds",
8562
+ "type": {
8563
+ "text": "any"
8564
+ },
8565
+ "default": "{}",
8566
+ "fieldName": "bounds"
8567
+ },
8568
+ {
8569
+ "name": "model",
8570
+ "type": {
8571
+ "text": "Model | null"
8572
+ },
8573
+ "default": "{}",
8574
+ "fieldName": "model"
8575
+ },
8576
+ {
8577
+ "name": "selected",
8578
+ "type": {
8579
+ "text": "Component[]"
8564
8580
  },
8565
8581
  "default": "[]",
8566
- "fieldName": "componentGroupList"
8582
+ "fieldName": "selected"
8567
8583
  },
8568
8584
  {
8569
- "name": "group",
8585
+ "name": "specificProps",
8570
8586
  "type": {
8571
- "text": "string | null | undefined"
8587
+ "text": "any"
8572
8588
  },
8573
- "fieldName": "group"
8589
+ "fieldName": "specificProps"
8574
8590
  },
8575
8591
  {
8576
- "name": "scene",
8592
+ "name": "tabName",
8577
8593
  "type": {
8578
- "text": "Scene"
8594
+ "text": "string | null"
8579
8595
  },
8580
- "fieldName": "scene"
8596
+ "default": "'specific'",
8597
+ "fieldName": "tabName"
8581
8598
  },
8582
8599
  {
8583
- "name": "mode",
8600
+ "name": "collapsed",
8584
8601
  "type": {
8585
- "text": "SceneMode"
8602
+ "text": "boolean"
8586
8603
  },
8587
- "fieldName": "mode"
8604
+ "default": "false",
8605
+ "fieldName": "collapsed"
8606
+ },
8607
+ {
8608
+ "name": "fonts",
8609
+ "type": {
8610
+ "text": "any[]"
8611
+ },
8612
+ "default": "[]",
8613
+ "fieldName": "fonts"
8614
+ },
8615
+ {
8616
+ "name": "propertyEditor",
8617
+ "type": {
8618
+ "text": "any[]"
8619
+ },
8620
+ "default": "[]",
8621
+ "fieldName": "propertyEditor"
8588
8622
  }
8589
8623
  ],
8590
8624
  "mixins": [
@@ -8603,44 +8637,10 @@
8603
8637
  "exports": [
8604
8638
  {
8605
8639
  "kind": "js",
8606
- "name": "ComponentToolbar",
8607
- "declaration": {
8608
- "name": "ComponentToolbar",
8609
- "module": "src/modeller/component-toolbar/component-toolbar.ts"
8610
- }
8611
- }
8612
- ]
8613
- },
8614
- {
8615
- "kind": "javascript-module",
8616
- "path": "src/modeller/component-toolbar/mode-icons.ts",
8617
- "declarations": [
8618
- {
8619
- "kind": "variable",
8620
- "name": "ICON_EDIT_MODE",
8621
- "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; } .st1 { fill: none; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \" /> <path class=\"st1\" d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\" /> </g> </svg> `"
8622
- },
8623
- {
8624
- "kind": "variable",
8625
- "name": "ICON_SHIFT_MODE",
8626
- "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; stroke: {{strokeColor}}; fill-rule: evenodd; clip-rule: evenodd; } .st1 { fill: {{strokeColor}}; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <path class=\"st0\" d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4 c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8 c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8 c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8 c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8 C6.7,22.7,7,23.2,7.8,23.2z\" /> <path class=\"st1\" d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\" /> </g> </svg> `"
8627
- }
8628
- ],
8629
- "exports": [
8630
- {
8631
- "kind": "js",
8632
- "name": "ICON_EDIT_MODE",
8633
- "declaration": {
8634
- "name": "ICON_EDIT_MODE",
8635
- "module": "src/modeller/component-toolbar/mode-icons.ts"
8636
- }
8637
- },
8638
- {
8639
- "kind": "js",
8640
- "name": "ICON_SHIFT_MODE",
8640
+ "name": "PropertySidebar",
8641
8641
  "declaration": {
8642
- "name": "ICON_SHIFT_MODE",
8643
- "module": "src/modeller/component-toolbar/mode-icons.ts"
8642
+ "name": "PropertySidebar",
8643
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
8644
8644
  }
8645
8645
  }
8646
8646
  ]