@fmsim/board 1.0.32 → 1.0.34

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.
Files changed (5) hide show
  1. package/custom-elements.json +1186 -1186
  2. package/dist/src/ox-board-viewer.js +0 -1
  3. package/dist/src/ox-board-viewer.js.map +1 -1
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -1682,65 +1682,6 @@
1682
1682
  }
1683
1683
  ]
1684
1684
  },
1685
- {
1686
- "kind": "javascript-module",
1687
- "path": "src/component/etc.ts",
1688
- "declarations": [
1689
- {
1690
- "kind": "variable",
1691
- "name": "etc",
1692
- "type": {
1693
- "text": "ComponentGroup"
1694
- },
1695
- "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' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } } ] }"
1696
- }
1697
- ],
1698
- "exports": [
1699
- {
1700
- "kind": "js",
1701
- "name": "etc",
1702
- "declaration": {
1703
- "name": "etc",
1704
- "module": "src/component/etc.ts"
1705
- }
1706
- }
1707
- ]
1708
- },
1709
- {
1710
- "kind": "javascript-module",
1711
- "path": "src/component/index.ts",
1712
- "declarations": [],
1713
- "exports": [
1714
- {
1715
- "kind": "js",
1716
- "name": "*",
1717
- "declaration": {
1718
- "name": "*",
1719
- "package": "./etc"
1720
- }
1721
- }
1722
- ]
1723
- },
1724
- {
1725
- "kind": "javascript-module",
1726
- "path": "src/component/register-default-groups.ts",
1727
- "declarations": [
1728
- {
1729
- "kind": "function",
1730
- "name": "registerDefaultGroups"
1731
- }
1732
- ],
1733
- "exports": [
1734
- {
1735
- "kind": "js",
1736
- "name": "registerDefaultGroups",
1737
- "declaration": {
1738
- "name": "registerDefaultGroups",
1739
- "module": "src/component/register-default-groups.ts"
1740
- }
1741
- }
1742
- ]
1743
- },
1744
1685
  {
1745
1686
  "kind": "javascript-module",
1746
1687
  "path": "src/data-storage/data-storage.ts",
@@ -1833,6 +1774,65 @@
1833
1774
  }
1834
1775
  ]
1835
1776
  },
1777
+ {
1778
+ "kind": "javascript-module",
1779
+ "path": "src/component/etc.ts",
1780
+ "declarations": [
1781
+ {
1782
+ "kind": "variable",
1783
+ "name": "etc",
1784
+ "type": {
1785
+ "text": "ComponentGroup"
1786
+ },
1787
+ "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' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } } ] }"
1788
+ }
1789
+ ],
1790
+ "exports": [
1791
+ {
1792
+ "kind": "js",
1793
+ "name": "etc",
1794
+ "declaration": {
1795
+ "name": "etc",
1796
+ "module": "src/component/etc.ts"
1797
+ }
1798
+ }
1799
+ ]
1800
+ },
1801
+ {
1802
+ "kind": "javascript-module",
1803
+ "path": "src/component/index.ts",
1804
+ "declarations": [],
1805
+ "exports": [
1806
+ {
1807
+ "kind": "js",
1808
+ "name": "*",
1809
+ "declaration": {
1810
+ "name": "*",
1811
+ "package": "./etc"
1812
+ }
1813
+ }
1814
+ ]
1815
+ },
1816
+ {
1817
+ "kind": "javascript-module",
1818
+ "path": "src/component/register-default-groups.ts",
1819
+ "declarations": [
1820
+ {
1821
+ "kind": "function",
1822
+ "name": "registerDefaultGroups"
1823
+ }
1824
+ ],
1825
+ "exports": [
1826
+ {
1827
+ "kind": "js",
1828
+ "name": "registerDefaultGroups",
1829
+ "declaration": {
1830
+ "name": "registerDefaultGroups",
1831
+ "module": "src/component/register-default-groups.ts"
1832
+ }
1833
+ }
1834
+ ]
1835
+ },
1836
1836
  {
1837
1837
  "kind": "javascript-module",
1838
1838
  "path": "src/layers/mcs-mouse-event-handler.ts",
@@ -3130,62 +3130,31 @@
3130
3130
  },
3131
3131
  {
3132
3132
  "kind": "javascript-module",
3133
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3133
+ "path": "src/modeller/component-toolbar/component-detail.ts",
3134
3134
  "declarations": [
3135
3135
  {
3136
3136
  "kind": "class",
3137
3137
  "description": "",
3138
- "name": "AbstractProperty",
3138
+ "name": "ComponentDetail",
3139
3139
  "members": [
3140
3140
  {
3141
- "kind": "method",
3142
- "name": "_onValueChange",
3143
- "parameters": [
3144
- {
3145
- "name": "e",
3146
- "type": {
3147
- "text": "Event"
3148
- }
3149
- }
3150
- ]
3151
- },
3152
- {
3153
- "kind": "method",
3154
- "name": "_getValueFromEventTarget",
3155
- "parameters": [
3156
- {
3157
- "name": "element",
3158
- "type": {
3159
- "text": "HTMLElement"
3160
- }
3161
- }
3162
- ]
3163
- },
3164
- {
3165
- "kind": "method",
3166
- "name": "_onAfterValueChange",
3167
- "parameters": [
3168
- {
3169
- "name": "key",
3170
- "type": {
3171
- "text": "string"
3172
- }
3173
- },
3174
- {
3175
- "name": "value",
3176
- "type": {
3177
- "text": "any"
3178
- }
3179
- }
3180
- ]
3141
+ "kind": "field",
3142
+ "name": "template",
3143
+ "type": {
3144
+ "text": "{ about: string } | null"
3145
+ },
3146
+ "default": "null",
3147
+ "attribute": "template"
3181
3148
  }
3182
3149
  ],
3183
- "events": [
3150
+ "attributes": [
3184
3151
  {
3185
- "name": "property-change",
3152
+ "name": "template",
3186
3153
  "type": {
3187
- "text": "CustomEvent"
3188
- }
3154
+ "text": "{ about: string } | null"
3155
+ },
3156
+ "default": "null",
3157
+ "fieldName": "template"
3189
3158
  }
3190
3159
  ],
3191
3160
  "superclass": {
@@ -3198,131 +3167,71 @@
3198
3167
  "exports": [
3199
3168
  {
3200
3169
  "kind": "js",
3201
- "name": "AbstractProperty",
3202
- "declaration": {
3203
- "name": "AbstractProperty",
3204
- "module": "src/modeller/property-sidebar/abstract-property.ts"
3205
- }
3206
- }
3207
- ]
3208
- },
3209
- {
3210
- "kind": "javascript-module",
3211
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
3212
- "declarations": [
3213
- {
3214
- "kind": "variable",
3215
- "name": "PropertySharedStyle",
3216
- "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
3217
- }
3218
- ],
3219
- "exports": [
3220
- {
3221
- "kind": "js",
3222
- "name": "PropertySharedStyle",
3170
+ "name": "ComponentDetail",
3223
3171
  "declaration": {
3224
- "name": "PropertySharedStyle",
3225
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
3172
+ "name": "ComponentDetail",
3173
+ "module": "src/modeller/component-toolbar/component-detail.ts"
3226
3174
  }
3227
3175
  }
3228
3176
  ]
3229
3177
  },
3230
3178
  {
3231
3179
  "kind": "javascript-module",
3232
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
3180
+ "path": "src/modeller/component-toolbar/component-menu.ts",
3233
3181
  "declarations": [
3234
3182
  {
3235
3183
  "kind": "class",
3236
3184
  "description": "",
3237
- "name": "PropertySidebar",
3185
+ "name": "ComponentMenu",
3238
3186
  "members": [
3239
3187
  {
3240
3188
  "kind": "field",
3241
- "name": "scene",
3189
+ "name": "groups",
3242
3190
  "type": {
3243
- "text": "Scene | null"
3191
+ "text": "Pallet[]"
3244
3192
  },
3245
- "default": "null",
3246
- "attribute": "scene"
3193
+ "default": "[]",
3194
+ "attribute": "groups"
3247
3195
  },
3248
3196
  {
3249
3197
  "kind": "field",
3250
- "name": "bounds",
3198
+ "name": "scene",
3251
3199
  "type": {
3252
- "text": "any"
3200
+ "text": "Scene | null"
3253
3201
  },
3254
- "default": "{}",
3255
- "attribute": "bounds"
3202
+ "default": "null",
3203
+ "attribute": "scene"
3256
3204
  },
3257
3205
  {
3258
3206
  "kind": "field",
3259
- "name": "model",
3207
+ "name": "group",
3260
3208
  "type": {
3261
- "text": "Model | null"
3209
+ "text": "string | null"
3262
3210
  },
3263
- "default": "{}",
3264
- "attribute": "model"
3211
+ "default": "''",
3212
+ "attribute": "group"
3265
3213
  },
3266
3214
  {
3267
3215
  "kind": "field",
3268
- "name": "selected",
3216
+ "name": "templates",
3269
3217
  "type": {
3270
- "text": "Component[]"
3218
+ "text": "PalletItem[]"
3271
3219
  },
3272
- "default": "[]",
3273
- "attribute": "selected"
3220
+ "default": "[]"
3274
3221
  },
3275
3222
  {
3276
3223
  "kind": "field",
3277
- "name": "specificProps",
3224
+ "name": "template",
3278
3225
  "type": {
3279
- "text": "any"
3280
- },
3281
- "attribute": "specificProps"
3226
+ "text": "PalletItem | any"
3227
+ }
3282
3228
  },
3283
3229
  {
3284
3230
  "kind": "field",
3285
- "name": "tabName",
3231
+ "name": "detail",
3286
3232
  "type": {
3287
- "text": "string | null"
3288
- },
3289
- "default": "'specific'",
3290
- "attribute": "tabName"
3291
- },
3292
- {
3293
- "kind": "field",
3294
- "name": "collapsed",
3295
- "type": {
3296
- "text": "boolean"
3297
- },
3298
- "default": "false",
3299
- "attribute": "collapsed"
3300
- },
3301
- {
3302
- "kind": "field",
3303
- "name": "fonts",
3304
- "type": {
3305
- "text": "any[]"
3306
- },
3307
- "default": "[]",
3308
- "attribute": "fonts"
3309
- },
3310
- {
3311
- "kind": "field",
3312
- "name": "propertyEditor",
3313
- "type": {
3314
- "text": "any[]"
3315
- },
3316
- "default": "[]",
3317
- "attribute": "propertyEditor"
3318
- },
3319
- {
3320
- "kind": "field",
3321
- "name": "propertyTarget",
3322
- "type": {
3323
- "text": "Component | null"
3324
- },
3325
- "default": "null"
3233
+ "text": "HTMLElement"
3234
+ }
3326
3235
  },
3327
3236
  {
3328
3237
  "kind": "field",
@@ -3332,84 +3241,48 @@
3332
3241
  },
3333
3242
  {
3334
3243
  "kind": "method",
3335
- "name": "_onPropertyChanged",
3244
+ "name": "findTemplate",
3336
3245
  "parameters": [
3337
3246
  {
3338
- "name": "e",
3247
+ "name": "type",
3339
3248
  "type": {
3340
- "text": "CustomEvent"
3249
+ "text": "string | null | undefined"
3341
3250
  }
3342
3251
  }
3343
3252
  ]
3344
3253
  },
3345
3254
  {
3346
3255
  "kind": "method",
3347
- "name": "_onBoundsChanged",
3256
+ "name": "onHoverComponent",
3348
3257
  "parameters": [
3349
3258
  {
3350
3259
  "name": "e",
3351
3260
  "type": {
3352
- "text": "CustomEvent"
3353
- }
3354
- }
3355
- ]
3356
- },
3357
- {
3358
- "kind": "method",
3359
- "name": "_onChangedByScene"
3360
- },
3361
- {
3362
- "kind": "method",
3363
- "name": "_setPropertyTargetAsDefault"
3364
- },
3365
- {
3366
- "kind": "method",
3367
- "name": "_onCollapsed",
3368
- "parameters": [
3369
- {
3370
- "name": "collapsed",
3371
- "type": {
3372
- "text": "boolean"
3373
- }
3374
- }
3375
- ]
3376
- },
3377
- {
3378
- "kind": "method",
3379
- "name": "_onSceneChanged"
3380
- },
3381
- {
3382
- "kind": "method",
3383
- "name": "_onSelectedChanged",
3384
- "parameters": [
3385
- {
3386
- "name": "after",
3387
- "type": {
3388
- "text": "Component[]"
3261
+ "text": "MouseEvent"
3389
3262
  }
3390
3263
  }
3391
3264
  ]
3392
3265
  },
3393
3266
  {
3394
3267
  "kind": "method",
3395
- "name": "_setPropertyTarget",
3268
+ "name": "onClickTemplate",
3396
3269
  "parameters": [
3397
3270
  {
3398
- "name": "newTarget",
3271
+ "name": "e",
3399
3272
  "type": {
3400
- "text": "Component | null"
3273
+ "text": "MouseEvent"
3401
3274
  }
3402
3275
  }
3403
3276
  ]
3404
3277
  },
3405
3278
  {
3406
3279
  "kind": "method",
3407
- "name": "_setBounds",
3280
+ "name": "templateIcon",
3408
3281
  "parameters": [
3409
3282
  {
3410
- "name": "bounds",
3283
+ "name": "template",
3411
3284
  "type": {
3412
- "text": "BOUNDS"
3285
+ "text": "PalletItem"
3413
3286
  }
3414
3287
  }
3415
3288
  ]
@@ -3417,75 +3290,28 @@
3417
3290
  ],
3418
3291
  "attributes": [
3419
3292
  {
3420
- "name": "scene",
3421
- "type": {
3422
- "text": "Scene | null"
3423
- },
3424
- "default": "null",
3425
- "fieldName": "scene"
3426
- },
3427
- {
3428
- "name": "bounds",
3429
- "type": {
3430
- "text": "any"
3431
- },
3432
- "default": "{}",
3433
- "fieldName": "bounds"
3434
- },
3435
- {
3436
- "name": "model",
3437
- "type": {
3438
- "text": "Model | null"
3439
- },
3440
- "default": "{}",
3441
- "fieldName": "model"
3442
- },
3443
- {
3444
- "name": "selected",
3293
+ "name": "groups",
3445
3294
  "type": {
3446
- "text": "Component[]"
3295
+ "text": "Pallet[]"
3447
3296
  },
3448
3297
  "default": "[]",
3449
- "fieldName": "selected"
3298
+ "fieldName": "groups"
3450
3299
  },
3451
3300
  {
3452
- "name": "specificProps",
3301
+ "name": "scene",
3453
3302
  "type": {
3454
- "text": "any"
3303
+ "text": "Scene | null"
3455
3304
  },
3456
- "fieldName": "specificProps"
3305
+ "default": "null",
3306
+ "fieldName": "scene"
3457
3307
  },
3458
3308
  {
3459
- "name": "tabName",
3309
+ "name": "group",
3460
3310
  "type": {
3461
3311
  "text": "string | null"
3462
3312
  },
3463
- "default": "'specific'",
3464
- "fieldName": "tabName"
3465
- },
3466
- {
3467
- "name": "collapsed",
3468
- "type": {
3469
- "text": "boolean"
3470
- },
3471
- "default": "false",
3472
- "fieldName": "collapsed"
3473
- },
3474
- {
3475
- "name": "fonts",
3476
- "type": {
3477
- "text": "any[]"
3478
- },
3479
- "default": "[]",
3480
- "fieldName": "fonts"
3481
- },
3482
- {
3483
- "name": "propertyEditor",
3484
- "type": {
3485
- "text": "any[]"
3486
- },
3487
- "default": "[]",
3488
- "fieldName": "propertyEditor"
3313
+ "default": "''",
3314
+ "fieldName": "group"
3489
3315
  }
3490
3316
  ],
3491
3317
  "mixins": [
@@ -3504,288 +3330,78 @@
3504
3330
  "exports": [
3505
3331
  {
3506
3332
  "kind": "js",
3507
- "name": "PropertySidebar",
3333
+ "name": "ComponentMenu",
3508
3334
  "declaration": {
3509
- "name": "PropertySidebar",
3510
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
3335
+ "name": "ComponentMenu",
3336
+ "module": "src/modeller/component-toolbar/component-menu.ts"
3511
3337
  }
3512
3338
  }
3513
3339
  ]
3514
3340
  },
3515
3341
  {
3516
3342
  "kind": "javascript-module",
3517
- "path": "src/modeller/component-toolbar/component-detail.ts",
3343
+ "path": "src/modeller/component-toolbar/component-toolbar.ts",
3518
3344
  "declarations": [
3519
3345
  {
3520
3346
  "kind": "class",
3521
3347
  "description": "",
3522
- "name": "ComponentDetail",
3348
+ "name": "ComponentToolbar",
3523
3349
  "members": [
3524
3350
  {
3525
3351
  "kind": "field",
3526
- "name": "template",
3527
- "type": {
3528
- "text": "{ about: string } | null"
3529
- },
3530
- "default": "null",
3531
- "attribute": "template"
3532
- }
3533
- ],
3534
- "attributes": [
3535
- {
3536
- "name": "template",
3352
+ "name": "componentGroupList",
3537
3353
  "type": {
3538
- "text": "{ about: string } | null"
3354
+ "text": "ComponentGroup[]"
3539
3355
  },
3540
- "default": "null",
3541
- "fieldName": "template"
3542
- }
3543
- ],
3544
- "superclass": {
3545
- "name": "LitElement",
3546
- "package": "lit"
3547
- },
3548
- "customElement": true
3549
- }
3550
- ],
3551
- "exports": [
3552
- {
3553
- "kind": "js",
3554
- "name": "ComponentDetail",
3555
- "declaration": {
3556
- "name": "ComponentDetail",
3557
- "module": "src/modeller/component-toolbar/component-detail.ts"
3558
- }
3559
- }
3560
- ]
3561
- },
3562
- {
3563
- "kind": "javascript-module",
3564
- "path": "src/modeller/component-toolbar/component-menu.ts",
3565
- "declarations": [
3566
- {
3567
- "kind": "class",
3568
- "description": "",
3569
- "name": "ComponentMenu",
3570
- "members": [
3356
+ "default": "[]",
3357
+ "attribute": "componentGroupList"
3358
+ },
3571
3359
  {
3572
3360
  "kind": "field",
3573
- "name": "groups",
3361
+ "name": "group",
3574
3362
  "type": {
3575
- "text": "Pallet[]"
3363
+ "text": "string | null | undefined"
3576
3364
  },
3577
- "default": "[]",
3578
- "attribute": "groups"
3365
+ "attribute": "group"
3579
3366
  },
3580
3367
  {
3581
3368
  "kind": "field",
3582
3369
  "name": "scene",
3583
3370
  "type": {
3584
- "text": "Scene | null"
3371
+ "text": "Scene"
3585
3372
  },
3586
- "default": "null",
3587
3373
  "attribute": "scene"
3588
3374
  },
3589
3375
  {
3590
3376
  "kind": "field",
3591
- "name": "group",
3377
+ "name": "mode",
3592
3378
  "type": {
3593
- "text": "string | null"
3379
+ "text": "SCENE_MODE"
3594
3380
  },
3595
- "default": "''",
3596
- "attribute": "group"
3381
+ "attribute": "mode"
3597
3382
  },
3598
3383
  {
3599
3384
  "kind": "field",
3600
- "name": "templates",
3385
+ "name": "shift",
3601
3386
  "type": {
3602
- "text": "PalletItem[]"
3603
- },
3604
- "default": "[]"
3387
+ "text": "HTMLImageElement"
3388
+ }
3605
3389
  },
3606
3390
  {
3607
3391
  "kind": "field",
3608
- "name": "template",
3392
+ "name": "menu",
3609
3393
  "type": {
3610
- "text": "PalletItem | any"
3611
- }
3394
+ "text": "HTMLElement"
3395
+ },
3396
+ "privacy": "private"
3612
3397
  },
3613
3398
  {
3614
3399
  "kind": "field",
3615
- "name": "detail",
3400
+ "name": "componentsContainer",
3616
3401
  "type": {
3617
3402
  "text": "HTMLElement"
3618
- }
3619
- },
3620
- {
3621
- "kind": "field",
3622
- "name": "scopedElements",
3623
- "static": true,
3624
- "readonly": true
3625
- },
3626
- {
3627
- "kind": "method",
3628
- "name": "findTemplate",
3629
- "parameters": [
3630
- {
3631
- "name": "type",
3632
- "type": {
3633
- "text": "string | null | undefined"
3634
- }
3635
- }
3636
- ]
3637
- },
3638
- {
3639
- "kind": "method",
3640
- "name": "onHoverComponent",
3641
- "parameters": [
3642
- {
3643
- "name": "e",
3644
- "type": {
3645
- "text": "MouseEvent"
3646
- }
3647
- }
3648
- ]
3649
- },
3650
- {
3651
- "kind": "method",
3652
- "name": "onClickTemplate",
3653
- "parameters": [
3654
- {
3655
- "name": "e",
3656
- "type": {
3657
- "text": "MouseEvent"
3658
- }
3659
- }
3660
- ]
3661
- },
3662
- {
3663
- "kind": "method",
3664
- "name": "templateIcon",
3665
- "parameters": [
3666
- {
3667
- "name": "template",
3668
- "type": {
3669
- "text": "PalletItem"
3670
- }
3671
- }
3672
- ]
3673
- }
3674
- ],
3675
- "attributes": [
3676
- {
3677
- "name": "groups",
3678
- "type": {
3679
- "text": "Pallet[]"
3680
- },
3681
- "default": "[]",
3682
- "fieldName": "groups"
3683
- },
3684
- {
3685
- "name": "scene",
3686
- "type": {
3687
- "text": "Scene | null"
3688
- },
3689
- "default": "null",
3690
- "fieldName": "scene"
3691
- },
3692
- {
3693
- "name": "group",
3694
- "type": {
3695
- "text": "string | null"
3696
- },
3697
- "default": "''",
3698
- "fieldName": "group"
3699
- }
3700
- ],
3701
- "mixins": [
3702
- {
3703
- "name": "ScopedElementsMixin",
3704
- "package": "@open-wc/scoped-elements"
3705
- }
3706
- ],
3707
- "superclass": {
3708
- "name": "LitElement",
3709
- "package": "lit"
3710
- },
3711
- "customElement": true
3712
- }
3713
- ],
3714
- "exports": [
3715
- {
3716
- "kind": "js",
3717
- "name": "ComponentMenu",
3718
- "declaration": {
3719
- "name": "ComponentMenu",
3720
- "module": "src/modeller/component-toolbar/component-menu.ts"
3721
- }
3722
- }
3723
- ]
3724
- },
3725
- {
3726
- "kind": "javascript-module",
3727
- "path": "src/modeller/component-toolbar/component-toolbar.ts",
3728
- "declarations": [
3729
- {
3730
- "kind": "class",
3731
- "description": "",
3732
- "name": "ComponentToolbar",
3733
- "members": [
3734
- {
3735
- "kind": "field",
3736
- "name": "componentGroupList",
3737
- "type": {
3738
- "text": "ComponentGroup[]"
3739
- },
3740
- "default": "[]",
3741
- "attribute": "componentGroupList"
3742
- },
3743
- {
3744
- "kind": "field",
3745
- "name": "group",
3746
- "type": {
3747
- "text": "string | null | undefined"
3748
- },
3749
- "attribute": "group"
3750
- },
3751
- {
3752
- "kind": "field",
3753
- "name": "scene",
3754
- "type": {
3755
- "text": "Scene"
3756
- },
3757
- "attribute": "scene"
3758
- },
3759
- {
3760
- "kind": "field",
3761
- "name": "mode",
3762
- "type": {
3763
- "text": "SCENE_MODE"
3764
- },
3765
- "attribute": "mode"
3766
- },
3767
- {
3768
- "kind": "field",
3769
- "name": "shift",
3770
- "type": {
3771
- "text": "HTMLImageElement"
3772
- }
3773
- },
3774
- {
3775
- "kind": "field",
3776
- "name": "menu",
3777
- "type": {
3778
- "text": "HTMLElement"
3779
- },
3780
- "privacy": "private"
3781
- },
3782
- {
3783
- "kind": "field",
3784
- "name": "componentsContainer",
3785
- "type": {
3786
- "text": "HTMLElement"
3787
- },
3788
- "privacy": "private"
3403
+ },
3404
+ "privacy": "private"
3789
3405
  },
3790
3406
  {
3791
3407
  "kind": "field",
@@ -3958,57 +3574,441 @@
3958
3574
  },
3959
3575
  {
3960
3576
  "kind": "javascript-module",
3961
- "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3577
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
3962
3578
  "declarations": [
3963
3579
  {
3964
3580
  "kind": "class",
3965
3581
  "description": "",
3966
- "name": "ConfidentialOverlay",
3582
+ "name": "AbstractProperty",
3967
3583
  "members": [
3968
3584
  {
3969
3585
  "kind": "method",
3970
- "name": "_draw",
3586
+ "name": "_onValueChange",
3971
3587
  "parameters": [
3972
3588
  {
3973
- "name": "context",
3589
+ "name": "e",
3974
3590
  "type": {
3975
- "text": "CanvasRenderingContext2D"
3591
+ "text": "Event"
3592
+ }
3593
+ }
3594
+ ]
3595
+ },
3596
+ {
3597
+ "kind": "method",
3598
+ "name": "_getValueFromEventTarget",
3599
+ "parameters": [
3600
+ {
3601
+ "name": "element",
3602
+ "type": {
3603
+ "text": "HTMLElement"
3604
+ }
3605
+ }
3606
+ ]
3607
+ },
3608
+ {
3609
+ "kind": "method",
3610
+ "name": "_onAfterValueChange",
3611
+ "parameters": [
3612
+ {
3613
+ "name": "key",
3614
+ "type": {
3615
+ "text": "string"
3616
+ }
3617
+ },
3618
+ {
3619
+ "name": "value",
3620
+ "type": {
3621
+ "text": "any"
3976
3622
  }
3977
3623
  }
3978
3624
  ]
3979
3625
  }
3980
3626
  ],
3627
+ "events": [
3628
+ {
3629
+ "name": "property-change",
3630
+ "type": {
3631
+ "text": "CustomEvent"
3632
+ }
3633
+ }
3634
+ ],
3981
3635
  "superclass": {
3982
- "name": "SceneLayer",
3983
- "package": "@hatiolab/things-scene"
3636
+ "name": "LitElement",
3637
+ "package": "lit"
3638
+ },
3639
+ "customElement": true
3640
+ }
3641
+ ],
3642
+ "exports": [
3643
+ {
3644
+ "kind": "js",
3645
+ "name": "AbstractProperty",
3646
+ "declaration": {
3647
+ "name": "AbstractProperty",
3648
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
3984
3649
  }
3985
3650
  }
3651
+ ]
3652
+ },
3653
+ {
3654
+ "kind": "javascript-module",
3655
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
3656
+ "declarations": [
3657
+ {
3658
+ "kind": "variable",
3659
+ "name": "PropertySharedStyle",
3660
+ "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
3661
+ }
3986
3662
  ],
3987
3663
  "exports": [
3988
3664
  {
3989
3665
  "kind": "js",
3990
- "name": "default",
3666
+ "name": "PropertySharedStyle",
3991
3667
  "declaration": {
3992
- "name": "ConfidentialOverlay",
3993
- "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3668
+ "name": "PropertySharedStyle",
3669
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
3994
3670
  }
3995
3671
  }
3996
3672
  ]
3997
3673
  },
3998
3674
  {
3999
3675
  "kind": "javascript-module",
4000
- "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3676
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
4001
3677
  "declarations": [
4002
3678
  {
4003
3679
  "kind": "class",
4004
3680
  "description": "",
4005
- "name": "OxSceneHandler",
3681
+ "name": "PropertySidebar",
4006
3682
  "members": [
4007
3683
  {
4008
3684
  "kind": "field",
4009
- "name": "type",
3685
+ "name": "scene",
4010
3686
  "type": {
4011
- "text": "string"
3687
+ "text": "Scene | null"
3688
+ },
3689
+ "default": "null",
3690
+ "attribute": "scene"
3691
+ },
3692
+ {
3693
+ "kind": "field",
3694
+ "name": "bounds",
3695
+ "type": {
3696
+ "text": "any"
3697
+ },
3698
+ "default": "{}",
3699
+ "attribute": "bounds"
3700
+ },
3701
+ {
3702
+ "kind": "field",
3703
+ "name": "model",
3704
+ "type": {
3705
+ "text": "Model | null"
3706
+ },
3707
+ "default": "{}",
3708
+ "attribute": "model"
3709
+ },
3710
+ {
3711
+ "kind": "field",
3712
+ "name": "selected",
3713
+ "type": {
3714
+ "text": "Component[]"
3715
+ },
3716
+ "default": "[]",
3717
+ "attribute": "selected"
3718
+ },
3719
+ {
3720
+ "kind": "field",
3721
+ "name": "specificProps",
3722
+ "type": {
3723
+ "text": "any"
3724
+ },
3725
+ "attribute": "specificProps"
3726
+ },
3727
+ {
3728
+ "kind": "field",
3729
+ "name": "tabName",
3730
+ "type": {
3731
+ "text": "string | null"
3732
+ },
3733
+ "default": "'specific'",
3734
+ "attribute": "tabName"
3735
+ },
3736
+ {
3737
+ "kind": "field",
3738
+ "name": "collapsed",
3739
+ "type": {
3740
+ "text": "boolean"
3741
+ },
3742
+ "default": "false",
3743
+ "attribute": "collapsed"
3744
+ },
3745
+ {
3746
+ "kind": "field",
3747
+ "name": "fonts",
3748
+ "type": {
3749
+ "text": "any[]"
3750
+ },
3751
+ "default": "[]",
3752
+ "attribute": "fonts"
3753
+ },
3754
+ {
3755
+ "kind": "field",
3756
+ "name": "propertyEditor",
3757
+ "type": {
3758
+ "text": "any[]"
3759
+ },
3760
+ "default": "[]",
3761
+ "attribute": "propertyEditor"
3762
+ },
3763
+ {
3764
+ "kind": "field",
3765
+ "name": "propertyTarget",
3766
+ "type": {
3767
+ "text": "Component | null"
3768
+ },
3769
+ "default": "null"
3770
+ },
3771
+ {
3772
+ "kind": "field",
3773
+ "name": "scopedElements",
3774
+ "static": true,
3775
+ "readonly": true
3776
+ },
3777
+ {
3778
+ "kind": "method",
3779
+ "name": "_onPropertyChanged",
3780
+ "parameters": [
3781
+ {
3782
+ "name": "e",
3783
+ "type": {
3784
+ "text": "CustomEvent"
3785
+ }
3786
+ }
3787
+ ]
3788
+ },
3789
+ {
3790
+ "kind": "method",
3791
+ "name": "_onBoundsChanged",
3792
+ "parameters": [
3793
+ {
3794
+ "name": "e",
3795
+ "type": {
3796
+ "text": "CustomEvent"
3797
+ }
3798
+ }
3799
+ ]
3800
+ },
3801
+ {
3802
+ "kind": "method",
3803
+ "name": "_onChangedByScene"
3804
+ },
3805
+ {
3806
+ "kind": "method",
3807
+ "name": "_setPropertyTargetAsDefault"
3808
+ },
3809
+ {
3810
+ "kind": "method",
3811
+ "name": "_onCollapsed",
3812
+ "parameters": [
3813
+ {
3814
+ "name": "collapsed",
3815
+ "type": {
3816
+ "text": "boolean"
3817
+ }
3818
+ }
3819
+ ]
3820
+ },
3821
+ {
3822
+ "kind": "method",
3823
+ "name": "_onSceneChanged"
3824
+ },
3825
+ {
3826
+ "kind": "method",
3827
+ "name": "_onSelectedChanged",
3828
+ "parameters": [
3829
+ {
3830
+ "name": "after",
3831
+ "type": {
3832
+ "text": "Component[]"
3833
+ }
3834
+ }
3835
+ ]
3836
+ },
3837
+ {
3838
+ "kind": "method",
3839
+ "name": "_setPropertyTarget",
3840
+ "parameters": [
3841
+ {
3842
+ "name": "newTarget",
3843
+ "type": {
3844
+ "text": "Component | null"
3845
+ }
3846
+ }
3847
+ ]
3848
+ },
3849
+ {
3850
+ "kind": "method",
3851
+ "name": "_setBounds",
3852
+ "parameters": [
3853
+ {
3854
+ "name": "bounds",
3855
+ "type": {
3856
+ "text": "BOUNDS"
3857
+ }
3858
+ }
3859
+ ]
3860
+ }
3861
+ ],
3862
+ "attributes": [
3863
+ {
3864
+ "name": "scene",
3865
+ "type": {
3866
+ "text": "Scene | null"
3867
+ },
3868
+ "default": "null",
3869
+ "fieldName": "scene"
3870
+ },
3871
+ {
3872
+ "name": "bounds",
3873
+ "type": {
3874
+ "text": "any"
3875
+ },
3876
+ "default": "{}",
3877
+ "fieldName": "bounds"
3878
+ },
3879
+ {
3880
+ "name": "model",
3881
+ "type": {
3882
+ "text": "Model | null"
3883
+ },
3884
+ "default": "{}",
3885
+ "fieldName": "model"
3886
+ },
3887
+ {
3888
+ "name": "selected",
3889
+ "type": {
3890
+ "text": "Component[]"
3891
+ },
3892
+ "default": "[]",
3893
+ "fieldName": "selected"
3894
+ },
3895
+ {
3896
+ "name": "specificProps",
3897
+ "type": {
3898
+ "text": "any"
3899
+ },
3900
+ "fieldName": "specificProps"
3901
+ },
3902
+ {
3903
+ "name": "tabName",
3904
+ "type": {
3905
+ "text": "string | null"
3906
+ },
3907
+ "default": "'specific'",
3908
+ "fieldName": "tabName"
3909
+ },
3910
+ {
3911
+ "name": "collapsed",
3912
+ "type": {
3913
+ "text": "boolean"
3914
+ },
3915
+ "default": "false",
3916
+ "fieldName": "collapsed"
3917
+ },
3918
+ {
3919
+ "name": "fonts",
3920
+ "type": {
3921
+ "text": "any[]"
3922
+ },
3923
+ "default": "[]",
3924
+ "fieldName": "fonts"
3925
+ },
3926
+ {
3927
+ "name": "propertyEditor",
3928
+ "type": {
3929
+ "text": "any[]"
3930
+ },
3931
+ "default": "[]",
3932
+ "fieldName": "propertyEditor"
3933
+ }
3934
+ ],
3935
+ "mixins": [
3936
+ {
3937
+ "name": "ScopedElementsMixin",
3938
+ "package": "@open-wc/scoped-elements"
3939
+ }
3940
+ ],
3941
+ "superclass": {
3942
+ "name": "LitElement",
3943
+ "package": "lit"
3944
+ },
3945
+ "customElement": true
3946
+ }
3947
+ ],
3948
+ "exports": [
3949
+ {
3950
+ "kind": "js",
3951
+ "name": "PropertySidebar",
3952
+ "declaration": {
3953
+ "name": "PropertySidebar",
3954
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
3955
+ }
3956
+ }
3957
+ ]
3958
+ },
3959
+ {
3960
+ "kind": "javascript-module",
3961
+ "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3962
+ "declarations": [
3963
+ {
3964
+ "kind": "class",
3965
+ "description": "",
3966
+ "name": "ConfidentialOverlay",
3967
+ "members": [
3968
+ {
3969
+ "kind": "method",
3970
+ "name": "_draw",
3971
+ "parameters": [
3972
+ {
3973
+ "name": "context",
3974
+ "type": {
3975
+ "text": "CanvasRenderingContext2D"
3976
+ }
3977
+ }
3978
+ ]
3979
+ }
3980
+ ],
3981
+ "superclass": {
3982
+ "name": "SceneLayer",
3983
+ "package": "@hatiolab/things-scene"
3984
+ }
3985
+ }
3986
+ ],
3987
+ "exports": [
3988
+ {
3989
+ "kind": "js",
3990
+ "name": "default",
3991
+ "declaration": {
3992
+ "name": "ConfidentialOverlay",
3993
+ "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3994
+ }
3995
+ }
3996
+ ]
3997
+ },
3998
+ {
3999
+ "kind": "javascript-module",
4000
+ "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
4001
+ "declarations": [
4002
+ {
4003
+ "kind": "class",
4004
+ "description": "",
4005
+ "name": "OxSceneHandler",
4006
+ "members": [
4007
+ {
4008
+ "kind": "field",
4009
+ "name": "type",
4010
+ "type": {
4011
+ "text": "string"
4012
4012
  },
4013
4013
  "attribute": "type"
4014
4014
  },
@@ -4690,30 +4690,41 @@
4690
4690
  },
4691
4691
  {
4692
4692
  "kind": "javascript-module",
4693
- "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
4693
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
4694
+ "declarations": [
4695
+ {
4696
+ "kind": "variable",
4697
+ "name": "EffectsSharedStyle",
4698
+ "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
4699
+ }
4700
+ ],
4701
+ "exports": [
4702
+ {
4703
+ "kind": "js",
4704
+ "name": "EffectsSharedStyle",
4705
+ "declaration": {
4706
+ "name": "EffectsSharedStyle",
4707
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
4708
+ }
4709
+ }
4710
+ ]
4711
+ },
4712
+ {
4713
+ "kind": "javascript-module",
4714
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
4694
4715
  "declarations": [
4695
4716
  {
4696
4717
  "kind": "class",
4697
- "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
4698
- "name": "DataBindingMapper",
4718
+ "description": "",
4719
+ "name": "PropertyEffects",
4699
4720
  "members": [
4700
4721
  {
4701
4722
  "kind": "field",
4702
- "name": "mapping",
4703
- "type": {
4704
- "text": "Mapping"
4705
- },
4706
- "default": "{ rule: 'value' }",
4707
- "attribute": "mapping"
4708
- },
4709
- {
4710
- "kind": "field",
4711
- "name": "rule",
4723
+ "name": "value",
4712
4724
  "type": {
4713
- "text": "Rule"
4725
+ "text": "Properties | undefined"
4714
4726
  },
4715
- "default": "{}",
4716
- "attribute": "rule"
4727
+ "attribute": "value"
4717
4728
  },
4718
4729
  {
4719
4730
  "kind": "field",
@@ -4725,251 +4736,250 @@
4725
4736
  },
4726
4737
  {
4727
4738
  "kind": "field",
4728
- "name": "_valueTypes",
4729
- "type": {
4730
- "text": "any"
4731
- },
4732
- "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
4733
- },
4734
- {
4735
- "kind": "field",
4736
- "name": "_componentIds",
4739
+ "name": "selected",
4737
4740
  "type": {
4738
- "text": "{ value: string; description: string }[]"
4741
+ "text": "Component[]"
4739
4742
  },
4740
- "default": "[]"
4741
- },
4742
- {
4743
- "kind": "field",
4744
- "name": "editor",
4745
- "type": {
4746
- "text": "HTMLInputElement"
4747
- }
4743
+ "default": "[]",
4744
+ "attribute": "selected"
4748
4745
  },
4749
4746
  {
4750
4747
  "kind": "field",
4751
- "name": "target",
4752
- "type": {
4753
- "text": "HTMLInputElement"
4754
- }
4748
+ "name": "scopedElements",
4749
+ "static": true,
4750
+ "readonly": true
4755
4751
  },
4756
4752
  {
4757
4753
  "kind": "method",
4758
- "name": "_valuetype",
4754
+ "name": "_onValueChange",
4759
4755
  "parameters": [
4760
4756
  {
4761
- "name": "property",
4757
+ "name": "e",
4762
4758
  "type": {
4763
- "text": "string"
4759
+ "text": "Event"
4764
4760
  }
4765
4761
  }
4766
- ]
4767
- },
4768
- {
4769
- "kind": "field",
4770
- "name": "_keep_saved_rule_params",
4771
- "type": {
4772
- "text": "boolean"
4773
- },
4774
- "privacy": "private",
4775
- "default": "false"
4776
- },
4777
- {
4778
- "kind": "method",
4779
- "name": "_onChangedMapping"
4762
+ ],
4763
+ "inheritedFrom": {
4764
+ "name": "AbstractProperty",
4765
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4766
+ }
4780
4767
  },
4781
4768
  {
4782
4769
  "kind": "method",
4783
- "name": "_onChangeRule",
4770
+ "name": "_getValueFromEventTarget",
4784
4771
  "parameters": [
4785
4772
  {
4786
- "name": "e",
4773
+ "name": "element",
4787
4774
  "type": {
4788
- "text": "Event"
4775
+ "text": "HTMLElement"
4789
4776
  }
4790
4777
  }
4791
- ]
4778
+ ],
4779
+ "inheritedFrom": {
4780
+ "name": "AbstractProperty",
4781
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4782
+ }
4792
4783
  },
4793
4784
  {
4794
4785
  "kind": "method",
4795
- "name": "_onChange",
4786
+ "name": "_onAfterValueChange",
4796
4787
  "parameters": [
4797
4788
  {
4798
- "name": "e",
4789
+ "name": "key",
4799
4790
  "type": {
4800
- "text": "Event"
4791
+ "text": "string"
4792
+ }
4793
+ },
4794
+ {
4795
+ "name": "value",
4796
+ "type": {
4797
+ "text": "any"
4801
4798
  }
4802
4799
  }
4803
- ]
4804
- }
4805
- ],
4806
- "events": [
4807
- {
4808
- "name": "value-change",
4809
- "type": {
4810
- "text": "CustomEvent"
4800
+ ],
4801
+ "inheritedFrom": {
4802
+ "name": "AbstractProperty",
4803
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4811
4804
  }
4812
4805
  }
4813
4806
  ],
4814
4807
  "attributes": [
4815
4808
  {
4816
- "name": "mapping",
4809
+ "name": "value",
4817
4810
  "type": {
4818
- "text": "Mapping"
4811
+ "text": "Properties | undefined"
4819
4812
  },
4820
- "default": "{ rule: 'value' }",
4821
- "fieldName": "mapping"
4813
+ "fieldName": "value"
4822
4814
  },
4823
4815
  {
4824
- "name": "rule",
4816
+ "name": "scene",
4825
4817
  "type": {
4826
- "text": "Rule"
4818
+ "text": "Scene | undefined"
4827
4819
  },
4828
- "default": "{}",
4829
- "fieldName": "rule"
4820
+ "fieldName": "scene"
4830
4821
  },
4831
4822
  {
4832
- "name": "properties",
4823
+ "name": "selected",
4833
4824
  "type": {
4834
- "text": "Properties[]"
4825
+ "text": "Component[]"
4835
4826
  },
4836
4827
  "default": "[]",
4837
- "fieldName": "properties"
4838
- },
4839
- {
4840
- "name": "scene",
4841
- "type": {
4842
- "text": "Scene | undefined"
4843
- },
4844
- "fieldName": "scene"
4828
+ "fieldName": "selected"
4845
4829
  }
4846
4830
  ],
4847
- "superclass": {
4848
- "name": "LitElement",
4849
- "package": "lit"
4850
- },
4851
- "customElement": true
4852
- }
4853
- ],
4854
- "exports": [
4855
- {
4856
- "kind": "js",
4857
- "name": "DataBindingMapper",
4858
- "declaration": {
4859
- "name": "DataBindingMapper",
4860
- "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
4861
- }
4862
- }
4863
- ]
4864
- },
4865
- {
4866
- "kind": "javascript-module",
4867
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
4868
- "declarations": [
4869
- {
4870
- "kind": "class",
4871
- "description": "",
4872
- "name": "DataBindingValueMap",
4873
- "members": [
4831
+ "mixins": [
4874
4832
  {
4875
- "kind": "method",
4876
- "name": "valueInputTemplate",
4877
- "parameters": [
4878
- {
4879
- "name": "value",
4880
- "optional": true,
4881
- "type": {
4882
- "text": "any"
4883
- }
4884
- }
4885
- ]
4833
+ "name": "ScopedElementsMixin",
4834
+ "package": "@open-wc/scoped-elements"
4886
4835
  }
4887
4836
  ],
4888
4837
  "superclass": {
4889
- "name": "OxInputValueMap",
4890
- "package": "@operato/input"
4838
+ "name": "AbstractProperty",
4839
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
4891
4840
  },
4892
- "tagName": "data-binding-value-map",
4893
- "customElement": true
4841
+ "events": [
4842
+ {
4843
+ "name": "property-change",
4844
+ "type": {
4845
+ "text": "CustomEvent"
4846
+ },
4847
+ "inheritedFrom": {
4848
+ "name": "AbstractProperty",
4849
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4850
+ }
4851
+ }
4852
+ ]
4894
4853
  }
4895
4854
  ],
4896
4855
  "exports": [
4897
4856
  {
4898
4857
  "kind": "js",
4899
- "name": "DataBindingValueMap",
4900
- "declaration": {
4901
- "name": "DataBindingValueMap",
4902
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
4903
- }
4904
- },
4905
- {
4906
- "kind": "custom-element-definition",
4907
- "name": "data-binding-value-map",
4858
+ "name": "PropertyEffects",
4908
4859
  "declaration": {
4909
- "name": "DataBindingValueMap",
4910
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
4860
+ "name": "PropertyEffects",
4861
+ "module": "src/modeller/property-sidebar/effects/effects.ts"
4911
4862
  }
4912
4863
  }
4913
4864
  ]
4914
4865
  },
4915
4866
  {
4916
4867
  "kind": "javascript-module",
4917
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
4868
+ "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
4918
4869
  "declarations": [
4919
4870
  {
4920
4871
  "kind": "class",
4921
4872
  "description": "",
4922
- "name": "DataBindingValueRange",
4873
+ "name": "PropertyEventHover",
4923
4874
  "members": [
4875
+ {
4876
+ "kind": "field",
4877
+ "name": "value",
4878
+ "type": {
4879
+ "text": "Properties | undefined"
4880
+ },
4881
+ "attribute": "value"
4882
+ },
4883
+ {
4884
+ "kind": "field",
4885
+ "name": "scene",
4886
+ "type": {
4887
+ "text": "Scene | undefined"
4888
+ },
4889
+ "attribute": "scene"
4890
+ },
4891
+ {
4892
+ "kind": "method",
4893
+ "name": "_getPlaceHoder",
4894
+ "parameters": [
4895
+ {
4896
+ "name": "action",
4897
+ "type": {
4898
+ "text": "string"
4899
+ }
4900
+ }
4901
+ ]
4902
+ },
4924
4903
  {
4925
4904
  "kind": "method",
4926
- "name": "valueInputTemplate",
4905
+ "name": "_getTargetList",
4906
+ "return": {
4907
+ "type": {
4908
+ "text": "{ value: string; description: string }[]"
4909
+ }
4910
+ },
4927
4911
  "parameters": [
4928
4912
  {
4929
- "name": "value",
4930
- "optional": true,
4913
+ "name": "action",
4931
4914
  "type": {
4932
- "text": "any"
4915
+ "text": "string"
4916
+ }
4917
+ }
4918
+ ]
4919
+ },
4920
+ {
4921
+ "kind": "method",
4922
+ "name": "_onValueChange",
4923
+ "parameters": [
4924
+ {
4925
+ "name": "e",
4926
+ "type": {
4927
+ "text": "Event"
4933
4928
  }
4934
4929
  }
4935
4930
  ]
4936
4931
  }
4937
4932
  ],
4933
+ "events": [
4934
+ {
4935
+ "name": "change",
4936
+ "type": {
4937
+ "text": "CustomEvent"
4938
+ }
4939
+ }
4940
+ ],
4941
+ "attributes": [
4942
+ {
4943
+ "name": "value",
4944
+ "type": {
4945
+ "text": "Properties | undefined"
4946
+ },
4947
+ "fieldName": "value"
4948
+ },
4949
+ {
4950
+ "name": "scene",
4951
+ "type": {
4952
+ "text": "Scene | undefined"
4953
+ },
4954
+ "fieldName": "scene"
4955
+ }
4956
+ ],
4938
4957
  "superclass": {
4939
- "name": "OxInputValueRange",
4940
- "package": "@operato/input"
4958
+ "name": "LitElement",
4959
+ "package": "lit"
4941
4960
  },
4942
- "tagName": "data-binding-value-range",
4943
4961
  "customElement": true
4944
4962
  }
4945
4963
  ],
4946
4964
  "exports": [
4947
4965
  {
4948
4966
  "kind": "js",
4949
- "name": "DataBindingValueRange",
4950
- "declaration": {
4951
- "name": "DataBindingValueRange",
4952
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
4953
- }
4954
- },
4955
- {
4956
- "kind": "custom-element-definition",
4957
- "name": "data-binding-value-range",
4967
+ "name": "PropertyEventHover",
4958
4968
  "declaration": {
4959
- "name": "DataBindingValueRange",
4960
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
4969
+ "name": "PropertyEventHover",
4970
+ "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
4961
4971
  }
4962
4972
  }
4963
4973
  ]
4964
4974
  },
4965
4975
  {
4966
4976
  "kind": "javascript-module",
4967
- "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
4977
+ "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
4968
4978
  "declarations": [
4969
4979
  {
4970
4980
  "kind": "class",
4971
4981
  "description": "",
4972
- "name": "PropertyDataBinding",
4982
+ "name": "PropertyEventTap",
4973
4983
  "members": [
4974
4984
  {
4975
4985
  "kind": "field",
@@ -4989,87 +4999,24 @@
4989
4999
  },
4990
5000
  {
4991
5001
  "kind": "field",
4992
- "name": "mappingIndex",
4993
- "type": {
4994
- "text": "number"
4995
- },
4996
- "default": "0"
4997
- },
4998
- {
4999
- "kind": "field",
5000
- "name": "_afterRender",
5001
- "type": {
5002
- "text": "Function | null | undefined"
5003
- }
5004
- },
5005
- {
5006
- "kind": "field",
5007
- "name": "_dataExpanded",
5002
+ "name": "targetList",
5008
5003
  "type": {
5009
- "text": "boolean"
5004
+ "text": "{ value: string; description: string }[]"
5010
5005
  },
5011
- "default": "true"
5012
- },
5013
- {
5014
- "kind": "field",
5015
- "name": "tabs",
5016
- "type": {
5017
- "text": "HTMLElement"
5018
- }
5019
- },
5020
- {
5021
- "kind": "field",
5022
- "name": "tabNavLeftButton",
5023
- "type": {
5024
- "text": "HTMLElement"
5025
- }
5026
- },
5027
- {
5028
- "kind": "field",
5029
- "name": "tabNavRightButton",
5030
- "type": {
5031
- "text": "HTMLElement"
5032
- }
5033
- },
5034
- {
5035
- "kind": "field",
5036
- "name": "mappings",
5037
- "readonly": true
5038
- },
5039
- {
5040
- "kind": "field",
5041
- "name": "scopedElements",
5042
- "static": true,
5043
- "readonly": true
5006
+ "default": "[]"
5044
5007
  },
5045
5008
  {
5046
5009
  "kind": "method",
5047
- "name": "_setMappingIndex",
5010
+ "name": "_getPlaceHoder",
5048
5011
  "parameters": [
5049
5012
  {
5050
- "name": "idx",
5013
+ "name": "action",
5051
5014
  "type": {
5052
- "text": "number"
5015
+ "text": "string"
5053
5016
  }
5054
5017
  }
5055
5018
  ]
5056
5019
  },
5057
- {
5058
- "kind": "method",
5059
- "name": "_clearDataBindingMapper"
5060
- },
5061
- {
5062
- "kind": "method",
5063
- "name": "_copyDataBindingMapper"
5064
- },
5065
- {
5066
- "kind": "method",
5067
- "name": "_pasteDataBindingMapper"
5068
- },
5069
- {
5070
- "kind": "method",
5071
- "name": "_onValueChanged"
5072
- },
5073
5020
  {
5074
5021
  "kind": "method",
5075
5022
  "name": "_onValueChange",
@@ -5080,89 +5027,100 @@
5080
5027
  "text": "Event"
5081
5028
  }
5082
5029
  }
5083
- ],
5084
- "inheritedFrom": {
5085
- "name": "AbstractProperty",
5086
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5087
- }
5088
- },
5089
- {
5090
- "kind": "field",
5091
- "name": "tabContainer",
5092
- "readonly": true
5093
- },
5094
- {
5095
- "kind": "method",
5096
- "name": "_onMappingChanged",
5097
- "parameters": [
5098
- {
5099
- "name": "e",
5100
- "type": {
5101
- "text": "CustomEvent"
5102
- }
5103
- }
5104
5030
  ]
5105
- },
5031
+ }
5032
+ ],
5033
+ "events": [
5106
5034
  {
5107
- "kind": "method",
5108
- "name": "_onTabScroll"
5109
- },
5035
+ "name": "change",
5036
+ "type": {
5037
+ "text": "CustomEvent"
5038
+ }
5039
+ }
5040
+ ],
5041
+ "attributes": [
5110
5042
  {
5111
- "kind": "method",
5112
- "name": "_onTabScrollNavLeft"
5043
+ "name": "value",
5044
+ "type": {
5045
+ "text": "Properties | undefined"
5046
+ },
5047
+ "fieldName": "value"
5113
5048
  },
5114
5049
  {
5115
- "kind": "method",
5116
- "name": "_onTabScrollNavRight"
5050
+ "name": "scene",
5051
+ "type": {
5052
+ "text": "Scene | undefined"
5053
+ },
5054
+ "fieldName": "scene"
5055
+ }
5056
+ ],
5057
+ "superclass": {
5058
+ "name": "LitElement",
5059
+ "package": "lit"
5060
+ },
5061
+ "customElement": true
5062
+ }
5063
+ ],
5064
+ "exports": [
5065
+ {
5066
+ "kind": "js",
5067
+ "name": "PropertyEventTap",
5068
+ "declaration": {
5069
+ "name": "PropertyEventTap",
5070
+ "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5071
+ }
5072
+ }
5073
+ ]
5074
+ },
5075
+ {
5076
+ "kind": "javascript-module",
5077
+ "path": "src/modeller/property-sidebar/effects/property-event.ts",
5078
+ "declarations": [
5079
+ {
5080
+ "kind": "class",
5081
+ "description": "",
5082
+ "name": "PropertyEvent",
5083
+ "members": [
5084
+ {
5085
+ "kind": "field",
5086
+ "name": "value",
5087
+ "type": {
5088
+ "text": "Properties | undefined"
5089
+ },
5090
+ "attribute": "value"
5117
5091
  },
5118
5092
  {
5119
- "kind": "method",
5120
- "name": "_getValueFromEventTarget",
5121
- "parameters": [
5122
- {
5123
- "name": "element",
5124
- "type": {
5125
- "text": "HTMLElement"
5126
- }
5127
- }
5128
- ],
5129
- "inheritedFrom": {
5130
- "name": "AbstractProperty",
5131
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5132
- }
5093
+ "kind": "field",
5094
+ "name": "scene",
5095
+ "type": {
5096
+ "text": "Scene | undefined"
5097
+ },
5098
+ "attribute": "scene"
5099
+ },
5100
+ {
5101
+ "kind": "field",
5102
+ "name": "scopedElements",
5103
+ "static": true,
5104
+ "readonly": true
5133
5105
  },
5134
5106
  {
5135
5107
  "kind": "method",
5136
- "name": "_onAfterValueChange",
5108
+ "name": "_onValueChange",
5137
5109
  "parameters": [
5138
5110
  {
5139
- "name": "key",
5140
- "type": {
5141
- "text": "string"
5142
- }
5143
- },
5144
- {
5145
- "name": "value",
5111
+ "name": "e",
5146
5112
  "type": {
5147
- "text": "any"
5113
+ "text": "Event"
5148
5114
  }
5149
5115
  }
5150
- ],
5151
- "inheritedFrom": {
5152
- "name": "AbstractProperty",
5153
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5154
- }
5116
+ ]
5155
5117
  }
5156
5118
  ],
5157
5119
  "events": [
5158
5120
  {
5159
- "name": "property-change",
5121
+ "name": "change",
5160
5122
  "type": {
5161
5123
  "text": "CustomEvent"
5162
- },
5163
- "inheritedFrom": {
5164
- "name": "AbstractProperty",
5165
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5166
5124
  }
5167
5125
  }
5168
5126
  ],
@@ -5189,51 +5147,31 @@
5189
5147
  }
5190
5148
  ],
5191
5149
  "superclass": {
5192
- "name": "AbstractProperty",
5193
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5194
- }
5195
- }
5196
- ],
5197
- "exports": [
5198
- {
5199
- "kind": "js",
5200
- "name": "PropertyDataBinding",
5201
- "declaration": {
5202
- "name": "PropertyDataBinding",
5203
- "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
5204
- }
5205
- }
5206
- ]
5207
- },
5208
- {
5209
- "kind": "javascript-module",
5210
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5211
- "declarations": [
5212
- {
5213
- "kind": "variable",
5214
- "name": "EffectsSharedStyle",
5215
- "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
5150
+ "name": "LitElement",
5151
+ "package": "lit"
5152
+ },
5153
+ "customElement": true
5216
5154
  }
5217
5155
  ],
5218
5156
  "exports": [
5219
5157
  {
5220
5158
  "kind": "js",
5221
- "name": "EffectsSharedStyle",
5159
+ "name": "PropertyEvent",
5222
5160
  "declaration": {
5223
- "name": "EffectsSharedStyle",
5224
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5161
+ "name": "PropertyEvent",
5162
+ "module": "src/modeller/property-sidebar/effects/property-event.ts"
5225
5163
  }
5226
5164
  }
5227
5165
  ]
5228
5166
  },
5229
5167
  {
5230
5168
  "kind": "javascript-module",
5231
- "path": "src/modeller/property-sidebar/effects/effects.ts",
5169
+ "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5232
5170
  "declarations": [
5233
5171
  {
5234
5172
  "kind": "class",
5235
- "description": "",
5236
- "name": "PropertyEffects",
5173
+ "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5174
+ "name": "PropertyShadow",
5237
5175
  "members": [
5238
5176
  {
5239
5177
  "kind": "field",
@@ -5243,29 +5181,6 @@
5243
5181
  },
5244
5182
  "attribute": "value"
5245
5183
  },
5246
- {
5247
- "kind": "field",
5248
- "name": "scene",
5249
- "type": {
5250
- "text": "Scene | undefined"
5251
- },
5252
- "attribute": "scene"
5253
- },
5254
- {
5255
- "kind": "field",
5256
- "name": "selected",
5257
- "type": {
5258
- "text": "Component[]"
5259
- },
5260
- "default": "[]",
5261
- "attribute": "selected"
5262
- },
5263
- {
5264
- "kind": "field",
5265
- "name": "scopedElements",
5266
- "static": true,
5267
- "readonly": true
5268
- },
5269
5184
  {
5270
5185
  "kind": "method",
5271
5186
  "name": "_onValueChange",
@@ -5276,48 +5191,14 @@
5276
5191
  "text": "Event"
5277
5192
  }
5278
5193
  }
5279
- ],
5280
- "inheritedFrom": {
5281
- "name": "AbstractProperty",
5282
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5283
- }
5284
- },
5285
- {
5286
- "kind": "method",
5287
- "name": "_getValueFromEventTarget",
5288
- "parameters": [
5289
- {
5290
- "name": "element",
5291
- "type": {
5292
- "text": "HTMLElement"
5293
- }
5294
- }
5295
- ],
5296
- "inheritedFrom": {
5297
- "name": "AbstractProperty",
5298
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5299
- }
5300
- },
5194
+ ]
5195
+ }
5196
+ ],
5197
+ "events": [
5301
5198
  {
5302
- "kind": "method",
5303
- "name": "_onAfterValueChange",
5304
- "parameters": [
5305
- {
5306
- "name": "key",
5307
- "type": {
5308
- "text": "string"
5309
- }
5310
- },
5311
- {
5312
- "name": "value",
5313
- "type": {
5314
- "text": "any"
5315
- }
5316
- }
5317
- ],
5318
- "inheritedFrom": {
5319
- "name": "AbstractProperty",
5320
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5199
+ "name": "change",
5200
+ "type": {
5201
+ "text": "CustomEvent"
5321
5202
  }
5322
5203
  }
5323
5204
  ],
@@ -5328,42 +5209,38 @@
5328
5209
  "text": "Properties | undefined"
5329
5210
  },
5330
5211
  "fieldName": "value"
5331
- },
5332
- {
5333
- "name": "scene",
5334
- "type": {
5335
- "text": "Scene | undefined"
5336
- },
5337
- "fieldName": "scene"
5338
- },
5339
- {
5340
- "name": "selected",
5341
- "type": {
5342
- "text": "Component[]"
5343
- },
5344
- "default": "[]",
5345
- "fieldName": "selected"
5346
- }
5347
- ],
5348
- "mixins": [
5349
- {
5350
- "name": "ScopedElementsMixin",
5351
- "package": "@open-wc/scoped-elements"
5352
5212
  }
5353
5213
  ],
5354
5214
  "superclass": {
5355
- "name": "AbstractProperty",
5356
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5215
+ "name": "LitElement",
5216
+ "package": "lit"
5357
5217
  },
5358
- "events": [
5218
+ "customElement": true
5219
+ }
5220
+ ],
5221
+ "exports": [
5222
+ {
5223
+ "kind": "js",
5224
+ "name": "PropertyShadow",
5225
+ "declaration": {
5226
+ "name": "PropertyShadow",
5227
+ "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5228
+ }
5229
+ }
5230
+ ]
5231
+ },
5232
+ {
5233
+ "kind": "javascript-module",
5234
+ "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5235
+ "declarations": [
5236
+ {
5237
+ "kind": "function",
5238
+ "name": "convert",
5239
+ "parameters": [
5359
5240
  {
5360
- "name": "property-change",
5241
+ "name": "element",
5361
5242
  "type": {
5362
- "text": "CustomEvent"
5363
- },
5364
- "inheritedFrom": {
5365
- "name": "AbstractProperty",
5366
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5243
+ "text": "any"
5367
5244
  }
5368
5245
  }
5369
5246
  ]
@@ -5372,45 +5249,85 @@
5372
5249
  "exports": [
5373
5250
  {
5374
5251
  "kind": "js",
5375
- "name": "PropertyEffects",
5252
+ "name": "convert",
5376
5253
  "declaration": {
5377
- "name": "PropertyEffects",
5378
- "module": "src/modeller/property-sidebar/effects/effects.ts"
5254
+ "name": "convert",
5255
+ "module": "src/modeller/property-sidebar/effects/value-converter.ts"
5379
5256
  }
5380
5257
  }
5381
5258
  ]
5382
5259
  },
5383
5260
  {
5384
5261
  "kind": "javascript-module",
5385
- "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5262
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
5386
5263
  "declarations": [
5387
5264
  {
5388
5265
  "kind": "class",
5389
- "description": "",
5390
- "name": "PropertyEventHover",
5266
+ "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
5267
+ "name": "DataBindingMapper",
5391
5268
  "members": [
5392
5269
  {
5393
5270
  "kind": "field",
5394
- "name": "value",
5271
+ "name": "mapping",
5395
5272
  "type": {
5396
- "text": "Properties | undefined"
5273
+ "text": "Mapping"
5397
5274
  },
5398
- "attribute": "value"
5275
+ "default": "{ rule: 'value' }",
5276
+ "attribute": "mapping"
5277
+ },
5278
+ {
5279
+ "kind": "field",
5280
+ "name": "rule",
5281
+ "type": {
5282
+ "text": "Rule"
5283
+ },
5284
+ "default": "{}",
5285
+ "attribute": "rule"
5286
+ },
5287
+ {
5288
+ "kind": "field",
5289
+ "name": "scene",
5290
+ "type": {
5291
+ "text": "Scene | undefined"
5292
+ },
5293
+ "attribute": "scene"
5294
+ },
5295
+ {
5296
+ "kind": "field",
5297
+ "name": "_valueTypes",
5298
+ "type": {
5299
+ "text": "any"
5300
+ },
5301
+ "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
5302
+ },
5303
+ {
5304
+ "kind": "field",
5305
+ "name": "_componentIds",
5306
+ "type": {
5307
+ "text": "{ value: string; description: string }[]"
5308
+ },
5309
+ "default": "[]"
5310
+ },
5311
+ {
5312
+ "kind": "field",
5313
+ "name": "editor",
5314
+ "type": {
5315
+ "text": "HTMLInputElement"
5316
+ }
5399
5317
  },
5400
5318
  {
5401
5319
  "kind": "field",
5402
- "name": "scene",
5320
+ "name": "target",
5403
5321
  "type": {
5404
- "text": "Scene | undefined"
5405
- },
5406
- "attribute": "scene"
5322
+ "text": "HTMLInputElement"
5323
+ }
5407
5324
  },
5408
5325
  {
5409
5326
  "kind": "method",
5410
- "name": "_getPlaceHoder",
5327
+ "name": "_valuetype",
5411
5328
  "parameters": [
5412
5329
  {
5413
- "name": "action",
5330
+ "name": "property",
5414
5331
  "type": {
5415
5332
  "text": "string"
5416
5333
  }
@@ -5418,25 +5335,33 @@
5418
5335
  ]
5419
5336
  },
5420
5337
  {
5421
- "kind": "method",
5422
- "name": "_getTargetList",
5423
- "return": {
5424
- "type": {
5425
- "text": "{ value: string; description: string }[]"
5426
- }
5338
+ "kind": "field",
5339
+ "name": "_keep_saved_rule_params",
5340
+ "type": {
5341
+ "text": "boolean"
5427
5342
  },
5343
+ "privacy": "private",
5344
+ "default": "false"
5345
+ },
5346
+ {
5347
+ "kind": "method",
5348
+ "name": "_onChangedMapping"
5349
+ },
5350
+ {
5351
+ "kind": "method",
5352
+ "name": "_onChangeRule",
5428
5353
  "parameters": [
5429
5354
  {
5430
- "name": "action",
5355
+ "name": "e",
5431
5356
  "type": {
5432
- "text": "string"
5357
+ "text": "Event"
5433
5358
  }
5434
5359
  }
5435
5360
  ]
5436
5361
  },
5437
5362
  {
5438
5363
  "kind": "method",
5439
- "name": "_onValueChange",
5364
+ "name": "_onChange",
5440
5365
  "parameters": [
5441
5366
  {
5442
5367
  "name": "e",
@@ -5449,7 +5374,7 @@
5449
5374
  ],
5450
5375
  "events": [
5451
5376
  {
5452
- "name": "change",
5377
+ "name": "value-change",
5453
5378
  "type": {
5454
5379
  "text": "CustomEvent"
5455
5380
  }
@@ -5457,11 +5382,28 @@
5457
5382
  ],
5458
5383
  "attributes": [
5459
5384
  {
5460
- "name": "value",
5385
+ "name": "mapping",
5461
5386
  "type": {
5462
- "text": "Properties | undefined"
5387
+ "text": "Mapping"
5463
5388
  },
5464
- "fieldName": "value"
5389
+ "default": "{ rule: 'value' }",
5390
+ "fieldName": "mapping"
5391
+ },
5392
+ {
5393
+ "name": "rule",
5394
+ "type": {
5395
+ "text": "Rule"
5396
+ },
5397
+ "default": "{}",
5398
+ "fieldName": "rule"
5399
+ },
5400
+ {
5401
+ "name": "properties",
5402
+ "type": {
5403
+ "text": "Properties[]"
5404
+ },
5405
+ "default": "[]",
5406
+ "fieldName": "properties"
5465
5407
  },
5466
5408
  {
5467
5409
  "name": "scene",
@@ -5481,22 +5423,122 @@
5481
5423
  "exports": [
5482
5424
  {
5483
5425
  "kind": "js",
5484
- "name": "PropertyEventHover",
5426
+ "name": "DataBindingMapper",
5485
5427
  "declaration": {
5486
- "name": "PropertyEventHover",
5487
- "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5428
+ "name": "DataBindingMapper",
5429
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
5488
5430
  }
5489
5431
  }
5490
5432
  ]
5491
5433
  },
5492
5434
  {
5493
5435
  "kind": "javascript-module",
5494
- "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5436
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
5495
5437
  "declarations": [
5496
5438
  {
5497
5439
  "kind": "class",
5498
5440
  "description": "",
5499
- "name": "PropertyEventTap",
5441
+ "name": "DataBindingValueMap",
5442
+ "members": [
5443
+ {
5444
+ "kind": "method",
5445
+ "name": "valueInputTemplate",
5446
+ "parameters": [
5447
+ {
5448
+ "name": "value",
5449
+ "optional": true,
5450
+ "type": {
5451
+ "text": "any"
5452
+ }
5453
+ }
5454
+ ]
5455
+ }
5456
+ ],
5457
+ "superclass": {
5458
+ "name": "OxInputValueMap",
5459
+ "package": "@operato/input"
5460
+ },
5461
+ "tagName": "data-binding-value-map",
5462
+ "customElement": true
5463
+ }
5464
+ ],
5465
+ "exports": [
5466
+ {
5467
+ "kind": "js",
5468
+ "name": "DataBindingValueMap",
5469
+ "declaration": {
5470
+ "name": "DataBindingValueMap",
5471
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
5472
+ }
5473
+ },
5474
+ {
5475
+ "kind": "custom-element-definition",
5476
+ "name": "data-binding-value-map",
5477
+ "declaration": {
5478
+ "name": "DataBindingValueMap",
5479
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
5480
+ }
5481
+ }
5482
+ ]
5483
+ },
5484
+ {
5485
+ "kind": "javascript-module",
5486
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
5487
+ "declarations": [
5488
+ {
5489
+ "kind": "class",
5490
+ "description": "",
5491
+ "name": "DataBindingValueRange",
5492
+ "members": [
5493
+ {
5494
+ "kind": "method",
5495
+ "name": "valueInputTemplate",
5496
+ "parameters": [
5497
+ {
5498
+ "name": "value",
5499
+ "optional": true,
5500
+ "type": {
5501
+ "text": "any"
5502
+ }
5503
+ }
5504
+ ]
5505
+ }
5506
+ ],
5507
+ "superclass": {
5508
+ "name": "OxInputValueRange",
5509
+ "package": "@operato/input"
5510
+ },
5511
+ "tagName": "data-binding-value-range",
5512
+ "customElement": true
5513
+ }
5514
+ ],
5515
+ "exports": [
5516
+ {
5517
+ "kind": "js",
5518
+ "name": "DataBindingValueRange",
5519
+ "declaration": {
5520
+ "name": "DataBindingValueRange",
5521
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
5522
+ }
5523
+ },
5524
+ {
5525
+ "kind": "custom-element-definition",
5526
+ "name": "data-binding-value-range",
5527
+ "declaration": {
5528
+ "name": "DataBindingValueRange",
5529
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
5530
+ }
5531
+ }
5532
+ ]
5533
+ },
5534
+ {
5535
+ "kind": "javascript-module",
5536
+ "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
5537
+ "declarations": [
5538
+ {
5539
+ "kind": "class",
5540
+ "description": "",
5541
+ "name": "PropertyDataBinding",
5500
5542
  "members": [
5501
5543
  {
5502
5544
  "kind": "field",
@@ -5507,137 +5549,189 @@
5507
5549
  "attribute": "value"
5508
5550
  },
5509
5551
  {
5510
- "kind": "field",
5511
- "name": "scene",
5512
- "type": {
5513
- "text": "Scene | undefined"
5514
- },
5515
- "attribute": "scene"
5552
+ "kind": "field",
5553
+ "name": "scene",
5554
+ "type": {
5555
+ "text": "Scene | undefined"
5556
+ },
5557
+ "attribute": "scene"
5558
+ },
5559
+ {
5560
+ "kind": "field",
5561
+ "name": "mappingIndex",
5562
+ "type": {
5563
+ "text": "number"
5564
+ },
5565
+ "default": "0"
5566
+ },
5567
+ {
5568
+ "kind": "field",
5569
+ "name": "_afterRender",
5570
+ "type": {
5571
+ "text": "Function | null | undefined"
5572
+ }
5573
+ },
5574
+ {
5575
+ "kind": "field",
5576
+ "name": "_dataExpanded",
5577
+ "type": {
5578
+ "text": "boolean"
5579
+ },
5580
+ "default": "true"
5581
+ },
5582
+ {
5583
+ "kind": "field",
5584
+ "name": "tabs",
5585
+ "type": {
5586
+ "text": "HTMLElement"
5587
+ }
5588
+ },
5589
+ {
5590
+ "kind": "field",
5591
+ "name": "tabNavLeftButton",
5592
+ "type": {
5593
+ "text": "HTMLElement"
5594
+ }
5595
+ },
5596
+ {
5597
+ "kind": "field",
5598
+ "name": "tabNavRightButton",
5599
+ "type": {
5600
+ "text": "HTMLElement"
5601
+ }
5602
+ },
5603
+ {
5604
+ "kind": "field",
5605
+ "name": "mappings",
5606
+ "readonly": true
5607
+ },
5608
+ {
5609
+ "kind": "field",
5610
+ "name": "scopedElements",
5611
+ "static": true,
5612
+ "readonly": true
5613
+ },
5614
+ {
5615
+ "kind": "method",
5616
+ "name": "_setMappingIndex",
5617
+ "parameters": [
5618
+ {
5619
+ "name": "idx",
5620
+ "type": {
5621
+ "text": "number"
5622
+ }
5623
+ }
5624
+ ]
5625
+ },
5626
+ {
5627
+ "kind": "method",
5628
+ "name": "_clearDataBindingMapper"
5629
+ },
5630
+ {
5631
+ "kind": "method",
5632
+ "name": "_copyDataBindingMapper"
5633
+ },
5634
+ {
5635
+ "kind": "method",
5636
+ "name": "_pasteDataBindingMapper"
5516
5637
  },
5517
5638
  {
5518
- "kind": "field",
5519
- "name": "targetList",
5520
- "type": {
5521
- "text": "{ value: string; description: string }[]"
5522
- },
5523
- "default": "[]"
5639
+ "kind": "method",
5640
+ "name": "_onValueChanged"
5524
5641
  },
5525
5642
  {
5526
5643
  "kind": "method",
5527
- "name": "_getPlaceHoder",
5644
+ "name": "_onValueChange",
5528
5645
  "parameters": [
5529
5646
  {
5530
- "name": "action",
5647
+ "name": "e",
5531
5648
  "type": {
5532
- "text": "string"
5649
+ "text": "Event"
5533
5650
  }
5534
5651
  }
5535
- ]
5652
+ ],
5653
+ "inheritedFrom": {
5654
+ "name": "AbstractProperty",
5655
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5656
+ }
5657
+ },
5658
+ {
5659
+ "kind": "field",
5660
+ "name": "tabContainer",
5661
+ "readonly": true
5536
5662
  },
5537
5663
  {
5538
5664
  "kind": "method",
5539
- "name": "_onValueChange",
5665
+ "name": "_onMappingChanged",
5540
5666
  "parameters": [
5541
5667
  {
5542
5668
  "name": "e",
5543
5669
  "type": {
5544
- "text": "Event"
5670
+ "text": "CustomEvent"
5545
5671
  }
5546
5672
  }
5547
5673
  ]
5548
- }
5549
- ],
5550
- "events": [
5551
- {
5552
- "name": "change",
5553
- "type": {
5554
- "text": "CustomEvent"
5555
- }
5556
- }
5557
- ],
5558
- "attributes": [
5559
- {
5560
- "name": "value",
5561
- "type": {
5562
- "text": "Properties | undefined"
5563
- },
5564
- "fieldName": "value"
5565
5674
  },
5566
5675
  {
5567
- "name": "scene",
5568
- "type": {
5569
- "text": "Scene | undefined"
5570
- },
5571
- "fieldName": "scene"
5572
- }
5573
- ],
5574
- "superclass": {
5575
- "name": "LitElement",
5576
- "package": "lit"
5577
- },
5578
- "customElement": true
5579
- }
5580
- ],
5581
- "exports": [
5582
- {
5583
- "kind": "js",
5584
- "name": "PropertyEventTap",
5585
- "declaration": {
5586
- "name": "PropertyEventTap",
5587
- "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5588
- }
5589
- }
5590
- ]
5591
- },
5592
- {
5593
- "kind": "javascript-module",
5594
- "path": "src/modeller/property-sidebar/effects/property-event.ts",
5595
- "declarations": [
5596
- {
5597
- "kind": "class",
5598
- "description": "",
5599
- "name": "PropertyEvent",
5600
- "members": [
5676
+ "kind": "method",
5677
+ "name": "_onTabScroll"
5678
+ },
5601
5679
  {
5602
- "kind": "field",
5603
- "name": "value",
5604
- "type": {
5605
- "text": "Properties | undefined"
5606
- },
5607
- "attribute": "value"
5680
+ "kind": "method",
5681
+ "name": "_onTabScrollNavLeft"
5608
5682
  },
5609
5683
  {
5610
- "kind": "field",
5611
- "name": "scene",
5612
- "type": {
5613
- "text": "Scene | undefined"
5614
- },
5615
- "attribute": "scene"
5684
+ "kind": "method",
5685
+ "name": "_onTabScrollNavRight"
5616
5686
  },
5617
5687
  {
5618
- "kind": "field",
5619
- "name": "scopedElements",
5620
- "static": true,
5621
- "readonly": true
5688
+ "kind": "method",
5689
+ "name": "_getValueFromEventTarget",
5690
+ "parameters": [
5691
+ {
5692
+ "name": "element",
5693
+ "type": {
5694
+ "text": "HTMLElement"
5695
+ }
5696
+ }
5697
+ ],
5698
+ "inheritedFrom": {
5699
+ "name": "AbstractProperty",
5700
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5701
+ }
5622
5702
  },
5623
5703
  {
5624
5704
  "kind": "method",
5625
- "name": "_onValueChange",
5705
+ "name": "_onAfterValueChange",
5626
5706
  "parameters": [
5627
5707
  {
5628
- "name": "e",
5708
+ "name": "key",
5629
5709
  "type": {
5630
- "text": "Event"
5710
+ "text": "string"
5711
+ }
5712
+ },
5713
+ {
5714
+ "name": "value",
5715
+ "type": {
5716
+ "text": "any"
5631
5717
  }
5632
5718
  }
5633
- ]
5719
+ ],
5720
+ "inheritedFrom": {
5721
+ "name": "AbstractProperty",
5722
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5723
+ }
5634
5724
  }
5635
5725
  ],
5636
5726
  "events": [
5637
5727
  {
5638
- "name": "change",
5728
+ "name": "property-change",
5639
5729
  "type": {
5640
5730
  "text": "CustomEvent"
5731
+ },
5732
+ "inheritedFrom": {
5733
+ "name": "AbstractProperty",
5734
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5641
5735
  }
5642
5736
  }
5643
5737
  ],
@@ -5664,112 +5758,18 @@
5664
5758
  }
5665
5759
  ],
5666
5760
  "superclass": {
5667
- "name": "LitElement",
5668
- "package": "lit"
5669
- },
5670
- "customElement": true
5671
- }
5672
- ],
5673
- "exports": [
5674
- {
5675
- "kind": "js",
5676
- "name": "PropertyEvent",
5677
- "declaration": {
5678
- "name": "PropertyEvent",
5679
- "module": "src/modeller/property-sidebar/effects/property-event.ts"
5680
- }
5681
- }
5682
- ]
5683
- },
5684
- {
5685
- "kind": "javascript-module",
5686
- "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5687
- "declarations": [
5688
- {
5689
- "kind": "class",
5690
- "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5691
- "name": "PropertyShadow",
5692
- "members": [
5693
- {
5694
- "kind": "field",
5695
- "name": "value",
5696
- "type": {
5697
- "text": "Properties | undefined"
5698
- },
5699
- "attribute": "value"
5700
- },
5701
- {
5702
- "kind": "method",
5703
- "name": "_onValueChange",
5704
- "parameters": [
5705
- {
5706
- "name": "e",
5707
- "type": {
5708
- "text": "Event"
5709
- }
5710
- }
5711
- ]
5712
- }
5713
- ],
5714
- "events": [
5715
- {
5716
- "name": "change",
5717
- "type": {
5718
- "text": "CustomEvent"
5719
- }
5720
- }
5721
- ],
5722
- "attributes": [
5723
- {
5724
- "name": "value",
5725
- "type": {
5726
- "text": "Properties | undefined"
5727
- },
5728
- "fieldName": "value"
5729
- }
5730
- ],
5731
- "superclass": {
5732
- "name": "LitElement",
5733
- "package": "lit"
5734
- },
5735
- "customElement": true
5736
- }
5737
- ],
5738
- "exports": [
5739
- {
5740
- "kind": "js",
5741
- "name": "PropertyShadow",
5742
- "declaration": {
5743
- "name": "PropertyShadow",
5744
- "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5761
+ "name": "AbstractProperty",
5762
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
5745
5763
  }
5746
5764
  }
5747
- ]
5748
- },
5749
- {
5750
- "kind": "javascript-module",
5751
- "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5752
- "declarations": [
5753
- {
5754
- "kind": "function",
5755
- "name": "convert",
5756
- "parameters": [
5757
- {
5758
- "name": "element",
5759
- "type": {
5760
- "text": "any"
5761
- }
5762
- }
5763
- ]
5764
- }
5765
5765
  ],
5766
5766
  "exports": [
5767
5767
  {
5768
5768
  "kind": "js",
5769
- "name": "convert",
5769
+ "name": "PropertyDataBinding",
5770
5770
  "declaration": {
5771
- "name": "convert",
5772
- "module": "src/modeller/property-sidebar/effects/value-converter.ts"
5771
+ "name": "PropertyDataBinding",
5772
+ "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
5773
5773
  }
5774
5774
  }
5775
5775
  ]