@fmsim/board 0.0.49 → 0.0.50

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 (3) hide show
  1. package/custom-elements.json +539 -539
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -2,6 +2,69 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "stories/index.stories.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "Regular"
12
+ },
13
+ {
14
+ "kind": "variable",
15
+ "name": "CustomTitle"
16
+ },
17
+ {
18
+ "kind": "variable",
19
+ "name": "CustomCounter"
20
+ },
21
+ {
22
+ "kind": "variable",
23
+ "name": "SlottedContent"
24
+ }
25
+ ],
26
+ "exports": [
27
+ {
28
+ "kind": "js",
29
+ "name": "default",
30
+ "declaration": {
31
+ "module": "stories/index.stories.ts"
32
+ }
33
+ },
34
+ {
35
+ "kind": "js",
36
+ "name": "Regular",
37
+ "declaration": {
38
+ "name": "Regular",
39
+ "module": "stories/index.stories.ts"
40
+ }
41
+ },
42
+ {
43
+ "kind": "js",
44
+ "name": "CustomTitle",
45
+ "declaration": {
46
+ "name": "CustomTitle",
47
+ "module": "stories/index.stories.ts"
48
+ }
49
+ },
50
+ {
51
+ "kind": "js",
52
+ "name": "CustomCounter",
53
+ "declaration": {
54
+ "name": "CustomCounter",
55
+ "module": "stories/index.stories.ts"
56
+ }
57
+ },
58
+ {
59
+ "kind": "js",
60
+ "name": "SlottedContent",
61
+ "declaration": {
62
+ "name": "SlottedContent",
63
+ "module": "stories/index.stories.ts"
64
+ }
65
+ }
66
+ ]
67
+ },
5
68
  {
6
69
  "kind": "javascript-module",
7
70
  "path": "src/index.ts",
@@ -1422,69 +1485,6 @@
1422
1485
  "declarations": [],
1423
1486
  "exports": []
1424
1487
  },
1425
- {
1426
- "kind": "javascript-module",
1427
- "path": "stories/index.stories.ts",
1428
- "declarations": [
1429
- {
1430
- "kind": "variable",
1431
- "name": "Regular"
1432
- },
1433
- {
1434
- "kind": "variable",
1435
- "name": "CustomTitle"
1436
- },
1437
- {
1438
- "kind": "variable",
1439
- "name": "CustomCounter"
1440
- },
1441
- {
1442
- "kind": "variable",
1443
- "name": "SlottedContent"
1444
- }
1445
- ],
1446
- "exports": [
1447
- {
1448
- "kind": "js",
1449
- "name": "default",
1450
- "declaration": {
1451
- "module": "stories/index.stories.ts"
1452
- }
1453
- },
1454
- {
1455
- "kind": "js",
1456
- "name": "Regular",
1457
- "declaration": {
1458
- "name": "Regular",
1459
- "module": "stories/index.stories.ts"
1460
- }
1461
- },
1462
- {
1463
- "kind": "js",
1464
- "name": "CustomTitle",
1465
- "declaration": {
1466
- "name": "CustomTitle",
1467
- "module": "stories/index.stories.ts"
1468
- }
1469
- },
1470
- {
1471
- "kind": "js",
1472
- "name": "CustomCounter",
1473
- "declaration": {
1474
- "name": "CustomCounter",
1475
- "module": "stories/index.stories.ts"
1476
- }
1477
- },
1478
- {
1479
- "kind": "js",
1480
- "name": "SlottedContent",
1481
- "declaration": {
1482
- "name": "SlottedContent",
1483
- "module": "stories/index.stories.ts"
1484
- }
1485
- }
1486
- ]
1487
- },
1488
1488
  {
1489
1489
  "kind": "javascript-module",
1490
1490
  "path": "src/component/etc.ts",
@@ -1638,213 +1638,75 @@
1638
1638
  },
1639
1639
  {
1640
1640
  "kind": "javascript-module",
1641
- "path": "src/layers/mcs-event-handlers.ts",
1642
- "declarations": [],
1643
- "exports": []
1641
+ "path": "src/modeller/edit-toolbar-style.ts",
1642
+ "declarations": [
1643
+ {
1644
+ "kind": "variable",
1645
+ "name": "style",
1646
+ "default": "css`\n :host {\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`"
1647
+ }
1648
+ ],
1649
+ "exports": [
1650
+ {
1651
+ "kind": "js",
1652
+ "name": "style",
1653
+ "declaration": {
1654
+ "name": "style",
1655
+ "module": "src/modeller/edit-toolbar-style.ts"
1656
+ }
1657
+ }
1658
+ ]
1644
1659
  },
1645
1660
  {
1646
1661
  "kind": "javascript-module",
1647
- "path": "src/layers/movement-layer.ts",
1662
+ "path": "src/modeller/edit-toolbar.ts",
1648
1663
  "declarations": [
1649
1664
  {
1650
1665
  "kind": "class",
1651
1666
  "description": "",
1652
- "name": "MovementLayer",
1667
+ "name": "EditToolbar",
1653
1668
  "members": [
1654
1669
  {
1655
1670
  "kind": "field",
1656
- "name": "capturable",
1657
- "readonly": true
1671
+ "name": "scene",
1672
+ "type": {
1673
+ "text": "Scene | undefined"
1674
+ },
1675
+ "attribute": "scene"
1658
1676
  },
1659
1677
  {
1660
- "kind": "method",
1661
- "name": "drawArrow",
1662
- "parameters": [
1663
- {
1664
- "name": "ctx",
1665
- "type": {
1666
- "text": "CanvasRenderingContext2D"
1667
- }
1668
- },
1669
- {
1670
- "name": "p0",
1671
- "type": {
1672
- "text": "POINT"
1673
- }
1674
- },
1675
- {
1676
- "name": "p1",
1677
- "type": {
1678
- "text": "POINT"
1679
- }
1680
- },
1681
- {
1682
- "name": "headLength",
1683
- "default": "10",
1684
- "type": {
1685
- "text": "number"
1686
- }
1687
- }
1688
- ]
1678
+ "kind": "field",
1679
+ "name": "selected",
1680
+ "type": {
1681
+ "text": "any[]"
1682
+ },
1683
+ "default": "[]",
1684
+ "attribute": "selected"
1689
1685
  },
1690
1686
  {
1691
- "kind": "method",
1692
- "name": "findSourceAndTarget",
1693
- "return": {
1694
- "type": {
1695
- "text": "[Component?, Component?]"
1696
- }
1687
+ "kind": "field",
1688
+ "name": "hideProperty",
1689
+ "type": {
1690
+ "text": "boolean"
1697
1691
  },
1698
- "parameters": [
1699
- {
1700
- "name": "path",
1701
- "type": {
1702
- "text": "PATH"
1703
- }
1704
- }
1705
- ]
1692
+ "default": "false",
1693
+ "attribute": "hideProperty"
1706
1694
  },
1707
1695
  {
1708
1696
  "kind": "field",
1709
- "name": "eventMap",
1710
- "readonly": true
1697
+ "name": "cliped",
1698
+ "type": {
1699
+ "text": "string | undefined"
1700
+ },
1701
+ "privacy": "private"
1711
1702
  },
1712
1703
  {
1713
- "kind": "method",
1714
- "name": "onchangeModelLayer",
1715
- "parameters": [
1716
- {
1717
- "name": "after",
1718
- "type": {
1719
- "text": "any"
1720
- }
1721
- },
1722
- {
1723
- "name": "before",
1724
- "type": {
1725
- "text": "any"
1726
- }
1727
- },
1728
- {
1729
- "name": "hint",
1730
- "type": {
1731
- "text": "any"
1732
- }
1733
- }
1734
- ]
1735
- },
1736
- {
1737
- "kind": "method",
1738
- "name": "onchangeData",
1739
- "return": {
1740
- "type": {
1741
- "text": "void"
1742
- }
1743
- },
1744
- "parameters": [
1745
- {
1746
- "name": "after",
1747
- "type": {
1748
- "text": "Properties"
1749
- }
1750
- },
1751
- {
1752
- "name": "before",
1753
- "type": {
1754
- "text": "Properties"
1755
- }
1756
- }
1757
- ]
1758
- }
1759
- ],
1760
- "superclass": {
1761
- "name": "Layer",
1762
- "package": "@hatiolab/things-scene"
1763
- }
1764
- }
1765
- ],
1766
- "exports": [
1767
- {
1768
- "kind": "js",
1769
- "name": "default",
1770
- "declaration": {
1771
- "name": "MovementLayer",
1772
- "module": "src/layers/movement-layer.ts"
1773
- }
1774
- }
1775
- ]
1776
- },
1777
- {
1778
- "kind": "javascript-module",
1779
- "path": "src/modeller/edit-toolbar-style.ts",
1780
- "declarations": [
1781
- {
1782
- "kind": "variable",
1783
- "name": "style",
1784
- "default": "css`\n :host {\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`"
1785
- }
1786
- ],
1787
- "exports": [
1788
- {
1789
- "kind": "js",
1790
- "name": "style",
1791
- "declaration": {
1792
- "name": "style",
1793
- "module": "src/modeller/edit-toolbar-style.ts"
1794
- }
1795
- }
1796
- ]
1797
- },
1798
- {
1799
- "kind": "javascript-module",
1800
- "path": "src/modeller/edit-toolbar.ts",
1801
- "declarations": [
1802
- {
1803
- "kind": "class",
1804
- "description": "",
1805
- "name": "EditToolbar",
1806
- "members": [
1807
- {
1808
- "kind": "field",
1809
- "name": "scene",
1810
- "type": {
1811
- "text": "Scene | undefined"
1812
- },
1813
- "attribute": "scene"
1814
- },
1815
- {
1816
- "kind": "field",
1817
- "name": "selected",
1818
- "type": {
1819
- "text": "any[]"
1820
- },
1821
- "default": "[]",
1822
- "attribute": "selected"
1823
- },
1824
- {
1825
- "kind": "field",
1826
- "name": "hideProperty",
1827
- "type": {
1828
- "text": "boolean"
1829
- },
1830
- "default": "false",
1831
- "attribute": "hideProperty"
1832
- },
1833
- {
1834
- "kind": "field",
1835
- "name": "cliped",
1836
- "type": {
1837
- "text": "string | undefined"
1838
- },
1839
- "privacy": "private"
1840
- },
1841
- {
1842
- "kind": "field",
1843
- "name": "redo",
1844
- "type": {
1845
- "text": "HTMLElement"
1846
- },
1847
- "privacy": "private"
1704
+ "kind": "field",
1705
+ "name": "redo",
1706
+ "type": {
1707
+ "text": "HTMLElement"
1708
+ },
1709
+ "privacy": "private"
1848
1710
  },
1849
1711
  {
1850
1712
  "kind": "field",
@@ -2857,6 +2719,144 @@
2857
2719
  }
2858
2720
  ]
2859
2721
  },
2722
+ {
2723
+ "kind": "javascript-module",
2724
+ "path": "src/layers/mcs-event-handlers.ts",
2725
+ "declarations": [],
2726
+ "exports": []
2727
+ },
2728
+ {
2729
+ "kind": "javascript-module",
2730
+ "path": "src/layers/movement-layer.ts",
2731
+ "declarations": [
2732
+ {
2733
+ "kind": "class",
2734
+ "description": "",
2735
+ "name": "MovementLayer",
2736
+ "members": [
2737
+ {
2738
+ "kind": "field",
2739
+ "name": "capturable",
2740
+ "readonly": true
2741
+ },
2742
+ {
2743
+ "kind": "method",
2744
+ "name": "drawArrow",
2745
+ "parameters": [
2746
+ {
2747
+ "name": "ctx",
2748
+ "type": {
2749
+ "text": "CanvasRenderingContext2D"
2750
+ }
2751
+ },
2752
+ {
2753
+ "name": "p0",
2754
+ "type": {
2755
+ "text": "POINT"
2756
+ }
2757
+ },
2758
+ {
2759
+ "name": "p1",
2760
+ "type": {
2761
+ "text": "POINT"
2762
+ }
2763
+ },
2764
+ {
2765
+ "name": "headLength",
2766
+ "default": "10",
2767
+ "type": {
2768
+ "text": "number"
2769
+ }
2770
+ }
2771
+ ]
2772
+ },
2773
+ {
2774
+ "kind": "method",
2775
+ "name": "findSourceAndTarget",
2776
+ "return": {
2777
+ "type": {
2778
+ "text": "[Component?, Component?]"
2779
+ }
2780
+ },
2781
+ "parameters": [
2782
+ {
2783
+ "name": "path",
2784
+ "type": {
2785
+ "text": "PATH"
2786
+ }
2787
+ }
2788
+ ]
2789
+ },
2790
+ {
2791
+ "kind": "field",
2792
+ "name": "eventMap",
2793
+ "readonly": true
2794
+ },
2795
+ {
2796
+ "kind": "method",
2797
+ "name": "onchangeModelLayer",
2798
+ "parameters": [
2799
+ {
2800
+ "name": "after",
2801
+ "type": {
2802
+ "text": "any"
2803
+ }
2804
+ },
2805
+ {
2806
+ "name": "before",
2807
+ "type": {
2808
+ "text": "any"
2809
+ }
2810
+ },
2811
+ {
2812
+ "name": "hint",
2813
+ "type": {
2814
+ "text": "any"
2815
+ }
2816
+ }
2817
+ ]
2818
+ },
2819
+ {
2820
+ "kind": "method",
2821
+ "name": "onchangeData",
2822
+ "return": {
2823
+ "type": {
2824
+ "text": "void"
2825
+ }
2826
+ },
2827
+ "parameters": [
2828
+ {
2829
+ "name": "after",
2830
+ "type": {
2831
+ "text": "Properties"
2832
+ }
2833
+ },
2834
+ {
2835
+ "name": "before",
2836
+ "type": {
2837
+ "text": "Properties"
2838
+ }
2839
+ }
2840
+ ]
2841
+ }
2842
+ ],
2843
+ "superclass": {
2844
+ "name": "Layer",
2845
+ "package": "@hatiolab/things-scene"
2846
+ }
2847
+ }
2848
+ ],
2849
+ "exports": [
2850
+ {
2851
+ "kind": "js",
2852
+ "name": "default",
2853
+ "declaration": {
2854
+ "name": "MovementLayer",
2855
+ "module": "src/layers/movement-layer.ts"
2856
+ }
2857
+ }
2858
+ ]
2859
+ },
2860
2860
  {
2861
2861
  "kind": "javascript-module",
2862
2862
  "path": "src/modeller/component-toolbar/component-detail.ts",
@@ -5513,250 +5513,7 @@
5513
5513
  },
5514
5514
  {
5515
5515
  "kind": "javascript-module",
5516
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5517
- "declarations": [
5518
- {
5519
- "kind": "variable",
5520
- "name": "BoxPaddingEditorStyles",
5521
- "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`"
5522
- }
5523
- ],
5524
- "exports": [
5525
- {
5526
- "kind": "js",
5527
- "name": "BoxPaddingEditorStyles",
5528
- "declaration": {
5529
- "name": "BoxPaddingEditorStyles",
5530
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5531
- }
5532
- }
5533
- ]
5534
- },
5535
- {
5536
- "kind": "javascript-module",
5537
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5538
- "declarations": [
5539
- {
5540
- "kind": "class",
5541
- "description": "",
5542
- "name": "PropertyShapes",
5543
- "members": [
5544
- {
5545
- "kind": "field",
5546
- "name": "value",
5547
- "type": {
5548
- "text": "Properties | undefined"
5549
- },
5550
- "attribute": "value"
5551
- },
5552
- {
5553
- "kind": "field",
5554
- "name": "bounds",
5555
- "type": {
5556
- "text": "BOUNDS | null"
5557
- },
5558
- "default": "null",
5559
- "attribute": "bounds"
5560
- },
5561
- {
5562
- "kind": "field",
5563
- "name": "selected",
5564
- "type": {
5565
- "text": "Component[]"
5566
- },
5567
- "default": "[]",
5568
- "attribute": "selected"
5569
- },
5570
- {
5571
- "kind": "method",
5572
- "name": "_onValueChange",
5573
- "parameters": [
5574
- {
5575
- "name": "e",
5576
- "type": {
5577
- "text": "Event"
5578
- }
5579
- }
5580
- ],
5581
- "inheritedFrom": {
5582
- "name": "AbstractProperty",
5583
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5584
- }
5585
- },
5586
- {
5587
- "kind": "method",
5588
- "name": "_hasTextProperty",
5589
- "parameters": [
5590
- {
5591
- "name": "selected",
5592
- "type": {
5593
- "text": "Component[]"
5594
- }
5595
- }
5596
- ]
5597
- },
5598
- {
5599
- "kind": "method",
5600
- "name": "_hasProperties",
5601
- "parameters": [
5602
- {
5603
- "name": "selected",
5604
- "type": {
5605
- "text": "Component[]"
5606
- }
5607
- }
5608
- ]
5609
- },
5610
- {
5611
- "kind": "method",
5612
- "name": "_isIdentifiable",
5613
- "parameters": [
5614
- {
5615
- "name": "selected",
5616
- "type": {
5617
- "text": "Component[]"
5618
- }
5619
- }
5620
- ]
5621
- },
5622
- {
5623
- "kind": "method",
5624
- "name": "_isClassIdentifiable",
5625
- "parameters": [
5626
- {
5627
- "name": "selected",
5628
- "type": {
5629
- "text": "Component[]"
5630
- }
5631
- }
5632
- ]
5633
- },
5634
- {
5635
- "kind": "method",
5636
- "name": "_isLine",
5637
- "parameters": [
5638
- {
5639
- "name": "selected",
5640
- "type": {
5641
- "text": "Component[]"
5642
- }
5643
- }
5644
- ]
5645
- },
5646
- {
5647
- "kind": "method",
5648
- "name": "_is3dish",
5649
- "parameters": [
5650
- {
5651
- "name": "selected",
5652
- "type": {
5653
- "text": "Component[]"
5654
- }
5655
- }
5656
- ]
5657
- },
5658
- {
5659
- "kind": "method",
5660
- "name": "_getValueFromEventTarget",
5661
- "parameters": [
5662
- {
5663
- "name": "element",
5664
- "type": {
5665
- "text": "HTMLElement"
5666
- }
5667
- }
5668
- ],
5669
- "inheritedFrom": {
5670
- "name": "AbstractProperty",
5671
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5672
- }
5673
- },
5674
- {
5675
- "kind": "method",
5676
- "name": "_onAfterValueChange",
5677
- "parameters": [
5678
- {
5679
- "name": "key",
5680
- "type": {
5681
- "text": "string"
5682
- }
5683
- },
5684
- {
5685
- "name": "value",
5686
- "type": {
5687
- "text": "any"
5688
- }
5689
- }
5690
- ],
5691
- "inheritedFrom": {
5692
- "name": "AbstractProperty",
5693
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5694
- }
5695
- }
5696
- ],
5697
- "events": [
5698
- {
5699
- "name": "bounds-change",
5700
- "type": {
5701
- "text": "CustomEvent"
5702
- }
5703
- },
5704
- {
5705
- "name": "property-change",
5706
- "type": {
5707
- "text": "CustomEvent"
5708
- },
5709
- "inheritedFrom": {
5710
- "name": "AbstractProperty",
5711
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5712
- }
5713
- }
5714
- ],
5715
- "attributes": [
5716
- {
5717
- "name": "value",
5718
- "type": {
5719
- "text": "Properties | undefined"
5720
- },
5721
- "fieldName": "value"
5722
- },
5723
- {
5724
- "name": "bounds",
5725
- "type": {
5726
- "text": "BOUNDS | null"
5727
- },
5728
- "default": "null",
5729
- "fieldName": "bounds"
5730
- },
5731
- {
5732
- "name": "selected",
5733
- "type": {
5734
- "text": "Component[]"
5735
- },
5736
- "default": "[]",
5737
- "fieldName": "selected"
5738
- }
5739
- ],
5740
- "superclass": {
5741
- "name": "AbstractProperty",
5742
- "module": "/src/modeller/property-sidebar/abstract-property"
5743
- }
5744
- }
5745
- ],
5746
- "exports": [
5747
- {
5748
- "kind": "js",
5749
- "name": "PropertyShapes",
5750
- "declaration": {
5751
- "name": "PropertyShapes",
5752
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5753
- }
5754
- }
5755
- ]
5756
- },
5757
- {
5758
- "kind": "javascript-module",
5759
- "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5516
+ "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5760
5517
  "declarations": [
5761
5518
  {
5762
5519
  "kind": "class",
@@ -5993,22 +5750,51 @@
5993
5750
  },
5994
5751
  {
5995
5752
  "kind": "javascript-module",
5996
- "path": "src/modeller/property-sidebar/styles/styles.ts",
5753
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5754
+ "declarations": [
5755
+ {
5756
+ "kind": "variable",
5757
+ "name": "BoxPaddingEditorStyles",
5758
+ "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`"
5759
+ }
5760
+ ],
5761
+ "exports": [
5762
+ {
5763
+ "kind": "js",
5764
+ "name": "BoxPaddingEditorStyles",
5765
+ "declaration": {
5766
+ "name": "BoxPaddingEditorStyles",
5767
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5768
+ }
5769
+ }
5770
+ ]
5771
+ },
5772
+ {
5773
+ "kind": "javascript-module",
5774
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5997
5775
  "declarations": [
5998
5776
  {
5999
5777
  "kind": "class",
6000
5778
  "description": "",
6001
- "name": "PropertyStyles",
5779
+ "name": "PropertyShapes",
6002
5780
  "members": [
6003
5781
  {
6004
5782
  "kind": "field",
6005
5783
  "name": "value",
6006
5784
  "type": {
6007
- "text": "any"
5785
+ "text": "Properties | undefined"
6008
5786
  },
6009
- "default": "{}",
6010
5787
  "attribute": "value"
6011
5788
  },
5789
+ {
5790
+ "kind": "field",
5791
+ "name": "bounds",
5792
+ "type": {
5793
+ "text": "BOUNDS | null"
5794
+ },
5795
+ "default": "null",
5796
+ "attribute": "bounds"
5797
+ },
6012
5798
  {
6013
5799
  "kind": "field",
6014
5800
  "name": "selected",
@@ -6019,13 +5805,68 @@
6019
5805
  "attribute": "selected"
6020
5806
  },
6021
5807
  {
6022
- "kind": "field",
6023
- "name": "fonts",
6024
- "type": {
6025
- "text": "any[]"
6026
- },
6027
- "default": "[]",
6028
- "attribute": "fonts"
5808
+ "kind": "method",
5809
+ "name": "_onValueChange",
5810
+ "parameters": [
5811
+ {
5812
+ "name": "e",
5813
+ "type": {
5814
+ "text": "Event"
5815
+ }
5816
+ }
5817
+ ],
5818
+ "inheritedFrom": {
5819
+ "name": "AbstractProperty",
5820
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5821
+ }
5822
+ },
5823
+ {
5824
+ "kind": "method",
5825
+ "name": "_hasTextProperty",
5826
+ "parameters": [
5827
+ {
5828
+ "name": "selected",
5829
+ "type": {
5830
+ "text": "Component[]"
5831
+ }
5832
+ }
5833
+ ]
5834
+ },
5835
+ {
5836
+ "kind": "method",
5837
+ "name": "_hasProperties",
5838
+ "parameters": [
5839
+ {
5840
+ "name": "selected",
5841
+ "type": {
5842
+ "text": "Component[]"
5843
+ }
5844
+ }
5845
+ ]
5846
+ },
5847
+ {
5848
+ "kind": "method",
5849
+ "name": "_isIdentifiable",
5850
+ "parameters": [
5851
+ {
5852
+ "name": "selected",
5853
+ "type": {
5854
+ "text": "Component[]"
5855
+ }
5856
+ }
5857
+ ]
5858
+ },
5859
+ {
5860
+ "kind": "method",
5861
+ "name": "_isClassIdentifiable",
5862
+ "parameters": [
5863
+ {
5864
+ "name": "selected",
5865
+ "type": {
5866
+ "text": "Component[]"
5867
+ }
5868
+ }
5869
+ ]
6029
5870
  },
6030
5871
  {
6031
5872
  "kind": "method",
@@ -6041,19 +5882,15 @@
6041
5882
  },
6042
5883
  {
6043
5884
  "kind": "method",
6044
- "name": "_onValueChange",
5885
+ "name": "_is3dish",
6045
5886
  "parameters": [
6046
5887
  {
6047
- "name": "e",
5888
+ "name": "selected",
6048
5889
  "type": {
6049
- "text": "Event"
5890
+ "text": "Component[]"
6050
5891
  }
6051
5892
  }
6052
- ],
6053
- "inheritedFrom": {
6054
- "name": "AbstractProperty",
6055
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6056
- }
5893
+ ]
6057
5894
  },
6058
5895
  {
6059
5896
  "kind": "method",
@@ -6094,57 +5931,62 @@
6094
5931
  }
6095
5932
  }
6096
5933
  ],
5934
+ "events": [
5935
+ {
5936
+ "name": "bounds-change",
5937
+ "type": {
5938
+ "text": "CustomEvent"
5939
+ }
5940
+ },
5941
+ {
5942
+ "name": "property-change",
5943
+ "type": {
5944
+ "text": "CustomEvent"
5945
+ },
5946
+ "inheritedFrom": {
5947
+ "name": "AbstractProperty",
5948
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5949
+ }
5950
+ }
5951
+ ],
6097
5952
  "attributes": [
6098
5953
  {
6099
5954
  "name": "value",
6100
5955
  "type": {
6101
- "text": "any"
5956
+ "text": "Properties | undefined"
6102
5957
  },
6103
- "default": "{}",
6104
5958
  "fieldName": "value"
6105
5959
  },
6106
5960
  {
6107
- "name": "selected",
5961
+ "name": "bounds",
6108
5962
  "type": {
6109
- "text": "Component[]"
5963
+ "text": "BOUNDS | null"
6110
5964
  },
6111
- "default": "[]",
6112
- "fieldName": "selected"
5965
+ "default": "null",
5966
+ "fieldName": "bounds"
6113
5967
  },
6114
5968
  {
6115
- "name": "fonts",
5969
+ "name": "selected",
6116
5970
  "type": {
6117
- "text": "any[]"
5971
+ "text": "Component[]"
6118
5972
  },
6119
5973
  "default": "[]",
6120
- "fieldName": "fonts"
5974
+ "fieldName": "selected"
6121
5975
  }
6122
5976
  ],
6123
5977
  "superclass": {
6124
5978
  "name": "AbstractProperty",
6125
- "module": "/src/modeller/property-sidebar/abstract-property.js"
6126
- },
6127
- "events": [
6128
- {
6129
- "name": "property-change",
6130
- "type": {
6131
- "text": "CustomEvent"
6132
- },
6133
- "inheritedFrom": {
6134
- "name": "AbstractProperty",
6135
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6136
- }
6137
- }
6138
- ]
5979
+ "module": "/src/modeller/property-sidebar/abstract-property"
5980
+ }
6139
5981
  }
6140
5982
  ],
6141
5983
  "exports": [
6142
5984
  {
6143
5985
  "kind": "js",
6144
- "name": "PropertyStyles",
5986
+ "name": "PropertyShapes",
6145
5987
  "declaration": {
6146
- "name": "PropertyStyles",
6147
- "module": "src/modeller/property-sidebar/styles/styles.ts"
5988
+ "name": "PropertyShapes",
5989
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
6148
5990
  }
6149
5991
  }
6150
5992
  ]
@@ -6495,6 +6337,164 @@
6495
6337
  }
6496
6338
  }
6497
6339
  ]
6340
+ },
6341
+ {
6342
+ "kind": "javascript-module",
6343
+ "path": "src/modeller/property-sidebar/styles/styles.ts",
6344
+ "declarations": [
6345
+ {
6346
+ "kind": "class",
6347
+ "description": "",
6348
+ "name": "PropertyStyles",
6349
+ "members": [
6350
+ {
6351
+ "kind": "field",
6352
+ "name": "value",
6353
+ "type": {
6354
+ "text": "any"
6355
+ },
6356
+ "default": "{}",
6357
+ "attribute": "value"
6358
+ },
6359
+ {
6360
+ "kind": "field",
6361
+ "name": "selected",
6362
+ "type": {
6363
+ "text": "Component[]"
6364
+ },
6365
+ "default": "[]",
6366
+ "attribute": "selected"
6367
+ },
6368
+ {
6369
+ "kind": "field",
6370
+ "name": "fonts",
6371
+ "type": {
6372
+ "text": "any[]"
6373
+ },
6374
+ "default": "[]",
6375
+ "attribute": "fonts"
6376
+ },
6377
+ {
6378
+ "kind": "method",
6379
+ "name": "_isLine",
6380
+ "parameters": [
6381
+ {
6382
+ "name": "selected",
6383
+ "type": {
6384
+ "text": "Component[]"
6385
+ }
6386
+ }
6387
+ ]
6388
+ },
6389
+ {
6390
+ "kind": "method",
6391
+ "name": "_onValueChange",
6392
+ "parameters": [
6393
+ {
6394
+ "name": "e",
6395
+ "type": {
6396
+ "text": "Event"
6397
+ }
6398
+ }
6399
+ ],
6400
+ "inheritedFrom": {
6401
+ "name": "AbstractProperty",
6402
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6403
+ }
6404
+ },
6405
+ {
6406
+ "kind": "method",
6407
+ "name": "_getValueFromEventTarget",
6408
+ "parameters": [
6409
+ {
6410
+ "name": "element",
6411
+ "type": {
6412
+ "text": "HTMLElement"
6413
+ }
6414
+ }
6415
+ ],
6416
+ "inheritedFrom": {
6417
+ "name": "AbstractProperty",
6418
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6419
+ }
6420
+ },
6421
+ {
6422
+ "kind": "method",
6423
+ "name": "_onAfterValueChange",
6424
+ "parameters": [
6425
+ {
6426
+ "name": "key",
6427
+ "type": {
6428
+ "text": "string"
6429
+ }
6430
+ },
6431
+ {
6432
+ "name": "value",
6433
+ "type": {
6434
+ "text": "any"
6435
+ }
6436
+ }
6437
+ ],
6438
+ "inheritedFrom": {
6439
+ "name": "AbstractProperty",
6440
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6441
+ }
6442
+ }
6443
+ ],
6444
+ "attributes": [
6445
+ {
6446
+ "name": "value",
6447
+ "type": {
6448
+ "text": "any"
6449
+ },
6450
+ "default": "{}",
6451
+ "fieldName": "value"
6452
+ },
6453
+ {
6454
+ "name": "selected",
6455
+ "type": {
6456
+ "text": "Component[]"
6457
+ },
6458
+ "default": "[]",
6459
+ "fieldName": "selected"
6460
+ },
6461
+ {
6462
+ "name": "fonts",
6463
+ "type": {
6464
+ "text": "any[]"
6465
+ },
6466
+ "default": "[]",
6467
+ "fieldName": "fonts"
6468
+ }
6469
+ ],
6470
+ "superclass": {
6471
+ "name": "AbstractProperty",
6472
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
6473
+ },
6474
+ "events": [
6475
+ {
6476
+ "name": "property-change",
6477
+ "type": {
6478
+ "text": "CustomEvent"
6479
+ },
6480
+ "inheritedFrom": {
6481
+ "name": "AbstractProperty",
6482
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
6483
+ }
6484
+ }
6485
+ ]
6486
+ }
6487
+ ],
6488
+ "exports": [
6489
+ {
6490
+ "kind": "js",
6491
+ "name": "PropertyStyles",
6492
+ "declaration": {
6493
+ "name": "PropertyStyles",
6494
+ "module": "src/modeller/property-sidebar/styles/styles.ts"
6495
+ }
6496
+ }
6497
+ ]
6498
6498
  }
6499
6499
  ]
6500
6500
  }