@fmsim/board 1.0.0 → 1.0.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.
@@ -1680,7 +1680,7 @@
1680
1680
  "type": {
1681
1681
  "text": "ComponentGroup"
1682
1682
  },
1683
- "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } } ] }"
1683
+ "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } } ] }"
1684
1684
  }
1685
1685
  ],
1686
1686
  "exports": [
@@ -3106,62 +3106,31 @@
3106
3106
  },
3107
3107
  {
3108
3108
  "kind": "javascript-module",
3109
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3109
+ "path": "src/modeller/component-toolbar/component-detail.ts",
3110
3110
  "declarations": [
3111
3111
  {
3112
3112
  "kind": "class",
3113
3113
  "description": "",
3114
- "name": "AbstractProperty",
3114
+ "name": "ComponentDetail",
3115
3115
  "members": [
3116
3116
  {
3117
- "kind": "method",
3118
- "name": "_onValueChange",
3119
- "parameters": [
3120
- {
3121
- "name": "e",
3122
- "type": {
3123
- "text": "Event"
3124
- }
3125
- }
3126
- ]
3127
- },
3128
- {
3129
- "kind": "method",
3130
- "name": "_getValueFromEventTarget",
3131
- "parameters": [
3132
- {
3133
- "name": "element",
3134
- "type": {
3135
- "text": "HTMLElement"
3136
- }
3137
- }
3138
- ]
3139
- },
3140
- {
3141
- "kind": "method",
3142
- "name": "_onAfterValueChange",
3143
- "parameters": [
3144
- {
3145
- "name": "key",
3146
- "type": {
3147
- "text": "string"
3148
- }
3149
- },
3150
- {
3151
- "name": "value",
3152
- "type": {
3153
- "text": "any"
3154
- }
3155
- }
3156
- ]
3117
+ "kind": "field",
3118
+ "name": "template",
3119
+ "type": {
3120
+ "text": "{ about: string } | null"
3121
+ },
3122
+ "default": "null",
3123
+ "attribute": "template"
3157
3124
  }
3158
3125
  ],
3159
- "events": [
3126
+ "attributes": [
3160
3127
  {
3161
- "name": "property-change",
3128
+ "name": "template",
3162
3129
  "type": {
3163
- "text": "CustomEvent"
3164
- }
3130
+ "text": "{ about: string } | null"
3131
+ },
3132
+ "default": "null",
3133
+ "fieldName": "template"
3165
3134
  }
3166
3135
  ],
3167
3136
  "superclass": {
@@ -3174,131 +3143,71 @@
3174
3143
  "exports": [
3175
3144
  {
3176
3145
  "kind": "js",
3177
- "name": "AbstractProperty",
3178
- "declaration": {
3179
- "name": "AbstractProperty",
3180
- "module": "src/modeller/property-sidebar/abstract-property.ts"
3181
- }
3182
- }
3183
- ]
3184
- },
3185
- {
3186
- "kind": "javascript-module",
3187
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
3188
- "declarations": [
3189
- {
3190
- "kind": "variable",
3191
- "name": "PropertySharedStyle",
3192
- "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; } `"
3193
- }
3194
- ],
3195
- "exports": [
3196
- {
3197
- "kind": "js",
3198
- "name": "PropertySharedStyle",
3146
+ "name": "ComponentDetail",
3199
3147
  "declaration": {
3200
- "name": "PropertySharedStyle",
3201
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
3148
+ "name": "ComponentDetail",
3149
+ "module": "src/modeller/component-toolbar/component-detail.ts"
3202
3150
  }
3203
3151
  }
3204
3152
  ]
3205
3153
  },
3206
3154
  {
3207
3155
  "kind": "javascript-module",
3208
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
3156
+ "path": "src/modeller/component-toolbar/component-menu.ts",
3209
3157
  "declarations": [
3210
3158
  {
3211
3159
  "kind": "class",
3212
3160
  "description": "",
3213
- "name": "PropertySidebar",
3161
+ "name": "ComponentMenu",
3214
3162
  "members": [
3215
3163
  {
3216
3164
  "kind": "field",
3217
- "name": "scene",
3218
- "type": {
3219
- "text": "Scene | null"
3220
- },
3221
- "default": "null",
3222
- "attribute": "scene"
3223
- },
3224
- {
3225
- "kind": "field",
3226
- "name": "bounds",
3227
- "type": {
3228
- "text": "any"
3229
- },
3230
- "default": "{}",
3231
- "attribute": "bounds"
3232
- },
3233
- {
3234
- "kind": "field",
3235
- "name": "model",
3236
- "type": {
3237
- "text": "Model | null"
3238
- },
3239
- "default": "{}",
3240
- "attribute": "model"
3241
- },
3242
- {
3243
- "kind": "field",
3244
- "name": "selected",
3165
+ "name": "groups",
3245
3166
  "type": {
3246
- "text": "Component[]"
3167
+ "text": "Pallet[]"
3247
3168
  },
3248
3169
  "default": "[]",
3249
- "attribute": "selected"
3170
+ "attribute": "groups"
3250
3171
  },
3251
3172
  {
3252
3173
  "kind": "field",
3253
- "name": "specificProps",
3174
+ "name": "scene",
3254
3175
  "type": {
3255
- "text": "any"
3176
+ "text": "Scene | null"
3256
3177
  },
3257
- "attribute": "specificProps"
3178
+ "default": "null",
3179
+ "attribute": "scene"
3258
3180
  },
3259
3181
  {
3260
3182
  "kind": "field",
3261
- "name": "tabName",
3183
+ "name": "group",
3262
3184
  "type": {
3263
3185
  "text": "string | null"
3264
3186
  },
3265
- "default": "'specific'",
3266
- "attribute": "tabName"
3267
- },
3268
- {
3269
- "kind": "field",
3270
- "name": "collapsed",
3271
- "type": {
3272
- "text": "boolean"
3273
- },
3274
- "default": "false",
3275
- "attribute": "collapsed"
3187
+ "default": "''",
3188
+ "attribute": "group"
3276
3189
  },
3277
3190
  {
3278
3191
  "kind": "field",
3279
- "name": "fonts",
3192
+ "name": "templates",
3280
3193
  "type": {
3281
- "text": "any[]"
3194
+ "text": "PalletItem[]"
3282
3195
  },
3283
- "default": "[]",
3284
- "attribute": "fonts"
3196
+ "default": "[]"
3285
3197
  },
3286
3198
  {
3287
3199
  "kind": "field",
3288
- "name": "propertyEditor",
3200
+ "name": "template",
3289
3201
  "type": {
3290
- "text": "any[]"
3291
- },
3292
- "default": "[]",
3293
- "attribute": "propertyEditor"
3202
+ "text": "PalletItem | any"
3203
+ }
3294
3204
  },
3295
3205
  {
3296
3206
  "kind": "field",
3297
- "name": "propertyTarget",
3207
+ "name": "detail",
3298
3208
  "type": {
3299
- "text": "Component | null"
3300
- },
3301
- "default": "null"
3209
+ "text": "HTMLElement"
3210
+ }
3302
3211
  },
3303
3212
  {
3304
3213
  "kind": "field",
@@ -3308,84 +3217,48 @@
3308
3217
  },
3309
3218
  {
3310
3219
  "kind": "method",
3311
- "name": "_onPropertyChanged",
3220
+ "name": "findTemplate",
3312
3221
  "parameters": [
3313
3222
  {
3314
- "name": "e",
3223
+ "name": "type",
3315
3224
  "type": {
3316
- "text": "CustomEvent"
3225
+ "text": "string | null | undefined"
3317
3226
  }
3318
3227
  }
3319
3228
  ]
3320
3229
  },
3321
3230
  {
3322
3231
  "kind": "method",
3323
- "name": "_onBoundsChanged",
3232
+ "name": "onHoverComponent",
3324
3233
  "parameters": [
3325
3234
  {
3326
3235
  "name": "e",
3327
3236
  "type": {
3328
- "text": "CustomEvent"
3329
- }
3330
- }
3331
- ]
3332
- },
3333
- {
3334
- "kind": "method",
3335
- "name": "_onChangedByScene"
3336
- },
3337
- {
3338
- "kind": "method",
3339
- "name": "_setPropertyTargetAsDefault"
3340
- },
3341
- {
3342
- "kind": "method",
3343
- "name": "_onCollapsed",
3344
- "parameters": [
3345
- {
3346
- "name": "collapsed",
3347
- "type": {
3348
- "text": "boolean"
3349
- }
3350
- }
3351
- ]
3352
- },
3353
- {
3354
- "kind": "method",
3355
- "name": "_onSceneChanged"
3356
- },
3357
- {
3358
- "kind": "method",
3359
- "name": "_onSelectedChanged",
3360
- "parameters": [
3361
- {
3362
- "name": "after",
3363
- "type": {
3364
- "text": "Component[]"
3237
+ "text": "MouseEvent"
3365
3238
  }
3366
3239
  }
3367
3240
  ]
3368
3241
  },
3369
3242
  {
3370
3243
  "kind": "method",
3371
- "name": "_setPropertyTarget",
3244
+ "name": "onClickTemplate",
3372
3245
  "parameters": [
3373
3246
  {
3374
- "name": "newTarget",
3247
+ "name": "e",
3375
3248
  "type": {
3376
- "text": "Component | null"
3249
+ "text": "MouseEvent"
3377
3250
  }
3378
3251
  }
3379
3252
  ]
3380
3253
  },
3381
3254
  {
3382
3255
  "kind": "method",
3383
- "name": "_setBounds",
3256
+ "name": "templateIcon",
3384
3257
  "parameters": [
3385
3258
  {
3386
- "name": "bounds",
3259
+ "name": "template",
3387
3260
  "type": {
3388
- "text": "BOUNDS"
3261
+ "text": "PalletItem"
3389
3262
  }
3390
3263
  }
3391
3264
  ]
@@ -3393,78 +3266,31 @@
3393
3266
  ],
3394
3267
  "attributes": [
3395
3268
  {
3396
- "name": "scene",
3269
+ "name": "groups",
3397
3270
  "type": {
3398
- "text": "Scene | null"
3271
+ "text": "Pallet[]"
3399
3272
  },
3400
- "default": "null",
3401
- "fieldName": "scene"
3273
+ "default": "[]",
3274
+ "fieldName": "groups"
3402
3275
  },
3403
3276
  {
3404
- "name": "bounds",
3277
+ "name": "scene",
3405
3278
  "type": {
3406
- "text": "any"
3279
+ "text": "Scene | null"
3407
3280
  },
3408
- "default": "{}",
3409
- "fieldName": "bounds"
3281
+ "default": "null",
3282
+ "fieldName": "scene"
3410
3283
  },
3411
3284
  {
3412
- "name": "model",
3285
+ "name": "group",
3413
3286
  "type": {
3414
- "text": "Model | null"
3287
+ "text": "string | null"
3415
3288
  },
3416
- "default": "{}",
3417
- "fieldName": "model"
3418
- },
3419
- {
3420
- "name": "selected",
3421
- "type": {
3422
- "text": "Component[]"
3423
- },
3424
- "default": "[]",
3425
- "fieldName": "selected"
3426
- },
3427
- {
3428
- "name": "specificProps",
3429
- "type": {
3430
- "text": "any"
3431
- },
3432
- "fieldName": "specificProps"
3433
- },
3434
- {
3435
- "name": "tabName",
3436
- "type": {
3437
- "text": "string | null"
3438
- },
3439
- "default": "'specific'",
3440
- "fieldName": "tabName"
3441
- },
3442
- {
3443
- "name": "collapsed",
3444
- "type": {
3445
- "text": "boolean"
3446
- },
3447
- "default": "false",
3448
- "fieldName": "collapsed"
3449
- },
3450
- {
3451
- "name": "fonts",
3452
- "type": {
3453
- "text": "any[]"
3454
- },
3455
- "default": "[]",
3456
- "fieldName": "fonts"
3457
- },
3458
- {
3459
- "name": "propertyEditor",
3460
- "type": {
3461
- "text": "any[]"
3462
- },
3463
- "default": "[]",
3464
- "fieldName": "propertyEditor"
3465
- }
3466
- ],
3467
- "mixins": [
3289
+ "default": "''",
3290
+ "fieldName": "group"
3291
+ }
3292
+ ],
3293
+ "mixins": [
3468
3294
  {
3469
3295
  "name": "ScopedElementsMixin",
3470
3296
  "package": "@open-wc/scoped-elements"
@@ -3480,287 +3306,355 @@
3480
3306
  "exports": [
3481
3307
  {
3482
3308
  "kind": "js",
3483
- "name": "PropertySidebar",
3309
+ "name": "ComponentMenu",
3484
3310
  "declaration": {
3485
- "name": "PropertySidebar",
3486
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
3311
+ "name": "ComponentMenu",
3312
+ "module": "src/modeller/component-toolbar/component-menu.ts"
3487
3313
  }
3488
3314
  }
3489
3315
  ]
3490
3316
  },
3491
3317
  {
3492
3318
  "kind": "javascript-module",
3493
- "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3319
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
3494
3320
  "declarations": [
3495
3321
  {
3496
3322
  "kind": "class",
3497
3323
  "description": "",
3498
- "name": "ConfidentialOverlay",
3324
+ "name": "ComponentToolbar",
3499
3325
  "members": [
3500
3326
  {
3501
- "kind": "method",
3502
- "name": "_draw",
3503
- "parameters": [
3504
- {
3505
- "name": "context",
3506
- "type": {
3507
- "text": "CanvasRenderingContext2D"
3508
- }
3509
- }
3510
- ]
3511
- }
3512
- ],
3513
- "superclass": {
3514
- "name": "SceneLayer",
3515
- "package": "@hatiolab/things-scene"
3516
- }
3517
- }
3518
- ],
3519
- "exports": [
3520
- {
3521
- "kind": "js",
3522
- "name": "default",
3523
- "declaration": {
3524
- "name": "ConfidentialOverlay",
3525
- "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3526
- }
3527
- }
3528
- ]
3529
- },
3530
- {
3531
- "kind": "javascript-module",
3532
- "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3533
- "declarations": [
3534
- {
3535
- "kind": "class",
3536
- "description": "",
3537
- "name": "OxSceneHandler",
3538
- "members": [
3327
+ "kind": "field",
3328
+ "name": "componentGroupList",
3329
+ "type": {
3330
+ "text": "ComponentGroup[]"
3331
+ },
3332
+ "default": "[]",
3333
+ "attribute": "componentGroupList"
3334
+ },
3539
3335
  {
3540
3336
  "kind": "field",
3541
- "name": "type",
3337
+ "name": "group",
3542
3338
  "type": {
3543
- "text": "string"
3339
+ "text": "string | null | undefined"
3544
3340
  },
3545
- "attribute": "type"
3341
+ "attribute": "group"
3546
3342
  },
3547
3343
  {
3548
3344
  "kind": "field",
3549
- "name": "model",
3345
+ "name": "scene",
3550
3346
  "type": {
3551
- "text": "{\n type: Object\n notify: true\n }"
3347
+ "text": "Scene"
3552
3348
  },
3553
- "attribute": "model"
3554
- }
3555
- ],
3556
- "attributes": [
3349
+ "attribute": "scene"
3350
+ },
3557
3351
  {
3558
- "name": "type",
3352
+ "kind": "field",
3353
+ "name": "mode",
3559
3354
  "type": {
3560
- "text": "string"
3355
+ "text": "SCENE_MODE"
3561
3356
  },
3562
- "fieldName": "type"
3357
+ "attribute": "mode"
3563
3358
  },
3564
3359
  {
3565
- "name": "model",
3360
+ "kind": "field",
3361
+ "name": "shift",
3566
3362
  "type": {
3567
- "text": "{\n type: Object\n notify: true\n }"
3363
+ "text": "HTMLImageElement"
3364
+ }
3365
+ },
3366
+ {
3367
+ "kind": "field",
3368
+ "name": "menu",
3369
+ "type": {
3370
+ "text": "HTMLElement"
3568
3371
  },
3569
- "fieldName": "model"
3570
- }
3571
- ],
3572
- "superclass": {
3573
- "name": "LitElement",
3574
- "package": "lit"
3575
- },
3576
- "tagName": "ox-scene-handler",
3577
- "customElement": true
3578
- }
3579
- ],
3580
- "exports": [
3581
- {
3582
- "kind": "js",
3583
- "name": "default",
3584
- "declaration": {
3585
- "name": "OxSceneHandler",
3586
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
3587
- }
3588
- },
3589
- {
3590
- "kind": "custom-element-definition",
3591
- "name": "ox-scene-handler",
3592
- "declaration": {
3593
- "name": "OxSceneHandler",
3594
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
3595
- }
3596
- }
3597
- ]
3598
- },
3599
- {
3600
- "kind": "javascript-module",
3601
- "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
3602
- "declarations": [
3603
- {
3604
- "kind": "class",
3605
- "description": "",
3606
- "name": "OxSceneLayer",
3607
- "members": [
3372
+ "privacy": "private"
3373
+ },
3608
3374
  {
3609
3375
  "kind": "field",
3610
- "name": "type",
3376
+ "name": "componentsContainer",
3611
3377
  "type": {
3612
- "text": "String | undefined"
3378
+ "text": "HTMLElement"
3613
3379
  },
3614
- "attribute": "type"
3380
+ "privacy": "private"
3615
3381
  },
3616
3382
  {
3617
3383
  "kind": "field",
3618
- "name": "text",
3384
+ "name": "groups",
3385
+ "type": {
3386
+ "text": "NodeListOf<HTMLElement>"
3387
+ },
3388
+ "privacy": "private"
3389
+ },
3390
+ {
3391
+ "kind": "field",
3392
+ "name": "icons",
3393
+ "type": {
3394
+ "text": "{ [name: string]: string }"
3395
+ },
3396
+ "privacy": "private",
3397
+ "default": "{}"
3398
+ },
3399
+ {
3400
+ "kind": "field",
3401
+ "name": "scopedElements",
3402
+ "static": true,
3403
+ "readonly": true
3404
+ },
3405
+ {
3406
+ "kind": "method",
3407
+ "name": "onWheelEvent",
3408
+ "parameters": [
3409
+ {
3410
+ "name": "e",
3411
+ "type": {
3412
+ "text": "Event"
3413
+ }
3414
+ }
3415
+ ]
3416
+ },
3417
+ {
3418
+ "kind": "method",
3419
+ "name": "_setMode",
3420
+ "parameters": [
3421
+ {
3422
+ "name": "mode",
3423
+ "type": {
3424
+ "text": "SCENE_MODE"
3425
+ }
3426
+ }
3427
+ ]
3428
+ },
3429
+ {
3430
+ "kind": "method",
3431
+ "name": "_onClickShift",
3432
+ "parameters": [
3433
+ {
3434
+ "name": "e",
3435
+ "type": {
3436
+ "text": "MouseEvent"
3437
+ }
3438
+ }
3439
+ ]
3440
+ },
3441
+ {
3442
+ "kind": "method",
3443
+ "name": "_onClickGroup",
3444
+ "parameters": [
3445
+ {
3446
+ "name": "e",
3447
+ "type": {
3448
+ "text": "MouseEvent"
3449
+ }
3450
+ }
3451
+ ]
3452
+ }
3453
+ ],
3454
+ "events": [
3455
+ {
3456
+ "name": "mode-changed",
3457
+ "type": {
3458
+ "text": "CustomEvent"
3459
+ }
3460
+ }
3461
+ ],
3462
+ "attributes": [
3463
+ {
3464
+ "name": "componentGroupList",
3465
+ "type": {
3466
+ "text": "ComponentGroup[]"
3467
+ },
3468
+ "default": "[]",
3469
+ "fieldName": "componentGroupList"
3470
+ },
3471
+ {
3472
+ "name": "group",
3619
3473
  "type": {
3620
- "text": "String | undefined"
3474
+ "text": "string | null | undefined"
3621
3475
  },
3622
- "attribute": "text"
3476
+ "fieldName": "group"
3623
3477
  },
3624
3478
  {
3625
- "kind": "method",
3626
- "name": "getModel"
3627
- }
3628
- ],
3629
- "attributes": [
3630
- {
3631
- "name": "type",
3479
+ "name": "scene",
3632
3480
  "type": {
3633
- "text": "String | undefined"
3481
+ "text": "Scene"
3634
3482
  },
3635
- "fieldName": "type"
3483
+ "fieldName": "scene"
3636
3484
  },
3637
3485
  {
3638
- "name": "text",
3486
+ "name": "mode",
3639
3487
  "type": {
3640
- "text": "String | undefined"
3488
+ "text": "SCENE_MODE"
3641
3489
  },
3642
- "fieldName": "text"
3490
+ "fieldName": "mode"
3491
+ }
3492
+ ],
3493
+ "mixins": [
3494
+ {
3495
+ "name": "ScopedElementsMixin",
3496
+ "package": "@open-wc/scoped-elements"
3643
3497
  }
3644
3498
  ],
3645
3499
  "superclass": {
3646
3500
  "name": "LitElement",
3647
3501
  "package": "lit"
3648
3502
  },
3649
- "tagName": "ox-scene-layer",
3650
3503
  "customElement": true
3651
3504
  }
3652
3505
  ],
3653
3506
  "exports": [
3654
3507
  {
3655
3508
  "kind": "js",
3656
- "name": "default",
3509
+ "name": "ComponentToolbar",
3657
3510
  "declaration": {
3658
- "name": "OxSceneLayer",
3659
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3511
+ "name": "ComponentToolbar",
3512
+ "module": "src/modeller/component-toolbar/component-toolbar.ts"
3660
3513
  }
3514
+ }
3515
+ ]
3516
+ },
3517
+ {
3518
+ "kind": "javascript-module",
3519
+ "path": "src/modeller/component-toolbar/mode-icons.ts",
3520
+ "declarations": [
3521
+ {
3522
+ "kind": "variable",
3523
+ "name": "ICON_EDIT_MODE",
3524
+ "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> `"
3661
3525
  },
3662
3526
  {
3663
- "kind": "custom-element-definition",
3664
- "name": "ox-scene-layer",
3527
+ "kind": "variable",
3528
+ "name": "ICON_SHIFT_MODE",
3529
+ "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> `"
3530
+ }
3531
+ ],
3532
+ "exports": [
3533
+ {
3534
+ "kind": "js",
3535
+ "name": "ICON_EDIT_MODE",
3665
3536
  "declaration": {
3666
- "name": "OxSceneLayer",
3667
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3537
+ "name": "ICON_EDIT_MODE",
3538
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
3539
+ }
3540
+ },
3541
+ {
3542
+ "kind": "js",
3543
+ "name": "ICON_SHIFT_MODE",
3544
+ "declaration": {
3545
+ "name": "ICON_SHIFT_MODE",
3546
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
3668
3547
  }
3669
3548
  }
3670
3549
  ]
3671
3550
  },
3672
3551
  {
3673
3552
  "kind": "javascript-module",
3674
- "path": "src/modeller/scene-viewer/ox-scene-property.ts",
3553
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
3675
3554
  "declarations": [
3676
3555
  {
3677
3556
  "kind": "class",
3678
3557
  "description": "",
3679
- "name": "OxSceneProperty",
3558
+ "name": "AbstractProperty",
3680
3559
  "members": [
3681
3560
  {
3682
- "kind": "field",
3683
- "name": "name",
3684
- "type": {
3685
- "text": "string"
3686
- },
3687
- "attribute": "name"
3561
+ "kind": "method",
3562
+ "name": "_onValueChange",
3563
+ "parameters": [
3564
+ {
3565
+ "name": "e",
3566
+ "type": {
3567
+ "text": "Event"
3568
+ }
3569
+ }
3570
+ ]
3688
3571
  },
3689
3572
  {
3690
- "kind": "field",
3691
- "name": "value",
3692
- "type": {
3693
- "text": "string"
3694
- },
3695
- "attribute": "value"
3573
+ "kind": "method",
3574
+ "name": "_getValueFromEventTarget",
3575
+ "parameters": [
3576
+ {
3577
+ "name": "element",
3578
+ "type": {
3579
+ "text": "HTMLElement"
3580
+ }
3581
+ }
3582
+ ]
3696
3583
  },
3697
3584
  {
3698
- "kind": "field",
3699
- "name": "type",
3700
- "type": {
3701
- "text": "string"
3702
- },
3703
- "attribute": "type"
3585
+ "kind": "method",
3586
+ "name": "_onAfterValueChange",
3587
+ "parameters": [
3588
+ {
3589
+ "name": "key",
3590
+ "type": {
3591
+ "text": "string"
3592
+ }
3593
+ },
3594
+ {
3595
+ "name": "value",
3596
+ "type": {
3597
+ "text": "any"
3598
+ }
3599
+ }
3600
+ ]
3704
3601
  }
3705
3602
  ],
3706
- "attributes": [
3707
- {
3708
- "name": "name",
3709
- "type": {
3710
- "text": "string"
3711
- },
3712
- "fieldName": "name"
3713
- },
3714
- {
3715
- "name": "value",
3716
- "type": {
3717
- "text": "string"
3718
- },
3719
- "fieldName": "value"
3720
- },
3603
+ "events": [
3721
3604
  {
3722
- "name": "type",
3605
+ "name": "property-change",
3723
3606
  "type": {
3724
- "text": "string"
3725
- },
3726
- "fieldName": "type"
3607
+ "text": "CustomEvent"
3608
+ }
3727
3609
  }
3728
3610
  ],
3729
3611
  "superclass": {
3730
3612
  "name": "LitElement",
3731
3613
  "package": "lit"
3732
3614
  },
3733
- "tagName": "ox-scene-property",
3734
3615
  "customElement": true
3735
3616
  }
3736
3617
  ],
3737
3618
  "exports": [
3738
3619
  {
3739
3620
  "kind": "js",
3740
- "name": "default",
3621
+ "name": "AbstractProperty",
3741
3622
  "declaration": {
3742
- "name": "OxSceneProperty",
3743
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3623
+ "name": "AbstractProperty",
3624
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
3744
3625
  }
3745
- },
3626
+ }
3627
+ ]
3628
+ },
3629
+ {
3630
+ "kind": "javascript-module",
3631
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
3632
+ "declarations": [
3746
3633
  {
3747
- "kind": "custom-element-definition",
3748
- "name": "ox-scene-property",
3634
+ "kind": "variable",
3635
+ "name": "PropertySharedStyle",
3636
+ "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; } `"
3637
+ }
3638
+ ],
3639
+ "exports": [
3640
+ {
3641
+ "kind": "js",
3642
+ "name": "PropertySharedStyle",
3749
3643
  "declaration": {
3750
- "name": "OxSceneProperty",
3751
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3644
+ "name": "PropertySharedStyle",
3645
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
3752
3646
  }
3753
3647
  }
3754
3648
  ]
3755
3649
  },
3756
3650
  {
3757
3651
  "kind": "javascript-module",
3758
- "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
3652
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
3759
3653
  "declarations": [
3760
3654
  {
3761
3655
  "kind": "class",
3762
3656
  "description": "",
3763
- "name": "OxSceneViewer",
3657
+ "name": "PropertySidebar",
3764
3658
  "members": [
3765
3659
  {
3766
3660
  "kind": "field",
@@ -3773,62 +3667,21 @@
3773
3667
  },
3774
3668
  {
3775
3669
  "kind": "field",
3776
- "name": "model",
3777
- "type": {
3778
- "text": "Model | undefined"
3779
- },
3780
- "attribute": "model"
3781
- },
3782
- {
3783
- "kind": "field",
3784
- "name": "mode",
3785
- "type": {
3786
- "text": "SCENE_MODE"
3787
- },
3788
- "attribute": "mode"
3789
- },
3790
- {
3791
- "kind": "field",
3792
- "name": "screenSize",
3793
- "type": {
3794
- "text": "number"
3795
- },
3796
- "default": "13.3",
3797
- "attribute": "screenSize"
3798
- },
3799
- {
3800
- "kind": "field",
3801
- "name": "variables",
3802
- "type": {
3803
- "text": "Properties"
3804
- },
3805
- "default": "{}",
3806
- "attribute": "variables"
3807
- },
3808
- {
3809
- "kind": "field",
3810
- "name": "data",
3670
+ "name": "bounds",
3811
3671
  "type": {
3812
3672
  "text": "any"
3813
3673
  },
3814
- "attribute": "data"
3815
- },
3816
- {
3817
- "kind": "field",
3818
- "name": "themes",
3819
- "type": {
3820
- "text": "any | undefined"
3821
- },
3822
- "attribute": "themes"
3674
+ "default": "{}",
3675
+ "attribute": "bounds"
3823
3676
  },
3824
3677
  {
3825
3678
  "kind": "field",
3826
- "name": "fit",
3679
+ "name": "model",
3827
3680
  "type": {
3828
- "text": "FITMODE"
3681
+ "text": "Model | null"
3829
3682
  },
3830
- "default": "'none'",
3831
- "attribute": "fit"
3683
+ "default": "{}",
3684
+ "attribute": "model"
3832
3685
  },
3833
3686
  {
3834
3687
  "kind": "field",
@@ -3841,123 +3694,100 @@
3841
3694
  },
3842
3695
  {
3843
3696
  "kind": "field",
3844
- "name": "disposeWhenDetached",
3845
- "type": {
3846
- "text": "boolean"
3847
- },
3848
- "default": "false",
3849
- "attribute": "disposeWhenDetached"
3850
- },
3851
- {
3852
- "kind": "field",
3853
- "name": "baseUrl",
3697
+ "name": "specificProps",
3854
3698
  "type": {
3855
- "text": "string"
3699
+ "text": "any"
3856
3700
  },
3857
- "default": "''",
3858
- "attribute": "baseUrl"
3701
+ "attribute": "specificProps"
3859
3702
  },
3860
3703
  {
3861
3704
  "kind": "field",
3862
- "name": "provider",
3705
+ "name": "tabName",
3863
3706
  "type": {
3864
- "text": "any"
3707
+ "text": "string | null"
3865
3708
  },
3866
- "attribute": "provider"
3709
+ "default": "'specific'",
3710
+ "attribute": "tabName"
3867
3711
  },
3868
3712
  {
3869
3713
  "kind": "field",
3870
- "name": "name",
3714
+ "name": "collapsed",
3871
3715
  "type": {
3872
- "text": "string"
3716
+ "text": "boolean"
3873
3717
  },
3874
- "default": "'noname'",
3875
- "attribute": "name"
3718
+ "default": "false",
3719
+ "attribute": "collapsed"
3876
3720
  },
3877
3721
  {
3878
3722
  "kind": "field",
3879
- "name": "enableInspector",
3723
+ "name": "fonts",
3880
3724
  "type": {
3881
- "text": "boolean"
3725
+ "text": "any[]"
3882
3726
  },
3883
- "default": "true",
3884
- "attribute": "enableInspector"
3727
+ "default": "[]",
3728
+ "attribute": "fonts"
3885
3729
  },
3886
3730
  {
3887
3731
  "kind": "field",
3888
- "name": "showInspector",
3732
+ "name": "propertyEditor",
3889
3733
  "type": {
3890
- "text": "boolean"
3734
+ "text": "any[]"
3891
3735
  },
3892
- "default": "false",
3893
- "attribute": "showInspector"
3736
+ "default": "[]",
3737
+ "attribute": "propertyEditor"
3894
3738
  },
3895
3739
  {
3896
3740
  "kind": "field",
3897
- "name": "lastOffsetWidth",
3741
+ "name": "propertyTarget",
3898
3742
  "type": {
3899
- "text": "number | undefined"
3743
+ "text": "Component | null"
3900
3744
  },
3901
- "privacy": "private"
3745
+ "default": "null"
3902
3746
  },
3903
3747
  {
3904
- "kind": "method",
3905
- "name": "_setScene",
3906
- "parameters": [
3907
- {
3908
- "name": "scene",
3909
- "type": {
3910
- "text": "Scene | null"
3911
- }
3912
- }
3913
- ]
3748
+ "kind": "field",
3749
+ "name": "scopedElements",
3750
+ "static": true,
3751
+ "readonly": true
3914
3752
  },
3915
3753
  {
3916
3754
  "kind": "method",
3917
- "name": "_setMode",
3755
+ "name": "_onPropertyChanged",
3918
3756
  "parameters": [
3919
3757
  {
3920
- "name": "mode",
3758
+ "name": "e",
3921
3759
  "type": {
3922
- "text": "SCENE_MODE"
3760
+ "text": "CustomEvent"
3923
3761
  }
3924
3762
  }
3925
3763
  ]
3926
3764
  },
3927
3765
  {
3928
3766
  "kind": "method",
3929
- "name": "_setVariables",
3767
+ "name": "_onBoundsChanged",
3930
3768
  "parameters": [
3931
3769
  {
3932
- "name": "variables",
3770
+ "name": "e",
3933
3771
  "type": {
3934
- "text": "Properties"
3772
+ "text": "CustomEvent"
3935
3773
  }
3936
3774
  }
3937
3775
  ]
3938
3776
  },
3939
3777
  {
3940
3778
  "kind": "method",
3941
- "name": "_setSelected",
3942
- "parameters": [
3943
- {
3944
- "name": "selected",
3945
- "type": {
3946
- "text": "Component[]"
3947
- }
3948
- }
3949
- ]
3779
+ "name": "_onChangedByScene"
3950
3780
  },
3951
3781
  {
3952
3782
  "kind": "method",
3953
- "name": "_disposeScene"
3783
+ "name": "_setPropertyTargetAsDefault"
3954
3784
  },
3955
3785
  {
3956
3786
  "kind": "method",
3957
- "name": "resize",
3787
+ "name": "_onCollapsed",
3958
3788
  "parameters": [
3959
3789
  {
3960
- "name": "force",
3790
+ "name": "collapsed",
3961
3791
  "type": {
3962
3792
  "text": "boolean"
3963
3793
  }
@@ -3966,238 +3796,301 @@
3966
3796
  },
3967
3797
  {
3968
3798
  "kind": "method",
3969
- "name": "_onModelChanged",
3970
- "parameters": [
3971
- {
3972
- "name": "model",
3973
- "optional": true,
3974
- "type": {
3975
- "text": "Model"
3976
- }
3977
- }
3978
- ]
3799
+ "name": "_onSceneChanged"
3979
3800
  },
3980
3801
  {
3981
3802
  "kind": "method",
3982
- "name": "_onDisplayChanged",
3803
+ "name": "_onSelectedChanged",
3983
3804
  "parameters": [
3984
3805
  {
3985
- "name": "screenSize",
3806
+ "name": "after",
3986
3807
  "type": {
3987
- "text": "string | number"
3808
+ "text": "Component[]"
3988
3809
  }
3989
3810
  }
3990
3811
  ]
3991
3812
  },
3992
3813
  {
3993
3814
  "kind": "method",
3994
- "name": "_onModeChanged",
3815
+ "name": "_setPropertyTarget",
3995
3816
  "parameters": [
3996
3817
  {
3997
- "name": "mode",
3818
+ "name": "newTarget",
3998
3819
  "type": {
3999
- "text": "SCENE_MODE"
3820
+ "text": "Component | null"
4000
3821
  }
4001
3822
  }
4002
3823
  ]
4003
3824
  },
4004
3825
  {
4005
3826
  "kind": "method",
4006
- "name": "_onDataChanged",
3827
+ "name": "_setBounds",
4007
3828
  "parameters": [
4008
3829
  {
4009
- "name": "data",
3830
+ "name": "bounds",
4010
3831
  "type": {
4011
- "text": "any"
3832
+ "text": "BOUNDS"
4012
3833
  }
4013
3834
  }
4014
3835
  ]
3836
+ }
3837
+ ],
3838
+ "attributes": [
3839
+ {
3840
+ "name": "scene",
3841
+ "type": {
3842
+ "text": "Scene | null"
3843
+ },
3844
+ "default": "null",
3845
+ "fieldName": "scene"
4015
3846
  },
4016
3847
  {
4017
- "kind": "method",
4018
- "name": "_onSelectedChanged",
4019
- "parameters": [
4020
- {
4021
- "name": "after",
4022
- "type": {
4023
- "text": "Component[]"
4024
- }
4025
- }
4026
- ]
3848
+ "name": "bounds",
3849
+ "type": {
3850
+ "text": "any"
3851
+ },
3852
+ "default": "{}",
3853
+ "fieldName": "bounds"
4027
3854
  },
4028
3855
  {
4029
- "kind": "method",
4030
- "name": "_onSceneModeChanged",
4031
- "parameters": [
4032
- {
4033
- "name": "after",
4034
- "type": {
4035
- "text": "SCENE_MODE"
4036
- }
4037
- }
4038
- ]
3856
+ "name": "model",
3857
+ "type": {
3858
+ "text": "Model | null"
3859
+ },
3860
+ "default": "{}",
3861
+ "fieldName": "model"
4039
3862
  },
4040
3863
  {
4041
- "kind": "method",
4042
- "name": "_onBaseUrlChanged",
4043
- "parameters": [
4044
- {
4045
- "name": "after",
4046
- "type": {
4047
- "text": "string"
4048
- }
4049
- }
4050
- ]
4051
- }
4052
- ],
4053
- "events": [
3864
+ "name": "selected",
3865
+ "type": {
3866
+ "text": "Component[]"
3867
+ },
3868
+ "default": "[]",
3869
+ "fieldName": "selected"
3870
+ },
4054
3871
  {
4055
- "name": "scene-changed",
3872
+ "name": "specificProps",
4056
3873
  "type": {
4057
- "text": "CustomEvent"
4058
- }
3874
+ "text": "any"
3875
+ },
3876
+ "fieldName": "specificProps"
4059
3877
  },
4060
3878
  {
4061
- "name": "mode-changed",
3879
+ "name": "tabName",
4062
3880
  "type": {
4063
- "text": "CustomEvent"
4064
- }
3881
+ "text": "string | null"
3882
+ },
3883
+ "default": "'specific'",
3884
+ "fieldName": "tabName"
4065
3885
  },
4066
3886
  {
4067
- "name": "variables-changed",
3887
+ "name": "collapsed",
4068
3888
  "type": {
4069
- "text": "CustomEvent"
4070
- }
3889
+ "text": "boolean"
3890
+ },
3891
+ "default": "false",
3892
+ "fieldName": "collapsed"
4071
3893
  },
4072
3894
  {
4073
- "name": "selected-changed",
3895
+ "name": "fonts",
4074
3896
  "type": {
4075
- "text": "CustomEvent"
4076
- }
3897
+ "text": "any[]"
3898
+ },
3899
+ "default": "[]",
3900
+ "fieldName": "fonts"
3901
+ },
3902
+ {
3903
+ "name": "propertyEditor",
3904
+ "type": {
3905
+ "text": "any[]"
3906
+ },
3907
+ "default": "[]",
3908
+ "fieldName": "propertyEditor"
3909
+ }
3910
+ ],
3911
+ "mixins": [
3912
+ {
3913
+ "name": "ScopedElementsMixin",
3914
+ "package": "@open-wc/scoped-elements"
3915
+ }
3916
+ ],
3917
+ "superclass": {
3918
+ "name": "LitElement",
3919
+ "package": "lit"
3920
+ },
3921
+ "customElement": true
3922
+ }
3923
+ ],
3924
+ "exports": [
3925
+ {
3926
+ "kind": "js",
3927
+ "name": "PropertySidebar",
3928
+ "declaration": {
3929
+ "name": "PropertySidebar",
3930
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
3931
+ }
3932
+ }
3933
+ ]
3934
+ },
3935
+ {
3936
+ "kind": "javascript-module",
3937
+ "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3938
+ "declarations": [
3939
+ {
3940
+ "kind": "class",
3941
+ "description": "",
3942
+ "name": "ConfidentialOverlay",
3943
+ "members": [
3944
+ {
3945
+ "kind": "method",
3946
+ "name": "_draw",
3947
+ "parameters": [
3948
+ {
3949
+ "name": "context",
3950
+ "type": {
3951
+ "text": "CanvasRenderingContext2D"
3952
+ }
3953
+ }
3954
+ ]
4077
3955
  }
4078
3956
  ],
4079
- "attributes": [
3957
+ "superclass": {
3958
+ "name": "SceneLayer",
3959
+ "package": "@hatiolab/things-scene"
3960
+ }
3961
+ }
3962
+ ],
3963
+ "exports": [
3964
+ {
3965
+ "kind": "js",
3966
+ "name": "default",
3967
+ "declaration": {
3968
+ "name": "ConfidentialOverlay",
3969
+ "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3970
+ }
3971
+ }
3972
+ ]
3973
+ },
3974
+ {
3975
+ "kind": "javascript-module",
3976
+ "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3977
+ "declarations": [
3978
+ {
3979
+ "kind": "class",
3980
+ "description": "",
3981
+ "name": "OxSceneHandler",
3982
+ "members": [
4080
3983
  {
4081
- "name": "scene",
3984
+ "kind": "field",
3985
+ "name": "type",
4082
3986
  "type": {
4083
- "text": "Scene | null"
3987
+ "text": "string"
4084
3988
  },
4085
- "default": "null",
4086
- "fieldName": "scene"
3989
+ "attribute": "type"
4087
3990
  },
4088
3991
  {
3992
+ "kind": "field",
4089
3993
  "name": "model",
4090
3994
  "type": {
4091
- "text": "Model | undefined"
4092
- },
4093
- "fieldName": "model"
4094
- },
4095
- {
4096
- "name": "mode",
4097
- "type": {
4098
- "text": "SCENE_MODE"
4099
- },
4100
- "fieldName": "mode"
4101
- },
4102
- {
4103
- "name": "screenSize",
4104
- "type": {
4105
- "text": "number"
4106
- },
4107
- "default": "13.3",
4108
- "fieldName": "screenSize"
4109
- },
4110
- {
4111
- "name": "variables",
4112
- "type": {
4113
- "text": "Properties"
4114
- },
4115
- "default": "{}",
4116
- "fieldName": "variables"
4117
- },
4118
- {
4119
- "name": "data",
4120
- "type": {
4121
- "text": "any"
4122
- },
4123
- "fieldName": "data"
4124
- },
4125
- {
4126
- "name": "themes",
4127
- "type": {
4128
- "text": "any | undefined"
4129
- },
4130
- "fieldName": "themes"
4131
- },
4132
- {
4133
- "name": "fit",
4134
- "type": {
4135
- "text": "FITMODE"
3995
+ "text": "{\n type: Object\n notify: true\n }"
4136
3996
  },
4137
- "default": "'none'",
4138
- "fieldName": "fit"
4139
- },
3997
+ "attribute": "model"
3998
+ }
3999
+ ],
4000
+ "attributes": [
4140
4001
  {
4141
- "name": "selected",
4002
+ "name": "type",
4142
4003
  "type": {
4143
- "text": "Component[]"
4004
+ "text": "string"
4144
4005
  },
4145
- "default": "[]",
4146
- "fieldName": "selected"
4006
+ "fieldName": "type"
4147
4007
  },
4148
4008
  {
4149
- "name": "disposeWhenDetached",
4009
+ "name": "model",
4150
4010
  "type": {
4151
- "text": "boolean"
4011
+ "text": "{\n type: Object\n notify: true\n }"
4152
4012
  },
4153
- "default": "false",
4154
- "fieldName": "disposeWhenDetached"
4155
- },
4013
+ "fieldName": "model"
4014
+ }
4015
+ ],
4016
+ "superclass": {
4017
+ "name": "LitElement",
4018
+ "package": "lit"
4019
+ },
4020
+ "tagName": "ox-scene-handler",
4021
+ "customElement": true
4022
+ }
4023
+ ],
4024
+ "exports": [
4025
+ {
4026
+ "kind": "js",
4027
+ "name": "default",
4028
+ "declaration": {
4029
+ "name": "OxSceneHandler",
4030
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
4031
+ }
4032
+ },
4033
+ {
4034
+ "kind": "custom-element-definition",
4035
+ "name": "ox-scene-handler",
4036
+ "declaration": {
4037
+ "name": "OxSceneHandler",
4038
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
4039
+ }
4040
+ }
4041
+ ]
4042
+ },
4043
+ {
4044
+ "kind": "javascript-module",
4045
+ "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
4046
+ "declarations": [
4047
+ {
4048
+ "kind": "class",
4049
+ "description": "",
4050
+ "name": "OxSceneLayer",
4051
+ "members": [
4156
4052
  {
4157
- "name": "baseUrl",
4053
+ "kind": "field",
4054
+ "name": "type",
4158
4055
  "type": {
4159
- "text": "string"
4056
+ "text": "String | undefined"
4160
4057
  },
4161
- "default": "''",
4162
- "fieldName": "baseUrl"
4058
+ "attribute": "type"
4163
4059
  },
4164
4060
  {
4165
- "name": "provider",
4061
+ "kind": "field",
4062
+ "name": "text",
4166
4063
  "type": {
4167
- "text": "any"
4064
+ "text": "String | undefined"
4168
4065
  },
4169
- "fieldName": "provider"
4066
+ "attribute": "text"
4170
4067
  },
4171
4068
  {
4172
- "name": "name",
4173
- "type": {
4174
- "text": "string"
4175
- },
4176
- "default": "'noname'",
4177
- "fieldName": "name"
4178
- },
4069
+ "kind": "method",
4070
+ "name": "getModel"
4071
+ }
4072
+ ],
4073
+ "attributes": [
4179
4074
  {
4180
- "name": "enableInspector",
4075
+ "name": "type",
4181
4076
  "type": {
4182
- "text": "boolean"
4077
+ "text": "String | undefined"
4183
4078
  },
4184
- "default": "true",
4185
- "fieldName": "enableInspector"
4079
+ "fieldName": "type"
4186
4080
  },
4187
4081
  {
4188
- "name": "showInspector",
4082
+ "name": "text",
4189
4083
  "type": {
4190
- "text": "boolean"
4084
+ "text": "String | undefined"
4191
4085
  },
4192
- "default": "false",
4193
- "fieldName": "showInspector"
4086
+ "fieldName": "text"
4194
4087
  }
4195
4088
  ],
4196
4089
  "superclass": {
4197
4090
  "name": "LitElement",
4198
4091
  "package": "lit"
4199
4092
  },
4200
- "tagName": "ox-scene-viewer",
4093
+ "tagName": "ox-scene-layer",
4201
4094
  "customElement": true
4202
4095
  }
4203
4096
  ],
@@ -4206,85 +4099,113 @@
4206
4099
  "kind": "js",
4207
4100
  "name": "default",
4208
4101
  "declaration": {
4209
- "name": "OxSceneViewer",
4210
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4102
+ "name": "OxSceneLayer",
4103
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
4211
4104
  }
4212
4105
  },
4213
4106
  {
4214
4107
  "kind": "custom-element-definition",
4215
- "name": "ox-scene-viewer",
4108
+ "name": "ox-scene-layer",
4216
4109
  "declaration": {
4217
- "name": "OxSceneViewer",
4218
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4110
+ "name": "OxSceneLayer",
4111
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
4219
4112
  }
4220
4113
  }
4221
4114
  ]
4222
4115
  },
4223
4116
  {
4224
4117
  "kind": "javascript-module",
4225
- "path": "src/modeller/component-toolbar/component-detail.ts",
4118
+ "path": "src/modeller/scene-viewer/ox-scene-property.ts",
4226
4119
  "declarations": [
4227
4120
  {
4228
4121
  "kind": "class",
4229
4122
  "description": "",
4230
- "name": "ComponentDetail",
4123
+ "name": "OxSceneProperty",
4231
4124
  "members": [
4232
4125
  {
4233
4126
  "kind": "field",
4234
- "name": "template",
4127
+ "name": "name",
4235
4128
  "type": {
4236
- "text": "{ about: string } | null"
4129
+ "text": "string"
4237
4130
  },
4238
- "default": "null",
4239
- "attribute": "template"
4131
+ "attribute": "name"
4132
+ },
4133
+ {
4134
+ "kind": "field",
4135
+ "name": "value",
4136
+ "type": {
4137
+ "text": "string"
4138
+ },
4139
+ "attribute": "value"
4140
+ },
4141
+ {
4142
+ "kind": "field",
4143
+ "name": "type",
4144
+ "type": {
4145
+ "text": "string"
4146
+ },
4147
+ "attribute": "type"
4240
4148
  }
4241
4149
  ],
4242
4150
  "attributes": [
4243
4151
  {
4244
- "name": "template",
4152
+ "name": "name",
4245
4153
  "type": {
4246
- "text": "{ about: string } | null"
4154
+ "text": "string"
4247
4155
  },
4248
- "default": "null",
4249
- "fieldName": "template"
4156
+ "fieldName": "name"
4157
+ },
4158
+ {
4159
+ "name": "value",
4160
+ "type": {
4161
+ "text": "string"
4162
+ },
4163
+ "fieldName": "value"
4164
+ },
4165
+ {
4166
+ "name": "type",
4167
+ "type": {
4168
+ "text": "string"
4169
+ },
4170
+ "fieldName": "type"
4250
4171
  }
4251
4172
  ],
4252
4173
  "superclass": {
4253
4174
  "name": "LitElement",
4254
4175
  "package": "lit"
4255
4176
  },
4177
+ "tagName": "ox-scene-property",
4256
4178
  "customElement": true
4257
4179
  }
4258
4180
  ],
4259
4181
  "exports": [
4260
4182
  {
4261
4183
  "kind": "js",
4262
- "name": "ComponentDetail",
4184
+ "name": "default",
4263
4185
  "declaration": {
4264
- "name": "ComponentDetail",
4265
- "module": "src/modeller/component-toolbar/component-detail.ts"
4186
+ "name": "OxSceneProperty",
4187
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
4188
+ }
4189
+ },
4190
+ {
4191
+ "kind": "custom-element-definition",
4192
+ "name": "ox-scene-property",
4193
+ "declaration": {
4194
+ "name": "OxSceneProperty",
4195
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
4266
4196
  }
4267
4197
  }
4268
4198
  ]
4269
4199
  },
4270
4200
  {
4271
4201
  "kind": "javascript-module",
4272
- "path": "src/modeller/component-toolbar/component-menu.ts",
4202
+ "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
4273
4203
  "declarations": [
4274
4204
  {
4275
4205
  "kind": "class",
4276
4206
  "description": "",
4277
- "name": "ComponentMenu",
4207
+ "name": "OxSceneViewer",
4278
4208
  "members": [
4279
- {
4280
- "kind": "field",
4281
- "name": "groups",
4282
- "type": {
4283
- "text": "Pallet[]"
4284
- },
4285
- "default": "[]",
4286
- "attribute": "groups"
4287
- },
4288
4209
  {
4289
4210
  "kind": "field",
4290
4211
  "name": "scene",
@@ -4296,243 +4217,225 @@
4296
4217
  },
4297
4218
  {
4298
4219
  "kind": "field",
4299
- "name": "group",
4220
+ "name": "model",
4300
4221
  "type": {
4301
- "text": "string | null"
4222
+ "text": "Model | undefined"
4302
4223
  },
4303
- "default": "''",
4304
- "attribute": "group"
4224
+ "attribute": "model"
4305
4225
  },
4306
4226
  {
4307
4227
  "kind": "field",
4308
- "name": "templates",
4228
+ "name": "mode",
4309
4229
  "type": {
4310
- "text": "PalletItem[]"
4230
+ "text": "SCENE_MODE"
4311
4231
  },
4312
- "default": "[]"
4232
+ "attribute": "mode"
4313
4233
  },
4314
4234
  {
4315
4235
  "kind": "field",
4316
- "name": "template",
4236
+ "name": "screenSize",
4317
4237
  "type": {
4318
- "text": "PalletItem | any"
4319
- }
4238
+ "text": "number"
4239
+ },
4240
+ "default": "13.3",
4241
+ "attribute": "screenSize"
4320
4242
  },
4321
4243
  {
4322
4244
  "kind": "field",
4323
- "name": "detail",
4245
+ "name": "variables",
4324
4246
  "type": {
4325
- "text": "HTMLElement"
4326
- }
4247
+ "text": "Properties"
4248
+ },
4249
+ "default": "{}",
4250
+ "attribute": "variables"
4327
4251
  },
4328
4252
  {
4329
4253
  "kind": "field",
4330
- "name": "scopedElements",
4331
- "static": true,
4332
- "readonly": true
4333
- },
4334
- {
4335
- "kind": "method",
4336
- "name": "findTemplate",
4337
- "parameters": [
4338
- {
4339
- "name": "type",
4340
- "type": {
4341
- "text": "string | null | undefined"
4342
- }
4343
- }
4344
- ]
4345
- },
4346
- {
4347
- "kind": "method",
4348
- "name": "onHoverComponent",
4349
- "parameters": [
4350
- {
4351
- "name": "e",
4352
- "type": {
4353
- "text": "MouseEvent"
4354
- }
4355
- }
4356
- ]
4357
- },
4358
- {
4359
- "kind": "method",
4360
- "name": "onClickTemplate",
4361
- "parameters": [
4362
- {
4363
- "name": "e",
4364
- "type": {
4365
- "text": "MouseEvent"
4366
- }
4367
- }
4368
- ]
4369
- },
4370
- {
4371
- "kind": "method",
4372
- "name": "templateIcon",
4373
- "parameters": [
4374
- {
4375
- "name": "template",
4376
- "type": {
4377
- "text": "PalletItem"
4378
- }
4379
- }
4380
- ]
4381
- }
4382
- ],
4383
- "attributes": [
4384
- {
4385
- "name": "groups",
4254
+ "name": "data",
4386
4255
  "type": {
4387
- "text": "Pallet[]"
4256
+ "text": "any"
4388
4257
  },
4389
- "default": "[]",
4390
- "fieldName": "groups"
4258
+ "attribute": "data"
4391
4259
  },
4392
4260
  {
4393
- "name": "scene",
4261
+ "kind": "field",
4262
+ "name": "themes",
4394
4263
  "type": {
4395
- "text": "Scene | null"
4264
+ "text": "any | undefined"
4396
4265
  },
4397
- "default": "null",
4398
- "fieldName": "scene"
4266
+ "attribute": "themes"
4399
4267
  },
4400
4268
  {
4401
- "name": "group",
4269
+ "kind": "field",
4270
+ "name": "fit",
4402
4271
  "type": {
4403
- "text": "string | null"
4272
+ "text": "FITMODE"
4404
4273
  },
4405
- "default": "''",
4406
- "fieldName": "group"
4407
- }
4408
- ],
4409
- "mixins": [
4410
- {
4411
- "name": "ScopedElementsMixin",
4412
- "package": "@open-wc/scoped-elements"
4413
- }
4414
- ],
4415
- "superclass": {
4416
- "name": "LitElement",
4417
- "package": "lit"
4418
- },
4419
- "customElement": true
4420
- }
4421
- ],
4422
- "exports": [
4423
- {
4424
- "kind": "js",
4425
- "name": "ComponentMenu",
4426
- "declaration": {
4427
- "name": "ComponentMenu",
4428
- "module": "src/modeller/component-toolbar/component-menu.ts"
4429
- }
4430
- }
4431
- ]
4432
- },
4433
- {
4434
- "kind": "javascript-module",
4435
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
4436
- "declarations": [
4437
- {
4438
- "kind": "class",
4439
- "description": "",
4440
- "name": "ComponentToolbar",
4441
- "members": [
4274
+ "default": "'none'",
4275
+ "attribute": "fit"
4276
+ },
4442
4277
  {
4443
4278
  "kind": "field",
4444
- "name": "componentGroupList",
4279
+ "name": "selected",
4445
4280
  "type": {
4446
- "text": "ComponentGroup[]"
4281
+ "text": "Component[]"
4447
4282
  },
4448
4283
  "default": "[]",
4449
- "attribute": "componentGroupList"
4284
+ "attribute": "selected"
4450
4285
  },
4451
4286
  {
4452
4287
  "kind": "field",
4453
- "name": "group",
4288
+ "name": "disposeWhenDetached",
4454
4289
  "type": {
4455
- "text": "string | null | undefined"
4290
+ "text": "boolean"
4456
4291
  },
4457
- "attribute": "group"
4292
+ "default": "false",
4293
+ "attribute": "disposeWhenDetached"
4458
4294
  },
4459
4295
  {
4460
4296
  "kind": "field",
4461
- "name": "scene",
4297
+ "name": "baseUrl",
4462
4298
  "type": {
4463
- "text": "Scene"
4299
+ "text": "string"
4464
4300
  },
4465
- "attribute": "scene"
4301
+ "default": "''",
4302
+ "attribute": "baseUrl"
4466
4303
  },
4467
4304
  {
4468
4305
  "kind": "field",
4469
- "name": "mode",
4306
+ "name": "provider",
4470
4307
  "type": {
4471
- "text": "SCENE_MODE"
4308
+ "text": "any"
4472
4309
  },
4473
- "attribute": "mode"
4310
+ "attribute": "provider"
4474
4311
  },
4475
4312
  {
4476
4313
  "kind": "field",
4477
- "name": "shift",
4314
+ "name": "name",
4478
4315
  "type": {
4479
- "text": "HTMLImageElement"
4480
- }
4316
+ "text": "string"
4317
+ },
4318
+ "default": "'noname'",
4319
+ "attribute": "name"
4481
4320
  },
4482
4321
  {
4483
4322
  "kind": "field",
4484
- "name": "menu",
4323
+ "name": "enableInspector",
4485
4324
  "type": {
4486
- "text": "HTMLElement"
4325
+ "text": "boolean"
4487
4326
  },
4488
- "privacy": "private"
4327
+ "default": "true",
4328
+ "attribute": "enableInspector"
4489
4329
  },
4490
4330
  {
4491
4331
  "kind": "field",
4492
- "name": "componentsContainer",
4332
+ "name": "showInspector",
4493
4333
  "type": {
4494
- "text": "HTMLElement"
4334
+ "text": "boolean"
4495
4335
  },
4496
- "privacy": "private"
4336
+ "default": "false",
4337
+ "attribute": "showInspector"
4497
4338
  },
4498
4339
  {
4499
4340
  "kind": "field",
4500
- "name": "groups",
4341
+ "name": "lastOffsetWidth",
4501
4342
  "type": {
4502
- "text": "NodeListOf<HTMLElement>"
4343
+ "text": "number | undefined"
4503
4344
  },
4504
4345
  "privacy": "private"
4505
4346
  },
4506
4347
  {
4507
- "kind": "field",
4508
- "name": "icons",
4509
- "type": {
4510
- "text": "{ [name: string]: string }"
4511
- },
4512
- "privacy": "private",
4513
- "default": "{}"
4348
+ "kind": "method",
4349
+ "name": "_setScene",
4350
+ "parameters": [
4351
+ {
4352
+ "name": "scene",
4353
+ "type": {
4354
+ "text": "Scene | null"
4355
+ }
4356
+ }
4357
+ ]
4358
+ },
4359
+ {
4360
+ "kind": "method",
4361
+ "name": "_setMode",
4362
+ "parameters": [
4363
+ {
4364
+ "name": "mode",
4365
+ "type": {
4366
+ "text": "SCENE_MODE"
4367
+ }
4368
+ }
4369
+ ]
4370
+ },
4371
+ {
4372
+ "kind": "method",
4373
+ "name": "_setVariables",
4374
+ "parameters": [
4375
+ {
4376
+ "name": "variables",
4377
+ "type": {
4378
+ "text": "Properties"
4379
+ }
4380
+ }
4381
+ ]
4382
+ },
4383
+ {
4384
+ "kind": "method",
4385
+ "name": "_setSelected",
4386
+ "parameters": [
4387
+ {
4388
+ "name": "selected",
4389
+ "type": {
4390
+ "text": "Component[]"
4391
+ }
4392
+ }
4393
+ ]
4394
+ },
4395
+ {
4396
+ "kind": "method",
4397
+ "name": "_disposeScene"
4514
4398
  },
4515
4399
  {
4516
- "kind": "field",
4517
- "name": "scopedElements",
4518
- "static": true,
4519
- "readonly": true
4400
+ "kind": "method",
4401
+ "name": "resize",
4402
+ "parameters": [
4403
+ {
4404
+ "name": "force",
4405
+ "type": {
4406
+ "text": "boolean"
4407
+ }
4408
+ }
4409
+ ]
4520
4410
  },
4521
4411
  {
4522
4412
  "kind": "method",
4523
- "name": "onWheelEvent",
4413
+ "name": "_onModelChanged",
4524
4414
  "parameters": [
4525
4415
  {
4526
- "name": "e",
4416
+ "name": "model",
4417
+ "optional": true,
4527
4418
  "type": {
4528
- "text": "Event"
4419
+ "text": "Model"
4529
4420
  }
4530
4421
  }
4531
4422
  ]
4532
4423
  },
4533
4424
  {
4534
4425
  "kind": "method",
4535
- "name": "_setMode",
4426
+ "name": "_onDisplayChanged",
4427
+ "parameters": [
4428
+ {
4429
+ "name": "screenSize",
4430
+ "type": {
4431
+ "text": "string | number"
4432
+ }
4433
+ }
4434
+ ]
4435
+ },
4436
+ {
4437
+ "kind": "method",
4438
+ "name": "_onModeChanged",
4536
4439
  "parameters": [
4537
4440
  {
4538
4441
  "name": "mode",
@@ -4544,122 +4447,219 @@
4544
4447
  },
4545
4448
  {
4546
4449
  "kind": "method",
4547
- "name": "_onClickShift",
4450
+ "name": "_onDataChanged",
4548
4451
  "parameters": [
4549
4452
  {
4550
- "name": "e",
4453
+ "name": "data",
4551
4454
  "type": {
4552
- "text": "MouseEvent"
4455
+ "text": "any"
4553
4456
  }
4554
4457
  }
4555
4458
  ]
4556
4459
  },
4557
4460
  {
4558
4461
  "kind": "method",
4559
- "name": "_onClickGroup",
4462
+ "name": "_onSelectedChanged",
4560
4463
  "parameters": [
4561
4464
  {
4562
- "name": "e",
4465
+ "name": "after",
4563
4466
  "type": {
4564
- "text": "MouseEvent"
4467
+ "text": "Component[]"
4468
+ }
4469
+ }
4470
+ ]
4471
+ },
4472
+ {
4473
+ "kind": "method",
4474
+ "name": "_onSceneModeChanged",
4475
+ "parameters": [
4476
+ {
4477
+ "name": "after",
4478
+ "type": {
4479
+ "text": "SCENE_MODE"
4480
+ }
4481
+ }
4482
+ ]
4483
+ },
4484
+ {
4485
+ "kind": "method",
4486
+ "name": "_onBaseUrlChanged",
4487
+ "parameters": [
4488
+ {
4489
+ "name": "after",
4490
+ "type": {
4491
+ "text": "string"
4565
4492
  }
4566
4493
  }
4567
4494
  ]
4568
4495
  }
4569
4496
  ],
4570
4497
  "events": [
4498
+ {
4499
+ "name": "scene-changed",
4500
+ "type": {
4501
+ "text": "CustomEvent"
4502
+ }
4503
+ },
4571
4504
  {
4572
4505
  "name": "mode-changed",
4573
4506
  "type": {
4574
4507
  "text": "CustomEvent"
4575
4508
  }
4509
+ },
4510
+ {
4511
+ "name": "variables-changed",
4512
+ "type": {
4513
+ "text": "CustomEvent"
4514
+ }
4515
+ },
4516
+ {
4517
+ "name": "selected-changed",
4518
+ "type": {
4519
+ "text": "CustomEvent"
4520
+ }
4576
4521
  }
4577
4522
  ],
4578
4523
  "attributes": [
4579
4524
  {
4580
- "name": "componentGroupList",
4525
+ "name": "scene",
4581
4526
  "type": {
4582
- "text": "ComponentGroup[]"
4527
+ "text": "Scene | null"
4528
+ },
4529
+ "default": "null",
4530
+ "fieldName": "scene"
4531
+ },
4532
+ {
4533
+ "name": "model",
4534
+ "type": {
4535
+ "text": "Model | undefined"
4536
+ },
4537
+ "fieldName": "model"
4538
+ },
4539
+ {
4540
+ "name": "mode",
4541
+ "type": {
4542
+ "text": "SCENE_MODE"
4543
+ },
4544
+ "fieldName": "mode"
4545
+ },
4546
+ {
4547
+ "name": "screenSize",
4548
+ "type": {
4549
+ "text": "number"
4550
+ },
4551
+ "default": "13.3",
4552
+ "fieldName": "screenSize"
4553
+ },
4554
+ {
4555
+ "name": "variables",
4556
+ "type": {
4557
+ "text": "Properties"
4558
+ },
4559
+ "default": "{}",
4560
+ "fieldName": "variables"
4561
+ },
4562
+ {
4563
+ "name": "data",
4564
+ "type": {
4565
+ "text": "any"
4566
+ },
4567
+ "fieldName": "data"
4568
+ },
4569
+ {
4570
+ "name": "themes",
4571
+ "type": {
4572
+ "text": "any | undefined"
4573
+ },
4574
+ "fieldName": "themes"
4575
+ },
4576
+ {
4577
+ "name": "fit",
4578
+ "type": {
4579
+ "text": "FITMODE"
4580
+ },
4581
+ "default": "'none'",
4582
+ "fieldName": "fit"
4583
+ },
4584
+ {
4585
+ "name": "selected",
4586
+ "type": {
4587
+ "text": "Component[]"
4583
4588
  },
4584
4589
  "default": "[]",
4585
- "fieldName": "componentGroupList"
4590
+ "fieldName": "selected"
4586
4591
  },
4587
4592
  {
4588
- "name": "group",
4593
+ "name": "disposeWhenDetached",
4589
4594
  "type": {
4590
- "text": "string | null | undefined"
4595
+ "text": "boolean"
4591
4596
  },
4592
- "fieldName": "group"
4597
+ "default": "false",
4598
+ "fieldName": "disposeWhenDetached"
4593
4599
  },
4594
4600
  {
4595
- "name": "scene",
4601
+ "name": "baseUrl",
4596
4602
  "type": {
4597
- "text": "Scene"
4603
+ "text": "string"
4598
4604
  },
4599
- "fieldName": "scene"
4605
+ "default": "''",
4606
+ "fieldName": "baseUrl"
4600
4607
  },
4601
4608
  {
4602
- "name": "mode",
4609
+ "name": "provider",
4603
4610
  "type": {
4604
- "text": "SCENE_MODE"
4611
+ "text": "any"
4605
4612
  },
4606
- "fieldName": "mode"
4607
- }
4608
- ],
4609
- "mixins": [
4613
+ "fieldName": "provider"
4614
+ },
4610
4615
  {
4611
- "name": "ScopedElementsMixin",
4612
- "package": "@open-wc/scoped-elements"
4616
+ "name": "name",
4617
+ "type": {
4618
+ "text": "string"
4619
+ },
4620
+ "default": "'noname'",
4621
+ "fieldName": "name"
4622
+ },
4623
+ {
4624
+ "name": "enableInspector",
4625
+ "type": {
4626
+ "text": "boolean"
4627
+ },
4628
+ "default": "true",
4629
+ "fieldName": "enableInspector"
4630
+ },
4631
+ {
4632
+ "name": "showInspector",
4633
+ "type": {
4634
+ "text": "boolean"
4635
+ },
4636
+ "default": "false",
4637
+ "fieldName": "showInspector"
4613
4638
  }
4614
4639
  ],
4615
4640
  "superclass": {
4616
4641
  "name": "LitElement",
4617
4642
  "package": "lit"
4618
4643
  },
4644
+ "tagName": "ox-scene-viewer",
4619
4645
  "customElement": true
4620
4646
  }
4621
4647
  ],
4622
4648
  "exports": [
4623
4649
  {
4624
4650
  "kind": "js",
4625
- "name": "ComponentToolbar",
4626
- "declaration": {
4627
- "name": "ComponentToolbar",
4628
- "module": "src/modeller/component-toolbar/component-toolbar.ts"
4629
- }
4630
- }
4631
- ]
4632
- },
4633
- {
4634
- "kind": "javascript-module",
4635
- "path": "src/modeller/component-toolbar/mode-icons.ts",
4636
- "declarations": [
4637
- {
4638
- "kind": "variable",
4639
- "name": "ICON_EDIT_MODE",
4640
- "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> `"
4641
- },
4642
- {
4643
- "kind": "variable",
4644
- "name": "ICON_SHIFT_MODE",
4645
- "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> `"
4646
- }
4647
- ],
4648
- "exports": [
4649
- {
4650
- "kind": "js",
4651
- "name": "ICON_EDIT_MODE",
4651
+ "name": "default",
4652
4652
  "declaration": {
4653
- "name": "ICON_EDIT_MODE",
4654
- "module": "src/modeller/component-toolbar/mode-icons.ts"
4653
+ "name": "OxSceneViewer",
4654
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4655
4655
  }
4656
4656
  },
4657
4657
  {
4658
- "kind": "js",
4659
- "name": "ICON_SHIFT_MODE",
4658
+ "kind": "custom-element-definition",
4659
+ "name": "ox-scene-viewer",
4660
4660
  "declaration": {
4661
- "name": "ICON_SHIFT_MODE",
4662
- "module": "src/modeller/component-toolbar/mode-icons.ts"
4661
+ "name": "OxSceneViewer",
4662
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4663
4663
  }
4664
4664
  }
4665
4665
  ]