@fmsim/board 0.0.80 → 0.0.81

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 (2) hide show
  1. package/custom-elements.json +1487 -1487
  2. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -1821,6 +1821,200 @@
1821
1821
  }
1822
1822
  ]
1823
1823
  },
1824
+ {
1825
+ "kind": "javascript-module",
1826
+ "path": "src/layers/mcs-mouse-event-handler.ts",
1827
+ "declarations": [],
1828
+ "exports": []
1829
+ },
1830
+ {
1831
+ "kind": "javascript-module",
1832
+ "path": "src/layers/movement-layer.ts",
1833
+ "declarations": [
1834
+ {
1835
+ "kind": "class",
1836
+ "description": "",
1837
+ "name": "MovementLayer",
1838
+ "members": [
1839
+ {
1840
+ "kind": "field",
1841
+ "name": "drawInstructionHandler"
1842
+ },
1843
+ {
1844
+ "kind": "field",
1845
+ "name": "clickComponentHandler"
1846
+ },
1847
+ {
1848
+ "kind": "method",
1849
+ "name": "ready"
1850
+ },
1851
+ {
1852
+ "kind": "method",
1853
+ "name": "dispose"
1854
+ },
1855
+ {
1856
+ "kind": "field",
1857
+ "name": "capturable",
1858
+ "readonly": true
1859
+ },
1860
+ {
1861
+ "kind": "method",
1862
+ "name": "drawArrow",
1863
+ "parameters": [
1864
+ {
1865
+ "name": "ctx",
1866
+ "type": {
1867
+ "text": "CanvasRenderingContext2D"
1868
+ }
1869
+ },
1870
+ {
1871
+ "name": "p0",
1872
+ "type": {
1873
+ "text": "POINT"
1874
+ }
1875
+ },
1876
+ {
1877
+ "name": "p1",
1878
+ "type": {
1879
+ "text": "POINT"
1880
+ }
1881
+ },
1882
+ {
1883
+ "name": "headLength",
1884
+ "default": "10",
1885
+ "type": {
1886
+ "text": "number"
1887
+ }
1888
+ }
1889
+ ]
1890
+ },
1891
+ {
1892
+ "kind": "method",
1893
+ "name": "findSourceAndTarget",
1894
+ "return": {
1895
+ "type": {
1896
+ "text": "[Component?, Component?]"
1897
+ }
1898
+ },
1899
+ "parameters": [
1900
+ {
1901
+ "name": "path",
1902
+ "type": {
1903
+ "text": "PATH"
1904
+ }
1905
+ }
1906
+ ]
1907
+ },
1908
+ {
1909
+ "kind": "field",
1910
+ "name": "eventMap",
1911
+ "readonly": true
1912
+ },
1913
+ {
1914
+ "kind": "method",
1915
+ "name": "onchangeModelLayer",
1916
+ "parameters": [
1917
+ {
1918
+ "name": "after",
1919
+ "type": {
1920
+ "text": "any"
1921
+ }
1922
+ },
1923
+ {
1924
+ "name": "before",
1925
+ "type": {
1926
+ "text": "any"
1927
+ }
1928
+ },
1929
+ {
1930
+ "name": "hint",
1931
+ "type": {
1932
+ "text": "any"
1933
+ }
1934
+ }
1935
+ ]
1936
+ },
1937
+ {
1938
+ "kind": "method",
1939
+ "name": "onchangeData",
1940
+ "return": {
1941
+ "type": {
1942
+ "text": "void"
1943
+ }
1944
+ },
1945
+ "parameters": [
1946
+ {
1947
+ "name": "after",
1948
+ "type": {
1949
+ "text": "Properties"
1950
+ }
1951
+ },
1952
+ {
1953
+ "name": "before",
1954
+ "type": {
1955
+ "text": "Properties"
1956
+ }
1957
+ }
1958
+ ]
1959
+ }
1960
+ ],
1961
+ "superclass": {
1962
+ "name": "Layer",
1963
+ "package": "@hatiolab/things-scene"
1964
+ }
1965
+ }
1966
+ ],
1967
+ "exports": [
1968
+ {
1969
+ "kind": "js",
1970
+ "name": "default",
1971
+ "declaration": {
1972
+ "name": "MovementLayer",
1973
+ "module": "src/layers/movement-layer.ts"
1974
+ }
1975
+ }
1976
+ ]
1977
+ },
1978
+ {
1979
+ "kind": "javascript-module",
1980
+ "path": "src/layers/tooltip-decorator.ts",
1981
+ "declarations": [
1982
+ {
1983
+ "kind": "function",
1984
+ "name": "tooltipDecorator",
1985
+ "parameters": [
1986
+ {
1987
+ "name": "component",
1988
+ "type": {
1989
+ "text": "Component"
1990
+ }
1991
+ },
1992
+ {
1993
+ "name": "context",
1994
+ "type": {
1995
+ "text": "CanvasRenderingContext2D"
1996
+ }
1997
+ },
1998
+ {
1999
+ "name": "delta",
2000
+ "type": {
2001
+ "text": "number"
2002
+ }
2003
+ }
2004
+ ]
2005
+ }
2006
+ ],
2007
+ "exports": [
2008
+ {
2009
+ "kind": "js",
2010
+ "name": "default",
2011
+ "declaration": {
2012
+ "name": "tooltipDecorator",
2013
+ "module": "src/layers/tooltip-decorator.ts"
2014
+ }
2015
+ }
2016
+ ]
2017
+ },
1824
2018
  {
1825
2019
  "kind": "javascript-module",
1826
2020
  "path": "src/modeller/edit-toolbar-style.ts",
@@ -2352,243 +2546,49 @@
2352
2546
  },
2353
2547
  {
2354
2548
  "kind": "javascript-module",
2355
- "path": "src/layers/mcs-mouse-event-handler.ts",
2356
- "declarations": [],
2357
- "exports": []
2358
- },
2359
- {
2360
- "kind": "javascript-module",
2361
- "path": "src/layers/movement-layer.ts",
2549
+ "path": "src/selector/board-creation-popup.ts",
2362
2550
  "declarations": [
2363
2551
  {
2364
2552
  "kind": "class",
2365
2553
  "description": "",
2366
- "name": "MovementLayer",
2554
+ "name": "BoardCreationPopup",
2367
2555
  "members": [
2368
2556
  {
2369
2557
  "kind": "field",
2370
- "name": "drawInstructionHandler"
2558
+ "name": "defaultGroup",
2559
+ "type": {
2560
+ "text": "string | undefined"
2561
+ },
2562
+ "attribute": "defaultGroup"
2371
2563
  },
2372
2564
  {
2373
2565
  "kind": "field",
2374
- "name": "clickComponentHandler"
2566
+ "name": "groups",
2567
+ "type": {
2568
+ "text": "{ id: string; name: string }[] | undefined"
2569
+ },
2570
+ "attribute": "groups"
2375
2571
  },
2376
2572
  {
2377
2573
  "kind": "method",
2378
- "name": "ready"
2379
- },
2574
+ "name": "onClickSubmit"
2575
+ }
2576
+ ],
2577
+ "events": [
2380
2578
  {
2381
- "kind": "method",
2382
- "name": "dispose"
2383
- },
2579
+ "name": "create-board",
2580
+ "type": {
2581
+ "text": "CustomEvent"
2582
+ }
2583
+ }
2584
+ ],
2585
+ "attributes": [
2384
2586
  {
2385
- "kind": "field",
2386
- "name": "capturable",
2387
- "readonly": true
2388
- },
2389
- {
2390
- "kind": "method",
2391
- "name": "drawArrow",
2392
- "parameters": [
2393
- {
2394
- "name": "ctx",
2395
- "type": {
2396
- "text": "CanvasRenderingContext2D"
2397
- }
2398
- },
2399
- {
2400
- "name": "p0",
2401
- "type": {
2402
- "text": "POINT"
2403
- }
2404
- },
2405
- {
2406
- "name": "p1",
2407
- "type": {
2408
- "text": "POINT"
2409
- }
2410
- },
2411
- {
2412
- "name": "headLength",
2413
- "default": "10",
2414
- "type": {
2415
- "text": "number"
2416
- }
2417
- }
2418
- ]
2419
- },
2420
- {
2421
- "kind": "method",
2422
- "name": "findSourceAndTarget",
2423
- "return": {
2424
- "type": {
2425
- "text": "[Component?, Component?]"
2426
- }
2427
- },
2428
- "parameters": [
2429
- {
2430
- "name": "path",
2431
- "type": {
2432
- "text": "PATH"
2433
- }
2434
- }
2435
- ]
2436
- },
2437
- {
2438
- "kind": "field",
2439
- "name": "eventMap",
2440
- "readonly": true
2441
- },
2442
- {
2443
- "kind": "method",
2444
- "name": "onchangeModelLayer",
2445
- "parameters": [
2446
- {
2447
- "name": "after",
2448
- "type": {
2449
- "text": "any"
2450
- }
2451
- },
2452
- {
2453
- "name": "before",
2454
- "type": {
2455
- "text": "any"
2456
- }
2457
- },
2458
- {
2459
- "name": "hint",
2460
- "type": {
2461
- "text": "any"
2462
- }
2463
- }
2464
- ]
2465
- },
2466
- {
2467
- "kind": "method",
2468
- "name": "onchangeData",
2469
- "return": {
2470
- "type": {
2471
- "text": "void"
2472
- }
2473
- },
2474
- "parameters": [
2475
- {
2476
- "name": "after",
2477
- "type": {
2478
- "text": "Properties"
2479
- }
2480
- },
2481
- {
2482
- "name": "before",
2483
- "type": {
2484
- "text": "Properties"
2485
- }
2486
- }
2487
- ]
2488
- }
2489
- ],
2490
- "superclass": {
2491
- "name": "Layer",
2492
- "package": "@hatiolab/things-scene"
2493
- }
2494
- }
2495
- ],
2496
- "exports": [
2497
- {
2498
- "kind": "js",
2499
- "name": "default",
2500
- "declaration": {
2501
- "name": "MovementLayer",
2502
- "module": "src/layers/movement-layer.ts"
2503
- }
2504
- }
2505
- ]
2506
- },
2507
- {
2508
- "kind": "javascript-module",
2509
- "path": "src/layers/tooltip-decorator.ts",
2510
- "declarations": [
2511
- {
2512
- "kind": "function",
2513
- "name": "tooltipDecorator",
2514
- "parameters": [
2515
- {
2516
- "name": "component",
2517
- "type": {
2518
- "text": "Component"
2519
- }
2520
- },
2521
- {
2522
- "name": "context",
2523
- "type": {
2524
- "text": "CanvasRenderingContext2D"
2525
- }
2526
- },
2527
- {
2528
- "name": "delta",
2529
- "type": {
2530
- "text": "number"
2531
- }
2532
- }
2533
- ]
2534
- }
2535
- ],
2536
- "exports": [
2537
- {
2538
- "kind": "js",
2539
- "name": "default",
2540
- "declaration": {
2541
- "name": "tooltipDecorator",
2542
- "module": "src/layers/tooltip-decorator.ts"
2543
- }
2544
- }
2545
- ]
2546
- },
2547
- {
2548
- "kind": "javascript-module",
2549
- "path": "src/selector/board-creation-popup.ts",
2550
- "declarations": [
2551
- {
2552
- "kind": "class",
2553
- "description": "",
2554
- "name": "BoardCreationPopup",
2555
- "members": [
2556
- {
2557
- "kind": "field",
2558
- "name": "defaultGroup",
2559
- "type": {
2560
- "text": "string | undefined"
2561
- },
2562
- "attribute": "defaultGroup"
2563
- },
2564
- {
2565
- "kind": "field",
2566
- "name": "groups",
2567
- "type": {
2568
- "text": "{ id: string; name: string }[] | undefined"
2569
- },
2570
- "attribute": "groups"
2571
- },
2572
- {
2573
- "kind": "method",
2574
- "name": "onClickSubmit"
2575
- }
2576
- ],
2577
- "events": [
2578
- {
2579
- "name": "create-board",
2580
- "type": {
2581
- "text": "CustomEvent"
2582
- }
2583
- }
2584
- ],
2585
- "attributes": [
2586
- {
2587
- "name": "defaultGroup",
2588
- "type": {
2589
- "text": "string | undefined"
2590
- },
2591
- "fieldName": "defaultGroup"
2587
+ "name": "defaultGroup",
2588
+ "type": {
2589
+ "text": "string | undefined"
2590
+ },
2591
+ "fieldName": "defaultGroup"
2592
2592
  },
2593
2593
  {
2594
2594
  "name": "groups",
@@ -3548,111 +3548,277 @@
3548
3548
  },
3549
3549
  {
3550
3550
  "kind": "javascript-module",
3551
- "path": "src/modeller/property-sidebar/abstract-property.ts",
3551
+ "path": "src/modeller/scene-viewer/confidential-overlay.ts",
3552
3552
  "declarations": [
3553
3553
  {
3554
3554
  "kind": "class",
3555
3555
  "description": "",
3556
- "name": "AbstractProperty",
3556
+ "name": "ConfidentialOverlay",
3557
3557
  "members": [
3558
3558
  {
3559
3559
  "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",
3560
+ "name": "_draw",
3585
3561
  "parameters": [
3586
3562
  {
3587
- "name": "key",
3588
- "type": {
3589
- "text": "string"
3590
- }
3591
- },
3592
- {
3593
- "name": "value",
3563
+ "name": "context",
3594
3564
  "type": {
3595
- "text": "any"
3565
+ "text": "CanvasRenderingContext2D"
3596
3566
  }
3597
3567
  }
3598
3568
  ]
3599
3569
  }
3600
3570
  ],
3601
- "events": [
3602
- {
3603
- "name": "property-change",
3604
- "type": {
3605
- "text": "CustomEvent"
3606
- }
3607
- }
3608
- ],
3609
3571
  "superclass": {
3610
- "name": "LitElement",
3611
- "package": "lit"
3612
- },
3613
- "customElement": true
3572
+ "name": "SceneLayer",
3573
+ "package": "@hatiolab/things-scene"
3574
+ }
3614
3575
  }
3615
3576
  ],
3616
3577
  "exports": [
3617
3578
  {
3618
3579
  "kind": "js",
3619
- "name": "AbstractProperty",
3580
+ "name": "default",
3620
3581
  "declaration": {
3621
- "name": "AbstractProperty",
3622
- "module": "src/modeller/property-sidebar/abstract-property.ts"
3582
+ "name": "ConfidentialOverlay",
3583
+ "module": "src/modeller/scene-viewer/confidential-overlay.ts"
3623
3584
  }
3624
3585
  }
3625
3586
  ]
3626
3587
  },
3627
3588
  {
3628
3589
  "kind": "javascript-module",
3629
- "path": "src/modeller/property-sidebar/property-shared-style.ts",
3590
+ "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
3630
3591
  "declarations": [
3631
3592
  {
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
- ],
3593
+ "kind": "class",
3594
+ "description": "",
3595
+ "name": "OxSceneHandler",
3596
+ "members": [
3597
+ {
3598
+ "kind": "field",
3599
+ "name": "type",
3600
+ "type": {
3601
+ "text": "string"
3602
+ },
3603
+ "attribute": "type"
3604
+ },
3605
+ {
3606
+ "kind": "field",
3607
+ "name": "model",
3608
+ "type": {
3609
+ "text": "{\n type: Object\n notify: true\n }"
3610
+ },
3611
+ "attribute": "model"
3612
+ }
3613
+ ],
3614
+ "attributes": [
3615
+ {
3616
+ "name": "type",
3617
+ "type": {
3618
+ "text": "string"
3619
+ },
3620
+ "fieldName": "type"
3621
+ },
3622
+ {
3623
+ "name": "model",
3624
+ "type": {
3625
+ "text": "{\n type: Object\n notify: true\n }"
3626
+ },
3627
+ "fieldName": "model"
3628
+ }
3629
+ ],
3630
+ "superclass": {
3631
+ "name": "LitElement",
3632
+ "package": "lit"
3633
+ },
3634
+ "tagName": "ox-scene-handler",
3635
+ "customElement": true
3636
+ }
3637
+ ],
3637
3638
  "exports": [
3638
3639
  {
3639
3640
  "kind": "js",
3640
- "name": "PropertySharedStyle",
3641
+ "name": "default",
3641
3642
  "declaration": {
3642
- "name": "PropertySharedStyle",
3643
- "module": "src/modeller/property-sidebar/property-shared-style.ts"
3643
+ "name": "OxSceneHandler",
3644
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
3645
+ }
3646
+ },
3647
+ {
3648
+ "kind": "custom-element-definition",
3649
+ "name": "ox-scene-handler",
3650
+ "declaration": {
3651
+ "name": "OxSceneHandler",
3652
+ "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
3644
3653
  }
3645
3654
  }
3646
3655
  ]
3647
3656
  },
3648
3657
  {
3649
3658
  "kind": "javascript-module",
3650
- "path": "src/modeller/property-sidebar/property-sidebar.ts",
3659
+ "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
3651
3660
  "declarations": [
3652
3661
  {
3653
3662
  "kind": "class",
3654
3663
  "description": "",
3655
- "name": "PropertySidebar",
3664
+ "name": "OxSceneLayer",
3665
+ "members": [
3666
+ {
3667
+ "kind": "field",
3668
+ "name": "type",
3669
+ "type": {
3670
+ "text": "String | undefined"
3671
+ },
3672
+ "attribute": "type"
3673
+ },
3674
+ {
3675
+ "kind": "field",
3676
+ "name": "text",
3677
+ "type": {
3678
+ "text": "String | undefined"
3679
+ },
3680
+ "attribute": "text"
3681
+ },
3682
+ {
3683
+ "kind": "method",
3684
+ "name": "getModel"
3685
+ }
3686
+ ],
3687
+ "attributes": [
3688
+ {
3689
+ "name": "type",
3690
+ "type": {
3691
+ "text": "String | undefined"
3692
+ },
3693
+ "fieldName": "type"
3694
+ },
3695
+ {
3696
+ "name": "text",
3697
+ "type": {
3698
+ "text": "String | undefined"
3699
+ },
3700
+ "fieldName": "text"
3701
+ }
3702
+ ],
3703
+ "superclass": {
3704
+ "name": "LitElement",
3705
+ "package": "lit"
3706
+ },
3707
+ "tagName": "ox-scene-layer",
3708
+ "customElement": true
3709
+ }
3710
+ ],
3711
+ "exports": [
3712
+ {
3713
+ "kind": "js",
3714
+ "name": "default",
3715
+ "declaration": {
3716
+ "name": "OxSceneLayer",
3717
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3718
+ }
3719
+ },
3720
+ {
3721
+ "kind": "custom-element-definition",
3722
+ "name": "ox-scene-layer",
3723
+ "declaration": {
3724
+ "name": "OxSceneLayer",
3725
+ "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
3726
+ }
3727
+ }
3728
+ ]
3729
+ },
3730
+ {
3731
+ "kind": "javascript-module",
3732
+ "path": "src/modeller/scene-viewer/ox-scene-property.ts",
3733
+ "declarations": [
3734
+ {
3735
+ "kind": "class",
3736
+ "description": "",
3737
+ "name": "OxSceneProperty",
3738
+ "members": [
3739
+ {
3740
+ "kind": "field",
3741
+ "name": "name",
3742
+ "type": {
3743
+ "text": "string"
3744
+ },
3745
+ "attribute": "name"
3746
+ },
3747
+ {
3748
+ "kind": "field",
3749
+ "name": "value",
3750
+ "type": {
3751
+ "text": "string"
3752
+ },
3753
+ "attribute": "value"
3754
+ },
3755
+ {
3756
+ "kind": "field",
3757
+ "name": "type",
3758
+ "type": {
3759
+ "text": "string"
3760
+ },
3761
+ "attribute": "type"
3762
+ }
3763
+ ],
3764
+ "attributes": [
3765
+ {
3766
+ "name": "name",
3767
+ "type": {
3768
+ "text": "string"
3769
+ },
3770
+ "fieldName": "name"
3771
+ },
3772
+ {
3773
+ "name": "value",
3774
+ "type": {
3775
+ "text": "string"
3776
+ },
3777
+ "fieldName": "value"
3778
+ },
3779
+ {
3780
+ "name": "type",
3781
+ "type": {
3782
+ "text": "string"
3783
+ },
3784
+ "fieldName": "type"
3785
+ }
3786
+ ],
3787
+ "superclass": {
3788
+ "name": "LitElement",
3789
+ "package": "lit"
3790
+ },
3791
+ "tagName": "ox-scene-property",
3792
+ "customElement": true
3793
+ }
3794
+ ],
3795
+ "exports": [
3796
+ {
3797
+ "kind": "js",
3798
+ "name": "default",
3799
+ "declaration": {
3800
+ "name": "OxSceneProperty",
3801
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3802
+ }
3803
+ },
3804
+ {
3805
+ "kind": "custom-element-definition",
3806
+ "name": "ox-scene-property",
3807
+ "declaration": {
3808
+ "name": "OxSceneProperty",
3809
+ "module": "src/modeller/scene-viewer/ox-scene-property.ts"
3810
+ }
3811
+ }
3812
+ ]
3813
+ },
3814
+ {
3815
+ "kind": "javascript-module",
3816
+ "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
3817
+ "declarations": [
3818
+ {
3819
+ "kind": "class",
3820
+ "description": "",
3821
+ "name": "OxSceneViewer",
3656
3822
  "members": [
3657
3823
  {
3658
3824
  "kind": "field",
@@ -3665,21 +3831,62 @@
3665
3831
  },
3666
3832
  {
3667
3833
  "kind": "field",
3668
- "name": "bounds",
3834
+ "name": "model",
3669
3835
  "type": {
3670
- "text": "any"
3836
+ "text": "Model | undefined"
3671
3837
  },
3672
- "default": "{}",
3673
- "attribute": "bounds"
3838
+ "attribute": "model"
3674
3839
  },
3675
3840
  {
3676
3841
  "kind": "field",
3677
- "name": "model",
3842
+ "name": "mode",
3678
3843
  "type": {
3679
- "text": "Model | null"
3844
+ "text": "SCENE_MODE"
3845
+ },
3846
+ "attribute": "mode"
3847
+ },
3848
+ {
3849
+ "kind": "field",
3850
+ "name": "screenSize",
3851
+ "type": {
3852
+ "text": "number"
3853
+ },
3854
+ "default": "13.3",
3855
+ "attribute": "screenSize"
3856
+ },
3857
+ {
3858
+ "kind": "field",
3859
+ "name": "variables",
3860
+ "type": {
3861
+ "text": "Properties"
3680
3862
  },
3681
3863
  "default": "{}",
3682
- "attribute": "model"
3864
+ "attribute": "variables"
3865
+ },
3866
+ {
3867
+ "kind": "field",
3868
+ "name": "data",
3869
+ "type": {
3870
+ "text": "any"
3871
+ },
3872
+ "attribute": "data"
3873
+ },
3874
+ {
3875
+ "kind": "field",
3876
+ "name": "themes",
3877
+ "type": {
3878
+ "text": "any | undefined"
3879
+ },
3880
+ "attribute": "themes"
3881
+ },
3882
+ {
3883
+ "kind": "field",
3884
+ "name": "fit",
3885
+ "type": {
3886
+ "text": "FITMODE"
3887
+ },
3888
+ "default": "'none'",
3889
+ "attribute": "fit"
3683
3890
  },
3684
3891
  {
3685
3892
  "kind": "field",
@@ -3692,110 +3899,178 @@
3692
3899
  },
3693
3900
  {
3694
3901
  "kind": "field",
3695
- "name": "specificProps",
3902
+ "name": "disposeWhenDetached",
3696
3903
  "type": {
3697
- "text": "any"
3904
+ "text": "boolean"
3698
3905
  },
3699
- "attribute": "specificProps"
3906
+ "default": "false",
3907
+ "attribute": "disposeWhenDetached"
3700
3908
  },
3701
3909
  {
3702
3910
  "kind": "field",
3703
- "name": "tabName",
3911
+ "name": "baseUrl",
3704
3912
  "type": {
3705
- "text": "string | null"
3913
+ "text": "string"
3706
3914
  },
3707
- "default": "'specific'",
3708
- "attribute": "tabName"
3915
+ "default": "''",
3916
+ "attribute": "baseUrl"
3709
3917
  },
3710
3918
  {
3711
3919
  "kind": "field",
3712
- "name": "collapsed",
3920
+ "name": "provider",
3713
3921
  "type": {
3714
- "text": "boolean"
3922
+ "text": "any"
3715
3923
  },
3716
- "default": "false",
3717
- "attribute": "collapsed"
3924
+ "attribute": "provider"
3718
3925
  },
3719
3926
  {
3720
3927
  "kind": "field",
3721
- "name": "fonts",
3928
+ "name": "name",
3722
3929
  "type": {
3723
- "text": "any[]"
3930
+ "text": "string"
3724
3931
  },
3725
- "default": "[]",
3726
- "attribute": "fonts"
3932
+ "default": "'noname'",
3933
+ "attribute": "name"
3727
3934
  },
3728
3935
  {
3729
3936
  "kind": "field",
3730
- "name": "propertyEditor",
3937
+ "name": "enableInspector",
3731
3938
  "type": {
3732
- "text": "any[]"
3939
+ "text": "boolean"
3733
3940
  },
3734
- "default": "[]",
3735
- "attribute": "propertyEditor"
3941
+ "default": "true",
3942
+ "attribute": "enableInspector"
3736
3943
  },
3737
3944
  {
3738
3945
  "kind": "field",
3739
- "name": "propertyTarget",
3946
+ "name": "showInspector",
3740
3947
  "type": {
3741
- "text": "Component | null"
3948
+ "text": "boolean"
3742
3949
  },
3743
- "default": "null"
3950
+ "default": "false",
3951
+ "attribute": "showInspector"
3744
3952
  },
3745
3953
  {
3746
3954
  "kind": "field",
3747
- "name": "scopedElements",
3748
- "static": true,
3749
- "readonly": true
3955
+ "name": "lastOffsetWidth",
3956
+ "type": {
3957
+ "text": "number | undefined"
3958
+ },
3959
+ "privacy": "private"
3750
3960
  },
3751
3961
  {
3752
3962
  "kind": "method",
3753
- "name": "_onPropertyChanged",
3963
+ "name": "_setScene",
3754
3964
  "parameters": [
3755
3965
  {
3756
- "name": "e",
3966
+ "name": "scene",
3757
3967
  "type": {
3758
- "text": "CustomEvent"
3968
+ "text": "Scene | null"
3759
3969
  }
3760
3970
  }
3761
3971
  ]
3762
3972
  },
3763
3973
  {
3764
3974
  "kind": "method",
3765
- "name": "_onBoundsChanged",
3975
+ "name": "_setMode",
3766
3976
  "parameters": [
3767
3977
  {
3768
- "name": "e",
3978
+ "name": "mode",
3979
+ "type": {
3980
+ "text": "SCENE_MODE"
3981
+ }
3982
+ }
3983
+ ]
3984
+ },
3985
+ {
3986
+ "kind": "method",
3987
+ "name": "_setVariables",
3988
+ "parameters": [
3989
+ {
3990
+ "name": "variables",
3991
+ "type": {
3992
+ "text": "Properties"
3993
+ }
3994
+ }
3995
+ ]
3996
+ },
3997
+ {
3998
+ "kind": "method",
3999
+ "name": "_setSelected",
4000
+ "parameters": [
4001
+ {
4002
+ "name": "selected",
4003
+ "type": {
4004
+ "text": "Component[]"
4005
+ }
4006
+ }
4007
+ ]
4008
+ },
4009
+ {
4010
+ "kind": "method",
4011
+ "name": "_disposeScene"
4012
+ },
4013
+ {
4014
+ "kind": "method",
4015
+ "name": "resize",
4016
+ "parameters": [
4017
+ {
4018
+ "name": "force",
4019
+ "type": {
4020
+ "text": "boolean"
4021
+ }
4022
+ }
4023
+ ]
4024
+ },
4025
+ {
4026
+ "kind": "method",
4027
+ "name": "_onModelChanged",
4028
+ "parameters": [
4029
+ {
4030
+ "name": "model",
4031
+ "optional": true,
4032
+ "type": {
4033
+ "text": "Model"
4034
+ }
4035
+ }
4036
+ ]
4037
+ },
4038
+ {
4039
+ "kind": "method",
4040
+ "name": "_onDisplayChanged",
4041
+ "parameters": [
4042
+ {
4043
+ "name": "screenSize",
4044
+ "type": {
4045
+ "text": "string | number"
4046
+ }
4047
+ }
4048
+ ]
4049
+ },
4050
+ {
4051
+ "kind": "method",
4052
+ "name": "_onModeChanged",
4053
+ "parameters": [
4054
+ {
4055
+ "name": "mode",
3769
4056
  "type": {
3770
- "text": "CustomEvent"
4057
+ "text": "SCENE_MODE"
3771
4058
  }
3772
4059
  }
3773
4060
  ]
3774
4061
  },
3775
4062
  {
3776
4063
  "kind": "method",
3777
- "name": "_onChangedByScene"
3778
- },
3779
- {
3780
- "kind": "method",
3781
- "name": "_setPropertyTargetAsDefault"
3782
- },
3783
- {
3784
- "kind": "method",
3785
- "name": "_onCollapsed",
4064
+ "name": "_onDataChanged",
3786
4065
  "parameters": [
3787
4066
  {
3788
- "name": "collapsed",
4067
+ "name": "data",
3789
4068
  "type": {
3790
- "text": "boolean"
4069
+ "text": "any"
3791
4070
  }
3792
4071
  }
3793
4072
  ]
3794
4073
  },
3795
- {
3796
- "kind": "method",
3797
- "name": "_onSceneChanged"
3798
- },
3799
4074
  {
3800
4075
  "kind": "method",
3801
4076
  "name": "_onSelectedChanged",
@@ -3810,285 +4085,177 @@
3810
4085
  },
3811
4086
  {
3812
4087
  "kind": "method",
3813
- "name": "_setPropertyTarget",
4088
+ "name": "_onSceneModeChanged",
3814
4089
  "parameters": [
3815
4090
  {
3816
- "name": "newTarget",
4091
+ "name": "after",
3817
4092
  "type": {
3818
- "text": "Component | null"
4093
+ "text": "SCENE_MODE"
3819
4094
  }
3820
4095
  }
3821
4096
  ]
3822
4097
  },
3823
4098
  {
3824
4099
  "kind": "method",
3825
- "name": "_setBounds",
4100
+ "name": "_onBaseUrlChanged",
3826
4101
  "parameters": [
3827
4102
  {
3828
- "name": "bounds",
4103
+ "name": "after",
3829
4104
  "type": {
3830
- "text": "BOUNDS"
4105
+ "text": "string"
3831
4106
  }
3832
4107
  }
3833
4108
  ]
3834
4109
  }
3835
4110
  ],
3836
- "attributes": [
4111
+ "events": [
3837
4112
  {
3838
- "name": "scene",
4113
+ "name": "scene-changed",
3839
4114
  "type": {
3840
- "text": "Scene | null"
3841
- },
3842
- "default": "null",
3843
- "fieldName": "scene"
4115
+ "text": "CustomEvent"
4116
+ }
3844
4117
  },
3845
4118
  {
3846
- "name": "bounds",
4119
+ "name": "mode-changed",
3847
4120
  "type": {
3848
- "text": "any"
3849
- },
3850
- "default": "{}",
3851
- "fieldName": "bounds"
4121
+ "text": "CustomEvent"
4122
+ }
3852
4123
  },
3853
4124
  {
3854
- "name": "model",
4125
+ "name": "variables-changed",
3855
4126
  "type": {
3856
- "text": "Model | null"
3857
- },
3858
- "default": "{}",
3859
- "fieldName": "model"
4127
+ "text": "CustomEvent"
4128
+ }
3860
4129
  },
3861
4130
  {
3862
- "name": "selected",
4131
+ "name": "selected-changed",
3863
4132
  "type": {
3864
- "text": "Component[]"
4133
+ "text": "CustomEvent"
4134
+ }
4135
+ }
4136
+ ],
4137
+ "attributes": [
4138
+ {
4139
+ "name": "scene",
4140
+ "type": {
4141
+ "text": "Scene | null"
3865
4142
  },
3866
- "default": "[]",
3867
- "fieldName": "selected"
4143
+ "default": "null",
4144
+ "fieldName": "scene"
3868
4145
  },
3869
4146
  {
3870
- "name": "specificProps",
4147
+ "name": "model",
3871
4148
  "type": {
3872
- "text": "any"
4149
+ "text": "Model | undefined"
3873
4150
  },
3874
- "fieldName": "specificProps"
4151
+ "fieldName": "model"
3875
4152
  },
3876
4153
  {
3877
- "name": "tabName",
4154
+ "name": "mode",
3878
4155
  "type": {
3879
- "text": "string | null"
4156
+ "text": "SCENE_MODE"
3880
4157
  },
3881
- "default": "'specific'",
3882
- "fieldName": "tabName"
4158
+ "fieldName": "mode"
3883
4159
  },
3884
4160
  {
3885
- "name": "collapsed",
4161
+ "name": "screenSize",
3886
4162
  "type": {
3887
- "text": "boolean"
4163
+ "text": "number"
3888
4164
  },
3889
- "default": "false",
3890
- "fieldName": "collapsed"
4165
+ "default": "13.3",
4166
+ "fieldName": "screenSize"
3891
4167
  },
3892
4168
  {
3893
- "name": "fonts",
4169
+ "name": "variables",
3894
4170
  "type": {
3895
- "text": "any[]"
4171
+ "text": "Properties"
3896
4172
  },
3897
- "default": "[]",
3898
- "fieldName": "fonts"
4173
+ "default": "{}",
4174
+ "fieldName": "variables"
3899
4175
  },
3900
4176
  {
3901
- "name": "propertyEditor",
4177
+ "name": "data",
3902
4178
  "type": {
3903
- "text": "any[]"
4179
+ "text": "any"
3904
4180
  },
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": [
4181
+ "fieldName": "data"
4182
+ },
3981
4183
  {
3982
- "kind": "field",
3983
- "name": "type",
4184
+ "name": "themes",
3984
4185
  "type": {
3985
- "text": "string"
4186
+ "text": "any | undefined"
3986
4187
  },
3987
- "attribute": "type"
4188
+ "fieldName": "themes"
3988
4189
  },
3989
4190
  {
3990
- "kind": "field",
3991
- "name": "model",
4191
+ "name": "fit",
3992
4192
  "type": {
3993
- "text": "{\n type: Object\n notify: true\n }"
4193
+ "text": "FITMODE"
3994
4194
  },
3995
- "attribute": "model"
3996
- }
3997
- ],
3998
- "attributes": [
4195
+ "default": "'none'",
4196
+ "fieldName": "fit"
4197
+ },
3999
4198
  {
4000
- "name": "type",
4199
+ "name": "selected",
4001
4200
  "type": {
4002
- "text": "string"
4201
+ "text": "Component[]"
4003
4202
  },
4004
- "fieldName": "type"
4203
+ "default": "[]",
4204
+ "fieldName": "selected"
4005
4205
  },
4006
4206
  {
4007
- "name": "model",
4207
+ "name": "disposeWhenDetached",
4008
4208
  "type": {
4009
- "text": "{\n type: Object\n notify: true\n }"
4010
- },
4011
- "fieldName": "model"
4012
- }
4013
- ],
4014
- "superclass": {
4015
- "name": "LitElement",
4016
- "package": "lit"
4017
- },
4018
- "tagName": "ox-scene-handler",
4019
- "customElement": true
4020
- }
4021
- ],
4022
- "exports": [
4023
- {
4024
- "kind": "js",
4025
- "name": "default",
4026
- "declaration": {
4027
- "name": "OxSceneHandler",
4028
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
4029
- }
4030
- },
4031
- {
4032
- "kind": "custom-element-definition",
4033
- "name": "ox-scene-handler",
4034
- "declaration": {
4035
- "name": "OxSceneHandler",
4036
- "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
4037
- }
4038
- }
4039
- ]
4040
- },
4041
- {
4042
- "kind": "javascript-module",
4043
- "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
4044
- "declarations": [
4045
- {
4046
- "kind": "class",
4047
- "description": "",
4048
- "name": "OxSceneLayer",
4049
- "members": [
4209
+ "text": "boolean"
4210
+ },
4211
+ "default": "false",
4212
+ "fieldName": "disposeWhenDetached"
4213
+ },
4050
4214
  {
4051
- "kind": "field",
4052
- "name": "type",
4215
+ "name": "baseUrl",
4053
4216
  "type": {
4054
- "text": "String | undefined"
4217
+ "text": "string"
4055
4218
  },
4056
- "attribute": "type"
4219
+ "default": "''",
4220
+ "fieldName": "baseUrl"
4057
4221
  },
4058
4222
  {
4059
- "kind": "field",
4060
- "name": "text",
4223
+ "name": "provider",
4061
4224
  "type": {
4062
- "text": "String | undefined"
4225
+ "text": "any"
4063
4226
  },
4064
- "attribute": "text"
4227
+ "fieldName": "provider"
4065
4228
  },
4066
4229
  {
4067
- "kind": "method",
4068
- "name": "getModel"
4069
- }
4070
- ],
4071
- "attributes": [
4230
+ "name": "name",
4231
+ "type": {
4232
+ "text": "string"
4233
+ },
4234
+ "default": "'noname'",
4235
+ "fieldName": "name"
4236
+ },
4072
4237
  {
4073
- "name": "type",
4238
+ "name": "enableInspector",
4074
4239
  "type": {
4075
- "text": "String | undefined"
4240
+ "text": "boolean"
4076
4241
  },
4077
- "fieldName": "type"
4242
+ "default": "true",
4243
+ "fieldName": "enableInspector"
4078
4244
  },
4079
4245
  {
4080
- "name": "text",
4246
+ "name": "showInspector",
4081
4247
  "type": {
4082
- "text": "String | undefined"
4248
+ "text": "boolean"
4083
4249
  },
4084
- "fieldName": "text"
4250
+ "default": "false",
4251
+ "fieldName": "showInspector"
4085
4252
  }
4086
4253
  ],
4087
4254
  "superclass": {
4088
4255
  "name": "LitElement",
4089
4256
  "package": "lit"
4090
4257
  },
4091
- "tagName": "ox-scene-layer",
4258
+ "tagName": "ox-scene-viewer",
4092
4259
  "customElement": true
4093
4260
  }
4094
4261
  ],
@@ -4097,112 +4264,127 @@
4097
4264
  "kind": "js",
4098
4265
  "name": "default",
4099
4266
  "declaration": {
4100
- "name": "OxSceneLayer",
4101
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
4267
+ "name": "OxSceneViewer",
4268
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4102
4269
  }
4103
4270
  },
4104
4271
  {
4105
4272
  "kind": "custom-element-definition",
4106
- "name": "ox-scene-layer",
4273
+ "name": "ox-scene-viewer",
4107
4274
  "declaration": {
4108
- "name": "OxSceneLayer",
4109
- "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
4275
+ "name": "OxSceneViewer",
4276
+ "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4110
4277
  }
4111
4278
  }
4112
4279
  ]
4113
4280
  },
4114
4281
  {
4115
4282
  "kind": "javascript-module",
4116
- "path": "src/modeller/scene-viewer/ox-scene-property.ts",
4283
+ "path": "src/modeller/property-sidebar/abstract-property.ts",
4117
4284
  "declarations": [
4118
4285
  {
4119
4286
  "kind": "class",
4120
4287
  "description": "",
4121
- "name": "OxSceneProperty",
4288
+ "name": "AbstractProperty",
4122
4289
  "members": [
4123
4290
  {
4124
- "kind": "field",
4125
- "name": "name",
4126
- "type": {
4127
- "text": "string"
4128
- },
4129
- "attribute": "name"
4291
+ "kind": "method",
4292
+ "name": "_onValueChange",
4293
+ "parameters": [
4294
+ {
4295
+ "name": "e",
4296
+ "type": {
4297
+ "text": "Event"
4298
+ }
4299
+ }
4300
+ ]
4130
4301
  },
4131
4302
  {
4132
- "kind": "field",
4133
- "name": "value",
4134
- "type": {
4135
- "text": "string"
4136
- },
4137
- "attribute": "value"
4303
+ "kind": "method",
4304
+ "name": "_getValueFromEventTarget",
4305
+ "parameters": [
4306
+ {
4307
+ "name": "element",
4308
+ "type": {
4309
+ "text": "HTMLElement"
4310
+ }
4311
+ }
4312
+ ]
4138
4313
  },
4139
4314
  {
4140
- "kind": "field",
4141
- "name": "type",
4142
- "type": {
4143
- "text": "string"
4144
- },
4145
- "attribute": "type"
4315
+ "kind": "method",
4316
+ "name": "_onAfterValueChange",
4317
+ "parameters": [
4318
+ {
4319
+ "name": "key",
4320
+ "type": {
4321
+ "text": "string"
4322
+ }
4323
+ },
4324
+ {
4325
+ "name": "value",
4326
+ "type": {
4327
+ "text": "any"
4328
+ }
4329
+ }
4330
+ ]
4146
4331
  }
4147
4332
  ],
4148
- "attributes": [
4149
- {
4150
- "name": "name",
4151
- "type": {
4152
- "text": "string"
4153
- },
4154
- "fieldName": "name"
4155
- },
4156
- {
4157
- "name": "value",
4158
- "type": {
4159
- "text": "string"
4160
- },
4161
- "fieldName": "value"
4162
- },
4333
+ "events": [
4163
4334
  {
4164
- "name": "type",
4335
+ "name": "property-change",
4165
4336
  "type": {
4166
- "text": "string"
4167
- },
4168
- "fieldName": "type"
4337
+ "text": "CustomEvent"
4338
+ }
4169
4339
  }
4170
4340
  ],
4171
4341
  "superclass": {
4172
4342
  "name": "LitElement",
4173
4343
  "package": "lit"
4174
4344
  },
4175
- "tagName": "ox-scene-property",
4176
4345
  "customElement": true
4177
4346
  }
4178
4347
  ],
4179
4348
  "exports": [
4180
4349
  {
4181
4350
  "kind": "js",
4182
- "name": "default",
4351
+ "name": "AbstractProperty",
4183
4352
  "declaration": {
4184
- "name": "OxSceneProperty",
4185
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
4353
+ "name": "AbstractProperty",
4354
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
4186
4355
  }
4187
- },
4356
+ }
4357
+ ]
4358
+ },
4359
+ {
4360
+ "kind": "javascript-module",
4361
+ "path": "src/modeller/property-sidebar/property-shared-style.ts",
4362
+ "declarations": [
4188
4363
  {
4189
- "kind": "custom-element-definition",
4190
- "name": "ox-scene-property",
4364
+ "kind": "variable",
4365
+ "name": "PropertySharedStyle",
4366
+ "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`"
4367
+ }
4368
+ ],
4369
+ "exports": [
4370
+ {
4371
+ "kind": "js",
4372
+ "name": "PropertySharedStyle",
4191
4373
  "declaration": {
4192
- "name": "OxSceneProperty",
4193
- "module": "src/modeller/scene-viewer/ox-scene-property.ts"
4374
+ "name": "PropertySharedStyle",
4375
+ "module": "src/modeller/property-sidebar/property-shared-style.ts"
4194
4376
  }
4195
4377
  }
4196
4378
  ]
4197
4379
  },
4198
4380
  {
4199
4381
  "kind": "javascript-module",
4200
- "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
4382
+ "path": "src/modeller/property-sidebar/property-sidebar.ts",
4201
4383
  "declarations": [
4202
4384
  {
4203
4385
  "kind": "class",
4204
4386
  "description": "",
4205
- "name": "OxSceneViewer",
4387
+ "name": "PropertySidebar",
4206
4388
  "members": [
4207
4389
  {
4208
4390
  "kind": "field",
@@ -4215,62 +4397,21 @@
4215
4397
  },
4216
4398
  {
4217
4399
  "kind": "field",
4218
- "name": "model",
4219
- "type": {
4220
- "text": "Model | undefined"
4221
- },
4222
- "attribute": "model"
4223
- },
4224
- {
4225
- "kind": "field",
4226
- "name": "mode",
4227
- "type": {
4228
- "text": "SCENE_MODE"
4229
- },
4230
- "attribute": "mode"
4231
- },
4232
- {
4233
- "kind": "field",
4234
- "name": "screenSize",
4235
- "type": {
4236
- "text": "number"
4237
- },
4238
- "default": "13.3",
4239
- "attribute": "screenSize"
4240
- },
4241
- {
4242
- "kind": "field",
4243
- "name": "variables",
4244
- "type": {
4245
- "text": "Properties"
4246
- },
4247
- "default": "{}",
4248
- "attribute": "variables"
4249
- },
4250
- {
4251
- "kind": "field",
4252
- "name": "data",
4400
+ "name": "bounds",
4253
4401
  "type": {
4254
4402
  "text": "any"
4255
4403
  },
4256
- "attribute": "data"
4257
- },
4258
- {
4259
- "kind": "field",
4260
- "name": "themes",
4261
- "type": {
4262
- "text": "any | undefined"
4263
- },
4264
- "attribute": "themes"
4404
+ "default": "{}",
4405
+ "attribute": "bounds"
4265
4406
  },
4266
4407
  {
4267
4408
  "kind": "field",
4268
- "name": "fit",
4409
+ "name": "model",
4269
4410
  "type": {
4270
- "text": "FITMODE"
4411
+ "text": "Model | null"
4271
4412
  },
4272
- "default": "'none'",
4273
- "attribute": "fit"
4413
+ "default": "{}",
4414
+ "attribute": "model"
4274
4415
  },
4275
4416
  {
4276
4417
  "kind": "field",
@@ -4283,177 +4424,109 @@
4283
4424
  },
4284
4425
  {
4285
4426
  "kind": "field",
4286
- "name": "disposeWhenDetached",
4287
- "type": {
4288
- "text": "boolean"
4289
- },
4290
- "default": "false",
4291
- "attribute": "disposeWhenDetached"
4292
- },
4293
- {
4294
- "kind": "field",
4295
- "name": "baseUrl",
4296
- "type": {
4297
- "text": "string"
4298
- },
4299
- "default": "''",
4300
- "attribute": "baseUrl"
4301
- },
4302
- {
4303
- "kind": "field",
4304
- "name": "provider",
4305
- "type": {
4306
- "text": "any"
4307
- },
4308
- "attribute": "provider"
4309
- },
4310
- {
4311
- "kind": "field",
4312
- "name": "name",
4427
+ "name": "specificProps",
4313
4428
  "type": {
4314
- "text": "string"
4429
+ "text": "any"
4315
4430
  },
4316
- "default": "'noname'",
4317
- "attribute": "name"
4431
+ "attribute": "specificProps"
4318
4432
  },
4319
4433
  {
4320
4434
  "kind": "field",
4321
- "name": "enableInspector",
4435
+ "name": "tabName",
4322
4436
  "type": {
4323
- "text": "boolean"
4437
+ "text": "string | null"
4324
4438
  },
4325
- "default": "true",
4326
- "attribute": "enableInspector"
4439
+ "default": "'specific'",
4440
+ "attribute": "tabName"
4327
4441
  },
4328
4442
  {
4329
4443
  "kind": "field",
4330
- "name": "showInspector",
4444
+ "name": "collapsed",
4331
4445
  "type": {
4332
4446
  "text": "boolean"
4333
4447
  },
4334
4448
  "default": "false",
4335
- "attribute": "showInspector"
4449
+ "attribute": "collapsed"
4336
4450
  },
4337
4451
  {
4338
4452
  "kind": "field",
4339
- "name": "lastOffsetWidth",
4453
+ "name": "fonts",
4340
4454
  "type": {
4341
- "text": "number | undefined"
4455
+ "text": "any[]"
4342
4456
  },
4343
- "privacy": "private"
4457
+ "default": "[]",
4458
+ "attribute": "fonts"
4344
4459
  },
4345
4460
  {
4346
- "kind": "method",
4347
- "name": "_setScene",
4348
- "parameters": [
4349
- {
4350
- "name": "scene",
4351
- "type": {
4352
- "text": "Scene | null"
4353
- }
4354
- }
4355
- ]
4461
+ "kind": "field",
4462
+ "name": "propertyEditor",
4463
+ "type": {
4464
+ "text": "any[]"
4465
+ },
4466
+ "default": "[]",
4467
+ "attribute": "propertyEditor"
4356
4468
  },
4357
4469
  {
4358
- "kind": "method",
4359
- "name": "_setMode",
4360
- "parameters": [
4361
- {
4362
- "name": "mode",
4363
- "type": {
4364
- "text": "SCENE_MODE"
4365
- }
4366
- }
4367
- ]
4470
+ "kind": "field",
4471
+ "name": "propertyTarget",
4472
+ "type": {
4473
+ "text": "Component | null"
4474
+ },
4475
+ "default": "null"
4368
4476
  },
4369
4477
  {
4370
- "kind": "method",
4371
- "name": "_setVariables",
4372
- "parameters": [
4373
- {
4374
- "name": "variables",
4375
- "type": {
4376
- "text": "Properties"
4377
- }
4378
- }
4379
- ]
4478
+ "kind": "field",
4479
+ "name": "scopedElements",
4480
+ "static": true,
4481
+ "readonly": true
4380
4482
  },
4381
4483
  {
4382
4484
  "kind": "method",
4383
- "name": "_setSelected",
4485
+ "name": "_onPropertyChanged",
4384
4486
  "parameters": [
4385
4487
  {
4386
- "name": "selected",
4488
+ "name": "e",
4387
4489
  "type": {
4388
- "text": "Component[]"
4490
+ "text": "CustomEvent"
4389
4491
  }
4390
4492
  }
4391
4493
  ]
4392
4494
  },
4393
4495
  {
4394
4496
  "kind": "method",
4395
- "name": "_disposeScene"
4396
- },
4397
- {
4398
- "kind": "method",
4399
- "name": "resize",
4497
+ "name": "_onBoundsChanged",
4400
4498
  "parameters": [
4401
4499
  {
4402
- "name": "force",
4500
+ "name": "e",
4403
4501
  "type": {
4404
- "text": "boolean"
4502
+ "text": "CustomEvent"
4405
4503
  }
4406
4504
  }
4407
4505
  ]
4408
4506
  },
4409
4507
  {
4410
4508
  "kind": "method",
4411
- "name": "_onModelChanged",
4412
- "parameters": [
4413
- {
4414
- "name": "model",
4415
- "optional": true,
4416
- "type": {
4417
- "text": "Model"
4418
- }
4419
- }
4420
- ]
4509
+ "name": "_onChangedByScene"
4421
4510
  },
4422
4511
  {
4423
4512
  "kind": "method",
4424
- "name": "_onDisplayChanged",
4425
- "parameters": [
4426
- {
4427
- "name": "screenSize",
4428
- "type": {
4429
- "text": "string | number"
4430
- }
4431
- }
4432
- ]
4513
+ "name": "_setPropertyTargetAsDefault"
4433
4514
  },
4434
4515
  {
4435
4516
  "kind": "method",
4436
- "name": "_onModeChanged",
4517
+ "name": "_onCollapsed",
4437
4518
  "parameters": [
4438
4519
  {
4439
- "name": "mode",
4520
+ "name": "collapsed",
4440
4521
  "type": {
4441
- "text": "SCENE_MODE"
4522
+ "text": "boolean"
4442
4523
  }
4443
4524
  }
4444
4525
  ]
4445
4526
  },
4446
4527
  {
4447
4528
  "kind": "method",
4448
- "name": "_onDataChanged",
4449
- "parameters": [
4450
- {
4451
- "name": "data",
4452
- "type": {
4453
- "text": "any"
4454
- }
4455
- }
4456
- ]
4529
+ "name": "_onSceneChanged"
4457
4530
  },
4458
4531
  {
4459
4532
  "kind": "method",
@@ -4469,55 +4542,29 @@
4469
4542
  },
4470
4543
  {
4471
4544
  "kind": "method",
4472
- "name": "_onSceneModeChanged",
4545
+ "name": "_setPropertyTarget",
4473
4546
  "parameters": [
4474
4547
  {
4475
- "name": "after",
4548
+ "name": "newTarget",
4476
4549
  "type": {
4477
- "text": "SCENE_MODE"
4550
+ "text": "Component | null"
4478
4551
  }
4479
4552
  }
4480
4553
  ]
4481
4554
  },
4482
4555
  {
4483
4556
  "kind": "method",
4484
- "name": "_onBaseUrlChanged",
4557
+ "name": "_setBounds",
4485
4558
  "parameters": [
4486
4559
  {
4487
- "name": "after",
4560
+ "name": "bounds",
4488
4561
  "type": {
4489
- "text": "string"
4562
+ "text": "BOUNDS"
4490
4563
  }
4491
4564
  }
4492
4565
  ]
4493
4566
  }
4494
4567
  ],
4495
- "events": [
4496
- {
4497
- "name": "scene-changed",
4498
- "type": {
4499
- "text": "CustomEvent"
4500
- }
4501
- },
4502
- {
4503
- "name": "mode-changed",
4504
- "type": {
4505
- "text": "CustomEvent"
4506
- }
4507
- },
4508
- {
4509
- "name": "variables-changed",
4510
- "type": {
4511
- "text": "CustomEvent"
4512
- }
4513
- },
4514
- {
4515
- "name": "selected-changed",
4516
- "type": {
4517
- "text": "CustomEvent"
4518
- }
4519
- }
4520
- ],
4521
4568
  "attributes": [
4522
4569
  {
4523
4570
  "name": "scene",
@@ -4528,56 +4575,20 @@
4528
4575
  "fieldName": "scene"
4529
4576
  },
4530
4577
  {
4531
- "name": "model",
4532
- "type": {
4533
- "text": "Model | undefined"
4534
- },
4535
- "fieldName": "model"
4536
- },
4537
- {
4538
- "name": "mode",
4539
- "type": {
4540
- "text": "SCENE_MODE"
4541
- },
4542
- "fieldName": "mode"
4543
- },
4544
- {
4545
- "name": "screenSize",
4546
- "type": {
4547
- "text": "number"
4548
- },
4549
- "default": "13.3",
4550
- "fieldName": "screenSize"
4551
- },
4552
- {
4553
- "name": "variables",
4554
- "type": {
4555
- "text": "Properties"
4556
- },
4557
- "default": "{}",
4558
- "fieldName": "variables"
4559
- },
4560
- {
4561
- "name": "data",
4578
+ "name": "bounds",
4562
4579
  "type": {
4563
4580
  "text": "any"
4564
4581
  },
4565
- "fieldName": "data"
4566
- },
4567
- {
4568
- "name": "themes",
4569
- "type": {
4570
- "text": "any | undefined"
4571
- },
4572
- "fieldName": "themes"
4582
+ "default": "{}",
4583
+ "fieldName": "bounds"
4573
4584
  },
4574
4585
  {
4575
- "name": "fit",
4586
+ "name": "model",
4576
4587
  "type": {
4577
- "text": "FITMODE"
4588
+ "text": "Model | null"
4578
4589
  },
4579
- "default": "'none'",
4580
- "fieldName": "fit"
4590
+ "default": "{}",
4591
+ "fieldName": "model"
4581
4592
  },
4582
4593
  {
4583
4594
  "name": "selected",
@@ -4588,76 +4599,65 @@
4588
4599
  "fieldName": "selected"
4589
4600
  },
4590
4601
  {
4591
- "name": "disposeWhenDetached",
4592
- "type": {
4593
- "text": "boolean"
4594
- },
4595
- "default": "false",
4596
- "fieldName": "disposeWhenDetached"
4597
- },
4598
- {
4599
- "name": "baseUrl",
4602
+ "name": "specificProps",
4600
4603
  "type": {
4601
- "text": "string"
4604
+ "text": "any"
4602
4605
  },
4603
- "default": "''",
4604
- "fieldName": "baseUrl"
4606
+ "fieldName": "specificProps"
4605
4607
  },
4606
4608
  {
4607
- "name": "provider",
4609
+ "name": "tabName",
4608
4610
  "type": {
4609
- "text": "any"
4611
+ "text": "string | null"
4610
4612
  },
4611
- "fieldName": "provider"
4613
+ "default": "'specific'",
4614
+ "fieldName": "tabName"
4612
4615
  },
4613
4616
  {
4614
- "name": "name",
4617
+ "name": "collapsed",
4615
4618
  "type": {
4616
- "text": "string"
4619
+ "text": "boolean"
4617
4620
  },
4618
- "default": "'noname'",
4619
- "fieldName": "name"
4621
+ "default": "false",
4622
+ "fieldName": "collapsed"
4620
4623
  },
4621
4624
  {
4622
- "name": "enableInspector",
4625
+ "name": "fonts",
4623
4626
  "type": {
4624
- "text": "boolean"
4627
+ "text": "any[]"
4625
4628
  },
4626
- "default": "true",
4627
- "fieldName": "enableInspector"
4629
+ "default": "[]",
4630
+ "fieldName": "fonts"
4628
4631
  },
4629
4632
  {
4630
- "name": "showInspector",
4633
+ "name": "propertyEditor",
4631
4634
  "type": {
4632
- "text": "boolean"
4635
+ "text": "any[]"
4633
4636
  },
4634
- "default": "false",
4635
- "fieldName": "showInspector"
4637
+ "default": "[]",
4638
+ "fieldName": "propertyEditor"
4639
+ }
4640
+ ],
4641
+ "mixins": [
4642
+ {
4643
+ "name": "ScopedElementsMixin",
4644
+ "package": "@open-wc/scoped-elements"
4636
4645
  }
4637
4646
  ],
4638
4647
  "superclass": {
4639
4648
  "name": "LitElement",
4640
4649
  "package": "lit"
4641
4650
  },
4642
- "tagName": "ox-scene-viewer",
4643
4651
  "customElement": true
4644
4652
  }
4645
4653
  ],
4646
4654
  "exports": [
4647
4655
  {
4648
4656
  "kind": "js",
4649
- "name": "default",
4650
- "declaration": {
4651
- "name": "OxSceneViewer",
4652
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4653
- }
4654
- },
4655
- {
4656
- "kind": "custom-element-definition",
4657
- "name": "ox-scene-viewer",
4657
+ "name": "PropertySidebar",
4658
4658
  "declaration": {
4659
- "name": "OxSceneViewer",
4660
- "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
4659
+ "name": "PropertySidebar",
4660
+ "module": "src/modeller/property-sidebar/property-sidebar.ts"
4661
4661
  }
4662
4662
  }
4663
4663
  ]
@@ -5171,43 +5171,280 @@
5171
5171
  "exports": [
5172
5172
  {
5173
5173
  "kind": "js",
5174
- "name": "PropertyDataBinding",
5174
+ "name": "PropertyDataBinding",
5175
+ "declaration": {
5176
+ "name": "PropertyDataBinding",
5177
+ "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
5178
+ }
5179
+ }
5180
+ ]
5181
+ },
5182
+ {
5183
+ "kind": "javascript-module",
5184
+ "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5185
+ "declarations": [
5186
+ {
5187
+ "kind": "class",
5188
+ "description": "",
5189
+ "name": "SceneInspector",
5190
+ "members": [
5191
+ {
5192
+ "kind": "field",
5193
+ "name": "scene",
5194
+ "type": {
5195
+ "text": "Scene | undefined"
5196
+ },
5197
+ "attribute": "scene"
5198
+ },
5199
+ {
5200
+ "kind": "field",
5201
+ "name": "searchText",
5202
+ "type": {
5203
+ "text": "string"
5204
+ },
5205
+ "privacy": "private",
5206
+ "default": "''"
5207
+ },
5208
+ {
5209
+ "kind": "field",
5210
+ "name": "_extendedMap",
5211
+ "type": {
5212
+ "text": "any"
5213
+ },
5214
+ "privacy": "private"
5215
+ },
5216
+ {
5217
+ "kind": "field",
5218
+ "name": "show",
5219
+ "type": {
5220
+ "text": "boolean"
5221
+ },
5222
+ "privacy": "private",
5223
+ "default": "false"
5224
+ },
5225
+ {
5226
+ "kind": "method",
5227
+ "name": "disconnectScene",
5228
+ "parameters": [
5229
+ {
5230
+ "name": "scene",
5231
+ "optional": true,
5232
+ "type": {
5233
+ "text": "Scene"
5234
+ }
5235
+ }
5236
+ ]
5237
+ },
5238
+ {
5239
+ "kind": "method",
5240
+ "name": "refresh"
5241
+ },
5242
+ {
5243
+ "kind": "field",
5244
+ "name": "sortableConfig",
5245
+ "type": {
5246
+ "text": "Sortable.Options"
5247
+ },
5248
+ "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5249
+ },
5250
+ {
5251
+ "kind": "method",
5252
+ "name": "onSort",
5253
+ "parameters": [
5254
+ {
5255
+ "name": "e",
5256
+ "type": {
5257
+ "text": "Sortable.SortableEvent"
5258
+ }
5259
+ }
5260
+ ]
5261
+ },
5262
+ {
5263
+ "kind": "method",
5264
+ "name": "_onclick",
5265
+ "parameters": [
5266
+ {
5267
+ "name": "e",
5268
+ "type": {
5269
+ "text": "MouseEvent"
5270
+ }
5271
+ }
5272
+ ]
5273
+ },
5274
+ {
5275
+ "kind": "method",
5276
+ "name": "_ondblclick",
5277
+ "parameters": [
5278
+ {
5279
+ "name": "e",
5280
+ "type": {
5281
+ "text": "MouseEvent"
5282
+ }
5283
+ }
5284
+ ]
5285
+ },
5286
+ {
5287
+ "kind": "field",
5288
+ "name": "extendedMap",
5289
+ "readonly": true
5290
+ },
5291
+ {
5292
+ "kind": "method",
5293
+ "name": "getNodeHandleClass",
5294
+ "parameters": [
5295
+ {
5296
+ "name": "component",
5297
+ "type": {
5298
+ "text": "Component"
5299
+ }
5300
+ }
5301
+ ]
5302
+ },
5303
+ {
5304
+ "kind": "method",
5305
+ "name": "isExtended",
5306
+ "parameters": [
5307
+ {
5308
+ "name": "component",
5309
+ "type": {
5310
+ "text": "Component"
5311
+ }
5312
+ }
5313
+ ]
5314
+ },
5315
+ {
5316
+ "kind": "method",
5317
+ "name": "toggleExtended",
5318
+ "parameters": [
5319
+ {
5320
+ "name": "component",
5321
+ "type": {
5322
+ "text": "Component"
5323
+ }
5324
+ }
5325
+ ]
5326
+ },
5327
+ {
5328
+ "kind": "method",
5329
+ "name": "toggleHidden",
5330
+ "parameters": [
5331
+ {
5332
+ "name": "component",
5333
+ "type": {
5334
+ "text": "Component"
5335
+ }
5336
+ }
5337
+ ]
5338
+ },
5339
+ {
5340
+ "kind": "method",
5341
+ "name": "selectComponent",
5342
+ "parameters": [
5343
+ {
5344
+ "name": "component",
5345
+ "type": {
5346
+ "text": "Component"
5347
+ }
5348
+ }
5349
+ ]
5350
+ },
5351
+ {
5352
+ "kind": "method",
5353
+ "name": "shouldBeShown",
5354
+ "return": {
5355
+ "type": {
5356
+ "text": "boolean"
5357
+ }
5358
+ },
5359
+ "parameters": [
5360
+ {
5361
+ "name": "component",
5362
+ "type": {
5363
+ "text": "Component"
5364
+ }
5365
+ }
5366
+ ]
5367
+ },
5368
+ {
5369
+ "kind": "method",
5370
+ "name": "renderComponent",
5371
+ "return": {
5372
+ "type": {
5373
+ "text": "TemplateResult"
5374
+ }
5375
+ },
5376
+ "parameters": [
5377
+ {
5378
+ "name": "component",
5379
+ "type": {
5380
+ "text": "Component"
5381
+ }
5382
+ },
5383
+ {
5384
+ "name": "depth",
5385
+ "type": {
5386
+ "text": "number"
5387
+ }
5388
+ }
5389
+ ]
5390
+ }
5391
+ ],
5392
+ "attributes": [
5393
+ {
5394
+ "name": "scene",
5395
+ "type": {
5396
+ "text": "Scene | undefined"
5397
+ },
5398
+ "fieldName": "scene"
5399
+ }
5400
+ ],
5401
+ "superclass": {
5402
+ "name": "LitElement",
5403
+ "package": "lit"
5404
+ },
5405
+ "customElement": true
5406
+ }
5407
+ ],
5408
+ "exports": [
5409
+ {
5410
+ "kind": "js",
5411
+ "name": "SceneInspector",
5175
5412
  "declaration": {
5176
- "name": "PropertyDataBinding",
5177
- "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
5413
+ "name": "SceneInspector",
5414
+ "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5178
5415
  }
5179
5416
  }
5180
5417
  ]
5181
5418
  },
5182
5419
  {
5183
5420
  "kind": "javascript-module",
5184
- "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5421
+ "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5185
5422
  "declarations": [
5186
5423
  {
5187
5424
  "kind": "variable",
5188
- "name": "EffectsSharedStyle",
5189
- "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`"
5425
+ "name": "BoxPaddingEditorStyles",
5426
+ "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`"
5190
5427
  }
5191
5428
  ],
5192
5429
  "exports": [
5193
5430
  {
5194
5431
  "kind": "js",
5195
- "name": "EffectsSharedStyle",
5432
+ "name": "BoxPaddingEditorStyles",
5196
5433
  "declaration": {
5197
- "name": "EffectsSharedStyle",
5198
- "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5434
+ "name": "BoxPaddingEditorStyles",
5435
+ "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
5199
5436
  }
5200
5437
  }
5201
5438
  ]
5202
5439
  },
5203
5440
  {
5204
5441
  "kind": "javascript-module",
5205
- "path": "src/modeller/property-sidebar/effects/effects.ts",
5442
+ "path": "src/modeller/property-sidebar/shapes/shapes.ts",
5206
5443
  "declarations": [
5207
5444
  {
5208
5445
  "kind": "class",
5209
5446
  "description": "",
5210
- "name": "PropertyEffects",
5447
+ "name": "PropertyShapes",
5211
5448
  "members": [
5212
5449
  {
5213
5450
  "kind": "field",
@@ -5219,17 +5456,21 @@
5219
5456
  },
5220
5457
  {
5221
5458
  "kind": "field",
5222
- "name": "scene",
5459
+ "name": "bounds",
5223
5460
  "type": {
5224
- "text": "Scene | undefined"
5461
+ "text": "BOUNDS | null"
5225
5462
  },
5226
- "attribute": "scene"
5463
+ "default": "null",
5464
+ "attribute": "bounds"
5227
5465
  },
5228
5466
  {
5229
5467
  "kind": "field",
5230
- "name": "scopedElements",
5231
- "static": true,
5232
- "readonly": true
5468
+ "name": "selected",
5469
+ "type": {
5470
+ "text": "Component[]"
5471
+ },
5472
+ "default": "[]",
5473
+ "attribute": "selected"
5233
5474
  },
5234
5475
  {
5235
5476
  "kind": "method",
@@ -5249,291 +5490,130 @@
5249
5490
  },
5250
5491
  {
5251
5492
  "kind": "method",
5252
- "name": "_getValueFromEventTarget",
5493
+ "name": "_hasTextProperty",
5253
5494
  "parameters": [
5254
5495
  {
5255
- "name": "element",
5496
+ "name": "selected",
5256
5497
  "type": {
5257
- "text": "HTMLElement"
5498
+ "text": "Component[]"
5258
5499
  }
5259
5500
  }
5260
- ],
5261
- "inheritedFrom": {
5262
- "name": "AbstractProperty",
5263
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5264
- }
5501
+ ]
5265
5502
  },
5266
5503
  {
5267
5504
  "kind": "method",
5268
- "name": "_onAfterValueChange",
5505
+ "name": "_hasProperties",
5269
5506
  "parameters": [
5270
5507
  {
5271
- "name": "key",
5272
- "type": {
5273
- "text": "string"
5274
- }
5275
- },
5276
- {
5277
- "name": "value",
5508
+ "name": "selected",
5278
5509
  "type": {
5279
- "text": "any"
5510
+ "text": "Component[]"
5280
5511
  }
5281
5512
  }
5282
- ],
5283
- "inheritedFrom": {
5284
- "name": "AbstractProperty",
5285
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5286
- }
5287
- }
5288
- ],
5289
- "attributes": [
5290
- {
5291
- "name": "value",
5292
- "type": {
5293
- "text": "Properties | undefined"
5294
- },
5295
- "fieldName": "value"
5296
- },
5297
- {
5298
- "name": "scene",
5299
- "type": {
5300
- "text": "Scene | undefined"
5301
- },
5302
- "fieldName": "scene"
5303
- }
5304
- ],
5305
- "mixins": [
5306
- {
5307
- "name": "ScopedElementsMixin",
5308
- "package": "@open-wc/scoped-elements"
5309
- }
5310
- ],
5311
- "superclass": {
5312
- "name": "AbstractProperty",
5313
- "module": "/src/modeller/property-sidebar/abstract-property.js"
5314
- },
5315
- "events": [
5316
- {
5317
- "name": "property-change",
5318
- "type": {
5319
- "text": "CustomEvent"
5320
- },
5321
- "inheritedFrom": {
5322
- "name": "AbstractProperty",
5323
- "module": "src/modeller/property-sidebar/abstract-property.ts"
5324
- }
5325
- }
5326
- ]
5327
- }
5328
- ],
5329
- "exports": [
5330
- {
5331
- "kind": "js",
5332
- "name": "PropertyEffects",
5333
- "declaration": {
5334
- "name": "PropertyEffects",
5335
- "module": "src/modeller/property-sidebar/effects/effects.ts"
5336
- }
5337
- }
5338
- ]
5339
- },
5340
- {
5341
- "kind": "javascript-module",
5342
- "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5343
- "declarations": [
5344
- {
5345
- "kind": "class",
5346
- "description": "",
5347
- "name": "PropertyEventHover",
5348
- "members": [
5349
- {
5350
- "kind": "field",
5351
- "name": "value",
5352
- "type": {
5353
- "text": "Properties | undefined"
5354
- },
5355
- "attribute": "value"
5356
- },
5357
- {
5358
- "kind": "field",
5359
- "name": "scene",
5360
- "type": {
5361
- "text": "Scene | undefined"
5362
- },
5363
- "attribute": "scene"
5513
+ ]
5364
5514
  },
5365
5515
  {
5366
5516
  "kind": "method",
5367
- "name": "_getPlaceHoder",
5517
+ "name": "_isIdentifiable",
5368
5518
  "parameters": [
5369
5519
  {
5370
- "name": "action",
5520
+ "name": "selected",
5371
5521
  "type": {
5372
- "text": "string"
5522
+ "text": "Component[]"
5373
5523
  }
5374
5524
  }
5375
5525
  ]
5376
5526
  },
5377
5527
  {
5378
5528
  "kind": "method",
5379
- "name": "_getTargetList",
5380
- "return": {
5381
- "type": {
5382
- "text": "{ value: string; description: string }[]"
5383
- }
5384
- },
5529
+ "name": "_isClassIdentifiable",
5385
5530
  "parameters": [
5386
5531
  {
5387
- "name": "action",
5532
+ "name": "selected",
5388
5533
  "type": {
5389
- "text": "string"
5534
+ "text": "Component[]"
5390
5535
  }
5391
5536
  }
5392
5537
  ]
5393
5538
  },
5394
5539
  {
5395
5540
  "kind": "method",
5396
- "name": "_onValueChange",
5541
+ "name": "_isLine",
5397
5542
  "parameters": [
5398
5543
  {
5399
- "name": "e",
5544
+ "name": "selected",
5400
5545
  "type": {
5401
- "text": "Event"
5546
+ "text": "Component[]"
5402
5547
  }
5403
5548
  }
5404
5549
  ]
5405
- }
5406
- ],
5407
- "events": [
5408
- {
5409
- "name": "change",
5410
- "type": {
5411
- "text": "CustomEvent"
5412
- }
5413
- }
5414
- ],
5415
- "attributes": [
5416
- {
5417
- "name": "value",
5418
- "type": {
5419
- "text": "Properties | undefined"
5420
- },
5421
- "fieldName": "value"
5422
- },
5423
- {
5424
- "name": "scene",
5425
- "type": {
5426
- "text": "Scene | undefined"
5427
- },
5428
- "fieldName": "scene"
5429
- }
5430
- ],
5431
- "superclass": {
5432
- "name": "LitElement",
5433
- "package": "lit"
5434
- },
5435
- "customElement": true
5436
- }
5437
- ],
5438
- "exports": [
5439
- {
5440
- "kind": "js",
5441
- "name": "PropertyEventHover",
5442
- "declaration": {
5443
- "name": "PropertyEventHover",
5444
- "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5445
- }
5446
- }
5447
- ]
5448
- },
5449
- {
5450
- "kind": "javascript-module",
5451
- "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5452
- "declarations": [
5453
- {
5454
- "kind": "class",
5455
- "description": "",
5456
- "name": "PropertyEventTap",
5457
- "members": [
5458
- {
5459
- "kind": "field",
5460
- "name": "value",
5461
- "type": {
5462
- "text": "Properties | undefined"
5463
- },
5464
- "attribute": "value"
5465
- },
5466
- {
5467
- "kind": "field",
5468
- "name": "scene",
5469
- "type": {
5470
- "text": "Scene | undefined"
5471
- },
5472
- "attribute": "scene"
5473
- },
5474
- {
5475
- "kind": "field",
5476
- "name": "scenarios",
5477
- "type": {
5478
- "text": "{ value: string; description: string }[]"
5479
- },
5480
- "default": "[]"
5481
- },
5482
- {
5483
- "kind": "field",
5484
- "name": "targetList",
5485
- "type": {
5486
- "text": "{ value: string; description: string }[]"
5487
- },
5488
- "default": "[]"
5489
5550
  },
5490
5551
  {
5491
5552
  "kind": "method",
5492
- "name": "_getPlaceHoder",
5553
+ "name": "_is3dish",
5493
5554
  "parameters": [
5494
5555
  {
5495
- "name": "action",
5556
+ "name": "selected",
5496
5557
  "type": {
5497
- "text": "string"
5558
+ "text": "Component[]"
5498
5559
  }
5499
5560
  }
5500
5561
  ]
5501
5562
  },
5502
5563
  {
5503
5564
  "kind": "method",
5504
- "name": "_getInputList",
5505
- "return": {
5506
- "type": {
5507
- "text": "{ value: string; description: string }[]"
5508
- }
5509
- },
5565
+ "name": "_getValueFromEventTarget",
5510
5566
  "parameters": [
5511
5567
  {
5512
- "name": "action",
5568
+ "name": "element",
5513
5569
  "type": {
5514
- "text": "string"
5570
+ "text": "HTMLElement"
5515
5571
  }
5516
5572
  }
5517
- ]
5573
+ ],
5574
+ "inheritedFrom": {
5575
+ "name": "AbstractProperty",
5576
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5577
+ }
5518
5578
  },
5519
5579
  {
5520
5580
  "kind": "method",
5521
- "name": "_onValueChange",
5581
+ "name": "_onAfterValueChange",
5522
5582
  "parameters": [
5523
5583
  {
5524
- "name": "e",
5584
+ "name": "key",
5525
5585
  "type": {
5526
- "text": "Event"
5586
+ "text": "string"
5587
+ }
5588
+ },
5589
+ {
5590
+ "name": "value",
5591
+ "type": {
5592
+ "text": "any"
5527
5593
  }
5528
5594
  }
5529
- ]
5595
+ ],
5596
+ "inheritedFrom": {
5597
+ "name": "AbstractProperty",
5598
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5599
+ }
5530
5600
  }
5531
5601
  ],
5532
5602
  "events": [
5533
5603
  {
5534
- "name": "change",
5604
+ "name": "bounds-change",
5605
+ "type": {
5606
+ "text": "CustomEvent"
5607
+ }
5608
+ },
5609
+ {
5610
+ "name": "property-change",
5535
5611
  "type": {
5536
5612
  "text": "CustomEvent"
5613
+ },
5614
+ "inheritedFrom": {
5615
+ "name": "AbstractProperty",
5616
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5537
5617
  }
5538
5618
  }
5539
5619
  ],
@@ -5546,39 +5626,68 @@
5546
5626
  "fieldName": "value"
5547
5627
  },
5548
5628
  {
5549
- "name": "scene",
5629
+ "name": "bounds",
5550
5630
  "type": {
5551
- "text": "Scene | undefined"
5631
+ "text": "BOUNDS | null"
5552
5632
  },
5553
- "fieldName": "scene"
5633
+ "default": "null",
5634
+ "fieldName": "bounds"
5635
+ },
5636
+ {
5637
+ "name": "selected",
5638
+ "type": {
5639
+ "text": "Component[]"
5640
+ },
5641
+ "default": "[]",
5642
+ "fieldName": "selected"
5554
5643
  }
5555
5644
  ],
5556
5645
  "superclass": {
5557
- "name": "LitElement",
5558
- "package": "lit"
5559
- },
5560
- "customElement": true
5646
+ "name": "AbstractProperty",
5647
+ "module": "/src/modeller/property-sidebar/abstract-property"
5648
+ }
5561
5649
  }
5562
5650
  ],
5563
5651
  "exports": [
5564
5652
  {
5565
5653
  "kind": "js",
5566
- "name": "PropertyEventTap",
5654
+ "name": "PropertyShapes",
5567
5655
  "declaration": {
5568
- "name": "PropertyEventTap",
5569
- "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
5656
+ "name": "PropertyShapes",
5657
+ "module": "src/modeller/property-sidebar/shapes/shapes.ts"
5570
5658
  }
5571
5659
  }
5572
5660
  ]
5573
5661
  },
5574
5662
  {
5575
5663
  "kind": "javascript-module",
5576
- "path": "src/modeller/property-sidebar/effects/property-event.ts",
5664
+ "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
5665
+ "declarations": [
5666
+ {
5667
+ "kind": "variable",
5668
+ "name": "EffectsSharedStyle",
5669
+ "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`"
5670
+ }
5671
+ ],
5672
+ "exports": [
5673
+ {
5674
+ "kind": "js",
5675
+ "name": "EffectsSharedStyle",
5676
+ "declaration": {
5677
+ "name": "EffectsSharedStyle",
5678
+ "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
5679
+ }
5680
+ }
5681
+ ]
5682
+ },
5683
+ {
5684
+ "kind": "javascript-module",
5685
+ "path": "src/modeller/property-sidebar/effects/effects.ts",
5577
5686
  "declarations": [
5578
5687
  {
5579
5688
  "kind": "class",
5580
5689
  "description": "",
5581
- "name": "PropertyEvent",
5690
+ "name": "PropertyEffects",
5582
5691
  "members": [
5583
5692
  {
5584
5693
  "kind": "field",
@@ -5612,14 +5721,48 @@
5612
5721
  "text": "Event"
5613
5722
  }
5614
5723
  }
5615
- ]
5616
- }
5617
- ],
5618
- "events": [
5724
+ ],
5725
+ "inheritedFrom": {
5726
+ "name": "AbstractProperty",
5727
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5728
+ }
5729
+ },
5619
5730
  {
5620
- "name": "change",
5621
- "type": {
5622
- "text": "CustomEvent"
5731
+ "kind": "method",
5732
+ "name": "_getValueFromEventTarget",
5733
+ "parameters": [
5734
+ {
5735
+ "name": "element",
5736
+ "type": {
5737
+ "text": "HTMLElement"
5738
+ }
5739
+ }
5740
+ ],
5741
+ "inheritedFrom": {
5742
+ "name": "AbstractProperty",
5743
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5744
+ }
5745
+ },
5746
+ {
5747
+ "kind": "method",
5748
+ "name": "_onAfterValueChange",
5749
+ "parameters": [
5750
+ {
5751
+ "name": "key",
5752
+ "type": {
5753
+ "text": "string"
5754
+ }
5755
+ },
5756
+ {
5757
+ "name": "value",
5758
+ "type": {
5759
+ "text": "any"
5760
+ }
5761
+ }
5762
+ ],
5763
+ "inheritedFrom": {
5764
+ "name": "AbstractProperty",
5765
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5623
5766
  }
5624
5767
  }
5625
5768
  ],
@@ -5646,31 +5789,42 @@
5646
5789
  }
5647
5790
  ],
5648
5791
  "superclass": {
5649
- "name": "LitElement",
5650
- "package": "lit"
5792
+ "name": "AbstractProperty",
5793
+ "module": "/src/modeller/property-sidebar/abstract-property.js"
5651
5794
  },
5652
- "customElement": true
5795
+ "events": [
5796
+ {
5797
+ "name": "property-change",
5798
+ "type": {
5799
+ "text": "CustomEvent"
5800
+ },
5801
+ "inheritedFrom": {
5802
+ "name": "AbstractProperty",
5803
+ "module": "src/modeller/property-sidebar/abstract-property.ts"
5804
+ }
5805
+ }
5806
+ ]
5653
5807
  }
5654
5808
  ],
5655
5809
  "exports": [
5656
5810
  {
5657
5811
  "kind": "js",
5658
- "name": "PropertyEvent",
5812
+ "name": "PropertyEffects",
5659
5813
  "declaration": {
5660
- "name": "PropertyEvent",
5661
- "module": "src/modeller/property-sidebar/effects/property-event.ts"
5814
+ "name": "PropertyEffects",
5815
+ "module": "src/modeller/property-sidebar/effects/effects.ts"
5662
5816
  }
5663
5817
  }
5664
5818
  ]
5665
5819
  },
5666
5820
  {
5667
5821
  "kind": "javascript-module",
5668
- "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
5822
+ "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
5669
5823
  "declarations": [
5670
5824
  {
5671
5825
  "kind": "class",
5672
- "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
5673
- "name": "PropertyShadow",
5826
+ "description": "",
5827
+ "name": "PropertyEventHover",
5674
5828
  "members": [
5675
5829
  {
5676
5830
  "kind": "field",
@@ -5680,6 +5834,43 @@
5680
5834
  },
5681
5835
  "attribute": "value"
5682
5836
  },
5837
+ {
5838
+ "kind": "field",
5839
+ "name": "scene",
5840
+ "type": {
5841
+ "text": "Scene | undefined"
5842
+ },
5843
+ "attribute": "scene"
5844
+ },
5845
+ {
5846
+ "kind": "method",
5847
+ "name": "_getPlaceHoder",
5848
+ "parameters": [
5849
+ {
5850
+ "name": "action",
5851
+ "type": {
5852
+ "text": "string"
5853
+ }
5854
+ }
5855
+ ]
5856
+ },
5857
+ {
5858
+ "kind": "method",
5859
+ "name": "_getTargetList",
5860
+ "return": {
5861
+ "type": {
5862
+ "text": "{ value: string; description: string }[]"
5863
+ }
5864
+ },
5865
+ "parameters": [
5866
+ {
5867
+ "name": "action",
5868
+ "type": {
5869
+ "text": "string"
5870
+ }
5871
+ }
5872
+ ]
5873
+ },
5683
5874
  {
5684
5875
  "kind": "method",
5685
5876
  "name": "_onValueChange",
@@ -5699,274 +5890,227 @@
5699
5890
  "type": {
5700
5891
  "text": "CustomEvent"
5701
5892
  }
5702
- }
5703
- ],
5704
- "attributes": [
5705
- {
5706
- "name": "value",
5707
- "type": {
5708
- "text": "Properties | undefined"
5709
- },
5710
- "fieldName": "value"
5711
- }
5712
- ],
5713
- "superclass": {
5714
- "name": "LitElement",
5715
- "package": "lit"
5716
- },
5717
- "customElement": true
5718
- }
5719
- ],
5720
- "exports": [
5721
- {
5722
- "kind": "js",
5723
- "name": "PropertyShadow",
5724
- "declaration": {
5725
- "name": "PropertyShadow",
5726
- "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
5727
- }
5728
- }
5729
- ]
5730
- },
5731
- {
5732
- "kind": "javascript-module",
5733
- "path": "src/modeller/property-sidebar/effects/value-converter.ts",
5734
- "declarations": [
5735
- {
5736
- "kind": "function",
5737
- "name": "convert",
5738
- "parameters": [
5893
+ }
5894
+ ],
5895
+ "attributes": [
5739
5896
  {
5740
- "name": "element",
5897
+ "name": "value",
5741
5898
  "type": {
5742
- "text": "any"
5743
- }
5899
+ "text": "Properties | undefined"
5900
+ },
5901
+ "fieldName": "value"
5902
+ },
5903
+ {
5904
+ "name": "scene",
5905
+ "type": {
5906
+ "text": "Scene | undefined"
5907
+ },
5908
+ "fieldName": "scene"
5744
5909
  }
5745
- ]
5910
+ ],
5911
+ "superclass": {
5912
+ "name": "LitElement",
5913
+ "package": "lit"
5914
+ },
5915
+ "customElement": true
5746
5916
  }
5747
5917
  ],
5748
5918
  "exports": [
5749
5919
  {
5750
5920
  "kind": "js",
5751
- "name": "convert",
5921
+ "name": "PropertyEventHover",
5752
5922
  "declaration": {
5753
- "name": "convert",
5754
- "module": "src/modeller/property-sidebar/effects/value-converter.ts"
5923
+ "name": "PropertyEventHover",
5924
+ "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
5755
5925
  }
5756
5926
  }
5757
5927
  ]
5758
5928
  },
5759
5929
  {
5760
5930
  "kind": "javascript-module",
5761
- "path": "src/modeller/property-sidebar/inspector/inspector.ts",
5931
+ "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
5762
5932
  "declarations": [
5763
5933
  {
5764
5934
  "kind": "class",
5765
5935
  "description": "",
5766
- "name": "SceneInspector",
5936
+ "name": "PropertyEventTap",
5767
5937
  "members": [
5768
5938
  {
5769
5939
  "kind": "field",
5770
- "name": "scene",
5940
+ "name": "value",
5771
5941
  "type": {
5772
- "text": "Scene | undefined"
5942
+ "text": "Properties | undefined"
5773
5943
  },
5774
- "attribute": "scene"
5944
+ "attribute": "value"
5775
5945
  },
5776
5946
  {
5777
5947
  "kind": "field",
5778
- "name": "searchText",
5948
+ "name": "scene",
5779
5949
  "type": {
5780
- "text": "string"
5950
+ "text": "Scene | undefined"
5781
5951
  },
5782
- "privacy": "private",
5783
- "default": "''"
5952
+ "attribute": "scene"
5784
5953
  },
5785
5954
  {
5786
5955
  "kind": "field",
5787
- "name": "_extendedMap",
5956
+ "name": "scenarios",
5788
5957
  "type": {
5789
- "text": "any"
5958
+ "text": "{ value: string; description: string }[]"
5790
5959
  },
5791
- "privacy": "private"
5960
+ "default": "[]"
5792
5961
  },
5793
5962
  {
5794
5963
  "kind": "field",
5795
- "name": "show",
5964
+ "name": "targetList",
5796
5965
  "type": {
5797
- "text": "boolean"
5966
+ "text": "{ value: string; description: string }[]"
5798
5967
  },
5799
- "privacy": "private",
5800
- "default": "false"
5968
+ "default": "[]"
5801
5969
  },
5802
5970
  {
5803
5971
  "kind": "method",
5804
- "name": "disconnectScene",
5972
+ "name": "_getPlaceHoder",
5805
5973
  "parameters": [
5806
5974
  {
5807
- "name": "scene",
5808
- "optional": true,
5975
+ "name": "action",
5809
5976
  "type": {
5810
- "text": "Scene"
5977
+ "text": "string"
5811
5978
  }
5812
5979
  }
5813
5980
  ]
5814
5981
  },
5815
5982
  {
5816
5983
  "kind": "method",
5817
- "name": "refresh"
5818
- },
5819
- {
5820
- "kind": "field",
5821
- "name": "sortableConfig",
5822
- "type": {
5823
- "text": "Sortable.Options"
5824
- },
5825
- "default": "{\n group: 'inspector',\n animation: 150,\n draggable: '.component',\n swapThreshold: 1,\n onSort: this.onSort.bind(this)\n }"
5826
- },
5827
- {
5828
- "kind": "method",
5829
- "name": "onSort",
5830
- "parameters": [
5831
- {
5832
- "name": "e",
5833
- "type": {
5834
- "text": "Sortable.SortableEvent"
5835
- }
5984
+ "name": "_getInputList",
5985
+ "return": {
5986
+ "type": {
5987
+ "text": "{ value: string; description: string }[]"
5836
5988
  }
5837
- ]
5838
- },
5839
- {
5840
- "kind": "method",
5841
- "name": "_onclick",
5989
+ },
5842
5990
  "parameters": [
5843
5991
  {
5844
- "name": "e",
5992
+ "name": "action",
5845
5993
  "type": {
5846
- "text": "MouseEvent"
5994
+ "text": "string"
5847
5995
  }
5848
5996
  }
5849
5997
  ]
5850
5998
  },
5851
5999
  {
5852
6000
  "kind": "method",
5853
- "name": "_ondblclick",
6001
+ "name": "_onValueChange",
5854
6002
  "parameters": [
5855
6003
  {
5856
6004
  "name": "e",
5857
6005
  "type": {
5858
- "text": "MouseEvent"
6006
+ "text": "Event"
5859
6007
  }
5860
6008
  }
5861
6009
  ]
5862
- },
5863
- {
5864
- "kind": "field",
5865
- "name": "extendedMap",
5866
- "readonly": true
5867
- },
6010
+ }
6011
+ ],
6012
+ "events": [
5868
6013
  {
5869
- "kind": "method",
5870
- "name": "getNodeHandleClass",
5871
- "parameters": [
5872
- {
5873
- "name": "component",
5874
- "type": {
5875
- "text": "Component"
5876
- }
5877
- }
5878
- ]
5879
- },
6014
+ "name": "change",
6015
+ "type": {
6016
+ "text": "CustomEvent"
6017
+ }
6018
+ }
6019
+ ],
6020
+ "attributes": [
5880
6021
  {
5881
- "kind": "method",
5882
- "name": "isExtended",
5883
- "parameters": [
5884
- {
5885
- "name": "component",
5886
- "type": {
5887
- "text": "Component"
5888
- }
5889
- }
5890
- ]
6022
+ "name": "value",
6023
+ "type": {
6024
+ "text": "Properties | undefined"
6025
+ },
6026
+ "fieldName": "value"
5891
6027
  },
5892
6028
  {
5893
- "kind": "method",
5894
- "name": "toggleExtended",
5895
- "parameters": [
5896
- {
5897
- "name": "component",
5898
- "type": {
5899
- "text": "Component"
5900
- }
5901
- }
5902
- ]
5903
- },
6029
+ "name": "scene",
6030
+ "type": {
6031
+ "text": "Scene | undefined"
6032
+ },
6033
+ "fieldName": "scene"
6034
+ }
6035
+ ],
6036
+ "superclass": {
6037
+ "name": "LitElement",
6038
+ "package": "lit"
6039
+ },
6040
+ "customElement": true
6041
+ }
6042
+ ],
6043
+ "exports": [
6044
+ {
6045
+ "kind": "js",
6046
+ "name": "PropertyEventTap",
6047
+ "declaration": {
6048
+ "name": "PropertyEventTap",
6049
+ "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
6050
+ }
6051
+ }
6052
+ ]
6053
+ },
6054
+ {
6055
+ "kind": "javascript-module",
6056
+ "path": "src/modeller/property-sidebar/effects/property-event.ts",
6057
+ "declarations": [
6058
+ {
6059
+ "kind": "class",
6060
+ "description": "",
6061
+ "name": "PropertyEvent",
6062
+ "members": [
5904
6063
  {
5905
- "kind": "method",
5906
- "name": "toggleHidden",
5907
- "parameters": [
5908
- {
5909
- "name": "component",
5910
- "type": {
5911
- "text": "Component"
5912
- }
5913
- }
5914
- ]
6064
+ "kind": "field",
6065
+ "name": "value",
6066
+ "type": {
6067
+ "text": "Properties | undefined"
6068
+ },
6069
+ "attribute": "value"
5915
6070
  },
5916
6071
  {
5917
- "kind": "method",
5918
- "name": "selectComponent",
5919
- "parameters": [
5920
- {
5921
- "name": "component",
5922
- "type": {
5923
- "text": "Component"
5924
- }
5925
- }
5926
- ]
6072
+ "kind": "field",
6073
+ "name": "scene",
6074
+ "type": {
6075
+ "text": "Scene | undefined"
6076
+ },
6077
+ "attribute": "scene"
5927
6078
  },
5928
6079
  {
5929
- "kind": "method",
5930
- "name": "shouldBeShown",
5931
- "return": {
5932
- "type": {
5933
- "text": "boolean"
5934
- }
5935
- },
5936
- "parameters": [
5937
- {
5938
- "name": "component",
5939
- "type": {
5940
- "text": "Component"
5941
- }
5942
- }
5943
- ]
6080
+ "kind": "field",
6081
+ "name": "scopedElements",
6082
+ "static": true,
6083
+ "readonly": true
5944
6084
  },
5945
6085
  {
5946
6086
  "kind": "method",
5947
- "name": "renderComponent",
5948
- "return": {
5949
- "type": {
5950
- "text": "TemplateResult"
5951
- }
5952
- },
6087
+ "name": "_onValueChange",
5953
6088
  "parameters": [
5954
6089
  {
5955
- "name": "component",
5956
- "type": {
5957
- "text": "Component"
5958
- }
5959
- },
5960
- {
5961
- "name": "depth",
6090
+ "name": "e",
5962
6091
  "type": {
5963
- "text": "number"
6092
+ "text": "Event"
5964
6093
  }
5965
6094
  }
5966
6095
  ]
5967
6096
  }
5968
6097
  ],
6098
+ "events": [
6099
+ {
6100
+ "name": "change",
6101
+ "type": {
6102
+ "text": "CustomEvent"
6103
+ }
6104
+ }
6105
+ ],
5969
6106
  "attributes": [
6107
+ {
6108
+ "name": "value",
6109
+ "type": {
6110
+ "text": "Properties | undefined"
6111
+ },
6112
+ "fieldName": "value"
6113
+ },
5970
6114
  {
5971
6115
  "name": "scene",
5972
6116
  "type": {
@@ -5975,6 +6119,12 @@
5975
6119
  "fieldName": "scene"
5976
6120
  }
5977
6121
  ],
6122
+ "mixins": [
6123
+ {
6124
+ "name": "ScopedElementsMixin",
6125
+ "package": "@open-wc/scoped-elements"
6126
+ }
6127
+ ],
5978
6128
  "superclass": {
5979
6129
  "name": "LitElement",
5980
6130
  "package": "lit"
@@ -5985,43 +6135,22 @@
5985
6135
  "exports": [
5986
6136
  {
5987
6137
  "kind": "js",
5988
- "name": "SceneInspector",
5989
- "declaration": {
5990
- "name": "SceneInspector",
5991
- "module": "src/modeller/property-sidebar/inspector/inspector.ts"
5992
- }
5993
- }
5994
- ]
5995
- },
5996
- {
5997
- "kind": "javascript-module",
5998
- "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
5999
- "declarations": [
6000
- {
6001
- "kind": "variable",
6002
- "name": "BoxPaddingEditorStyles",
6003
- "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`"
6004
- }
6005
- ],
6006
- "exports": [
6007
- {
6008
- "kind": "js",
6009
- "name": "BoxPaddingEditorStyles",
6138
+ "name": "PropertyEvent",
6010
6139
  "declaration": {
6011
- "name": "BoxPaddingEditorStyles",
6012
- "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
6140
+ "name": "PropertyEvent",
6141
+ "module": "src/modeller/property-sidebar/effects/property-event.ts"
6013
6142
  }
6014
6143
  }
6015
6144
  ]
6016
6145
  },
6017
6146
  {
6018
6147
  "kind": "javascript-module",
6019
- "path": "src/modeller/property-sidebar/shapes/shapes.ts",
6148
+ "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
6020
6149
  "declarations": [
6021
6150
  {
6022
6151
  "kind": "class",
6023
- "description": "",
6024
- "name": "PropertyShapes",
6152
+ "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
6153
+ "name": "PropertyShadow",
6025
6154
  "members": [
6026
6155
  {
6027
6156
  "kind": "field",
@@ -6031,24 +6160,6 @@
6031
6160
  },
6032
6161
  "attribute": "value"
6033
6162
  },
6034
- {
6035
- "kind": "field",
6036
- "name": "bounds",
6037
- "type": {
6038
- "text": "BOUNDS | null"
6039
- },
6040
- "default": "null",
6041
- "attribute": "bounds"
6042
- },
6043
- {
6044
- "kind": "field",
6045
- "name": "selected",
6046
- "type": {
6047
- "text": "Component[]"
6048
- },
6049
- "default": "[]",
6050
- "attribute": "selected"
6051
- },
6052
6163
  {
6053
6164
  "kind": "method",
6054
6165
  "name": "_onValueChange",
@@ -6059,138 +6170,14 @@
6059
6170
  "text": "Event"
6060
6171
  }
6061
6172
  }
6062
- ],
6063
- "inheritedFrom": {
6064
- "name": "AbstractProperty",
6065
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6066
- }
6067
- },
6068
- {
6069
- "kind": "method",
6070
- "name": "_hasTextProperty",
6071
- "parameters": [
6072
- {
6073
- "name": "selected",
6074
- "type": {
6075
- "text": "Component[]"
6076
- }
6077
- }
6078
- ]
6079
- },
6080
- {
6081
- "kind": "method",
6082
- "name": "_hasProperties",
6083
- "parameters": [
6084
- {
6085
- "name": "selected",
6086
- "type": {
6087
- "text": "Component[]"
6088
- }
6089
- }
6090
- ]
6091
- },
6092
- {
6093
- "kind": "method",
6094
- "name": "_isIdentifiable",
6095
- "parameters": [
6096
- {
6097
- "name": "selected",
6098
- "type": {
6099
- "text": "Component[]"
6100
- }
6101
- }
6102
- ]
6103
- },
6104
- {
6105
- "kind": "method",
6106
- "name": "_isClassIdentifiable",
6107
- "parameters": [
6108
- {
6109
- "name": "selected",
6110
- "type": {
6111
- "text": "Component[]"
6112
- }
6113
- }
6114
- ]
6115
- },
6116
- {
6117
- "kind": "method",
6118
- "name": "_isLine",
6119
- "parameters": [
6120
- {
6121
- "name": "selected",
6122
- "type": {
6123
- "text": "Component[]"
6124
- }
6125
- }
6126
- ]
6127
- },
6128
- {
6129
- "kind": "method",
6130
- "name": "_is3dish",
6131
- "parameters": [
6132
- {
6133
- "name": "selected",
6134
- "type": {
6135
- "text": "Component[]"
6136
- }
6137
- }
6138
6173
  ]
6139
- },
6140
- {
6141
- "kind": "method",
6142
- "name": "_getValueFromEventTarget",
6143
- "parameters": [
6144
- {
6145
- "name": "element",
6146
- "type": {
6147
- "text": "HTMLElement"
6148
- }
6149
- }
6150
- ],
6151
- "inheritedFrom": {
6152
- "name": "AbstractProperty",
6153
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6154
- }
6155
- },
6156
- {
6157
- "kind": "method",
6158
- "name": "_onAfterValueChange",
6159
- "parameters": [
6160
- {
6161
- "name": "key",
6162
- "type": {
6163
- "text": "string"
6164
- }
6165
- },
6166
- {
6167
- "name": "value",
6168
- "type": {
6169
- "text": "any"
6170
- }
6171
- }
6172
- ],
6173
- "inheritedFrom": {
6174
- "name": "AbstractProperty",
6175
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6176
- }
6177
6174
  }
6178
6175
  ],
6179
6176
  "events": [
6180
6177
  {
6181
- "name": "bounds-change",
6182
- "type": {
6183
- "text": "CustomEvent"
6184
- }
6185
- },
6186
- {
6187
- "name": "property-change",
6178
+ "name": "change",
6188
6179
  "type": {
6189
6180
  "text": "CustomEvent"
6190
- },
6191
- "inheritedFrom": {
6192
- "name": "AbstractProperty",
6193
- "module": "src/modeller/property-sidebar/abstract-property.ts"
6194
6181
  }
6195
6182
  }
6196
6183
  ],
@@ -6201,37 +6188,50 @@
6201
6188
  "text": "Properties | undefined"
6202
6189
  },
6203
6190
  "fieldName": "value"
6204
- },
6205
- {
6206
- "name": "bounds",
6207
- "type": {
6208
- "text": "BOUNDS | null"
6209
- },
6210
- "default": "null",
6211
- "fieldName": "bounds"
6212
- },
6213
- {
6214
- "name": "selected",
6215
- "type": {
6216
- "text": "Component[]"
6217
- },
6218
- "default": "[]",
6219
- "fieldName": "selected"
6220
6191
  }
6221
6192
  ],
6222
6193
  "superclass": {
6223
- "name": "AbstractProperty",
6224
- "module": "/src/modeller/property-sidebar/abstract-property"
6194
+ "name": "LitElement",
6195
+ "package": "lit"
6196
+ },
6197
+ "customElement": true
6198
+ }
6199
+ ],
6200
+ "exports": [
6201
+ {
6202
+ "kind": "js",
6203
+ "name": "PropertyShadow",
6204
+ "declaration": {
6205
+ "name": "PropertyShadow",
6206
+ "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
6225
6207
  }
6226
6208
  }
6209
+ ]
6210
+ },
6211
+ {
6212
+ "kind": "javascript-module",
6213
+ "path": "src/modeller/property-sidebar/effects/value-converter.ts",
6214
+ "declarations": [
6215
+ {
6216
+ "kind": "function",
6217
+ "name": "convert",
6218
+ "parameters": [
6219
+ {
6220
+ "name": "element",
6221
+ "type": {
6222
+ "text": "any"
6223
+ }
6224
+ }
6225
+ ]
6226
+ }
6227
6227
  ],
6228
6228
  "exports": [
6229
6229
  {
6230
6230
  "kind": "js",
6231
- "name": "PropertyShapes",
6231
+ "name": "convert",
6232
6232
  "declaration": {
6233
- "name": "PropertyShapes",
6234
- "module": "src/modeller/property-sidebar/shapes/shapes.ts"
6233
+ "name": "convert",
6234
+ "module": "src/modeller/property-sidebar/effects/value-converter.ts"
6235
6235
  }
6236
6236
  }
6237
6237
  ]