@fmsim/board 0.0.85 → 0.0.87

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 (9) hide show
  1. package/custom-elements.json +1568 -1556
  2. package/dist/src/modeller/edit-toolbar-style.js +4 -0
  3. package/dist/src/modeller/edit-toolbar-style.js.map +1 -1
  4. package/dist/src/modeller/edit-toolbar.d.ts +1 -0
  5. package/dist/src/modeller/edit-toolbar.js +475 -0
  6. package/dist/src/modeller/edit-toolbar.js.map +1 -1
  7. package/dist/src/modeller/property-sidebar/inspector/inspector.d.ts +1 -1
  8. package/dist/tsconfig.tsbuildinfo +1 -1
  9. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -1670,6 +1670,65 @@
1670
1670
  }
1671
1671
  ]
1672
1672
  },
1673
+ {
1674
+ "kind": "javascript-module",
1675
+ "path": "src/component/etc.ts",
1676
+ "declarations": [
1677
+ {
1678
+ "kind": "variable",
1679
+ "name": "etc",
1680
+ "type": {
1681
+ "text": "ComponentGroup"
1682
+ },
1683
+ "default": "{\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n }\n ]\n}"
1684
+ }
1685
+ ],
1686
+ "exports": [
1687
+ {
1688
+ "kind": "js",
1689
+ "name": "etc",
1690
+ "declaration": {
1691
+ "name": "etc",
1692
+ "module": "src/component/etc.ts"
1693
+ }
1694
+ }
1695
+ ]
1696
+ },
1697
+ {
1698
+ "kind": "javascript-module",
1699
+ "path": "src/component/index.ts",
1700
+ "declarations": [],
1701
+ "exports": [
1702
+ {
1703
+ "kind": "js",
1704
+ "name": "*",
1705
+ "declaration": {
1706
+ "name": "*",
1707
+ "package": "./etc"
1708
+ }
1709
+ }
1710
+ ]
1711
+ },
1712
+ {
1713
+ "kind": "javascript-module",
1714
+ "path": "src/component/register-default-groups.ts",
1715
+ "declarations": [
1716
+ {
1717
+ "kind": "function",
1718
+ "name": "registerDefaultGroups"
1719
+ }
1720
+ ],
1721
+ "exports": [
1722
+ {
1723
+ "kind": "js",
1724
+ "name": "registerDefaultGroups",
1725
+ "declaration": {
1726
+ "name": "registerDefaultGroups",
1727
+ "module": "src/component/register-default-groups.ts"
1728
+ }
1729
+ }
1730
+ ]
1731
+ },
1673
1732
  {
1674
1733
  "kind": "javascript-module",
1675
1734
  "path": "src/data-storage/data-storage.ts",
@@ -1762,65 +1821,6 @@
1762
1821
  }
1763
1822
  ]
1764
1823
  },
1765
- {
1766
- "kind": "javascript-module",
1767
- "path": "src/component/etc.ts",
1768
- "declarations": [
1769
- {
1770
- "kind": "variable",
1771
- "name": "etc",
1772
- "type": {
1773
- "text": "ComponentGroup"
1774
- },
1775
- "default": "{\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n }\n ]\n}"
1776
- }
1777
- ],
1778
- "exports": [
1779
- {
1780
- "kind": "js",
1781
- "name": "etc",
1782
- "declaration": {
1783
- "name": "etc",
1784
- "module": "src/component/etc.ts"
1785
- }
1786
- }
1787
- ]
1788
- },
1789
- {
1790
- "kind": "javascript-module",
1791
- "path": "src/component/index.ts",
1792
- "declarations": [],
1793
- "exports": [
1794
- {
1795
- "kind": "js",
1796
- "name": "*",
1797
- "declaration": {
1798
- "name": "*",
1799
- "package": "./etc"
1800
- }
1801
- }
1802
- ]
1803
- },
1804
- {
1805
- "kind": "javascript-module",
1806
- "path": "src/component/register-default-groups.ts",
1807
- "declarations": [
1808
- {
1809
- "kind": "function",
1810
- "name": "registerDefaultGroups"
1811
- }
1812
- ],
1813
- "exports": [
1814
- {
1815
- "kind": "js",
1816
- "name": "registerDefaultGroups",
1817
- "declaration": {
1818
- "name": "registerDefaultGroups",
1819
- "module": "src/component/register-default-groups.ts"
1820
- }
1821
- }
1822
- ]
1823
- },
1824
1824
  {
1825
1825
  "kind": "javascript-module",
1826
1826
  "path": "src/layers/mcs-mouse-event-handler.ts",
@@ -2022,7 +2022,7 @@
2022
2022
  {
2023
2023
  "kind": "variable",
2024
2024
  "name": "style",
2025
- "default": "css`\n :host {\n color: white;\n background-color: var(--edit-toolbar-background-color, #394e64);\n\n overflow-x: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: var(--url-icon-htoolbar) no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: var(--url-icon-fullscreen) 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: var(--url-icon-collapse) 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: var(--url-icon-collapse-active) 80% 10px no-repeat;\n }\n`"
2025
+ "default": "css`\n :host {\n color: white;\n background-color: var(--edit-toolbar-background-color, #394e64);\n\n overflow-x: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: var(--url-icon-htoolbar) no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: var(--url-icon-fullscreen) 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: var(--url-icon-collapse) 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: var(--url-icon-collapse-active) 80% 10px no-repeat;\n }\n\n #generate-model {\n background-position-y: -1492px;\n }\n`"
2026
2026
  }
2027
2027
  ],
2028
2028
  "exports": [
@@ -2473,6 +2473,18 @@
2473
2473
  }
2474
2474
  }
2475
2475
  ]
2476
+ },
2477
+ {
2478
+ "kind": "method",
2479
+ "name": "onTapGenerateModel",
2480
+ "parameters": [
2481
+ {
2482
+ "name": "e",
2483
+ "type": {
2484
+ "text": "TouchEvent | string"
2485
+ }
2486
+ }
2487
+ ]
2476
2488
  }
2477
2489
  ],
2478
2490
  "events": [
@@ -3548,465 +3560,81 @@
3548
3560
  },
3549
3561
  {
3550
3562
  "kind": "javascript-module",
3551
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3563
+ "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3552
3564
  "declarations": [
3553
3565
  {
3554
3566
  "kind": "class",
3555
3567
  "description": "",
3556
- "name": "AbstractProperty",
3568
+ "name": "ConfidentialOverlay",
3557
3569
  "members": [
3558
3570
  {
3559
3571
  "kind": "method",
3560
- "name": "_onValueChange",
3561
- "parameters": [
3562
- {
3563
- "name": "e",
3564
- "type": {
3565
- "text": "Event"
3566
- }
3567
- }
3568
- ]
3569
- },
3570
- {
3571
- "kind": "method",
3572
- "name": "_getValueFromEventTarget",
3573
- "parameters": [
3574
- {
3575
- "name": "element",
3576
- "type": {
3577
- "text": "HTMLElement"
3578
- }
3579
- }
3580
- ]
3581
- },
3582
- {
3583
- "kind": "method",
3584
- "name": "_onAfterValueChange",
3572
+ "name": "_draw",
3585
3573
  "parameters": [
3586
3574
  {
3587
- "name": "key",
3588
- "type": {
3589
- "text": "string"
3590
- }
3591
- },
3592
- {
3593
- "name": "value",
3575
+ "name": "context",
3594
3576
  "type": {
3595
- "text": "any"
3577
+ "text": "CanvasRenderingContext2D"
3596
3578
  }
3597
3579
  }
3598
3580
  ]
3599
3581
  }
3600
3582
  ],
3601
- "events": [
3602
- {
3603
- "name": "property-change",
3604
- "type": {
3605
- "text": "CustomEvent"
3606
- }
3607
- }
3608
- ],
3609
3583
  "superclass": {
3610
- "name": "LitElement",
3611
- "package": "lit"
3612
- },
3613
- "customElement": true
3614
- }
3615
- ],
3616
- "exports": [
3617
- {
3618
- "kind": "js",
3619
- "name": "AbstractProperty",
3620
- "declaration": {
3621
- "name": "AbstractProperty",
3622
- "module": "src/modeller/property-sidebar/abstract-property.ts"
3584
+ "name": "SceneLayer",
3585
+ "package": "@hatiolab/things-scene"
3623
3586
  }
3624
3587
  }
3625
- ]
3626
- },
3627
- {
3628
- "kind": "javascript-module",
3629
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
3630
- "declarations": [
3631
- {
3632
- "kind": "variable",
3633
- "name": "PropertySharedStyle",
3634
- "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`"
3635
- }
3636
3588
  ],
3637
3589
  "exports": [
3638
3590
  {
3639
3591
  "kind": "js",
3640
- "name": "PropertySharedStyle",
3592
+ "name": "default",
3641
3593
  "declaration": {
3642
- "name": "PropertySharedStyle",
3643
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
3594
+ "name": "ConfidentialOverlay",
3595
+ "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3644
3596
  }
3645
3597
  }
3646
3598
  ]
3647
3599
  },
3648
3600
  {
3649
3601
  "kind": "javascript-module",
3650
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
3602
+ "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3651
3603
  "declarations": [
3652
3604
  {
3653
3605
  "kind": "class",
3654
3606
  "description": "",
3655
- "name": "PropertySidebar",
3607
+ "name": "OxSceneHandler",
3656
3608
  "members": [
3657
3609
  {
3658
3610
  "kind": "field",
3659
- "name": "scene",
3660
- "type": {
3661
- "text": "Scene | null"
3662
- },
3663
- "default": "null",
3664
- "attribute": "scene"
3665
- },
3666
- {
3667
- "kind": "field",
3668
- "name": "bounds",
3611
+ "name": "type",
3669
3612
  "type": {
3670
- "text": "any"
3613
+ "text": "string"
3671
3614
  },
3672
- "default": "{}",
3673
- "attribute": "bounds"
3615
+ "attribute": "type"
3674
3616
  },
3675
3617
  {
3676
3618
  "kind": "field",
3677
3619
  "name": "model",
3678
3620
  "type": {
3679
- "text": "Model | null"
3621
+ "text": "{\n type: Object\n notify: true\n }"
3680
3622
  },
3681
- "default": "{}",
3682
3623
  "attribute": "model"
3683
- },
3624
+ }
3625
+ ],
3626
+ "attributes": [
3684
3627
  {
3685
- "kind": "field",
3686
- "name": "selected",
3628
+ "name": "type",
3687
3629
  "type": {
3688
- "text": "Component[]"
3630
+ "text": "string"
3689
3631
  },
3690
- "default": "[]",
3691
- "attribute": "selected"
3632
+ "fieldName": "type"
3692
3633
  },
3693
3634
  {
3694
- "kind": "field",
3695
- "name": "specificProps",
3635
+ "name": "model",
3696
3636
  "type": {
3697
- "text": "any"
3698
- },
3699
- "attribute": "specificProps"
3700
- },
3701
- {
3702
- "kind": "field",
3703
- "name": "tabName",
3704
- "type": {
3705
- "text": "string | null"
3706
- },
3707
- "default": "'specific'",
3708
- "attribute": "tabName"
3709
- },
3710
- {
3711
- "kind": "field",
3712
- "name": "collapsed",
3713
- "type": {
3714
- "text": "boolean"
3715
- },
3716
- "default": "false",
3717
- "attribute": "collapsed"
3718
- },
3719
- {
3720
- "kind": "field",
3721
- "name": "fonts",
3722
- "type": {
3723
- "text": "any[]"
3724
- },
3725
- "default": "[]",
3726
- "attribute": "fonts"
3727
- },
3728
- {
3729
- "kind": "field",
3730
- "name": "propertyEditor",
3731
- "type": {
3732
- "text": "any[]"
3733
- },
3734
- "default": "[]",
3735
- "attribute": "propertyEditor"
3736
- },
3737
- {
3738
- "kind": "field",
3739
- "name": "propertyTarget",
3740
- "type": {
3741
- "text": "Component | null"
3742
- },
3743
- "default": "null"
3744
- },
3745
- {
3746
- "kind": "field",
3747
- "name": "scopedElements",
3748
- "static": true,
3749
- "readonly": true
3750
- },
3751
- {
3752
- "kind": "method",
3753
- "name": "_onPropertyChanged",
3754
- "parameters": [
3755
- {
3756
- "name": "e",
3757
- "type": {
3758
- "text": "CustomEvent"
3759
- }
3760
- }
3761
- ]
3762
- },
3763
- {
3764
- "kind": "method",
3765
- "name": "_onBoundsChanged",
3766
- "parameters": [
3767
- {
3768
- "name": "e",
3769
- "type": {
3770
- "text": "CustomEvent"
3771
- }
3772
- }
3773
- ]
3774
- },
3775
- {
3776
- "kind": "method",
3777
- "name": "_onChangedByScene"
3778
- },
3779
- {
3780
- "kind": "method",
3781
- "name": "_setPropertyTargetAsDefault"
3782
- },
3783
- {
3784
- "kind": "method",
3785
- "name": "_onCollapsed",
3786
- "parameters": [
3787
- {
3788
- "name": "collapsed",
3789
- "type": {
3790
- "text": "boolean"
3791
- }
3792
- }
3793
- ]
3794
- },
3795
- {
3796
- "kind": "method",
3797
- "name": "_onSceneChanged"
3798
- },
3799
- {
3800
- "kind": "method",
3801
- "name": "_onSelectedChanged",
3802
- "parameters": [
3803
- {
3804
- "name": "after",
3805
- "type": {
3806
- "text": "Component[]"
3807
- }
3808
- }
3809
- ]
3810
- },
3811
- {
3812
- "kind": "method",
3813
- "name": "_setPropertyTarget",
3814
- "parameters": [
3815
- {
3816
- "name": "newTarget",
3817
- "type": {
3818
- "text": "Component | null"
3819
- }
3820
- }
3821
- ]
3822
- },
3823
- {
3824
- "kind": "method",
3825
- "name": "_setBounds",
3826
- "parameters": [
3827
- {
3828
- "name": "bounds",
3829
- "type": {
3830
- "text": "BOUNDS"
3831
- }
3832
- }
3833
- ]
3834
- }
3835
- ],
3836
- "attributes": [
3837
- {
3838
- "name": "scene",
3839
- "type": {
3840
- "text": "Scene | null"
3841
- },
3842
- "default": "null",
3843
- "fieldName": "scene"
3844
- },
3845
- {
3846
- "name": "bounds",
3847
- "type": {
3848
- "text": "any"
3849
- },
3850
- "default": "{}",
3851
- "fieldName": "bounds"
3852
- },
3853
- {
3854
- "name": "model",
3855
- "type": {
3856
- "text": "Model | null"
3857
- },
3858
- "default": "{}",
3859
- "fieldName": "model"
3860
- },
3861
- {
3862
- "name": "selected",
3863
- "type": {
3864
- "text": "Component[]"
3865
- },
3866
- "default": "[]",
3867
- "fieldName": "selected"
3868
- },
3869
- {
3870
- "name": "specificProps",
3871
- "type": {
3872
- "text": "any"
3873
- },
3874
- "fieldName": "specificProps"
3875
- },
3876
- {
3877
- "name": "tabName",
3878
- "type": {
3879
- "text": "string | null"
3880
- },
3881
- "default": "'specific'",
3882
- "fieldName": "tabName"
3883
- },
3884
- {
3885
- "name": "collapsed",
3886
- "type": {
3887
- "text": "boolean"
3888
- },
3889
- "default": "false",
3890
- "fieldName": "collapsed"
3891
- },
3892
- {
3893
- "name": "fonts",
3894
- "type": {
3895
- "text": "any[]"
3896
- },
3897
- "default": "[]",
3898
- "fieldName": "fonts"
3899
- },
3900
- {
3901
- "name": "propertyEditor",
3902
- "type": {
3903
- "text": "any[]"
3904
- },
3905
- "default": "[]",
3906
- "fieldName": "propertyEditor"
3907
- }
3908
- ],
3909
- "mixins": [
3910
- {
3911
- "name": "ScopedElementsMixin",
3912
- "package": "@open-wc/scoped-elements"
3913
- }
3914
- ],
3915
- "superclass": {
3916
- "name": "LitElement",
3917
- "package": "lit"
3918
- },
3919
- "customElement": true
3920
- }
3921
- ],
3922
- "exports": [
3923
- {
3924
- "kind": "js",
3925
- "name": "PropertySidebar",
3926
- "declaration": {
3927
- "name": "PropertySidebar",
3928
- "module": "src/modeller/property-sidebar/property-sidebar.ts"
3929
- }
3930
- }
3931
- ]
3932
- },
3933
- {
3934
- "kind": "javascript-module",
3935
- "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3936
- "declarations": [
3937
- {
3938
- "kind": "class",
3939
- "description": "",
3940
- "name": "ConfidentialOverlay",
3941
- "members": [
3942
- {
3943
- "kind": "method",
3944
- "name": "_draw",
3945
- "parameters": [
3946
- {
3947
- "name": "context",
3948
- "type": {
3949
- "text": "CanvasRenderingContext2D"
3950
- }
3951
- }
3952
- ]
3953
- }
3954
- ],
3955
- "superclass": {
3956
- "name": "SceneLayer",
3957
- "package": "@hatiolab/things-scene"
3958
- }
3959
- }
3960
- ],
3961
- "exports": [
3962
- {
3963
- "kind": "js",
3964
- "name": "default",
3965
- "declaration": {
3966
- "name": "ConfidentialOverlay",
3967
- "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3968
- }
3969
- }
3970
- ]
3971
- },
3972
- {
3973
- "kind": "javascript-module",
3974
- "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3975
- "declarations": [
3976
- {
3977
- "kind": "class",
3978
- "description": "",
3979
- "name": "OxSceneHandler",
3980
- "members": [
3981
- {
3982
- "kind": "field",
3983
- "name": "type",
3984
- "type": {
3985
- "text": "string"
3986
- },
3987
- "attribute": "type"
3988
- },
3989
- {
3990
- "kind": "field",
3991
- "name": "model",
3992
- "type": {
3993
- "text": "{\n type: Object\n notify: true\n }"
3994
- },
3995
- "attribute": "model"
3996
- }
3997
- ],
3998
- "attributes": [
3999
- {
4000
- "name": "type",
4001
- "type": {
4002
- "text": "string"
4003
- },
4004
- "fieldName": "type"
4005
- },
4006
- {
4007
- "name": "model",
4008
- "type": {
4009
- "text": "{\n type: Object\n notify: true\n }"
3637
+ "text": "{\n type: Object\n notify: true\n }"
4010
3638
  },
4011
3639
  "fieldName": "model"
4012
3640
  }
@@ -4664,295 +4292,397 @@
4664
4292
  },
4665
4293
  {
4666
4294
  "kind": "javascript-module",
4667
- "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
4295
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
4668
4296
  "declarations": [
4669
4297
  {
4670
4298
  "kind": "class",
4671
- "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
4672
- "name": "DataBindingMapper",
4299
+ "description": "",
4300
+ "name": "AbstractProperty",
4301
+ "members": [
4302
+ {
4303
+ "kind": "method",
4304
+ "name": "_onValueChange",
4305
+ "parameters": [
4306
+ {
4307
+ "name": "e",
4308
+ "type": {
4309
+ "text": "Event"
4310
+ }
4311
+ }
4312
+ ]
4313
+ },
4314
+ {
4315
+ "kind": "method",
4316
+ "name": "_getValueFromEventTarget",
4317
+ "parameters": [
4318
+ {
4319
+ "name": "element",
4320
+ "type": {
4321
+ "text": "HTMLElement"
4322
+ }
4323
+ }
4324
+ ]
4325
+ },
4326
+ {
4327
+ "kind": "method",
4328
+ "name": "_onAfterValueChange",
4329
+ "parameters": [
4330
+ {
4331
+ "name": "key",
4332
+ "type": {
4333
+ "text": "string"
4334
+ }
4335
+ },
4336
+ {
4337
+ "name": "value",
4338
+ "type": {
4339
+ "text": "any"
4340
+ }
4341
+ }
4342
+ ]
4343
+ }
4344
+ ],
4345
+ "events": [
4346
+ {
4347
+ "name": "property-change",
4348
+ "type": {
4349
+ "text": "CustomEvent"
4350
+ }
4351
+ }
4352
+ ],
4353
+ "superclass": {
4354
+ "name": "LitElement",
4355
+ "package": "lit"
4356
+ },
4357
+ "customElement": true
4358
+ }
4359
+ ],
4360
+ "exports": [
4361
+ {
4362
+ "kind": "js",
4363
+ "name": "AbstractProperty",
4364
+ "declaration": {
4365
+ "name": "AbstractProperty",
4366
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4367
+ }
4368
+ }
4369
+ ]
4370
+ },
4371
+ {
4372
+ "kind": "javascript-module",
4373
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
4374
+ "declarations": [
4375
+ {
4376
+ "kind": "variable",
4377
+ "name": "PropertySharedStyle",
4378
+ "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`"
4379
+ }
4380
+ ],
4381
+ "exports": [
4382
+ {
4383
+ "kind": "js",
4384
+ "name": "PropertySharedStyle",
4385
+ "declaration": {
4386
+ "name": "PropertySharedStyle",
4387
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
4388
+ }
4389
+ }
4390
+ ]
4391
+ },
4392
+ {
4393
+ "kind": "javascript-module",
4394
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
4395
+ "declarations": [
4396
+ {
4397
+ "kind": "class",
4398
+ "description": "",
4399
+ "name": "PropertySidebar",
4673
4400
  "members": [
4674
4401
  {
4675
4402
  "kind": "field",
4676
- "name": "mapping",
4403
+ "name": "scene",
4677
4404
  "type": {
4678
- "text": "Mapping"
4405
+ "text": "Scene | null"
4679
4406
  },
4680
- "default": "{\n rule: 'value'\n }",
4681
- "attribute": "mapping"
4407
+ "default": "null",
4408
+ "attribute": "scene"
4682
4409
  },
4683
4410
  {
4684
4411
  "kind": "field",
4685
- "name": "rule",
4412
+ "name": "bounds",
4686
4413
  "type": {
4687
- "text": "Rule"
4414
+ "text": "any"
4688
4415
  },
4689
4416
  "default": "{}",
4690
- "attribute": "rule"
4417
+ "attribute": "bounds"
4691
4418
  },
4692
4419
  {
4693
4420
  "kind": "field",
4694
- "name": "scene",
4421
+ "name": "model",
4695
4422
  "type": {
4696
- "text": "Scene | undefined"
4423
+ "text": "Model | null"
4697
4424
  },
4698
- "attribute": "scene"
4425
+ "default": "{}",
4426
+ "attribute": "model"
4699
4427
  },
4700
4428
  {
4701
4429
  "kind": "field",
4702
- "name": "_valueTypes",
4430
+ "name": "selected",
4431
+ "type": {
4432
+ "text": "Component[]"
4433
+ },
4434
+ "default": "[]",
4435
+ "attribute": "selected"
4436
+ },
4437
+ {
4438
+ "kind": "field",
4439
+ "name": "specificProps",
4703
4440
  "type": {
4704
4441
  "text": "any"
4705
4442
  },
4706
- "default": "{\n play: 'boolean',\n hidden: 'boolean',\n started: 'boolean',\n\n rotation: 'number',\n value: 'number',\n\n fillStyle: 'color',\n strokeStyle: 'color',\n fontColor: 'color',\n\n data: 'object',\n source: 'attachment',\n location: 'object',\n dimension: 'object',\n\n text: 'string',\n ref: 'string'\n }"
4443
+ "attribute": "specificProps"
4707
4444
  },
4708
4445
  {
4709
4446
  "kind": "field",
4710
- "name": "_componentIds",
4447
+ "name": "tabName",
4711
4448
  "type": {
4712
- "text": "{ value: string; description: string }[]"
4449
+ "text": "string | null"
4713
4450
  },
4714
- "default": "[]"
4451
+ "default": "'specific'",
4452
+ "attribute": "tabName"
4715
4453
  },
4716
4454
  {
4717
4455
  "kind": "field",
4718
- "name": "editor",
4456
+ "name": "collapsed",
4719
4457
  "type": {
4720
- "text": "HTMLInputElement"
4721
- }
4458
+ "text": "boolean"
4459
+ },
4460
+ "default": "false",
4461
+ "attribute": "collapsed"
4722
4462
  },
4723
4463
  {
4724
4464
  "kind": "field",
4725
- "name": "target",
4465
+ "name": "fonts",
4726
4466
  "type": {
4727
- "text": "HTMLInputElement"
4728
- }
4467
+ "text": "any[]"
4468
+ },
4469
+ "default": "[]",
4470
+ "attribute": "fonts"
4471
+ },
4472
+ {
4473
+ "kind": "field",
4474
+ "name": "propertyEditor",
4475
+ "type": {
4476
+ "text": "any[]"
4477
+ },
4478
+ "default": "[]",
4479
+ "attribute": "propertyEditor"
4480
+ },
4481
+ {
4482
+ "kind": "field",
4483
+ "name": "propertyTarget",
4484
+ "type": {
4485
+ "text": "Component | null"
4486
+ },
4487
+ "default": "null"
4488
+ },
4489
+ {
4490
+ "kind": "field",
4491
+ "name": "scopedElements",
4492
+ "static": true,
4493
+ "readonly": true
4729
4494
  },
4730
4495
  {
4731
4496
  "kind": "method",
4732
- "name": "_valuetype",
4497
+ "name": "_onPropertyChanged",
4733
4498
  "parameters": [
4734
4499
  {
4735
- "name": "property",
4500
+ "name": "e",
4736
4501
  "type": {
4737
- "text": "string"
4502
+ "text": "CustomEvent"
4738
4503
  }
4739
4504
  }
4740
4505
  ]
4741
4506
  },
4742
4507
  {
4743
- "kind": "field",
4744
- "name": "_keep_saved_rule_params",
4745
- "type": {
4746
- "text": "boolean"
4747
- },
4748
- "privacy": "private",
4749
- "default": "false"
4508
+ "kind": "method",
4509
+ "name": "_onBoundsChanged",
4510
+ "parameters": [
4511
+ {
4512
+ "name": "e",
4513
+ "type": {
4514
+ "text": "CustomEvent"
4515
+ }
4516
+ }
4517
+ ]
4750
4518
  },
4751
4519
  {
4752
4520
  "kind": "method",
4753
- "name": "_onChangedMapping"
4521
+ "name": "_onChangedByScene"
4754
4522
  },
4755
4523
  {
4756
4524
  "kind": "method",
4757
- "name": "_onChangeRule",
4525
+ "name": "_setPropertyTargetAsDefault"
4526
+ },
4527
+ {
4528
+ "kind": "method",
4529
+ "name": "_onCollapsed",
4758
4530
  "parameters": [
4759
4531
  {
4760
- "name": "e",
4532
+ "name": "collapsed",
4761
4533
  "type": {
4762
- "text": "Event"
4534
+ "text": "boolean"
4763
4535
  }
4764
4536
  }
4765
4537
  ]
4766
4538
  },
4767
4539
  {
4768
4540
  "kind": "method",
4769
- "name": "_onChange",
4541
+ "name": "_onSceneChanged"
4542
+ },
4543
+ {
4544
+ "kind": "method",
4545
+ "name": "_onSelectedChanged",
4770
4546
  "parameters": [
4771
4547
  {
4772
- "name": "e",
4548
+ "name": "after",
4773
4549
  "type": {
4774
- "text": "Event"
4550
+ "text": "Component[]"
4775
4551
  }
4776
4552
  }
4777
4553
  ]
4778
- }
4779
- ],
4780
- "events": [
4554
+ },
4781
4555
  {
4782
- "name": "value-change",
4783
- "type": {
4784
- "text": "CustomEvent"
4785
- }
4556
+ "kind": "method",
4557
+ "name": "_setPropertyTarget",
4558
+ "parameters": [
4559
+ {
4560
+ "name": "newTarget",
4561
+ "type": {
4562
+ "text": "Component | null"
4563
+ }
4564
+ }
4565
+ ]
4566
+ },
4567
+ {
4568
+ "kind": "method",
4569
+ "name": "_setBounds",
4570
+ "parameters": [
4571
+ {
4572
+ "name": "bounds",
4573
+ "type": {
4574
+ "text": "BOUNDS"
4575
+ }
4576
+ }
4577
+ ]
4786
4578
  }
4787
4579
  ],
4788
4580
  "attributes": [
4789
4581
  {
4790
- "name": "mapping",
4582
+ "name": "scene",
4791
4583
  "type": {
4792
- "text": "Mapping"
4584
+ "text": "Scene | null"
4793
4585
  },
4794
- "default": "{\n rule: 'value'\n }",
4795
- "fieldName": "mapping"
4586
+ "default": "null",
4587
+ "fieldName": "scene"
4796
4588
  },
4797
4589
  {
4798
- "name": "rule",
4590
+ "name": "bounds",
4799
4591
  "type": {
4800
- "text": "Rule"
4592
+ "text": "any"
4801
4593
  },
4802
4594
  "default": "{}",
4803
- "fieldName": "rule"
4595
+ "fieldName": "bounds"
4804
4596
  },
4805
4597
  {
4806
- "name": "properties",
4598
+ "name": "model",
4807
4599
  "type": {
4808
- "text": "Properties[]"
4600
+ "text": "Model | null"
4601
+ },
4602
+ "default": "{}",
4603
+ "fieldName": "model"
4604
+ },
4605
+ {
4606
+ "name": "selected",
4607
+ "type": {
4608
+ "text": "Component[]"
4809
4609
  },
4810
4610
  "default": "[]",
4811
- "fieldName": "properties"
4611
+ "fieldName": "selected"
4812
4612
  },
4813
4613
  {
4814
- "name": "scene",
4614
+ "name": "specificProps",
4815
4615
  "type": {
4816
- "text": "Scene | undefined"
4616
+ "text": "any"
4817
4617
  },
4818
- "fieldName": "scene"
4819
- }
4820
- ],
4821
- "superclass": {
4822
- "name": "LitElement",
4823
- "package": "lit"
4824
- },
4825
- "customElement": true
4826
- }
4827
- ],
4828
- "exports": [
4829
- {
4830
- "kind": "js",
4831
- "name": "DataBindingMapper",
4832
- "declaration": {
4833
- "name": "DataBindingMapper",
4834
- "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
4835
- }
4836
- }
4837
- ]
4838
- },
4839
- {
4840
- "kind": "javascript-module",
4841
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
4842
- "declarations": [
4843
- {
4844
- "kind": "class",
4845
- "description": "",
4846
- "name": "DataBindingValueMap",
4847
- "members": [
4618
+ "fieldName": "specificProps"
4619
+ },
4848
4620
  {
4849
- "kind": "method",
4850
- "name": "valueInputTemplate",
4851
- "parameters": [
4852
- {
4853
- "name": "value",
4854
- "optional": true,
4855
- "type": {
4856
- "text": "any"
4857
- }
4858
- }
4859
- ]
4621
+ "name": "tabName",
4622
+ "type": {
4623
+ "text": "string | null"
4624
+ },
4625
+ "default": "'specific'",
4626
+ "fieldName": "tabName"
4627
+ },
4628
+ {
4629
+ "name": "collapsed",
4630
+ "type": {
4631
+ "text": "boolean"
4632
+ },
4633
+ "default": "false",
4634
+ "fieldName": "collapsed"
4635
+ },
4636
+ {
4637
+ "name": "fonts",
4638
+ "type": {
4639
+ "text": "any[]"
4640
+ },
4641
+ "default": "[]",
4642
+ "fieldName": "fonts"
4643
+ },
4644
+ {
4645
+ "name": "propertyEditor",
4646
+ "type": {
4647
+ "text": "any[]"
4648
+ },
4649
+ "default": "[]",
4650
+ "fieldName": "propertyEditor"
4860
4651
  }
4861
4652
  ],
4862
- "superclass": {
4863
- "name": "OxInputValueMap",
4864
- "package": "@operato/input"
4865
- },
4866
- "tagName": "data-binding-value-map",
4867
- "customElement": true
4868
- }
4869
- ],
4870
- "exports": [
4871
- {
4872
- "kind": "js",
4873
- "name": "DataBindingValueMap",
4874
- "declaration": {
4875
- "name": "DataBindingValueMap",
4876
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
4877
- }
4878
- },
4879
- {
4880
- "kind": "custom-element-definition",
4881
- "name": "data-binding-value-map",
4882
- "declaration": {
4883
- "name": "DataBindingValueMap",
4884
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
4885
- }
4886
- }
4887
- ]
4888
- },
4889
- {
4890
- "kind": "javascript-module",
4891
- "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
4892
- "declarations": [
4893
- {
4894
- "kind": "class",
4895
- "description": "",
4896
- "name": "DataBindingValueRange",
4897
- "members": [
4653
+ "mixins": [
4898
4654
  {
4899
- "kind": "method",
4900
- "name": "valueInputTemplate",
4901
- "parameters": [
4902
- {
4903
- "name": "value",
4904
- "optional": true,
4905
- "type": {
4906
- "text": "any"
4907
- }
4908
- }
4909
- ]
4655
+ "name": "ScopedElementsMixin",
4656
+ "package": "@open-wc/scoped-elements"
4910
4657
  }
4911
4658
  ],
4912
4659
  "superclass": {
4913
- "name": "OxInputValueRange",
4914
- "package": "@operato/input"
4660
+ "name": "LitElement",
4661
+ "package": "lit"
4915
4662
  },
4916
- "tagName": "data-binding-value-range",
4917
4663
  "customElement": true
4918
4664
  }
4919
4665
  ],
4920
4666
  "exports": [
4921
4667
  {
4922
4668
  "kind": "js",
4923
- "name": "DataBindingValueRange",
4924
- "declaration": {
4925
- "name": "DataBindingValueRange",
4926
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
4927
- }
4928
- },
4929
- {
4930
- "kind": "custom-element-definition",
4931
- "name": "data-binding-value-range",
4669
+ "name": "PropertySidebar",
4932
4670
  "declaration": {
4933
- "name": "DataBindingValueRange",
4934
- "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
4671
+ "name": "PropertySidebar",
4672
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
4935
4673
  }
4936
4674
  }
4937
4675
  ]
4938
4676
  },
4939
4677
  {
4940
4678
  "kind": "javascript-module",
4941
- "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
4679
+ "path": "src/modeller/property-sidebar/inspector/inspector.ts",
4942
4680
  "declarations": [
4943
4681
  {
4944
4682
  "kind": "class",
4945
4683
  "description": "",
4946
- "name": "PropertyDataBinding",
4684
+ "name": "SceneInspector",
4947
4685
  "members": [
4948
- {
4949
- "kind": "field",
4950
- "name": "value",
4951
- "type": {
4952
- "text": "Properties | undefined"
4953
- },
4954
- "attribute": "value"
4955
- },
4956
4686
  {
4957
4687
  "kind": "field",
4958
4688
  "name": "scene",
@@ -4963,191 +4693,198 @@
4963
4693
  },
4964
4694
  {
4965
4695
  "kind": "field",
4966
- "name": "mappingIndex",
4696
+ "name": "searchText",
4967
4697
  "type": {
4968
- "text": "number"
4698
+ "text": "string"
4969
4699
  },
4970
- "default": "0"
4700
+ "privacy": "private",
4701
+ "default": "''"
4971
4702
  },
4972
4703
  {
4973
4704
  "kind": "field",
4974
- "name": "_afterRender",
4705
+ "name": "_extendedMap",
4975
4706
  "type": {
4976
- "text": "Function | null | undefined"
4977
- }
4707
+ "text": "any"
4708
+ },
4709
+ "privacy": "private"
4978
4710
  },
4979
4711
  {
4980
4712
  "kind": "field",
4981
- "name": "_dataExpanded",
4713
+ "name": "show",
4982
4714
  "type": {
4983
4715
  "text": "boolean"
4984
4716
  },
4985
- "default": "true"
4717
+ "privacy": "private",
4718
+ "default": "false"
4986
4719
  },
4987
4720
  {
4988
- "kind": "field",
4989
- "name": "tabs",
4990
- "type": {
4991
- "text": "HTMLElement"
4992
- }
4721
+ "kind": "method",
4722
+ "name": "disconnectScene",
4723
+ "parameters": [
4724
+ {
4725
+ "name": "scene",
4726
+ "optional": true,
4727
+ "type": {
4728
+ "text": "Scene"
4729
+ }
4730
+ }
4731
+ ]
4993
4732
  },
4994
4733
  {
4995
- "kind": "field",
4996
- "name": "tabNavLeftButton",
4997
- "type": {
4998
- "text": "HTMLElement"
4999
- }
4734
+ "kind": "method",
4735
+ "name": "refresh"
5000
4736
  },
5001
4737
  {
5002
4738
  "kind": "field",
5003
- "name": "tabNavRightButton",
4739
+ "name": "sortableConfig",
5004
4740
  "type": {
5005
- "text": "HTMLElement"
5006
- }
5007
- },
5008
- {
5009
- "kind": "field",
5010
- "name": "mappings",
5011
- "readonly": true
4741
+ "text": "Sortable.Options"
4742
+ },
4743
+ "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5012
4744
  },
5013
4745
  {
5014
- "kind": "field",
5015
- "name": "scopedElements",
5016
- "static": true,
5017
- "readonly": true
4746
+ "kind": "method",
4747
+ "name": "onSort",
4748
+ "parameters": [
4749
+ {
4750
+ "name": "e",
4751
+ "type": {
4752
+ "text": "Sortable.SortableEvent"
4753
+ }
4754
+ }
4755
+ ]
5018
4756
  },
5019
4757
  {
5020
4758
  "kind": "method",
5021
- "name": "_setMappingIndex",
4759
+ "name": "_onclick",
5022
4760
  "parameters": [
5023
4761
  {
5024
- "name": "idx",
4762
+ "name": "e",
5025
4763
  "type": {
5026
- "text": "number"
4764
+ "text": "MouseEvent"
5027
4765
  }
5028
4766
  }
5029
4767
  ]
5030
4768
  },
5031
4769
  {
5032
4770
  "kind": "method",
5033
- "name": "_clearDataBindingMapper"
5034
- },
5035
- {
5036
- "kind": "method",
5037
- "name": "_copyDataBindingMapper"
5038
- },
5039
- {
5040
- "kind": "method",
5041
- "name": "_pasteDataBindingMapper"
5042
- },
5043
- {
5044
- "kind": "method",
5045
- "name": "_onValueChanged"
5046
- },
5047
- {
5048
- "kind": "method",
5049
- "name": "_onValueChange",
4771
+ "name": "_ondblclick",
5050
4772
  "parameters": [
5051
4773
  {
5052
4774
  "name": "e",
5053
4775
  "type": {
5054
- "text": "Event"
4776
+ "text": "MouseEvent"
5055
4777
  }
5056
4778
  }
5057
- ],
5058
- "inheritedFrom": {
5059
- "name": "AbstractProperty",
5060
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5061
- }
4779
+ ]
5062
4780
  },
5063
4781
  {
5064
4782
  "kind": "field",
5065
- "name": "tabContainer",
4783
+ "name": "extendedMap",
5066
4784
  "readonly": true
5067
4785
  },
5068
4786
  {
5069
4787
  "kind": "method",
5070
- "name": "_onMappingChanged",
4788
+ "name": "getNodeHandleClass",
5071
4789
  "parameters": [
5072
4790
  {
5073
- "name": "e",
4791
+ "name": "component",
5074
4792
  "type": {
5075
- "text": "CustomEvent"
4793
+ "text": "Component"
5076
4794
  }
5077
4795
  }
5078
4796
  ]
5079
4797
  },
5080
4798
  {
5081
4799
  "kind": "method",
5082
- "name": "_onTabScroll"
4800
+ "name": "isExtended",
4801
+ "parameters": [
4802
+ {
4803
+ "name": "component",
4804
+ "type": {
4805
+ "text": "Component"
4806
+ }
4807
+ }
4808
+ ]
5083
4809
  },
5084
4810
  {
5085
4811
  "kind": "method",
5086
- "name": "_onTabScrollNavLeft"
4812
+ "name": "toggleExtended",
4813
+ "parameters": [
4814
+ {
4815
+ "name": "component",
4816
+ "type": {
4817
+ "text": "Component"
4818
+ }
4819
+ }
4820
+ ]
5087
4821
  },
5088
4822
  {
5089
4823
  "kind": "method",
5090
- "name": "_onTabScrollNavRight"
4824
+ "name": "toggleHidden",
4825
+ "parameters": [
4826
+ {
4827
+ "name": "component",
4828
+ "type": {
4829
+ "text": "Component"
4830
+ }
4831
+ }
4832
+ ]
5091
4833
  },
5092
4834
  {
5093
4835
  "kind": "method",
5094
- "name": "_getValueFromEventTarget",
4836
+ "name": "selectComponent",
5095
4837
  "parameters": [
5096
4838
  {
5097
- "name": "element",
4839
+ "name": "component",
5098
4840
  "type": {
5099
- "text": "HTMLElement"
4841
+ "text": "Component"
5100
4842
  }
5101
4843
  }
5102
- ],
5103
- "inheritedFrom": {
5104
- "name": "AbstractProperty",
5105
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5106
- }
4844
+ ]
5107
4845
  },
5108
4846
  {
5109
4847
  "kind": "method",
5110
- "name": "_onAfterValueChange",
4848
+ "name": "shouldBeShown",
4849
+ "return": {
4850
+ "type": {
4851
+ "text": "boolean"
4852
+ }
4853
+ },
5111
4854
  "parameters": [
5112
4855
  {
5113
- "name": "key",
4856
+ "name": "component",
5114
4857
  "type": {
5115
- "text": "string"
4858
+ "text": "Component"
4859
+ }
4860
+ }
4861
+ ]
4862
+ },
4863
+ {
4864
+ "kind": "method",
4865
+ "name": "renderComponent",
4866
+ "return": {
4867
+ "type": {
4868
+ "text": "TemplateResult"
4869
+ }
4870
+ },
4871
+ "parameters": [
4872
+ {
4873
+ "name": "component",
4874
+ "type": {
4875
+ "text": "Component"
5116
4876
  }
5117
4877
  },
5118
4878
  {
5119
- "name": "value",
4879
+ "name": "depth",
5120
4880
  "type": {
5121
- "text": "any"
4881
+ "text": "number"
5122
4882
  }
5123
4883
  }
5124
- ],
5125
- "inheritedFrom": {
5126
- "name": "AbstractProperty",
5127
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5128
- }
5129
- }
5130
- ],
5131
- "events": [
5132
- {
5133
- "name": "property-change",
5134
- "type": {
5135
- "text": "CustomEvent"
5136
- },
5137
- "inheritedFrom": {
5138
- "name": "AbstractProperty",
5139
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5140
- }
4884
+ ]
5141
4885
  }
5142
4886
  ],
5143
4887
  "attributes": [
5144
- {
5145
- "name": "value",
5146
- "type": {
5147
- "text": "Properties | undefined"
5148
- },
5149
- "fieldName": "value"
5150
- },
5151
4888
  {
5152
4889
  "name": "scene",
5153
4890
  "type": {
@@ -5156,172 +4893,91 @@
5156
4893
  "fieldName": "scene"
5157
4894
  }
5158
4895
  ],
5159
- "mixins": [
5160
- {
5161
- "name": "ScopedElementsMixin",
5162
- "package": "@open-wc/scoped-elements"
5163
- }
5164
- ],
5165
4896
  "superclass": {
5166
- "name": "AbstractProperty",
5167
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5168
- }
4897
+ "name": "LitElement",
4898
+ "package": "lit"
4899
+ },
4900
+ "customElement": true
5169
4901
  }
5170
4902
  ],
5171
4903
  "exports": [
5172
4904
  {
5173
4905
  "kind": "js",
5174
- "name": "PropertyDataBinding",
4906
+ "name": "SceneInspector",
5175
4907
  "declaration": {
5176
- "name": "PropertyDataBinding",
5177
- "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
4908
+ "name": "SceneInspector",
4909
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5178
4910
  }
5179
4911
  }
5180
4912
  ]
5181
4913
  },
5182
4914
  {
5183
4915
  "kind": "javascript-module",
5184
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
4916
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5185
4917
  "declarations": [
5186
4918
  {
5187
4919
  "kind": "variable",
5188
- "name": "BoxPaddingEditorStyles",
5189
- "default": "css`\n .box-padding {\n width: 100%;\n }\n\n .box-padding td {\n background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n }\n\n .box-padding tr:nth-child(1),\n .box-padding tr:nth-child(3) {\n height: 20px;\n }\n\n .box-padding tr td:nth-child(1),\n .box-padding tr td:nth-child(3) {\n width: 18px;\n }\n\n .box-padding .slide1 {\n background-position: 0 0;\n }\n\n .box-padding .slide2 {\n background-position: 50% -40px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide3 {\n background-position: 100% -440px;\n }\n\n .box-padding .slide4 {\n background-position: 0 -360px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide5 {\n background: none;\n text-align: center;\n }\n\n .box-padding .slide6 {\n background-position: 100% -160px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide7 {\n background-position: 0 100%;\n }\n\n .box-padding .slide8 {\n background-position: 50% -320px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide9 {\n background-position: 0 0px;\n }\n\n .box-padding input {\n background-color: transparent;\n width: 35px;\n margin: 0px;\n padding: 0px;\n clear: both;\n float: initial;\n border: 1px solid #fff;\n border-width: 0 0 1px 0;\n text-align: right;\n font-size: 14px;\n }\n\n .slide5 input:nth-child(1),\n .slide5 input:nth-child(4) {\n display: block;\n margin: auto;\n }\n\n .slide5 input:nth-child(2) {\n float: left;\n }\n\n .slide5 input:nth-child(3) {\n float: right;\n margin-top: -25px;\n }\n\n .slide5 input:nth-child(4) {\n margin-top: -5px;\n }\n`"
4920
+ "name": "EffectsSharedStyle",
4921
+ "default": "css`\n :host {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n\n align-items: center;\n }\n\n * {\n align-self: stretch;\n }\n\n label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n\n align-self: center;\n }\n\n input,\n select,\n ox-input-angle,\n ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n }\n\n input,\n select,\n ox-input-angle input,\n ox-input-color input,\n [custom-editor] input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n input[type='checkbox'] {\n grid-column: 4 / 5;\n align-self: center;\n }\n\n label.checkbox-label {\n grid-column: span 6;\n text-align: left;\n }\n\n [fullwidth] {\n grid-column: 1 / -1;\n }\n`"
5190
4922
  }
5191
4923
  ],
5192
4924
  "exports": [
5193
4925
  {
5194
4926
  "kind": "js",
5195
- "name": "BoxPaddingEditorStyles",
4927
+ "name": "EffectsSharedStyle",
5196
4928
  "declaration": {
5197
- "name": "BoxPaddingEditorStyles",
5198
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
4929
+ "name": "EffectsSharedStyle",
4930
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5199
4931
  }
5200
4932
  }
5201
4933
  ]
5202
4934
  },
5203
4935
  {
5204
4936
  "kind": "javascript-module",
5205
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
4937
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
5206
4938
  "declarations": [
5207
- {
5208
- "kind": "class",
5209
- "description": "",
5210
- "name": "PropertyShapes",
5211
- "members": [
5212
- {
5213
- "kind": "field",
5214
- "name": "value",
5215
- "type": {
5216
- "text": "Properties | undefined"
5217
- },
5218
- "attribute": "value"
5219
- },
5220
- {
5221
- "kind": "field",
5222
- "name": "bounds",
5223
- "type": {
5224
- "text": "BOUNDS | null"
5225
- },
5226
- "default": "null",
5227
- "attribute": "bounds"
5228
- },
5229
- {
5230
- "kind": "field",
5231
- "name": "selected",
5232
- "type": {
5233
- "text": "Component[]"
5234
- },
5235
- "default": "[]",
5236
- "attribute": "selected"
5237
- },
5238
- {
5239
- "kind": "method",
5240
- "name": "_onValueChange",
5241
- "parameters": [
5242
- {
5243
- "name": "e",
5244
- "type": {
5245
- "text": "Event"
5246
- }
5247
- }
5248
- ],
5249
- "inheritedFrom": {
5250
- "name": "AbstractProperty",
5251
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5252
- }
5253
- },
5254
- {
5255
- "kind": "method",
5256
- "name": "_hasTextProperty",
5257
- "parameters": [
5258
- {
5259
- "name": "selected",
5260
- "type": {
5261
- "text": "Component[]"
5262
- }
5263
- }
5264
- ]
5265
- },
5266
- {
5267
- "kind": "method",
5268
- "name": "_hasProperties",
5269
- "parameters": [
5270
- {
5271
- "name": "selected",
5272
- "type": {
5273
- "text": "Component[]"
5274
- }
5275
- }
5276
- ]
5277
- },
5278
- {
5279
- "kind": "method",
5280
- "name": "_isIdentifiable",
5281
- "parameters": [
5282
- {
5283
- "name": "selected",
5284
- "type": {
5285
- "text": "Component[]"
5286
- }
5287
- }
5288
- ]
4939
+ {
4940
+ "kind": "class",
4941
+ "description": "",
4942
+ "name": "PropertyEffects",
4943
+ "members": [
4944
+ {
4945
+ "kind": "field",
4946
+ "name": "value",
4947
+ "type": {
4948
+ "text": "Properties | undefined"
4949
+ },
4950
+ "attribute": "value"
5289
4951
  },
5290
4952
  {
5291
- "kind": "method",
5292
- "name": "_isClassIdentifiable",
5293
- "parameters": [
5294
- {
5295
- "name": "selected",
5296
- "type": {
5297
- "text": "Component[]"
5298
- }
5299
- }
5300
- ]
4953
+ "kind": "field",
4954
+ "name": "scene",
4955
+ "type": {
4956
+ "text": "Scene | undefined"
4957
+ },
4958
+ "attribute": "scene"
5301
4959
  },
5302
4960
  {
5303
- "kind": "method",
5304
- "name": "_isLine",
5305
- "parameters": [
5306
- {
5307
- "name": "selected",
5308
- "type": {
5309
- "text": "Component[]"
5310
- }
5311
- }
5312
- ]
4961
+ "kind": "field",
4962
+ "name": "scopedElements",
4963
+ "static": true,
4964
+ "readonly": true
5313
4965
  },
5314
4966
  {
5315
4967
  "kind": "method",
5316
- "name": "_is3dish",
4968
+ "name": "_onValueChange",
5317
4969
  "parameters": [
5318
4970
  {
5319
- "name": "selected",
4971
+ "name": "e",
5320
4972
  "type": {
5321
- "text": "Component[]"
4973
+ "text": "Event"
5322
4974
  }
5323
4975
  }
5324
- ]
4976
+ ],
4977
+ "inheritedFrom": {
4978
+ "name": "AbstractProperty",
4979
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4980
+ }
5325
4981
  },
5326
4982
  {
5327
4983
  "kind": "method",
@@ -5362,24 +5018,6 @@
5362
5018
  }
5363
5019
  }
5364
5020
  ],
5365
- "events": [
5366
- {
5367
- "name": "bounds-change",
5368
- "type": {
5369
- "text": "CustomEvent"
5370
- }
5371
- },
5372
- {
5373
- "name": "property-change",
5374
- "type": {
5375
- "text": "CustomEvent"
5376
- },
5377
- "inheritedFrom": {
5378
- "name": "AbstractProperty",
5379
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5380
- }
5381
- }
5382
- ],
5383
5021
  "attributes": [
5384
5022
  {
5385
5023
  "name": "value",
@@ -5389,323 +5027,542 @@
5389
5027
  "fieldName": "value"
5390
5028
  },
5391
5029
  {
5392
- "name": "bounds",
5030
+ "name": "scene",
5393
5031
  "type": {
5394
- "text": "BOUNDS | null"
5032
+ "text": "Scene | undefined"
5395
5033
  },
5396
- "default": "null",
5397
- "fieldName": "bounds"
5398
- },
5034
+ "fieldName": "scene"
5035
+ }
5036
+ ],
5037
+ "mixins": [
5399
5038
  {
5400
- "name": "selected",
5401
- "type": {
5402
- "text": "Component[]"
5403
- },
5404
- "default": "[]",
5405
- "fieldName": "selected"
5039
+ "name": "ScopedElementsMixin",
5040
+ "package": "@open-wc/scoped-elements"
5406
5041
  }
5407
5042
  ],
5408
5043
  "superclass": {
5409
5044
  "name": "AbstractProperty",
5410
- "module": "/src/modeller/property-sidebar/abstract-property"
5411
- }
5045
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
5046
+ },
5047
+ "events": [
5048
+ {
5049
+ "name": "property-change",
5050
+ "type": {
5051
+ "text": "CustomEvent"
5052
+ },
5053
+ "inheritedFrom": {
5054
+ "name": "AbstractProperty",
5055
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5056
+ }
5057
+ }
5058
+ ]
5412
5059
  }
5413
5060
  ],
5414
5061
  "exports": [
5415
5062
  {
5416
5063
  "kind": "js",
5417
- "name": "PropertyShapes",
5064
+ "name": "PropertyEffects",
5418
5065
  "declaration": {
5419
- "name": "PropertyShapes",
5420
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5066
+ "name": "PropertyEffects",
5067
+ "module": "src/modeller/property-sidebar/effects/effects.ts"
5421
5068
  }
5422
5069
  }
5423
5070
  ]
5424
5071
  },
5425
5072
  {
5426
5073
  "kind": "javascript-module",
5427
- "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5074
+ "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5428
5075
  "declarations": [
5429
5076
  {
5430
5077
  "kind": "class",
5431
5078
  "description": "",
5432
- "name": "SceneInspector",
5079
+ "name": "PropertyEventHover",
5433
5080
  "members": [
5434
5081
  {
5435
5082
  "kind": "field",
5436
- "name": "scene",
5437
- "type": {
5438
- "text": "Scene | undefined"
5439
- },
5440
- "attribute": "scene"
5441
- },
5442
- {
5443
- "kind": "field",
5444
- "name": "searchText",
5445
- "type": {
5446
- "text": "string"
5447
- },
5448
- "privacy": "private",
5449
- "default": "''"
5450
- },
5451
- {
5452
- "kind": "field",
5453
- "name": "_extendedMap",
5083
+ "name": "value",
5454
5084
  "type": {
5455
- "text": "any"
5085
+ "text": "Properties | undefined"
5456
5086
  },
5457
- "privacy": "private"
5087
+ "attribute": "value"
5458
5088
  },
5459
5089
  {
5460
5090
  "kind": "field",
5461
- "name": "show",
5091
+ "name": "scene",
5462
5092
  "type": {
5463
- "text": "boolean"
5093
+ "text": "Scene | undefined"
5464
5094
  },
5465
- "privacy": "private",
5466
- "default": "false"
5095
+ "attribute": "scene"
5467
5096
  },
5468
5097
  {
5469
5098
  "kind": "method",
5470
- "name": "disconnectScene",
5099
+ "name": "_getPlaceHoder",
5471
5100
  "parameters": [
5472
5101
  {
5473
- "name": "scene",
5474
- "optional": true,
5102
+ "name": "action",
5475
5103
  "type": {
5476
- "text": "Scene"
5104
+ "text": "string"
5477
5105
  }
5478
5106
  }
5479
5107
  ]
5480
5108
  },
5481
5109
  {
5482
5110
  "kind": "method",
5483
- "name": "refresh"
5484
- },
5485
- {
5486
- "kind": "field",
5487
- "name": "sortableConfig",
5488
- "type": {
5489
- "text": "Sortable.Options"
5111
+ "name": "_getTargetList",
5112
+ "return": {
5113
+ "type": {
5114
+ "text": "{ value: string; description: string }[]"
5115
+ }
5490
5116
  },
5491
- "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5492
- },
5493
- {
5494
- "kind": "method",
5495
- "name": "onSort",
5496
5117
  "parameters": [
5497
5118
  {
5498
- "name": "e",
5119
+ "name": "action",
5499
5120
  "type": {
5500
- "text": "Sortable.SortableEvent"
5121
+ "text": "string"
5501
5122
  }
5502
5123
  }
5503
5124
  ]
5504
5125
  },
5505
5126
  {
5506
5127
  "kind": "method",
5507
- "name": "_onclick",
5128
+ "name": "_onValueChange",
5508
5129
  "parameters": [
5509
5130
  {
5510
5131
  "name": "e",
5511
5132
  "type": {
5512
- "text": "MouseEvent"
5133
+ "text": "Event"
5513
5134
  }
5514
5135
  }
5515
5136
  ]
5137
+ }
5138
+ ],
5139
+ "events": [
5140
+ {
5141
+ "name": "change",
5142
+ "type": {
5143
+ "text": "CustomEvent"
5144
+ }
5145
+ }
5146
+ ],
5147
+ "attributes": [
5148
+ {
5149
+ "name": "value",
5150
+ "type": {
5151
+ "text": "Properties | undefined"
5152
+ },
5153
+ "fieldName": "value"
5516
5154
  },
5517
5155
  {
5518
- "kind": "method",
5519
- "name": "_ondblclick",
5520
- "parameters": [
5521
- {
5522
- "name": "e",
5523
- "type": {
5524
- "text": "MouseEvent"
5525
- }
5526
- }
5527
- ]
5156
+ "name": "scene",
5157
+ "type": {
5158
+ "text": "Scene | undefined"
5159
+ },
5160
+ "fieldName": "scene"
5161
+ }
5162
+ ],
5163
+ "superclass": {
5164
+ "name": "LitElement",
5165
+ "package": "lit"
5166
+ },
5167
+ "customElement": true
5168
+ }
5169
+ ],
5170
+ "exports": [
5171
+ {
5172
+ "kind": "js",
5173
+ "name": "PropertyEventHover",
5174
+ "declaration": {
5175
+ "name": "PropertyEventHover",
5176
+ "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5177
+ }
5178
+ }
5179
+ ]
5180
+ },
5181
+ {
5182
+ "kind": "javascript-module",
5183
+ "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5184
+ "declarations": [
5185
+ {
5186
+ "kind": "class",
5187
+ "description": "",
5188
+ "name": "PropertyEventTap",
5189
+ "members": [
5190
+ {
5191
+ "kind": "field",
5192
+ "name": "value",
5193
+ "type": {
5194
+ "text": "Properties | undefined"
5195
+ },
5196
+ "attribute": "value"
5197
+ },
5198
+ {
5199
+ "kind": "field",
5200
+ "name": "scene",
5201
+ "type": {
5202
+ "text": "Scene | undefined"
5203
+ },
5204
+ "attribute": "scene"
5205
+ },
5206
+ {
5207
+ "kind": "field",
5208
+ "name": "scenarios",
5209
+ "type": {
5210
+ "text": "{ value: string; description: string }[]"
5211
+ },
5212
+ "default": "[]"
5528
5213
  },
5529
5214
  {
5530
5215
  "kind": "field",
5531
- "name": "extendedMap",
5532
- "readonly": true
5216
+ "name": "targetList",
5217
+ "type": {
5218
+ "text": "{ value: string; description: string }[]"
5219
+ },
5220
+ "default": "[]"
5533
5221
  },
5534
5222
  {
5535
5223
  "kind": "method",
5536
- "name": "getNodeHandleClass",
5224
+ "name": "_getPlaceHoder",
5537
5225
  "parameters": [
5538
5226
  {
5539
- "name": "component",
5227
+ "name": "action",
5540
5228
  "type": {
5541
- "text": "Component"
5229
+ "text": "string"
5542
5230
  }
5543
5231
  }
5544
5232
  ]
5545
5233
  },
5546
5234
  {
5547
5235
  "kind": "method",
5548
- "name": "isExtended",
5236
+ "name": "_getInputList",
5237
+ "return": {
5238
+ "type": {
5239
+ "text": "{ value: string; description: string }[]"
5240
+ }
5241
+ },
5549
5242
  "parameters": [
5550
5243
  {
5551
- "name": "component",
5244
+ "name": "action",
5552
5245
  "type": {
5553
- "text": "Component"
5246
+ "text": "string"
5554
5247
  }
5555
5248
  }
5556
5249
  ]
5557
5250
  },
5558
5251
  {
5559
5252
  "kind": "method",
5560
- "name": "toggleExtended",
5253
+ "name": "_onValueChange",
5561
5254
  "parameters": [
5562
5255
  {
5563
- "name": "component",
5256
+ "name": "e",
5564
5257
  "type": {
5565
- "text": "Component"
5258
+ "text": "Event"
5566
5259
  }
5567
5260
  }
5568
5261
  ]
5262
+ }
5263
+ ],
5264
+ "events": [
5265
+ {
5266
+ "name": "change",
5267
+ "type": {
5268
+ "text": "CustomEvent"
5269
+ }
5270
+ }
5271
+ ],
5272
+ "attributes": [
5273
+ {
5274
+ "name": "value",
5275
+ "type": {
5276
+ "text": "Properties | undefined"
5277
+ },
5278
+ "fieldName": "value"
5569
5279
  },
5570
5280
  {
5571
- "kind": "method",
5572
- "name": "toggleHidden",
5573
- "parameters": [
5574
- {
5575
- "name": "component",
5576
- "type": {
5577
- "text": "Component"
5578
- }
5579
- }
5580
- ]
5281
+ "name": "scene",
5282
+ "type": {
5283
+ "text": "Scene | undefined"
5284
+ },
5285
+ "fieldName": "scene"
5286
+ }
5287
+ ],
5288
+ "superclass": {
5289
+ "name": "LitElement",
5290
+ "package": "lit"
5291
+ },
5292
+ "customElement": true
5293
+ }
5294
+ ],
5295
+ "exports": [
5296
+ {
5297
+ "kind": "js",
5298
+ "name": "PropertyEventTap",
5299
+ "declaration": {
5300
+ "name": "PropertyEventTap",
5301
+ "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5302
+ }
5303
+ }
5304
+ ]
5305
+ },
5306
+ {
5307
+ "kind": "javascript-module",
5308
+ "path": "src/modeller/property-sidebar/effects/property-event.ts",
5309
+ "declarations": [
5310
+ {
5311
+ "kind": "class",
5312
+ "description": "",
5313
+ "name": "PropertyEvent",
5314
+ "members": [
5315
+ {
5316
+ "kind": "field",
5317
+ "name": "value",
5318
+ "type": {
5319
+ "text": "Properties | undefined"
5320
+ },
5321
+ "attribute": "value"
5322
+ },
5323
+ {
5324
+ "kind": "field",
5325
+ "name": "scene",
5326
+ "type": {
5327
+ "text": "Scene | undefined"
5328
+ },
5329
+ "attribute": "scene"
5330
+ },
5331
+ {
5332
+ "kind": "field",
5333
+ "name": "scopedElements",
5334
+ "static": true,
5335
+ "readonly": true
5581
5336
  },
5582
5337
  {
5583
5338
  "kind": "method",
5584
- "name": "selectComponent",
5339
+ "name": "_onValueChange",
5585
5340
  "parameters": [
5586
5341
  {
5587
- "name": "component",
5342
+ "name": "e",
5588
5343
  "type": {
5589
- "text": "Component"
5344
+ "text": "Event"
5590
5345
  }
5591
5346
  }
5592
5347
  ]
5348
+ }
5349
+ ],
5350
+ "events": [
5351
+ {
5352
+ "name": "change",
5353
+ "type": {
5354
+ "text": "CustomEvent"
5355
+ }
5356
+ }
5357
+ ],
5358
+ "attributes": [
5359
+ {
5360
+ "name": "value",
5361
+ "type": {
5362
+ "text": "Properties | undefined"
5363
+ },
5364
+ "fieldName": "value"
5593
5365
  },
5594
5366
  {
5595
- "kind": "method",
5596
- "name": "shouldBeShown",
5597
- "return": {
5598
- "type": {
5599
- "text": "boolean"
5600
- }
5367
+ "name": "scene",
5368
+ "type": {
5369
+ "text": "Scene | undefined"
5601
5370
  },
5602
- "parameters": [
5603
- {
5604
- "name": "component",
5605
- "type": {
5606
- "text": "Component"
5607
- }
5608
- }
5609
- ]
5371
+ "fieldName": "scene"
5372
+ }
5373
+ ],
5374
+ "mixins": [
5375
+ {
5376
+ "name": "ScopedElementsMixin",
5377
+ "package": "@open-wc/scoped-elements"
5378
+ }
5379
+ ],
5380
+ "superclass": {
5381
+ "name": "LitElement",
5382
+ "package": "lit"
5383
+ },
5384
+ "customElement": true
5385
+ }
5386
+ ],
5387
+ "exports": [
5388
+ {
5389
+ "kind": "js",
5390
+ "name": "PropertyEvent",
5391
+ "declaration": {
5392
+ "name": "PropertyEvent",
5393
+ "module": "src/modeller/property-sidebar/effects/property-event.ts"
5394
+ }
5395
+ }
5396
+ ]
5397
+ },
5398
+ {
5399
+ "kind": "javascript-module",
5400
+ "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5401
+ "declarations": [
5402
+ {
5403
+ "kind": "class",
5404
+ "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5405
+ "name": "PropertyShadow",
5406
+ "members": [
5407
+ {
5408
+ "kind": "field",
5409
+ "name": "value",
5410
+ "type": {
5411
+ "text": "Properties | undefined"
5412
+ },
5413
+ "attribute": "value"
5610
5414
  },
5611
5415
  {
5612
5416
  "kind": "method",
5613
- "name": "renderComponent",
5614
- "return": {
5615
- "type": {
5616
- "text": "TemplateResult"
5617
- }
5618
- },
5417
+ "name": "_onValueChange",
5619
5418
  "parameters": [
5620
5419
  {
5621
- "name": "component",
5622
- "type": {
5623
- "text": "Component"
5624
- }
5625
- },
5626
- {
5627
- "name": "depth",
5420
+ "name": "e",
5628
5421
  "type": {
5629
- "text": "number"
5422
+ "text": "Event"
5630
5423
  }
5631
5424
  }
5632
5425
  ]
5633
5426
  }
5634
5427
  ],
5428
+ "events": [
5429
+ {
5430
+ "name": "change",
5431
+ "type": {
5432
+ "text": "CustomEvent"
5433
+ }
5434
+ }
5435
+ ],
5635
5436
  "attributes": [
5636
5437
  {
5637
- "name": "scene",
5438
+ "name": "value",
5439
+ "type": {
5440
+ "text": "Properties | undefined"
5441
+ },
5442
+ "fieldName": "value"
5443
+ }
5444
+ ],
5445
+ "superclass": {
5446
+ "name": "LitElement",
5447
+ "package": "lit"
5448
+ },
5449
+ "customElement": true
5450
+ }
5451
+ ],
5452
+ "exports": [
5453
+ {
5454
+ "kind": "js",
5455
+ "name": "PropertyShadow",
5456
+ "declaration": {
5457
+ "name": "PropertyShadow",
5458
+ "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5459
+ }
5460
+ }
5461
+ ]
5462
+ },
5463
+ {
5464
+ "kind": "javascript-module",
5465
+ "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5466
+ "declarations": [
5467
+ {
5468
+ "kind": "function",
5469
+ "name": "convert",
5470
+ "parameters": [
5471
+ {
5472
+ "name": "element",
5638
5473
  "type": {
5639
- "text": "Scene | undefined"
5640
- },
5641
- "fieldName": "scene"
5474
+ "text": "any"
5475
+ }
5642
5476
  }
5643
- ],
5644
- "superclass": {
5645
- "name": "LitElement",
5646
- "package": "lit"
5647
- },
5648
- "customElement": true
5477
+ ]
5649
5478
  }
5650
5479
  ],
5651
5480
  "exports": [
5652
5481
  {
5653
5482
  "kind": "js",
5654
- "name": "SceneInspector",
5483
+ "name": "convert",
5655
5484
  "declaration": {
5656
- "name": "SceneInspector",
5657
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5485
+ "name": "convert",
5486
+ "module": "src/modeller/property-sidebar/effects/value-converter.ts"
5658
5487
  }
5659
5488
  }
5660
5489
  ]
5661
5490
  },
5662
5491
  {
5663
5492
  "kind": "javascript-module",
5664
- "path": "src/modeller/property-sidebar/styles/styles.ts",
5493
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5494
+ "declarations": [
5495
+ {
5496
+ "kind": "variable",
5497
+ "name": "BoxPaddingEditorStyles",
5498
+ "default": "css`\n .box-padding {\n width: 100%;\n }\n\n .box-padding td {\n background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n }\n\n .box-padding tr:nth-child(1),\n .box-padding tr:nth-child(3) {\n height: 20px;\n }\n\n .box-padding tr td:nth-child(1),\n .box-padding tr td:nth-child(3) {\n width: 18px;\n }\n\n .box-padding .slide1 {\n background-position: 0 0;\n }\n\n .box-padding .slide2 {\n background-position: 50% -40px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide3 {\n background-position: 100% -440px;\n }\n\n .box-padding .slide4 {\n background-position: 0 -360px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide5 {\n background: none;\n text-align: center;\n }\n\n .box-padding .slide6 {\n background-position: 100% -160px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide7 {\n background-position: 0 100%;\n }\n\n .box-padding .slide8 {\n background-position: 50% -320px;\n background-color: rgba(69, 46, 41, 0.2);\n }\n\n .box-padding .slide9 {\n background-position: 0 0px;\n }\n\n .box-padding input {\n background-color: transparent;\n width: 35px;\n margin: 0px;\n padding: 0px;\n clear: both;\n float: initial;\n border: 1px solid #fff;\n border-width: 0 0 1px 0;\n text-align: right;\n font-size: 14px;\n }\n\n .slide5 input:nth-child(1),\n .slide5 input:nth-child(4) {\n display: block;\n margin: auto;\n }\n\n .slide5 input:nth-child(2) {\n float: left;\n }\n\n .slide5 input:nth-child(3) {\n float: right;\n margin-top: -25px;\n }\n\n .slide5 input:nth-child(4) {\n margin-top: -5px;\n }\n`"
5499
+ }
5500
+ ],
5501
+ "exports": [
5502
+ {
5503
+ "kind": "js",
5504
+ "name": "BoxPaddingEditorStyles",
5505
+ "declaration": {
5506
+ "name": "BoxPaddingEditorStyles",
5507
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5508
+ }
5509
+ }
5510
+ ]
5511
+ },
5512
+ {
5513
+ "kind": "javascript-module",
5514
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5665
5515
  "declarations": [
5666
5516
  {
5667
5517
  "kind": "class",
5668
5518
  "description": "",
5669
- "name": "PropertyStyles",
5519
+ "name": "PropertyShapes",
5670
5520
  "members": [
5671
5521
  {
5672
5522
  "kind": "field",
5673
5523
  "name": "value",
5674
5524
  "type": {
5675
- "text": "any"
5525
+ "text": "Properties | undefined"
5676
5526
  },
5677
- "default": "{}",
5678
5527
  "attribute": "value"
5679
5528
  },
5680
5529
  {
5681
5530
  "kind": "field",
5682
- "name": "selected",
5531
+ "name": "bounds",
5683
5532
  "type": {
5684
- "text": "Component[]"
5533
+ "text": "BOUNDS | null"
5685
5534
  },
5686
- "default": "[]",
5687
- "attribute": "selected"
5535
+ "default": "null",
5536
+ "attribute": "bounds"
5688
5537
  },
5689
5538
  {
5690
5539
  "kind": "field",
5691
- "name": "fonts",
5540
+ "name": "selected",
5692
5541
  "type": {
5693
- "text": "any[]"
5542
+ "text": "Component[]"
5694
5543
  },
5695
5544
  "default": "[]",
5696
- "attribute": "fonts"
5545
+ "attribute": "selected"
5697
5546
  },
5698
5547
  {
5699
- "kind": "field",
5700
- "name": "fontAvailable",
5701
- "type": {
5702
- "text": "boolean"
5703
- },
5704
- "default": "false"
5548
+ "kind": "method",
5549
+ "name": "_onValueChange",
5550
+ "parameters": [
5551
+ {
5552
+ "name": "e",
5553
+ "type": {
5554
+ "text": "Event"
5555
+ }
5556
+ }
5557
+ ],
5558
+ "inheritedFrom": {
5559
+ "name": "AbstractProperty",
5560
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5561
+ }
5705
5562
  },
5706
5563
  {
5707
5564
  "kind": "method",
5708
- "name": "_isLine",
5565
+ "name": "_hasTextProperty",
5709
5566
  "parameters": [
5710
5567
  {
5711
5568
  "name": "selected",
@@ -5717,182 +5574,118 @@
5717
5574
  },
5718
5575
  {
5719
5576
  "kind": "method",
5720
- "name": "_onValueChange",
5577
+ "name": "_hasProperties",
5721
5578
  "parameters": [
5722
5579
  {
5723
- "name": "e",
5580
+ "name": "selected",
5724
5581
  "type": {
5725
- "text": "Event"
5582
+ "text": "Component[]"
5726
5583
  }
5727
5584
  }
5728
- ],
5729
- "inheritedFrom": {
5730
- "name": "AbstractProperty",
5731
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5732
- }
5585
+ ]
5733
5586
  },
5734
5587
  {
5735
5588
  "kind": "method",
5736
- "name": "_getValueFromEventTarget",
5589
+ "name": "_isIdentifiable",
5737
5590
  "parameters": [
5738
5591
  {
5739
- "name": "element",
5592
+ "name": "selected",
5740
5593
  "type": {
5741
- "text": "HTMLElement"
5594
+ "text": "Component[]"
5742
5595
  }
5743
5596
  }
5744
- ],
5745
- "inheritedFrom": {
5746
- "name": "AbstractProperty",
5747
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5748
- }
5597
+ ]
5749
5598
  },
5750
5599
  {
5751
5600
  "kind": "method",
5752
- "name": "_onAfterValueChange",
5601
+ "name": "_isClassIdentifiable",
5753
5602
  "parameters": [
5754
5603
  {
5755
- "name": "key",
5604
+ "name": "selected",
5756
5605
  "type": {
5757
- "text": "string"
5606
+ "text": "Component[]"
5758
5607
  }
5759
- },
5608
+ }
5609
+ ]
5610
+ },
5611
+ {
5612
+ "kind": "method",
5613
+ "name": "_isLine",
5614
+ "parameters": [
5760
5615
  {
5761
- "name": "value",
5616
+ "name": "selected",
5762
5617
  "type": {
5763
- "text": "any"
5618
+ "text": "Component[]"
5764
5619
  }
5765
5620
  }
5766
- ],
5767
- "inheritedFrom": {
5768
- "name": "AbstractProperty",
5769
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5770
- }
5771
- }
5772
- ],
5773
- "attributes": [
5774
- {
5775
- "name": "value",
5776
- "type": {
5777
- "text": "any"
5778
- },
5779
- "default": "{}",
5780
- "fieldName": "value"
5781
- },
5782
- {
5783
- "name": "selected",
5784
- "type": {
5785
- "text": "Component[]"
5786
- },
5787
- "default": "[]",
5788
- "fieldName": "selected"
5789
- },
5790
- {
5791
- "name": "fonts",
5792
- "type": {
5793
- "text": "any[]"
5794
- },
5795
- "default": "[]",
5796
- "fieldName": "fonts"
5797
- }
5798
- ],
5799
- "superclass": {
5800
- "name": "AbstractProperty",
5801
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5802
- },
5803
- "events": [
5804
- {
5805
- "name": "property-change",
5806
- "type": {
5807
- "text": "CustomEvent"
5808
- },
5809
- "inheritedFrom": {
5810
- "name": "AbstractProperty",
5811
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5812
- }
5813
- }
5814
- ]
5815
- }
5816
- ],
5817
- "exports": [
5818
- {
5819
- "kind": "js",
5820
- "name": "PropertyStyles",
5821
- "declaration": {
5822
- "name": "PropertyStyles",
5823
- "module": "src/modeller/property-sidebar/styles/styles.ts"
5824
- }
5825
- }
5826
- ]
5827
- },
5828
- {
5829
- "kind": "javascript-module",
5830
- "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts",
5831
- "declarations": [
5832
- {
5833
- "kind": "class",
5834
- "description": "",
5835
- "name": "SpecificPropertiesBuilder",
5836
- "members": [
5837
- {
5838
- "kind": "field",
5839
- "name": "value",
5840
- "type": {
5841
- "text": "any"
5842
- },
5843
- "attribute": "value"
5844
- },
5845
- {
5846
- "kind": "field",
5847
- "name": "props",
5848
- "type": {
5849
- "text": "any[]"
5850
- },
5851
- "default": "[]",
5852
- "attribute": "props"
5853
- },
5854
- {
5855
- "kind": "field",
5856
- "name": "propertyEditor",
5857
- "type": {
5858
- "text": "any"
5859
- },
5860
- "attribute": "propertyEditor"
5621
+ ]
5861
5622
  },
5862
5623
  {
5863
5624
  "kind": "method",
5864
- "name": "_onPropsChanged",
5625
+ "name": "_is3dish",
5865
5626
  "parameters": [
5866
5627
  {
5867
- "name": "props",
5628
+ "name": "selected",
5868
5629
  "type": {
5869
- "text": "any[]"
5630
+ "text": "Component[]"
5870
5631
  }
5871
5632
  }
5872
5633
  ]
5873
5634
  },
5874
5635
  {
5875
5636
  "kind": "method",
5876
- "name": "_setValues"
5637
+ "name": "_getValueFromEventTarget",
5638
+ "parameters": [
5639
+ {
5640
+ "name": "element",
5641
+ "type": {
5642
+ "text": "HTMLElement"
5643
+ }
5644
+ }
5645
+ ],
5646
+ "inheritedFrom": {
5647
+ "name": "AbstractProperty",
5648
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5649
+ }
5877
5650
  },
5878
5651
  {
5879
5652
  "kind": "method",
5880
- "name": "_onValueChanged",
5653
+ "name": "_onAfterValueChange",
5881
5654
  "parameters": [
5882
5655
  {
5883
- "name": "e",
5656
+ "name": "key",
5657
+ "type": {
5658
+ "text": "string"
5659
+ }
5660
+ },
5661
+ {
5662
+ "name": "value",
5884
5663
  "type": {
5885
- "text": "Event"
5664
+ "text": "any"
5886
5665
  }
5887
5666
  }
5888
- ]
5667
+ ],
5668
+ "inheritedFrom": {
5669
+ "name": "AbstractProperty",
5670
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5671
+ }
5889
5672
  }
5890
5673
  ],
5891
5674
  "events": [
5675
+ {
5676
+ "name": "bounds-change",
5677
+ "type": {
5678
+ "text": "CustomEvent"
5679
+ }
5680
+ },
5892
5681
  {
5893
5682
  "name": "property-change",
5894
5683
  "type": {
5895
5684
  "text": "CustomEvent"
5685
+ },
5686
+ "inheritedFrom": {
5687
+ "name": "AbstractProperty",
5688
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5896
5689
  }
5897
5690
  }
5898
5691
  ],
@@ -5900,307 +5693,326 @@
5900
5693
  {
5901
5694
  "name": "value",
5902
5695
  "type": {
5903
- "text": "any"
5696
+ "text": "Properties | undefined"
5904
5697
  },
5905
5698
  "fieldName": "value"
5906
5699
  },
5907
5700
  {
5908
- "name": "props",
5701
+ "name": "bounds",
5909
5702
  "type": {
5910
- "text": "any[]"
5703
+ "text": "BOUNDS | null"
5911
5704
  },
5912
- "default": "[]",
5913
- "fieldName": "props"
5705
+ "default": "null",
5706
+ "fieldName": "bounds"
5914
5707
  },
5915
5708
  {
5916
- "name": "propertyEditor",
5709
+ "name": "selected",
5917
5710
  "type": {
5918
- "text": "any"
5711
+ "text": "Component[]"
5919
5712
  },
5920
- "fieldName": "propertyEditor"
5713
+ "default": "[]",
5714
+ "fieldName": "selected"
5921
5715
  }
5922
5716
  ],
5923
5717
  "superclass": {
5924
- "name": "LitElement",
5925
- "package": "lit"
5926
- },
5927
- "customElement": true
5718
+ "name": "AbstractProperty",
5719
+ "module": "/src/modeller/property-sidebar/abstract-property"
5720
+ }
5928
5721
  }
5929
5722
  ],
5930
5723
  "exports": [
5931
5724
  {
5932
5725
  "kind": "js",
5933
- "name": "SpecificPropertiesBuilder",
5726
+ "name": "PropertyShapes",
5934
5727
  "declaration": {
5935
- "name": "SpecificPropertiesBuilder",
5936
- "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
5728
+ "name": "PropertyShapes",
5729
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5937
5730
  }
5938
5731
  }
5939
5732
  ]
5940
5733
  },
5941
5734
  {
5942
5735
  "kind": "javascript-module",
5943
- "path": "src/modeller/property-sidebar/specifics/specifics.ts",
5736
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
5944
5737
  "declarations": [
5945
5738
  {
5946
5739
  "kind": "class",
5947
- "description": "",
5948
- "name": "PropertySpecific",
5740
+ "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
5741
+ "name": "DataBindingMapper",
5949
5742
  "members": [
5950
5743
  {
5951
5744
  "kind": "field",
5952
- "name": "value",
5745
+ "name": "mapping",
5953
5746
  "type": {
5954
- "text": "any"
5747
+ "text": "Mapping"
5955
5748
  },
5956
- "attribute": "value"
5749
+ "default": "{\n rule: 'value'\n }",
5750
+ "attribute": "mapping"
5957
5751
  },
5958
5752
  {
5959
5753
  "kind": "field",
5960
- "name": "scene",
5754
+ "name": "rule",
5961
5755
  "type": {
5962
- "text": "Scene | null"
5756
+ "text": "Rule"
5963
5757
  },
5964
- "default": "null",
5965
- "attribute": "scene"
5758
+ "default": "{}",
5759
+ "attribute": "rule"
5966
5760
  },
5967
5761
  {
5968
5762
  "kind": "field",
5969
- "name": "selected",
5763
+ "name": "scene",
5970
5764
  "type": {
5971
- "text": "Component[]"
5765
+ "text": "Scene | undefined"
5972
5766
  },
5973
- "default": "[]",
5974
- "attribute": "selected"
5767
+ "attribute": "scene"
5975
5768
  },
5976
5769
  {
5977
5770
  "kind": "field",
5978
- "name": "props",
5771
+ "name": "_valueTypes",
5979
5772
  "type": {
5980
- "text": "any[]"
5773
+ "text": "any"
5981
5774
  },
5982
- "default": "[]",
5983
- "attribute": "props"
5775
+ "default": "{\n play: 'boolean',\n hidden: 'boolean',\n started: 'boolean',\n\n rotation: 'number',\n value: 'number',\n\n fillStyle: 'color',\n strokeStyle: 'color',\n fontColor: 'color',\n\n data: 'object',\n source: 'attachment',\n location: 'object',\n dimension: 'object',\n\n text: 'string',\n ref: 'string'\n }"
5984
5776
  },
5985
5777
  {
5986
5778
  "kind": "field",
5987
- "name": "propertyEditor",
5779
+ "name": "_componentIds",
5988
5780
  "type": {
5989
- "text": "any[]"
5781
+ "text": "{ value: string; description: string }[]"
5990
5782
  },
5991
- "default": "[]",
5992
- "attribute": "propertyEditor"
5783
+ "default": "[]"
5993
5784
  },
5994
5785
  {
5995
5786
  "kind": "field",
5996
- "name": "boundINeedSelected",
5787
+ "name": "editor",
5997
5788
  "type": {
5998
- "text": "any"
5999
- },
6000
- "privacy": "private"
5789
+ "text": "HTMLInputElement"
5790
+ }
6001
5791
  },
6002
5792
  {
6003
5793
  "kind": "field",
6004
- "name": "scopedElements",
6005
- "static": true,
6006
- "readonly": true
6007
- },
6008
- {
6009
- "kind": "method",
6010
- "name": "_onValueChange",
6011
- "parameters": [
6012
- {
6013
- "name": "e",
6014
- "type": {
6015
- "text": "Event"
6016
- }
6017
- }
6018
- ],
6019
- "inheritedFrom": {
6020
- "name": "AbstractProperty",
6021
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5794
+ "name": "target",
5795
+ "type": {
5796
+ "text": "HTMLInputElement"
6022
5797
  }
6023
5798
  },
6024
5799
  {
6025
5800
  "kind": "method",
6026
- "name": "_isIdentifiable",
5801
+ "name": "_valuetype",
6027
5802
  "parameters": [
6028
5803
  {
6029
- "name": "selected",
5804
+ "name": "property",
6030
5805
  "type": {
6031
- "text": "Component[]"
5806
+ "text": "string"
6032
5807
  }
6033
5808
  }
6034
5809
  ]
6035
5810
  },
5811
+ {
5812
+ "kind": "field",
5813
+ "name": "_keep_saved_rule_params",
5814
+ "type": {
5815
+ "text": "boolean"
5816
+ },
5817
+ "privacy": "private",
5818
+ "default": "false"
5819
+ },
6036
5820
  {
6037
5821
  "kind": "method",
6038
- "name": "_hasTextProperty",
6039
- "parameters": [
6040
- {
6041
- "name": "selected",
6042
- "type": {
6043
- "text": "Component[]"
6044
- }
6045
- }
6046
- ]
5822
+ "name": "_onChangedMapping"
6047
5823
  },
6048
5824
  {
6049
5825
  "kind": "method",
6050
- "name": "_onINeedSelected",
5826
+ "name": "_onChangeRule",
6051
5827
  "parameters": [
6052
5828
  {
6053
5829
  "name": "e",
6054
5830
  "type": {
6055
- "text": "CustomEvent"
5831
+ "text": "Event"
6056
5832
  }
6057
5833
  }
6058
5834
  ]
6059
5835
  },
6060
5836
  {
6061
5837
  "kind": "method",
6062
- "name": "_getValueFromEventTarget",
5838
+ "name": "_onChange",
6063
5839
  "parameters": [
6064
5840
  {
6065
- "name": "element",
5841
+ "name": "e",
6066
5842
  "type": {
6067
- "text": "HTMLElement"
5843
+ "text": "Event"
6068
5844
  }
6069
5845
  }
6070
- ],
6071
- "inheritedFrom": {
6072
- "name": "AbstractProperty",
6073
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6074
- }
6075
- },
5846
+ ]
5847
+ }
5848
+ ],
5849
+ "events": [
6076
5850
  {
6077
- "kind": "method",
6078
- "name": "_onAfterValueChange",
6079
- "parameters": [
6080
- {
6081
- "name": "key",
6082
- "type": {
6083
- "text": "string"
6084
- }
6085
- },
6086
- {
6087
- "name": "value",
6088
- "type": {
6089
- "text": "any"
6090
- }
6091
- }
6092
- ],
6093
- "inheritedFrom": {
6094
- "name": "AbstractProperty",
6095
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5851
+ "name": "value-change",
5852
+ "type": {
5853
+ "text": "CustomEvent"
6096
5854
  }
6097
5855
  }
6098
5856
  ],
6099
5857
  "attributes": [
6100
5858
  {
6101
- "name": "value",
6102
- "type": {
6103
- "text": "any"
6104
- },
6105
- "fieldName": "value"
6106
- },
6107
- {
6108
- "name": "scene",
5859
+ "name": "mapping",
6109
5860
  "type": {
6110
- "text": "Scene | null"
5861
+ "text": "Mapping"
6111
5862
  },
6112
- "default": "null",
6113
- "fieldName": "scene"
5863
+ "default": "{\n rule: 'value'\n }",
5864
+ "fieldName": "mapping"
6114
5865
  },
6115
5866
  {
6116
- "name": "selected",
5867
+ "name": "rule",
6117
5868
  "type": {
6118
- "text": "Component[]"
5869
+ "text": "Rule"
6119
5870
  },
6120
- "default": "[]",
6121
- "fieldName": "selected"
5871
+ "default": "{}",
5872
+ "fieldName": "rule"
6122
5873
  },
6123
5874
  {
6124
- "name": "props",
5875
+ "name": "properties",
6125
5876
  "type": {
6126
- "text": "any[]"
5877
+ "text": "Properties[]"
6127
5878
  },
6128
5879
  "default": "[]",
6129
- "fieldName": "props"
5880
+ "fieldName": "properties"
6130
5881
  },
6131
5882
  {
6132
- "name": "propertyEditor",
5883
+ "name": "scene",
6133
5884
  "type": {
6134
- "text": "any[]"
5885
+ "text": "Scene | undefined"
6135
5886
  },
6136
- "default": "[]",
6137
- "fieldName": "propertyEditor"
5887
+ "fieldName": "scene"
6138
5888
  }
6139
5889
  ],
6140
- "mixins": [
5890
+ "superclass": {
5891
+ "name": "LitElement",
5892
+ "package": "lit"
5893
+ },
5894
+ "customElement": true
5895
+ }
5896
+ ],
5897
+ "exports": [
5898
+ {
5899
+ "kind": "js",
5900
+ "name": "DataBindingMapper",
5901
+ "declaration": {
5902
+ "name": "DataBindingMapper",
5903
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
5904
+ }
5905
+ }
5906
+ ]
5907
+ },
5908
+ {
5909
+ "kind": "javascript-module",
5910
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
5911
+ "declarations": [
5912
+ {
5913
+ "kind": "class",
5914
+ "description": "",
5915
+ "name": "DataBindingValueMap",
5916
+ "members": [
6141
5917
  {
6142
- "name": "ScopedElementsMixin",
6143
- "package": "@open-wc/scoped-elements"
5918
+ "kind": "method",
5919
+ "name": "valueInputTemplate",
5920
+ "parameters": [
5921
+ {
5922
+ "name": "value",
5923
+ "optional": true,
5924
+ "type": {
5925
+ "text": "any"
5926
+ }
5927
+ }
5928
+ ]
6144
5929
  }
6145
5930
  ],
6146
5931
  "superclass": {
6147
- "name": "AbstractProperty",
6148
- "module": "/src/modeller/property-sidebar/abstract-property"
5932
+ "name": "OxInputValueMap",
5933
+ "package": "@operato/input"
6149
5934
  },
6150
- "events": [
6151
- {
6152
- "name": "property-change",
6153
- "type": {
6154
- "text": "CustomEvent"
6155
- },
6156
- "inheritedFrom": {
6157
- "name": "AbstractProperty",
6158
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6159
- }
6160
- }
6161
- ]
5935
+ "tagName": "data-binding-value-map",
5936
+ "customElement": true
6162
5937
  }
6163
5938
  ],
6164
5939
  "exports": [
6165
5940
  {
6166
5941
  "kind": "js",
6167
- "name": "PropertySpecific",
5942
+ "name": "DataBindingValueMap",
6168
5943
  "declaration": {
6169
- "name": "PropertySpecific",
6170
- "module": "src/modeller/property-sidebar/specifics/specifics.ts"
5944
+ "name": "DataBindingValueMap",
5945
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
5946
+ }
5947
+ },
5948
+ {
5949
+ "kind": "custom-element-definition",
5950
+ "name": "data-binding-value-map",
5951
+ "declaration": {
5952
+ "name": "DataBindingValueMap",
5953
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
6171
5954
  }
6172
5955
  }
6173
5956
  ]
6174
5957
  },
6175
5958
  {
6176
5959
  "kind": "javascript-module",
6177
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5960
+ "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
6178
5961
  "declarations": [
6179
5962
  {
6180
- "kind": "variable",
6181
- "name": "EffectsSharedStyle",
6182
- "default": "css`\n :host {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n grid-auto-rows: minmax(24px, auto);\n\n align-items: center;\n }\n\n * {\n align-self: stretch;\n }\n\n label {\n grid-column: span 3;\n text-align: right;\n text-transform: capitalize;\n\n align-self: center;\n }\n\n input,\n select,\n ox-input-angle,\n ox-input-color,\n [custom-editor] {\n grid-column: span 7;\n }\n\n input,\n select,\n ox-input-angle input,\n ox-input-color input,\n [custom-editor] input {\n border: var(--property-sidebar-fieldset-border);\n }\n\n ox-input-data {\n height: 300px;\n }\n\n input[type='checkbox'] {\n grid-column: 4 / 5;\n align-self: center;\n }\n\n label.checkbox-label {\n grid-column: span 6;\n text-align: left;\n }\n\n [fullwidth] {\n grid-column: 1 / -1;\n }\n`"
5963
+ "kind": "class",
5964
+ "description": "",
5965
+ "name": "DataBindingValueRange",
5966
+ "members": [
5967
+ {
5968
+ "kind": "method",
5969
+ "name": "valueInputTemplate",
5970
+ "parameters": [
5971
+ {
5972
+ "name": "value",
5973
+ "optional": true,
5974
+ "type": {
5975
+ "text": "any"
5976
+ }
5977
+ }
5978
+ ]
5979
+ }
5980
+ ],
5981
+ "superclass": {
5982
+ "name": "OxInputValueRange",
5983
+ "package": "@operato/input"
5984
+ },
5985
+ "tagName": "data-binding-value-range",
5986
+ "customElement": true
6183
5987
  }
6184
5988
  ],
6185
5989
  "exports": [
6186
5990
  {
6187
5991
  "kind": "js",
6188
- "name": "EffectsSharedStyle",
5992
+ "name": "DataBindingValueRange",
6189
5993
  "declaration": {
6190
- "name": "EffectsSharedStyle",
6191
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5994
+ "name": "DataBindingValueRange",
5995
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
5996
+ }
5997
+ },
5998
+ {
5999
+ "kind": "custom-element-definition",
6000
+ "name": "data-binding-value-range",
6001
+ "declaration": {
6002
+ "name": "DataBindingValueRange",
6003
+ "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
6192
6004
  }
6193
6005
  }
6194
6006
  ]
6195
6007
  },
6196
6008
  {
6197
6009
  "kind": "javascript-module",
6198
- "path": "src/modeller/property-sidebar/effects/effects.ts",
6010
+ "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
6199
6011
  "declarations": [
6200
6012
  {
6201
6013
  "kind": "class",
6202
6014
  "description": "",
6203
- "name": "PropertyEffects",
6015
+ "name": "PropertyDataBinding",
6204
6016
  "members": [
6205
6017
  {
6206
6018
  "kind": "field",
@@ -6218,6 +6030,55 @@
6218
6030
  },
6219
6031
  "attribute": "scene"
6220
6032
  },
6033
+ {
6034
+ "kind": "field",
6035
+ "name": "mappingIndex",
6036
+ "type": {
6037
+ "text": "number"
6038
+ },
6039
+ "default": "0"
6040
+ },
6041
+ {
6042
+ "kind": "field",
6043
+ "name": "_afterRender",
6044
+ "type": {
6045
+ "text": "Function | null | undefined"
6046
+ }
6047
+ },
6048
+ {
6049
+ "kind": "field",
6050
+ "name": "_dataExpanded",
6051
+ "type": {
6052
+ "text": "boolean"
6053
+ },
6054
+ "default": "true"
6055
+ },
6056
+ {
6057
+ "kind": "field",
6058
+ "name": "tabs",
6059
+ "type": {
6060
+ "text": "HTMLElement"
6061
+ }
6062
+ },
6063
+ {
6064
+ "kind": "field",
6065
+ "name": "tabNavLeftButton",
6066
+ "type": {
6067
+ "text": "HTMLElement"
6068
+ }
6069
+ },
6070
+ {
6071
+ "kind": "field",
6072
+ "name": "tabNavRightButton",
6073
+ "type": {
6074
+ "text": "HTMLElement"
6075
+ }
6076
+ },
6077
+ {
6078
+ "kind": "field",
6079
+ "name": "mappings",
6080
+ "readonly": true
6081
+ },
6221
6082
  {
6222
6083
  "kind": "field",
6223
6084
  "name": "scopedElements",
@@ -6226,182 +6087,125 @@
6226
6087
  },
6227
6088
  {
6228
6089
  "kind": "method",
6229
- "name": "_onValueChange",
6090
+ "name": "_setMappingIndex",
6230
6091
  "parameters": [
6231
6092
  {
6232
- "name": "e",
6093
+ "name": "idx",
6233
6094
  "type": {
6234
- "text": "Event"
6095
+ "text": "number"
6235
6096
  }
6236
6097
  }
6237
- ],
6238
- "inheritedFrom": {
6239
- "name": "AbstractProperty",
6240
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6241
- }
6098
+ ]
6242
6099
  },
6243
6100
  {
6244
6101
  "kind": "method",
6245
- "name": "_getValueFromEventTarget",
6246
- "parameters": [
6247
- {
6248
- "name": "element",
6249
- "type": {
6250
- "text": "HTMLElement"
6251
- }
6252
- }
6253
- ],
6254
- "inheritedFrom": {
6255
- "name": "AbstractProperty",
6256
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6257
- }
6102
+ "name": "_clearDataBindingMapper"
6258
6103
  },
6259
6104
  {
6260
6105
  "kind": "method",
6261
- "name": "_onAfterValueChange",
6262
- "parameters": [
6263
- {
6264
- "name": "key",
6265
- "type": {
6266
- "text": "string"
6267
- }
6268
- },
6269
- {
6270
- "name": "value",
6271
- "type": {
6272
- "text": "any"
6273
- }
6274
- }
6275
- ],
6276
- "inheritedFrom": {
6277
- "name": "AbstractProperty",
6278
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6279
- }
6280
- }
6281
- ],
6282
- "attributes": [
6283
- {
6284
- "name": "value",
6285
- "type": {
6286
- "text": "Properties | undefined"
6287
- },
6288
- "fieldName": "value"
6106
+ "name": "_copyDataBindingMapper"
6289
6107
  },
6290
6108
  {
6291
- "name": "scene",
6292
- "type": {
6293
- "text": "Scene | undefined"
6294
- },
6295
- "fieldName": "scene"
6296
- }
6297
- ],
6298
- "mixins": [
6299
- {
6300
- "name": "ScopedElementsMixin",
6301
- "package": "@open-wc/scoped-elements"
6302
- }
6303
- ],
6304
- "superclass": {
6305
- "name": "AbstractProperty",
6306
- "module": "/src/modeller/property-sidebar/abstract-property.js"
6307
- },
6308
- "events": [
6109
+ "kind": "method",
6110
+ "name": "_pasteDataBindingMapper"
6111
+ },
6309
6112
  {
6310
- "name": "property-change",
6311
- "type": {
6312
- "text": "CustomEvent"
6313
- },
6314
- "inheritedFrom": {
6315
- "name": "AbstractProperty",
6316
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6317
- }
6318
- }
6319
- ]
6320
- }
6321
- ],
6322
- "exports": [
6323
- {
6324
- "kind": "js",
6325
- "name": "PropertyEffects",
6326
- "declaration": {
6327
- "name": "PropertyEffects",
6328
- "module": "src/modeller/property-sidebar/effects/effects.ts"
6329
- }
6330
- }
6331
- ]
6332
- },
6333
- {
6334
- "kind": "javascript-module",
6335
- "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
6336
- "declarations": [
6337
- {
6338
- "kind": "class",
6339
- "description": "",
6340
- "name": "PropertyEventHover",
6341
- "members": [
6113
+ "kind": "method",
6114
+ "name": "_onValueChanged"
6115
+ },
6342
6116
  {
6343
- "kind": "field",
6344
- "name": "value",
6345
- "type": {
6346
- "text": "Properties | undefined"
6347
- },
6348
- "attribute": "value"
6117
+ "kind": "method",
6118
+ "name": "_onValueChange",
6119
+ "parameters": [
6120
+ {
6121
+ "name": "e",
6122
+ "type": {
6123
+ "text": "Event"
6124
+ }
6125
+ }
6126
+ ],
6127
+ "inheritedFrom": {
6128
+ "name": "AbstractProperty",
6129
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6130
+ }
6349
6131
  },
6350
6132
  {
6351
6133
  "kind": "field",
6352
- "name": "scene",
6353
- "type": {
6354
- "text": "Scene | undefined"
6355
- },
6356
- "attribute": "scene"
6134
+ "name": "tabContainer",
6135
+ "readonly": true
6357
6136
  },
6358
6137
  {
6359
6138
  "kind": "method",
6360
- "name": "_getPlaceHoder",
6139
+ "name": "_onMappingChanged",
6361
6140
  "parameters": [
6362
6141
  {
6363
- "name": "action",
6142
+ "name": "e",
6364
6143
  "type": {
6365
- "text": "string"
6144
+ "text": "CustomEvent"
6366
6145
  }
6367
6146
  }
6368
6147
  ]
6369
6148
  },
6370
6149
  {
6371
6150
  "kind": "method",
6372
- "name": "_getTargetList",
6373
- "return": {
6374
- "type": {
6375
- "text": "{ value: string; description: string }[]"
6376
- }
6377
- },
6151
+ "name": "_onTabScroll"
6152
+ },
6153
+ {
6154
+ "kind": "method",
6155
+ "name": "_onTabScrollNavLeft"
6156
+ },
6157
+ {
6158
+ "kind": "method",
6159
+ "name": "_onTabScrollNavRight"
6160
+ },
6161
+ {
6162
+ "kind": "method",
6163
+ "name": "_getValueFromEventTarget",
6378
6164
  "parameters": [
6379
6165
  {
6380
- "name": "action",
6166
+ "name": "element",
6381
6167
  "type": {
6382
- "text": "string"
6168
+ "text": "HTMLElement"
6383
6169
  }
6384
6170
  }
6385
- ]
6171
+ ],
6172
+ "inheritedFrom": {
6173
+ "name": "AbstractProperty",
6174
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6175
+ }
6386
6176
  },
6387
6177
  {
6388
6178
  "kind": "method",
6389
- "name": "_onValueChange",
6179
+ "name": "_onAfterValueChange",
6390
6180
  "parameters": [
6391
6181
  {
6392
- "name": "e",
6182
+ "name": "key",
6393
6183
  "type": {
6394
- "text": "Event"
6184
+ "text": "string"
6185
+ }
6186
+ },
6187
+ {
6188
+ "name": "value",
6189
+ "type": {
6190
+ "text": "any"
6395
6191
  }
6396
6192
  }
6397
- ]
6193
+ ],
6194
+ "inheritedFrom": {
6195
+ "name": "AbstractProperty",
6196
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6197
+ }
6398
6198
  }
6399
6199
  ],
6400
6200
  "events": [
6401
6201
  {
6402
- "name": "change",
6202
+ "name": "property-change",
6403
6203
  "type": {
6404
6204
  "text": "CustomEvent"
6205
+ },
6206
+ "inheritedFrom": {
6207
+ "name": "AbstractProperty",
6208
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6405
6209
  }
6406
6210
  }
6407
6211
  ],
@@ -6421,112 +6225,137 @@
6421
6225
  "fieldName": "scene"
6422
6226
  }
6423
6227
  ],
6228
+ "mixins": [
6229
+ {
6230
+ "name": "ScopedElementsMixin",
6231
+ "package": "@open-wc/scoped-elements"
6232
+ }
6233
+ ],
6424
6234
  "superclass": {
6425
- "name": "LitElement",
6426
- "package": "lit"
6427
- },
6428
- "customElement": true
6235
+ "name": "AbstractProperty",
6236
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
6237
+ }
6429
6238
  }
6430
6239
  ],
6431
6240
  "exports": [
6432
6241
  {
6433
6242
  "kind": "js",
6434
- "name": "PropertyEventHover",
6243
+ "name": "PropertyDataBinding",
6435
6244
  "declaration": {
6436
- "name": "PropertyEventHover",
6437
- "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
6245
+ "name": "PropertyDataBinding",
6246
+ "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
6438
6247
  }
6439
6248
  }
6440
6249
  ]
6441
6250
  },
6442
6251
  {
6443
6252
  "kind": "javascript-module",
6444
- "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
6253
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
6445
6254
  "declarations": [
6446
6255
  {
6447
6256
  "kind": "class",
6448
6257
  "description": "",
6449
- "name": "PropertyEventTap",
6258
+ "name": "PropertyStyles",
6450
6259
  "members": [
6451
6260
  {
6452
6261
  "kind": "field",
6453
6262
  "name": "value",
6454
6263
  "type": {
6455
- "text": "Properties | undefined"
6264
+ "text": "any"
6456
6265
  },
6266
+ "default": "{}",
6457
6267
  "attribute": "value"
6458
6268
  },
6459
6269
  {
6460
6270
  "kind": "field",
6461
- "name": "scene",
6271
+ "name": "selected",
6462
6272
  "type": {
6463
- "text": "Scene | undefined"
6273
+ "text": "Component[]"
6464
6274
  },
6465
- "attribute": "scene"
6275
+ "default": "[]",
6276
+ "attribute": "selected"
6466
6277
  },
6467
6278
  {
6468
6279
  "kind": "field",
6469
- "name": "scenarios",
6280
+ "name": "fonts",
6470
6281
  "type": {
6471
- "text": "{ value: string; description: string }[]"
6282
+ "text": "any[]"
6472
6283
  },
6473
- "default": "[]"
6284
+ "default": "[]",
6285
+ "attribute": "fonts"
6474
6286
  },
6475
6287
  {
6476
6288
  "kind": "field",
6477
- "name": "targetList",
6289
+ "name": "fontAvailable",
6478
6290
  "type": {
6479
- "text": "{ value: string; description: string }[]"
6291
+ "text": "boolean"
6480
6292
  },
6481
- "default": "[]"
6293
+ "default": "false"
6482
6294
  },
6483
6295
  {
6484
6296
  "kind": "method",
6485
- "name": "_getPlaceHoder",
6297
+ "name": "_isLine",
6486
6298
  "parameters": [
6487
6299
  {
6488
- "name": "action",
6300
+ "name": "selected",
6489
6301
  "type": {
6490
- "text": "string"
6302
+ "text": "Component[]"
6491
6303
  }
6492
6304
  }
6493
6305
  ]
6494
6306
  },
6495
6307
  {
6496
6308
  "kind": "method",
6497
- "name": "_getInputList",
6498
- "return": {
6499
- "type": {
6500
- "text": "{ value: string; description: string }[]"
6501
- }
6502
- },
6309
+ "name": "_onValueChange",
6503
6310
  "parameters": [
6504
6311
  {
6505
- "name": "action",
6312
+ "name": "e",
6506
6313
  "type": {
6507
- "text": "string"
6314
+ "text": "Event"
6508
6315
  }
6509
6316
  }
6510
- ]
6317
+ ],
6318
+ "inheritedFrom": {
6319
+ "name": "AbstractProperty",
6320
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6321
+ }
6511
6322
  },
6512
6323
  {
6513
6324
  "kind": "method",
6514
- "name": "_onValueChange",
6325
+ "name": "_getValueFromEventTarget",
6515
6326
  "parameters": [
6516
6327
  {
6517
- "name": "e",
6328
+ "name": "element",
6518
6329
  "type": {
6519
- "text": "Event"
6330
+ "text": "HTMLElement"
6520
6331
  }
6521
6332
  }
6522
- ]
6523
- }
6524
- ],
6525
- "events": [
6333
+ ],
6334
+ "inheritedFrom": {
6335
+ "name": "AbstractProperty",
6336
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6337
+ }
6338
+ },
6526
6339
  {
6527
- "name": "change",
6528
- "type": {
6529
- "text": "CustomEvent"
6340
+ "kind": "method",
6341
+ "name": "_onAfterValueChange",
6342
+ "parameters": [
6343
+ {
6344
+ "name": "key",
6345
+ "type": {
6346
+ "text": "string"
6347
+ }
6348
+ },
6349
+ {
6350
+ "name": "value",
6351
+ "type": {
6352
+ "text": "any"
6353
+ }
6354
+ }
6355
+ ],
6356
+ "inheritedFrom": {
6357
+ "name": "AbstractProperty",
6358
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6530
6359
  }
6531
6360
  }
6532
6361
  ],
@@ -6534,70 +6363,110 @@
6534
6363
  {
6535
6364
  "name": "value",
6536
6365
  "type": {
6537
- "text": "Properties | undefined"
6366
+ "text": "any"
6538
6367
  },
6368
+ "default": "{}",
6539
6369
  "fieldName": "value"
6540
6370
  },
6541
6371
  {
6542
- "name": "scene",
6372
+ "name": "selected",
6543
6373
  "type": {
6544
- "text": "Scene | undefined"
6374
+ "text": "Component[]"
6545
6375
  },
6546
- "fieldName": "scene"
6376
+ "default": "[]",
6377
+ "fieldName": "selected"
6378
+ },
6379
+ {
6380
+ "name": "fonts",
6381
+ "type": {
6382
+ "text": "any[]"
6383
+ },
6384
+ "default": "[]",
6385
+ "fieldName": "fonts"
6547
6386
  }
6548
6387
  ],
6549
6388
  "superclass": {
6550
- "name": "LitElement",
6551
- "package": "lit"
6389
+ "name": "AbstractProperty",
6390
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
6552
6391
  },
6553
- "customElement": true
6392
+ "events": [
6393
+ {
6394
+ "name": "property-change",
6395
+ "type": {
6396
+ "text": "CustomEvent"
6397
+ },
6398
+ "inheritedFrom": {
6399
+ "name": "AbstractProperty",
6400
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6401
+ }
6402
+ }
6403
+ ]
6554
6404
  }
6555
6405
  ],
6556
6406
  "exports": [
6557
6407
  {
6558
6408
  "kind": "js",
6559
- "name": "PropertyEventTap",
6409
+ "name": "PropertyStyles",
6560
6410
  "declaration": {
6561
- "name": "PropertyEventTap",
6562
- "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
6411
+ "name": "PropertyStyles",
6412
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
6563
6413
  }
6564
6414
  }
6565
6415
  ]
6566
6416
  },
6567
6417
  {
6568
6418
  "kind": "javascript-module",
6569
- "path": "src/modeller/property-sidebar/effects/property-event.ts",
6419
+ "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts",
6570
6420
  "declarations": [
6571
6421
  {
6572
6422
  "kind": "class",
6573
6423
  "description": "",
6574
- "name": "PropertyEvent",
6424
+ "name": "SpecificPropertiesBuilder",
6575
6425
  "members": [
6576
6426
  {
6577
6427
  "kind": "field",
6578
6428
  "name": "value",
6579
6429
  "type": {
6580
- "text": "Properties | undefined"
6430
+ "text": "any"
6581
6431
  },
6582
6432
  "attribute": "value"
6583
6433
  },
6584
6434
  {
6585
6435
  "kind": "field",
6586
- "name": "scene",
6436
+ "name": "props",
6587
6437
  "type": {
6588
- "text": "Scene | undefined"
6438
+ "text": "any[]"
6589
6439
  },
6590
- "attribute": "scene"
6440
+ "default": "[]",
6441
+ "attribute": "props"
6591
6442
  },
6592
6443
  {
6593
6444
  "kind": "field",
6594
- "name": "scopedElements",
6595
- "static": true,
6596
- "readonly": true
6445
+ "name": "propertyEditor",
6446
+ "type": {
6447
+ "text": "any"
6448
+ },
6449
+ "attribute": "propertyEditor"
6450
+ },
6451
+ {
6452
+ "kind": "method",
6453
+ "name": "_onPropsChanged",
6454
+ "parameters": [
6455
+ {
6456
+ "name": "props",
6457
+ "type": {
6458
+ "text": "any[]"
6459
+ }
6460
+ }
6461
+ ]
6597
6462
  },
6598
6463
  {
6599
6464
  "kind": "method",
6600
- "name": "_onValueChange",
6465
+ "name": "_setValues"
6466
+ },
6467
+ {
6468
+ "kind": "method",
6469
+ "name": "_onValueChanged",
6601
6470
  "parameters": [
6602
6471
  {
6603
6472
  "name": "e",
@@ -6610,7 +6479,7 @@
6610
6479
  ],
6611
6480
  "events": [
6612
6481
  {
6613
- "name": "change",
6482
+ "name": "property-change",
6614
6483
  "type": {
6615
6484
  "text": "CustomEvent"
6616
6485
  }
@@ -6620,22 +6489,24 @@
6620
6489
  {
6621
6490
  "name": "value",
6622
6491
  "type": {
6623
- "text": "Properties | undefined"
6492
+ "text": "any"
6624
6493
  },
6625
6494
  "fieldName": "value"
6626
6495
  },
6627
6496
  {
6628
- "name": "scene",
6497
+ "name": "props",
6629
6498
  "type": {
6630
- "text": "Scene | undefined"
6499
+ "text": "any[]"
6631
6500
  },
6632
- "fieldName": "scene"
6633
- }
6634
- ],
6635
- "mixins": [
6501
+ "default": "[]",
6502
+ "fieldName": "props"
6503
+ },
6636
6504
  {
6637
- "name": "ScopedElementsMixin",
6638
- "package": "@open-wc/scoped-elements"
6505
+ "name": "propertyEditor",
6506
+ "type": {
6507
+ "text": "any"
6508
+ },
6509
+ "fieldName": "propertyEditor"
6639
6510
  }
6640
6511
  ],
6641
6512
  "superclass": {
@@ -6648,31 +6519,81 @@
6648
6519
  "exports": [
6649
6520
  {
6650
6521
  "kind": "js",
6651
- "name": "PropertyEvent",
6522
+ "name": "SpecificPropertiesBuilder",
6652
6523
  "declaration": {
6653
- "name": "PropertyEvent",
6654
- "module": "src/modeller/property-sidebar/effects/property-event.ts"
6524
+ "name": "SpecificPropertiesBuilder",
6525
+ "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
6655
6526
  }
6656
6527
  }
6657
6528
  ]
6658
6529
  },
6659
6530
  {
6660
6531
  "kind": "javascript-module",
6661
- "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
6532
+ "path": "src/modeller/property-sidebar/specifics/specifics.ts",
6662
6533
  "declarations": [
6663
6534
  {
6664
6535
  "kind": "class",
6665
- "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
6666
- "name": "PropertyShadow",
6536
+ "description": "",
6537
+ "name": "PropertySpecific",
6667
6538
  "members": [
6668
6539
  {
6669
6540
  "kind": "field",
6670
6541
  "name": "value",
6671
6542
  "type": {
6672
- "text": "Properties | undefined"
6543
+ "text": "any"
6673
6544
  },
6674
6545
  "attribute": "value"
6675
6546
  },
6547
+ {
6548
+ "kind": "field",
6549
+ "name": "scene",
6550
+ "type": {
6551
+ "text": "Scene | null"
6552
+ },
6553
+ "default": "null",
6554
+ "attribute": "scene"
6555
+ },
6556
+ {
6557
+ "kind": "field",
6558
+ "name": "selected",
6559
+ "type": {
6560
+ "text": "Component[]"
6561
+ },
6562
+ "default": "[]",
6563
+ "attribute": "selected"
6564
+ },
6565
+ {
6566
+ "kind": "field",
6567
+ "name": "props",
6568
+ "type": {
6569
+ "text": "any[]"
6570
+ },
6571
+ "default": "[]",
6572
+ "attribute": "props"
6573
+ },
6574
+ {
6575
+ "kind": "field",
6576
+ "name": "propertyEditor",
6577
+ "type": {
6578
+ "text": "any[]"
6579
+ },
6580
+ "default": "[]",
6581
+ "attribute": "propertyEditor"
6582
+ },
6583
+ {
6584
+ "kind": "field",
6585
+ "name": "boundINeedSelected",
6586
+ "type": {
6587
+ "text": "any"
6588
+ },
6589
+ "privacy": "private"
6590
+ },
6591
+ {
6592
+ "kind": "field",
6593
+ "name": "scopedElements",
6594
+ "static": true,
6595
+ "readonly": true
6596
+ },
6676
6597
  {
6677
6598
  "kind": "method",
6678
6599
  "name": "_onValueChange",
@@ -6683,14 +6604,84 @@
6683
6604
  "text": "Event"
6684
6605
  }
6685
6606
  }
6607
+ ],
6608
+ "inheritedFrom": {
6609
+ "name": "AbstractProperty",
6610
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6611
+ }
6612
+ },
6613
+ {
6614
+ "kind": "method",
6615
+ "name": "_isIdentifiable",
6616
+ "parameters": [
6617
+ {
6618
+ "name": "selected",
6619
+ "type": {
6620
+ "text": "Component[]"
6621
+ }
6622
+ }
6686
6623
  ]
6687
- }
6688
- ],
6689
- "events": [
6624
+ },
6690
6625
  {
6691
- "name": "change",
6692
- "type": {
6693
- "text": "CustomEvent"
6626
+ "kind": "method",
6627
+ "name": "_hasTextProperty",
6628
+ "parameters": [
6629
+ {
6630
+ "name": "selected",
6631
+ "type": {
6632
+ "text": "Component[]"
6633
+ }
6634
+ }
6635
+ ]
6636
+ },
6637
+ {
6638
+ "kind": "method",
6639
+ "name": "_onINeedSelected",
6640
+ "parameters": [
6641
+ {
6642
+ "name": "e",
6643
+ "type": {
6644
+ "text": "CustomEvent"
6645
+ }
6646
+ }
6647
+ ]
6648
+ },
6649
+ {
6650
+ "kind": "method",
6651
+ "name": "_getValueFromEventTarget",
6652
+ "parameters": [
6653
+ {
6654
+ "name": "element",
6655
+ "type": {
6656
+ "text": "HTMLElement"
6657
+ }
6658
+ }
6659
+ ],
6660
+ "inheritedFrom": {
6661
+ "name": "AbstractProperty",
6662
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6663
+ }
6664
+ },
6665
+ {
6666
+ "kind": "method",
6667
+ "name": "_onAfterValueChange",
6668
+ "parameters": [
6669
+ {
6670
+ "name": "key",
6671
+ "type": {
6672
+ "text": "string"
6673
+ }
6674
+ },
6675
+ {
6676
+ "name": "value",
6677
+ "type": {
6678
+ "text": "any"
6679
+ }
6680
+ }
6681
+ ],
6682
+ "inheritedFrom": {
6683
+ "name": "AbstractProperty",
6684
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6694
6685
  }
6695
6686
  }
6696
6687
  ],
@@ -6698,41 +6689,62 @@
6698
6689
  {
6699
6690
  "name": "value",
6700
6691
  "type": {
6701
- "text": "Properties | undefined"
6692
+ "text": "any"
6702
6693
  },
6703
6694
  "fieldName": "value"
6695
+ },
6696
+ {
6697
+ "name": "scene",
6698
+ "type": {
6699
+ "text": "Scene | null"
6700
+ },
6701
+ "default": "null",
6702
+ "fieldName": "scene"
6703
+ },
6704
+ {
6705
+ "name": "selected",
6706
+ "type": {
6707
+ "text": "Component[]"
6708
+ },
6709
+ "default": "[]",
6710
+ "fieldName": "selected"
6711
+ },
6712
+ {
6713
+ "name": "props",
6714
+ "type": {
6715
+ "text": "any[]"
6716
+ },
6717
+ "default": "[]",
6718
+ "fieldName": "props"
6719
+ },
6720
+ {
6721
+ "name": "propertyEditor",
6722
+ "type": {
6723
+ "text": "any[]"
6724
+ },
6725
+ "default": "[]",
6726
+ "fieldName": "propertyEditor"
6727
+ }
6728
+ ],
6729
+ "mixins": [
6730
+ {
6731
+ "name": "ScopedElementsMixin",
6732
+ "package": "@open-wc/scoped-elements"
6704
6733
  }
6705
6734
  ],
6706
6735
  "superclass": {
6707
- "name": "LitElement",
6708
- "package": "lit"
6736
+ "name": "AbstractProperty",
6737
+ "module": "/src/modeller/property-sidebar/abstract-property"
6709
6738
  },
6710
- "customElement": true
6711
- }
6712
- ],
6713
- "exports": [
6714
- {
6715
- "kind": "js",
6716
- "name": "PropertyShadow",
6717
- "declaration": {
6718
- "name": "PropertyShadow",
6719
- "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
6720
- }
6721
- }
6722
- ]
6723
- },
6724
- {
6725
- "kind": "javascript-module",
6726
- "path": "src/modeller/property-sidebar/effects/value-converter.ts",
6727
- "declarations": [
6728
- {
6729
- "kind": "function",
6730
- "name": "convert",
6731
- "parameters": [
6739
+ "events": [
6732
6740
  {
6733
- "name": "element",
6741
+ "name": "property-change",
6734
6742
  "type": {
6735
- "text": "any"
6743
+ "text": "CustomEvent"
6744
+ },
6745
+ "inheritedFrom": {
6746
+ "name": "AbstractProperty",
6747
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6736
6748
  }
6737
6749
  }
6738
6750
  ]
@@ -6741,10 +6753,10 @@
6741
6753
  "exports": [
6742
6754
  {
6743
6755
  "kind": "js",
6744
- "name": "convert",
6756
+ "name": "PropertySpecific",
6745
6757
  "declaration": {
6746
- "name": "convert",
6747
- "module": "src/modeller/property-sidebar/effects/value-converter.ts"
6758
+ "name": "PropertySpecific",
6759
+ "module": "src/modeller/property-sidebar/specifics/specifics.ts"
6748
6760
  }
6749
6761
  }
6750
6762
  ]