@fmsim/board 0.0.94 → 0.0.96

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.
@@ -3106,31 +3106,62 @@
3106
3106
  },
3107
3107
  {
3108
3108
  "kind": "javascript-module",
3109
- "path": "src/modeller/component-toolbar/component-detail.ts",
3109
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
3110
3110
  "declarations": [
3111
3111
  {
3112
3112
  "kind": "class",
3113
3113
  "description": "",
3114
- "name": "ComponentDetail",
3114
+ "name": "AbstractProperty",
3115
3115
  "members": [
3116
3116
  {
3117
- "kind": "field",
3118
- "name": "template",
3119
- "type": {
3120
- "text": "{ about: string } | null"
3121
- },
3122
- "default": "null",
3123
- "attribute": "template"
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
+ ]
3124
3157
  }
3125
3158
  ],
3126
- "attributes": [
3159
+ "events": [
3127
3160
  {
3128
- "name": "template",
3161
+ "name": "property-change",
3129
3162
  "type": {
3130
- "text": "{ about: string } | null"
3131
- },
3132
- "default": "null",
3133
- "fieldName": "template"
3163
+ "text": "CustomEvent"
3164
+ }
3134
3165
  }
3135
3166
  ],
3136
3167
  "superclass": {
@@ -3143,71 +3174,131 @@
3143
3174
  "exports": [
3144
3175
  {
3145
3176
  "kind": "js",
3146
- "name": "ComponentDetail",
3177
+ "name": "AbstractProperty",
3147
3178
  "declaration": {
3148
- "name": "ComponentDetail",
3149
- "module": "src/modeller/component-toolbar/component-detail.ts"
3179
+ "name": "AbstractProperty",
3180
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
3150
3181
  }
3151
3182
  }
3152
3183
  ]
3153
3184
  },
3154
3185
  {
3155
3186
  "kind": "javascript-module",
3156
- "path": "src/modeller/component-toolbar/component-menu.ts",
3187
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
3188
+ "declarations": [
3189
+ {
3190
+ "kind": "variable",
3191
+ "name": "PropertySharedStyle",
3192
+ "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: var(--url-icon-properties-label) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
3193
+ }
3194
+ ],
3195
+ "exports": [
3196
+ {
3197
+ "kind": "js",
3198
+ "name": "PropertySharedStyle",
3199
+ "declaration": {
3200
+ "name": "PropertySharedStyle",
3201
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
3202
+ }
3203
+ }
3204
+ ]
3205
+ },
3206
+ {
3207
+ "kind": "javascript-module",
3208
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
3157
3209
  "declarations": [
3158
3210
  {
3159
3211
  "kind": "class",
3160
3212
  "description": "",
3161
- "name": "ComponentMenu",
3213
+ "name": "PropertySidebar",
3162
3214
  "members": [
3163
3215
  {
3164
3216
  "kind": "field",
3165
- "name": "groups",
3217
+ "name": "scene",
3166
3218
  "type": {
3167
- "text": "Pallet[]"
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",
3245
+ "type": {
3246
+ "text": "Component[]"
3168
3247
  },
3169
3248
  "default": "[]",
3170
- "attribute": "groups"
3249
+ "attribute": "selected"
3171
3250
  },
3172
3251
  {
3173
3252
  "kind": "field",
3174
- "name": "scene",
3253
+ "name": "specificProps",
3175
3254
  "type": {
3176
- "text": "Scene | null"
3255
+ "text": "any"
3177
3256
  },
3178
- "default": "null",
3179
- "attribute": "scene"
3257
+ "attribute": "specificProps"
3180
3258
  },
3181
3259
  {
3182
3260
  "kind": "field",
3183
- "name": "group",
3261
+ "name": "tabName",
3184
3262
  "type": {
3185
3263
  "text": "string | null"
3186
3264
  },
3187
- "default": "''",
3188
- "attribute": "group"
3265
+ "default": "'specific'",
3266
+ "attribute": "tabName"
3189
3267
  },
3190
3268
  {
3191
3269
  "kind": "field",
3192
- "name": "templates",
3270
+ "name": "collapsed",
3193
3271
  "type": {
3194
- "text": "PalletItem[]"
3272
+ "text": "boolean"
3195
3273
  },
3196
- "default": "[]"
3274
+ "default": "false",
3275
+ "attribute": "collapsed"
3197
3276
  },
3198
3277
  {
3199
3278
  "kind": "field",
3200
- "name": "template",
3279
+ "name": "fonts",
3201
3280
  "type": {
3202
- "text": "PalletItem | any"
3203
- }
3281
+ "text": "any[]"
3282
+ },
3283
+ "default": "[]",
3284
+ "attribute": "fonts"
3204
3285
  },
3205
3286
  {
3206
3287
  "kind": "field",
3207
- "name": "detail",
3288
+ "name": "propertyEditor",
3208
3289
  "type": {
3209
- "text": "HTMLElement"
3210
- }
3290
+ "text": "any[]"
3291
+ },
3292
+ "default": "[]",
3293
+ "attribute": "propertyEditor"
3294
+ },
3295
+ {
3296
+ "kind": "field",
3297
+ "name": "propertyTarget",
3298
+ "type": {
3299
+ "text": "Component | null"
3300
+ },
3301
+ "default": "null"
3211
3302
  },
3212
3303
  {
3213
3304
  "kind": "field",
@@ -3217,62 +3308,90 @@
3217
3308
  },
3218
3309
  {
3219
3310
  "kind": "method",
3220
- "name": "findTemplate",
3311
+ "name": "_onPropertyChanged",
3221
3312
  "parameters": [
3222
3313
  {
3223
- "name": "type",
3314
+ "name": "e",
3224
3315
  "type": {
3225
- "text": "string | null | undefined"
3316
+ "text": "CustomEvent"
3226
3317
  }
3227
3318
  }
3228
3319
  ]
3229
3320
  },
3230
3321
  {
3231
3322
  "kind": "method",
3232
- "name": "onHoverComponent",
3323
+ "name": "_onBoundsChanged",
3233
3324
  "parameters": [
3234
3325
  {
3235
3326
  "name": "e",
3236
3327
  "type": {
3237
- "text": "MouseEvent"
3328
+ "text": "CustomEvent"
3238
3329
  }
3239
3330
  }
3240
3331
  ]
3241
3332
  },
3242
3333
  {
3243
3334
  "kind": "method",
3244
- "name": "onClickTemplate",
3335
+ "name": "_onChangedByScene"
3336
+ },
3337
+ {
3338
+ "kind": "method",
3339
+ "name": "_setPropertyTargetAsDefault"
3340
+ },
3341
+ {
3342
+ "kind": "method",
3343
+ "name": "_onCollapsed",
3245
3344
  "parameters": [
3246
3345
  {
3247
- "name": "e",
3346
+ "name": "collapsed",
3248
3347
  "type": {
3249
- "text": "MouseEvent"
3348
+ "text": "boolean"
3250
3349
  }
3251
3350
  }
3252
3351
  ]
3253
3352
  },
3254
3353
  {
3255
3354
  "kind": "method",
3256
- "name": "templateIcon",
3355
+ "name": "_onSceneChanged"
3356
+ },
3357
+ {
3358
+ "kind": "method",
3359
+ "name": "_onSelectedChanged",
3257
3360
  "parameters": [
3258
3361
  {
3259
- "name": "template",
3362
+ "name": "after",
3260
3363
  "type": {
3261
- "text": "PalletItem"
3364
+ "text": "Component[]"
3365
+ }
3366
+ }
3367
+ ]
3368
+ },
3369
+ {
3370
+ "kind": "method",
3371
+ "name": "_setPropertyTarget",
3372
+ "parameters": [
3373
+ {
3374
+ "name": "newTarget",
3375
+ "type": {
3376
+ "text": "Component | null"
3377
+ }
3378
+ }
3379
+ ]
3380
+ },
3381
+ {
3382
+ "kind": "method",
3383
+ "name": "_setBounds",
3384
+ "parameters": [
3385
+ {
3386
+ "name": "bounds",
3387
+ "type": {
3388
+ "text": "BOUNDS"
3262
3389
  }
3263
3390
  }
3264
3391
  ]
3265
3392
  }
3266
3393
  ],
3267
3394
  "attributes": [
3268
- {
3269
- "name": "groups",
3270
- "type": {
3271
- "text": "Pallet[]"
3272
- },
3273
- "default": "[]",
3274
- "fieldName": "groups"
3275
- },
3276
3395
  {
3277
3396
  "name": "scene",
3278
3397
  "type": {
@@ -3282,212 +3401,67 @@
3282
3401
  "fieldName": "scene"
3283
3402
  },
3284
3403
  {
3285
- "name": "group",
3404
+ "name": "bounds",
3286
3405
  "type": {
3287
- "text": "string | null"
3406
+ "text": "any"
3288
3407
  },
3289
- "default": "''",
3290
- "fieldName": "group"
3291
- }
3292
- ],
3293
- "mixins": [
3408
+ "default": "{}",
3409
+ "fieldName": "bounds"
3410
+ },
3294
3411
  {
3295
- "name": "ScopedElementsMixin",
3296
- "package": "@open-wc/scoped-elements"
3297
- }
3298
- ],
3299
- "superclass": {
3300
- "name": "LitElement",
3301
- "package": "lit"
3302
- },
3303
- "customElement": true
3304
- }
3305
- ],
3306
- "exports": [
3307
- {
3308
- "kind": "js",
3309
- "name": "ComponentMenu",
3310
- "declaration": {
3311
- "name": "ComponentMenu",
3312
- "module": "src/modeller/component-toolbar/component-menu.ts"
3313
- }
3314
- }
3315
- ]
3316
- },
3317
- {
3318
- "kind": "javascript-module",
3319
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
3320
- "declarations": [
3321
- {
3322
- "kind": "class",
3323
- "description": "",
3324
- "name": "ComponentToolbar",
3325
- "members": [
3326
- {
3327
- "kind": "field",
3328
- "name": "componentGroupList",
3329
- "type": {
3330
- "text": "ComponentGroup[]"
3331
- },
3332
- "default": "[]",
3333
- "attribute": "componentGroupList"
3334
- },
3335
- {
3336
- "kind": "field",
3337
- "name": "group",
3338
- "type": {
3339
- "text": "string | null | undefined"
3340
- },
3341
- "attribute": "group"
3342
- },
3343
- {
3344
- "kind": "field",
3345
- "name": "scene",
3346
- "type": {
3347
- "text": "Scene"
3348
- },
3349
- "attribute": "scene"
3350
- },
3351
- {
3352
- "kind": "field",
3353
- "name": "mode",
3412
+ "name": "model",
3354
3413
  "type": {
3355
- "text": "SCENE_MODE"
3414
+ "text": "Model | null"
3356
3415
  },
3357
- "attribute": "mode"
3358
- },
3359
- {
3360
- "kind": "field",
3361
- "name": "shift",
3362
- "type": {
3363
- "text": "HTMLImageElement"
3364
- }
3416
+ "default": "{}",
3417
+ "fieldName": "model"
3365
3418
  },
3366
3419
  {
3367
- "kind": "field",
3368
- "name": "menu",
3420
+ "name": "selected",
3369
3421
  "type": {
3370
- "text": "HTMLElement"
3422
+ "text": "Component[]"
3371
3423
  },
3372
- "privacy": "private"
3424
+ "default": "[]",
3425
+ "fieldName": "selected"
3373
3426
  },
3374
3427
  {
3375
- "kind": "field",
3376
- "name": "componentsContainer",
3428
+ "name": "specificProps",
3377
3429
  "type": {
3378
- "text": "HTMLElement"
3430
+ "text": "any"
3379
3431
  },
3380
- "privacy": "private"
3432
+ "fieldName": "specificProps"
3381
3433
  },
3382
3434
  {
3383
- "kind": "field",
3384
- "name": "groups",
3435
+ "name": "tabName",
3385
3436
  "type": {
3386
- "text": "NodeListOf<HTMLElement>"
3437
+ "text": "string | null"
3387
3438
  },
3388
- "privacy": "private"
3439
+ "default": "'specific'",
3440
+ "fieldName": "tabName"
3389
3441
  },
3390
3442
  {
3391
- "kind": "field",
3392
- "name": "icons",
3443
+ "name": "collapsed",
3393
3444
  "type": {
3394
- "text": "{ [name: string]: string }"
3445
+ "text": "boolean"
3395
3446
  },
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
- ]
3447
+ "default": "false",
3448
+ "fieldName": "collapsed"
3440
3449
  },
3441
3450
  {
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",
3451
+ "name": "fonts",
3465
3452
  "type": {
3466
- "text": "ComponentGroup[]"
3453
+ "text": "any[]"
3467
3454
  },
3468
3455
  "default": "[]",
3469
- "fieldName": "componentGroupList"
3470
- },
3471
- {
3472
- "name": "group",
3473
- "type": {
3474
- "text": "string | null | undefined"
3475
- },
3476
- "fieldName": "group"
3477
- },
3478
- {
3479
- "name": "scene",
3480
- "type": {
3481
- "text": "Scene"
3482
- },
3483
- "fieldName": "scene"
3456
+ "fieldName": "fonts"
3484
3457
  },
3485
3458
  {
3486
- "name": "mode",
3459
+ "name": "propertyEditor",
3487
3460
  "type": {
3488
- "text": "SCENE_MODE"
3461
+ "text": "any[]"
3489
3462
  },
3490
- "fieldName": "mode"
3463
+ "default": "[]",
3464
+ "fieldName": "propertyEditor"
3491
3465
  }
3492
3466
  ],
3493
3467
  "mixins": [
@@ -3506,106 +3480,204 @@
3506
3480
  "exports": [
3507
3481
  {
3508
3482
  "kind": "js",
3509
- "name": "ComponentToolbar",
3483
+ "name": "PropertySidebar",
3510
3484
  "declaration": {
3511
- "name": "ComponentToolbar",
3512
- "module": "src/modeller/component-toolbar/component-toolbar.ts"
3485
+ "name": "PropertySidebar",
3486
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
3513
3487
  }
3514
3488
  }
3515
3489
  ]
3516
3490
  },
3517
3491
  {
3518
3492
  "kind": "javascript-module",
3519
- "path": "src/modeller/component-toolbar/mode-icons.ts",
3493
+ "path": "src/modeller/component-toolbar/component-detail.ts",
3520
3494
  "declarations": [
3521
3495
  {
3522
- "kind": "variable",
3523
- "name": "ICON_EDIT_MODE",
3524
- "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n }\n .st1 {\n fill: none;\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \t\" />\n <path\n class=\"st1\"\n 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\n 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\n 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\n 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\n 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\n 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\"\n />\n </g>\n </svg>\n`"
3525
- },
3526
- {
3527
- "kind": "variable",
3528
- "name": "ICON_SHIFT_MODE",
3529
- "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n fill-rule: evenodd;\n clip-rule: evenodd;\n }\n .st1 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <path\n class=\"st0\"\n 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\n 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\n 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\n 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\n 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\n C6.7,22.7,7,23.2,7.8,23.2z\"\n />\n <path\n class=\"st1\"\n 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\n 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\n 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\n 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\n 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\n 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\"\n />\n </g>\n </svg>\n`"
3496
+ "kind": "class",
3497
+ "description": "",
3498
+ "name": "ComponentDetail",
3499
+ "members": [
3500
+ {
3501
+ "kind": "field",
3502
+ "name": "template",
3503
+ "type": {
3504
+ "text": "{ about: string } | null"
3505
+ },
3506
+ "default": "null",
3507
+ "attribute": "template"
3508
+ }
3509
+ ],
3510
+ "attributes": [
3511
+ {
3512
+ "name": "template",
3513
+ "type": {
3514
+ "text": "{ about: string } | null"
3515
+ },
3516
+ "default": "null",
3517
+ "fieldName": "template"
3518
+ }
3519
+ ],
3520
+ "superclass": {
3521
+ "name": "LitElement",
3522
+ "package": "lit"
3523
+ },
3524
+ "customElement": true
3530
3525
  }
3531
3526
  ],
3532
3527
  "exports": [
3533
3528
  {
3534
3529
  "kind": "js",
3535
- "name": "ICON_EDIT_MODE",
3536
- "declaration": {
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",
3530
+ "name": "ComponentDetail",
3544
3531
  "declaration": {
3545
- "name": "ICON_SHIFT_MODE",
3546
- "module": "src/modeller/component-toolbar/mode-icons.ts"
3532
+ "name": "ComponentDetail",
3533
+ "module": "src/modeller/component-toolbar/component-detail.ts"
3547
3534
  }
3548
3535
  }
3549
3536
  ]
3550
3537
  },
3551
3538
  {
3552
3539
  "kind": "javascript-module",
3553
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3540
+ "path": "src/modeller/component-toolbar/component-menu.ts",
3554
3541
  "declarations": [
3555
3542
  {
3556
3543
  "kind": "class",
3557
3544
  "description": "",
3558
- "name": "AbstractProperty",
3545
+ "name": "ComponentMenu",
3559
3546
  "members": [
3547
+ {
3548
+ "kind": "field",
3549
+ "name": "groups",
3550
+ "type": {
3551
+ "text": "Pallet[]"
3552
+ },
3553
+ "default": "[]",
3554
+ "attribute": "groups"
3555
+ },
3556
+ {
3557
+ "kind": "field",
3558
+ "name": "scene",
3559
+ "type": {
3560
+ "text": "Scene | null"
3561
+ },
3562
+ "default": "null",
3563
+ "attribute": "scene"
3564
+ },
3565
+ {
3566
+ "kind": "field",
3567
+ "name": "group",
3568
+ "type": {
3569
+ "text": "string | null"
3570
+ },
3571
+ "default": "''",
3572
+ "attribute": "group"
3573
+ },
3574
+ {
3575
+ "kind": "field",
3576
+ "name": "templates",
3577
+ "type": {
3578
+ "text": "PalletItem[]"
3579
+ },
3580
+ "default": "[]"
3581
+ },
3582
+ {
3583
+ "kind": "field",
3584
+ "name": "template",
3585
+ "type": {
3586
+ "text": "PalletItem | any"
3587
+ }
3588
+ },
3589
+ {
3590
+ "kind": "field",
3591
+ "name": "detail",
3592
+ "type": {
3593
+ "text": "HTMLElement"
3594
+ }
3595
+ },
3596
+ {
3597
+ "kind": "field",
3598
+ "name": "scopedElements",
3599
+ "static": true,
3600
+ "readonly": true
3601
+ },
3602
+ {
3603
+ "kind": "method",
3604
+ "name": "findTemplate",
3605
+ "parameters": [
3606
+ {
3607
+ "name": "type",
3608
+ "type": {
3609
+ "text": "string | null | undefined"
3610
+ }
3611
+ }
3612
+ ]
3613
+ },
3560
3614
  {
3561
3615
  "kind": "method",
3562
- "name": "_onValueChange",
3616
+ "name": "onHoverComponent",
3563
3617
  "parameters": [
3564
3618
  {
3565
3619
  "name": "e",
3566
3620
  "type": {
3567
- "text": "Event"
3621
+ "text": "MouseEvent"
3568
3622
  }
3569
3623
  }
3570
3624
  ]
3571
3625
  },
3572
3626
  {
3573
3627
  "kind": "method",
3574
- "name": "_getValueFromEventTarget",
3628
+ "name": "onClickTemplate",
3575
3629
  "parameters": [
3576
3630
  {
3577
- "name": "element",
3631
+ "name": "e",
3578
3632
  "type": {
3579
- "text": "HTMLElement"
3633
+ "text": "MouseEvent"
3580
3634
  }
3581
3635
  }
3582
3636
  ]
3583
3637
  },
3584
3638
  {
3585
3639
  "kind": "method",
3586
- "name": "_onAfterValueChange",
3640
+ "name": "templateIcon",
3587
3641
  "parameters": [
3588
3642
  {
3589
- "name": "key",
3590
- "type": {
3591
- "text": "string"
3592
- }
3593
- },
3594
- {
3595
- "name": "value",
3643
+ "name": "template",
3596
3644
  "type": {
3597
- "text": "any"
3645
+ "text": "PalletItem"
3598
3646
  }
3599
3647
  }
3600
3648
  ]
3601
3649
  }
3602
3650
  ],
3603
- "events": [
3651
+ "attributes": [
3604
3652
  {
3605
- "name": "property-change",
3653
+ "name": "groups",
3606
3654
  "type": {
3607
- "text": "CustomEvent"
3608
- }
3655
+ "text": "Pallet[]"
3656
+ },
3657
+ "default": "[]",
3658
+ "fieldName": "groups"
3659
+ },
3660
+ {
3661
+ "name": "scene",
3662
+ "type": {
3663
+ "text": "Scene | null"
3664
+ },
3665
+ "default": "null",
3666
+ "fieldName": "scene"
3667
+ },
3668
+ {
3669
+ "name": "group",
3670
+ "type": {
3671
+ "text": "string | null"
3672
+ },
3673
+ "default": "''",
3674
+ "fieldName": "group"
3675
+ }
3676
+ ],
3677
+ "mixins": [
3678
+ {
3679
+ "name": "ScopedElementsMixin",
3680
+ "package": "@open-wc/scoped-elements"
3609
3681
  }
3610
3682
  ],
3611
3683
  "superclass": {
@@ -3618,131 +3690,95 @@
3618
3690
  "exports": [
3619
3691
  {
3620
3692
  "kind": "js",
3621
- "name": "AbstractProperty",
3622
- "declaration": {
3623
- "name": "AbstractProperty",
3624
- "module": "src/modeller/property-sidebar/abstract-property.ts"
3625
- }
3626
- }
3627
- ]
3628
- },
3629
- {
3630
- "kind": "javascript-module",
3631
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
3632
- "declarations": [
3633
- {
3634
- "kind": "variable",
3635
- "name": "PropertySharedStyle",
3636
- "default": "css`\n fieldset {\n border: none;\n margin: 4px;\n padding: 9px 4px 9px 4px;\n border-bottom: var(--property-sidebar-fieldset-border);\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-label);\n }\n\n fieldset legend {\n padding: 5px 0 0 5px;\n color: var(--property-sidebar-fieldset-legend-color);\n font: var(--property-sidebar-fieldset-legend);\n text-transform: capitalize;\n }\n\n select,\n input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n /* property grid */\n .property-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .property-grid > * {\n width: 100%;\n box-sizing: border-box;\n }\n\n .property-grid > label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n line-height: 2;\n }\n\n .property-grid > input,\n .property-grid > table,\n .property-grid > select,\n .property-grid > ox-input-angle,\n .property-grid > ox-buttons-radio,\n .property-grid > ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n align-self: stretch;\n }\n\n .property-grid > .checkbox-row {\n grid-column: span 10;\n }\n\n .property-grid > .property-full-label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n }\n\n .property-grid > .property-half-label {\n grid-column: span 1;\n }\n\n .property-grid > .property-full-input {\n grid-column: span 7;\n }\n\n .property-grid > .property-half-input {\n grid-column: span 4;\n }\n\n /* checkbox-row */\n .checkbox-row {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n align-items: center;\n }\n\n .checkbox-row > input {\n grid-column: 4 / 5;\n }\n\n .checkbox-row > label {\n grid-column: span 6;\n text-align: left;\n }\n\n /* image resources */\n .icon-only-label {\n grid-column: span 1;\n\n background: var(--url-icon-properties-label) no-repeat;\n float: left;\n margin: 0;\n align-self: stretch;\n }\n\n .icon-only-label.color {\n background-position: 100% -500px;\n }\n .icon-only-label.font-size {\n background-position: 100% -594px;\n }\n .icon-only-label.leading {\n background-position: 100% -696px;\n }\n .icon-only-label.hscale {\n background-position: 100% -296px;\n }\n .icon-only-label.vscale {\n background-position: 100% -396px;\n }\n .icon-only-label.linewidth {\n background-position: 100% -894px;\n }\n .icon-only-label.lineHeight {\n background-position: 100% -995px;\n }\n`"
3637
- }
3638
- ],
3639
- "exports": [
3640
- {
3641
- "kind": "js",
3642
- "name": "PropertySharedStyle",
3693
+ "name": "ComponentMenu",
3643
3694
  "declaration": {
3644
- "name": "PropertySharedStyle",
3645
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
3695
+ "name": "ComponentMenu",
3696
+ "module": "src/modeller/component-toolbar/component-menu.ts"
3646
3697
  }
3647
3698
  }
3648
3699
  ]
3649
3700
  },
3650
3701
  {
3651
3702
  "kind": "javascript-module",
3652
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
3703
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
3653
3704
  "declarations": [
3654
3705
  {
3655
3706
  "kind": "class",
3656
3707
  "description": "",
3657
- "name": "PropertySidebar",
3708
+ "name": "ComponentToolbar",
3658
3709
  "members": [
3659
3710
  {
3660
3711
  "kind": "field",
3661
- "name": "scene",
3662
- "type": {
3663
- "text": "Scene | null"
3664
- },
3665
- "default": "null",
3666
- "attribute": "scene"
3667
- },
3668
- {
3669
- "kind": "field",
3670
- "name": "bounds",
3712
+ "name": "componentGroupList",
3671
3713
  "type": {
3672
- "text": "any"
3714
+ "text": "ComponentGroup[]"
3673
3715
  },
3674
- "default": "{}",
3675
- "attribute": "bounds"
3716
+ "default": "[]",
3717
+ "attribute": "componentGroupList"
3676
3718
  },
3677
3719
  {
3678
3720
  "kind": "field",
3679
- "name": "model",
3721
+ "name": "group",
3680
3722
  "type": {
3681
- "text": "Model | null"
3723
+ "text": "string | null | undefined"
3682
3724
  },
3683
- "default": "{}",
3684
- "attribute": "model"
3725
+ "attribute": "group"
3685
3726
  },
3686
3727
  {
3687
3728
  "kind": "field",
3688
- "name": "selected",
3729
+ "name": "scene",
3689
3730
  "type": {
3690
- "text": "Component[]"
3731
+ "text": "Scene"
3691
3732
  },
3692
- "default": "[]",
3693
- "attribute": "selected"
3733
+ "attribute": "scene"
3694
3734
  },
3695
3735
  {
3696
3736
  "kind": "field",
3697
- "name": "specificProps",
3737
+ "name": "mode",
3698
3738
  "type": {
3699
- "text": "any"
3739
+ "text": "SCENE_MODE"
3700
3740
  },
3701
- "attribute": "specificProps"
3741
+ "attribute": "mode"
3702
3742
  },
3703
3743
  {
3704
3744
  "kind": "field",
3705
- "name": "tabName",
3745
+ "name": "shift",
3706
3746
  "type": {
3707
- "text": "string | null"
3708
- },
3709
- "default": "'specific'",
3710
- "attribute": "tabName"
3747
+ "text": "HTMLImageElement"
3748
+ }
3711
3749
  },
3712
3750
  {
3713
3751
  "kind": "field",
3714
- "name": "collapsed",
3752
+ "name": "menu",
3715
3753
  "type": {
3716
- "text": "boolean"
3754
+ "text": "HTMLElement"
3717
3755
  },
3718
- "default": "false",
3719
- "attribute": "collapsed"
3756
+ "privacy": "private"
3720
3757
  },
3721
3758
  {
3722
3759
  "kind": "field",
3723
- "name": "fonts",
3760
+ "name": "componentsContainer",
3724
3761
  "type": {
3725
- "text": "any[]"
3762
+ "text": "HTMLElement"
3726
3763
  },
3727
- "default": "[]",
3728
- "attribute": "fonts"
3764
+ "privacy": "private"
3729
3765
  },
3730
3766
  {
3731
3767
  "kind": "field",
3732
- "name": "propertyEditor",
3768
+ "name": "groups",
3733
3769
  "type": {
3734
- "text": "any[]"
3770
+ "text": "NodeListOf<HTMLElement>"
3735
3771
  },
3736
- "default": "[]",
3737
- "attribute": "propertyEditor"
3772
+ "privacy": "private"
3738
3773
  },
3739
3774
  {
3740
3775
  "kind": "field",
3741
- "name": "propertyTarget",
3776
+ "name": "icons",
3742
3777
  "type": {
3743
- "text": "Component | null"
3778
+ "text": "{ [name: string]: string }"
3744
3779
  },
3745
- "default": "null"
3780
+ "privacy": "private",
3781
+ "default": "{}"
3746
3782
  },
3747
3783
  {
3748
3784
  "kind": "field",
@@ -3752,160 +3788,90 @@
3752
3788
  },
3753
3789
  {
3754
3790
  "kind": "method",
3755
- "name": "_onPropertyChanged",
3756
- "parameters": [
3757
- {
3758
- "name": "e",
3759
- "type": {
3760
- "text": "CustomEvent"
3761
- }
3762
- }
3763
- ]
3764
- },
3765
- {
3766
- "kind": "method",
3767
- "name": "_onBoundsChanged",
3791
+ "name": "onWheelEvent",
3768
3792
  "parameters": [
3769
3793
  {
3770
3794
  "name": "e",
3771
3795
  "type": {
3772
- "text": "CustomEvent"
3773
- }
3774
- }
3775
- ]
3776
- },
3777
- {
3778
- "kind": "method",
3779
- "name": "_onChangedByScene"
3780
- },
3781
- {
3782
- "kind": "method",
3783
- "name": "_setPropertyTargetAsDefault"
3784
- },
3785
- {
3786
- "kind": "method",
3787
- "name": "_onCollapsed",
3788
- "parameters": [
3789
- {
3790
- "name": "collapsed",
3791
- "type": {
3792
- "text": "boolean"
3793
- }
3794
- }
3795
- ]
3796
- },
3797
- {
3798
- "kind": "method",
3799
- "name": "_onSceneChanged"
3800
- },
3801
- {
3802
- "kind": "method",
3803
- "name": "_onSelectedChanged",
3804
- "parameters": [
3805
- {
3806
- "name": "after",
3807
- "type": {
3808
- "text": "Component[]"
3796
+ "text": "Event"
3809
3797
  }
3810
3798
  }
3811
3799
  ]
3812
3800
  },
3813
3801
  {
3814
3802
  "kind": "method",
3815
- "name": "_setPropertyTarget",
3803
+ "name": "_setMode",
3816
3804
  "parameters": [
3817
3805
  {
3818
- "name": "newTarget",
3806
+ "name": "mode",
3819
3807
  "type": {
3820
- "text": "Component | null"
3808
+ "text": "SCENE_MODE"
3821
3809
  }
3822
3810
  }
3823
3811
  ]
3824
3812
  },
3825
3813
  {
3826
3814
  "kind": "method",
3827
- "name": "_setBounds",
3815
+ "name": "_onClickShift",
3828
3816
  "parameters": [
3829
3817
  {
3830
- "name": "bounds",
3818
+ "name": "e",
3831
3819
  "type": {
3832
- "text": "BOUNDS"
3820
+ "text": "MouseEvent"
3833
3821
  }
3834
3822
  }
3835
3823
  ]
3836
- }
3837
- ],
3838
- "attributes": [
3839
- {
3840
- "name": "scene",
3841
- "type": {
3842
- "text": "Scene | null"
3843
- },
3844
- "default": "null",
3845
- "fieldName": "scene"
3846
- },
3847
- {
3848
- "name": "bounds",
3849
- "type": {
3850
- "text": "any"
3851
- },
3852
- "default": "{}",
3853
- "fieldName": "bounds"
3854
- },
3855
- {
3856
- "name": "model",
3857
- "type": {
3858
- "text": "Model | null"
3859
- },
3860
- "default": "{}",
3861
- "fieldName": "model"
3862
- },
3863
- {
3864
- "name": "selected",
3865
- "type": {
3866
- "text": "Component[]"
3867
- },
3868
- "default": "[]",
3869
- "fieldName": "selected"
3870
3824
  },
3871
3825
  {
3872
- "name": "specificProps",
3826
+ "kind": "method",
3827
+ "name": "_onClickGroup",
3828
+ "parameters": [
3829
+ {
3830
+ "name": "e",
3831
+ "type": {
3832
+ "text": "MouseEvent"
3833
+ }
3834
+ }
3835
+ ]
3836
+ }
3837
+ ],
3838
+ "events": [
3839
+ {
3840
+ "name": "mode-changed",
3873
3841
  "type": {
3874
- "text": "any"
3875
- },
3876
- "fieldName": "specificProps"
3877
- },
3842
+ "text": "CustomEvent"
3843
+ }
3844
+ }
3845
+ ],
3846
+ "attributes": [
3878
3847
  {
3879
- "name": "tabName",
3848
+ "name": "componentGroupList",
3880
3849
  "type": {
3881
- "text": "string | null"
3850
+ "text": "ComponentGroup[]"
3882
3851
  },
3883
- "default": "'specific'",
3884
- "fieldName": "tabName"
3852
+ "default": "[]",
3853
+ "fieldName": "componentGroupList"
3885
3854
  },
3886
3855
  {
3887
- "name": "collapsed",
3856
+ "name": "group",
3888
3857
  "type": {
3889
- "text": "boolean"
3858
+ "text": "string | null | undefined"
3890
3859
  },
3891
- "default": "false",
3892
- "fieldName": "collapsed"
3860
+ "fieldName": "group"
3893
3861
  },
3894
3862
  {
3895
- "name": "fonts",
3863
+ "name": "scene",
3896
3864
  "type": {
3897
- "text": "any[]"
3865
+ "text": "Scene"
3898
3866
  },
3899
- "default": "[]",
3900
- "fieldName": "fonts"
3867
+ "fieldName": "scene"
3901
3868
  },
3902
3869
  {
3903
- "name": "propertyEditor",
3870
+ "name": "mode",
3904
3871
  "type": {
3905
- "text": "any[]"
3872
+ "text": "SCENE_MODE"
3906
3873
  },
3907
- "default": "[]",
3908
- "fieldName": "propertyEditor"
3874
+ "fieldName": "mode"
3909
3875
  }
3910
3876
  ],
3911
3877
  "mixins": [
@@ -3924,10 +3890,44 @@
3924
3890
  "exports": [
3925
3891
  {
3926
3892
  "kind": "js",
3927
- "name": "PropertySidebar",
3893
+ "name": "ComponentToolbar",
3928
3894
  "declaration": {
3929
- "name": "PropertySidebar",
3930
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
3895
+ "name": "ComponentToolbar",
3896
+ "module": "src/modeller/component-toolbar/component-toolbar.ts"
3897
+ }
3898
+ }
3899
+ ]
3900
+ },
3901
+ {
3902
+ "kind": "javascript-module",
3903
+ "path": "src/modeller/component-toolbar/mode-icons.ts",
3904
+ "declarations": [
3905
+ {
3906
+ "kind": "variable",
3907
+ "name": "ICON_EDIT_MODE",
3908
+ "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n }\n .st1 {\n fill: none;\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \t\" />\n <path\n class=\"st1\"\n 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\n 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\n 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\n 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\n 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\n 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\"\n />\n </g>\n </svg>\n`"
3909
+ },
3910
+ {
3911
+ "kind": "variable",
3912
+ "name": "ICON_SHIFT_MODE",
3913
+ "default": "`\n <svg\n version=\"1.1\"\n id=\"Layer_1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 30 30\"\n style=\"enable-background:new 0 0 30 30;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .st0 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n fill-rule: evenodd;\n clip-rule: evenodd;\n }\n .st1 {\n fill: {{strokeColor}};\n stroke: {{strokeColor}};\n stroke-width: 0.75;\n stroke-linejoin: round;\n stroke-miterlimit: 10;\n }\n </style>\n <g>\n <path\n class=\"st0\"\n 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\n 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\n 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\n 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\n 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\n C6.7,22.7,7,23.2,7.8,23.2z\"\n />\n <path\n class=\"st1\"\n 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\n 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\n 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\n 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\n 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\n 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\"\n />\n </g>\n </svg>\n`"
3914
+ }
3915
+ ],
3916
+ "exports": [
3917
+ {
3918
+ "kind": "js",
3919
+ "name": "ICON_EDIT_MODE",
3920
+ "declaration": {
3921
+ "name": "ICON_EDIT_MODE",
3922
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
3923
+ }
3924
+ },
3925
+ {
3926
+ "kind": "js",
3927
+ "name": "ICON_SHIFT_MODE",
3928
+ "declaration": {
3929
+ "name": "ICON_SHIFT_MODE",
3930
+ "module": "src/modeller/component-toolbar/mode-icons.ts"
3931
3931
  }
3932
3932
  }
3933
3933
  ]
@@ -6107,40 +6107,199 @@
6107
6107
  ]
6108
6108
  },
6109
6109
  {
6110
- "kind": "method",
6111
- "name": "_isClassIdentifiable",
6112
- "parameters": [
6113
- {
6114
- "name": "selected",
6115
- "type": {
6116
- "text": "Component[]"
6117
- }
6118
- }
6119
- ]
6110
+ "kind": "method",
6111
+ "name": "_isClassIdentifiable",
6112
+ "parameters": [
6113
+ {
6114
+ "name": "selected",
6115
+ "type": {
6116
+ "text": "Component[]"
6117
+ }
6118
+ }
6119
+ ]
6120
+ },
6121
+ {
6122
+ "kind": "method",
6123
+ "name": "_isLine",
6124
+ "parameters": [
6125
+ {
6126
+ "name": "selected",
6127
+ "type": {
6128
+ "text": "Component[]"
6129
+ }
6130
+ }
6131
+ ]
6132
+ },
6133
+ {
6134
+ "kind": "method",
6135
+ "name": "_is3dish",
6136
+ "parameters": [
6137
+ {
6138
+ "name": "selected",
6139
+ "type": {
6140
+ "text": "Component[]"
6141
+ }
6142
+ }
6143
+ ]
6144
+ },
6145
+ {
6146
+ "kind": "method",
6147
+ "name": "_getValueFromEventTarget",
6148
+ "parameters": [
6149
+ {
6150
+ "name": "element",
6151
+ "type": {
6152
+ "text": "HTMLElement"
6153
+ }
6154
+ }
6155
+ ],
6156
+ "inheritedFrom": {
6157
+ "name": "AbstractProperty",
6158
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6159
+ }
6160
+ },
6161
+ {
6162
+ "kind": "method",
6163
+ "name": "_onAfterValueChange",
6164
+ "parameters": [
6165
+ {
6166
+ "name": "key",
6167
+ "type": {
6168
+ "text": "string"
6169
+ }
6170
+ },
6171
+ {
6172
+ "name": "value",
6173
+ "type": {
6174
+ "text": "any"
6175
+ }
6176
+ }
6177
+ ],
6178
+ "inheritedFrom": {
6179
+ "name": "AbstractProperty",
6180
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6181
+ }
6182
+ }
6183
+ ],
6184
+ "events": [
6185
+ {
6186
+ "name": "bounds-change",
6187
+ "type": {
6188
+ "text": "CustomEvent"
6189
+ }
6190
+ },
6191
+ {
6192
+ "name": "property-change",
6193
+ "type": {
6194
+ "text": "CustomEvent"
6195
+ },
6196
+ "inheritedFrom": {
6197
+ "name": "AbstractProperty",
6198
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6199
+ }
6200
+ }
6201
+ ],
6202
+ "attributes": [
6203
+ {
6204
+ "name": "value",
6205
+ "type": {
6206
+ "text": "Properties | undefined"
6207
+ },
6208
+ "fieldName": "value"
6209
+ },
6210
+ {
6211
+ "name": "bounds",
6212
+ "type": {
6213
+ "text": "BOUNDS | null"
6214
+ },
6215
+ "default": "null",
6216
+ "fieldName": "bounds"
6217
+ },
6218
+ {
6219
+ "name": "selected",
6220
+ "type": {
6221
+ "text": "Component[]"
6222
+ },
6223
+ "default": "[]",
6224
+ "fieldName": "selected"
6225
+ }
6226
+ ],
6227
+ "superclass": {
6228
+ "name": "AbstractProperty",
6229
+ "module": "/src/modeller/property-sidebar/abstract-property"
6230
+ }
6231
+ }
6232
+ ],
6233
+ "exports": [
6234
+ {
6235
+ "kind": "js",
6236
+ "name": "PropertyShapes",
6237
+ "declaration": {
6238
+ "name": "PropertyShapes",
6239
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
6240
+ }
6241
+ }
6242
+ ]
6243
+ },
6244
+ {
6245
+ "kind": "javascript-module",
6246
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
6247
+ "declarations": [
6248
+ {
6249
+ "kind": "class",
6250
+ "description": "",
6251
+ "name": "PropertyStyles",
6252
+ "members": [
6253
+ {
6254
+ "kind": "field",
6255
+ "name": "value",
6256
+ "type": {
6257
+ "text": "any"
6258
+ },
6259
+ "default": "{}",
6260
+ "attribute": "value"
6261
+ },
6262
+ {
6263
+ "kind": "field",
6264
+ "name": "selected",
6265
+ "type": {
6266
+ "text": "Component[]"
6267
+ },
6268
+ "default": "[]",
6269
+ "attribute": "selected"
6270
+ },
6271
+ {
6272
+ "kind": "field",
6273
+ "name": "fonts",
6274
+ "type": {
6275
+ "text": "any[]"
6276
+ },
6277
+ "default": "[]",
6278
+ "attribute": "fonts"
6120
6279
  },
6121
6280
  {
6122
- "kind": "method",
6123
- "name": "_isLine",
6124
- "parameters": [
6125
- {
6126
- "name": "selected",
6127
- "type": {
6128
- "text": "Component[]"
6129
- }
6130
- }
6131
- ]
6281
+ "kind": "field",
6282
+ "name": "fontAvailable",
6283
+ "type": {
6284
+ "text": "boolean"
6285
+ },
6286
+ "default": "false"
6132
6287
  },
6133
6288
  {
6134
6289
  "kind": "method",
6135
- "name": "_is3dish",
6290
+ "name": "_onValueChange",
6136
6291
  "parameters": [
6137
6292
  {
6138
- "name": "selected",
6293
+ "name": "e",
6139
6294
  "type": {
6140
- "text": "Component[]"
6295
+ "text": "Event"
6141
6296
  }
6142
6297
  }
6143
- ]
6298
+ ],
6299
+ "inheritedFrom": {
6300
+ "name": "AbstractProperty",
6301
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6302
+ }
6144
6303
  },
6145
6304
  {
6146
6305
  "kind": "method",
@@ -6181,62 +6340,57 @@
6181
6340
  }
6182
6341
  }
6183
6342
  ],
6184
- "events": [
6185
- {
6186
- "name": "bounds-change",
6187
- "type": {
6188
- "text": "CustomEvent"
6189
- }
6190
- },
6191
- {
6192
- "name": "property-change",
6193
- "type": {
6194
- "text": "CustomEvent"
6195
- },
6196
- "inheritedFrom": {
6197
- "name": "AbstractProperty",
6198
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6199
- }
6200
- }
6201
- ],
6202
6343
  "attributes": [
6203
6344
  {
6204
6345
  "name": "value",
6205
6346
  "type": {
6206
- "text": "Properties | undefined"
6347
+ "text": "any"
6207
6348
  },
6349
+ "default": "{}",
6208
6350
  "fieldName": "value"
6209
6351
  },
6210
6352
  {
6211
- "name": "bounds",
6353
+ "name": "selected",
6212
6354
  "type": {
6213
- "text": "BOUNDS | null"
6355
+ "text": "Component[]"
6214
6356
  },
6215
- "default": "null",
6216
- "fieldName": "bounds"
6357
+ "default": "[]",
6358
+ "fieldName": "selected"
6217
6359
  },
6218
6360
  {
6219
- "name": "selected",
6361
+ "name": "fonts",
6220
6362
  "type": {
6221
- "text": "Component[]"
6363
+ "text": "any[]"
6222
6364
  },
6223
6365
  "default": "[]",
6224
- "fieldName": "selected"
6366
+ "fieldName": "fonts"
6225
6367
  }
6226
6368
  ],
6227
6369
  "superclass": {
6228
6370
  "name": "AbstractProperty",
6229
- "module": "/src/modeller/property-sidebar/abstract-property"
6230
- }
6371
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
6372
+ },
6373
+ "events": [
6374
+ {
6375
+ "name": "property-change",
6376
+ "type": {
6377
+ "text": "CustomEvent"
6378
+ },
6379
+ "inheritedFrom": {
6380
+ "name": "AbstractProperty",
6381
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6382
+ }
6383
+ }
6384
+ ]
6231
6385
  }
6232
6386
  ],
6233
6387
  "exports": [
6234
6388
  {
6235
6389
  "kind": "js",
6236
- "name": "PropertyShapes",
6390
+ "name": "PropertyStyles",
6237
6391
  "declaration": {
6238
- "name": "PropertyShapes",
6239
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
6392
+ "name": "PropertyStyles",
6393
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
6240
6394
  }
6241
6395
  }
6242
6396
  ]
@@ -6587,160 +6741,6 @@
6587
6741
  }
6588
6742
  }
6589
6743
  ]
6590
- },
6591
- {
6592
- "kind": "javascript-module",
6593
- "path": "src/modeller/property-sidebar/styles/styles.ts",
6594
- "declarations": [
6595
- {
6596
- "kind": "class",
6597
- "description": "",
6598
- "name": "PropertyStyles",
6599
- "members": [
6600
- {
6601
- "kind": "field",
6602
- "name": "value",
6603
- "type": {
6604
- "text": "any"
6605
- },
6606
- "default": "{}",
6607
- "attribute": "value"
6608
- },
6609
- {
6610
- "kind": "field",
6611
- "name": "selected",
6612
- "type": {
6613
- "text": "Component[]"
6614
- },
6615
- "default": "[]",
6616
- "attribute": "selected"
6617
- },
6618
- {
6619
- "kind": "field",
6620
- "name": "fonts",
6621
- "type": {
6622
- "text": "any[]"
6623
- },
6624
- "default": "[]",
6625
- "attribute": "fonts"
6626
- },
6627
- {
6628
- "kind": "field",
6629
- "name": "fontAvailable",
6630
- "type": {
6631
- "text": "boolean"
6632
- },
6633
- "default": "false"
6634
- },
6635
- {
6636
- "kind": "method",
6637
- "name": "_onValueChange",
6638
- "parameters": [
6639
- {
6640
- "name": "e",
6641
- "type": {
6642
- "text": "Event"
6643
- }
6644
- }
6645
- ],
6646
- "inheritedFrom": {
6647
- "name": "AbstractProperty",
6648
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6649
- }
6650
- },
6651
- {
6652
- "kind": "method",
6653
- "name": "_getValueFromEventTarget",
6654
- "parameters": [
6655
- {
6656
- "name": "element",
6657
- "type": {
6658
- "text": "HTMLElement"
6659
- }
6660
- }
6661
- ],
6662
- "inheritedFrom": {
6663
- "name": "AbstractProperty",
6664
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6665
- }
6666
- },
6667
- {
6668
- "kind": "method",
6669
- "name": "_onAfterValueChange",
6670
- "parameters": [
6671
- {
6672
- "name": "key",
6673
- "type": {
6674
- "text": "string"
6675
- }
6676
- },
6677
- {
6678
- "name": "value",
6679
- "type": {
6680
- "text": "any"
6681
- }
6682
- }
6683
- ],
6684
- "inheritedFrom": {
6685
- "name": "AbstractProperty",
6686
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6687
- }
6688
- }
6689
- ],
6690
- "attributes": [
6691
- {
6692
- "name": "value",
6693
- "type": {
6694
- "text": "any"
6695
- },
6696
- "default": "{}",
6697
- "fieldName": "value"
6698
- },
6699
- {
6700
- "name": "selected",
6701
- "type": {
6702
- "text": "Component[]"
6703
- },
6704
- "default": "[]",
6705
- "fieldName": "selected"
6706
- },
6707
- {
6708
- "name": "fonts",
6709
- "type": {
6710
- "text": "any[]"
6711
- },
6712
- "default": "[]",
6713
- "fieldName": "fonts"
6714
- }
6715
- ],
6716
- "superclass": {
6717
- "name": "AbstractProperty",
6718
- "module": "/src/modeller/property-sidebar/abstract-property.js"
6719
- },
6720
- "events": [
6721
- {
6722
- "name": "property-change",
6723
- "type": {
6724
- "text": "CustomEvent"
6725
- },
6726
- "inheritedFrom": {
6727
- "name": "AbstractProperty",
6728
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6729
- }
6730
- }
6731
- ]
6732
- }
6733
- ],
6734
- "exports": [
6735
- {
6736
- "kind": "js",
6737
- "name": "PropertyStyles",
6738
- "declaration": {
6739
- "name": "PropertyStyles",
6740
- "module": "src/modeller/property-sidebar/styles/styles.ts"
6741
- }
6742
- }
6743
- ]
6744
6744
  }
6745
6745
  ]
6746
6746
  }