@hpcc-js/layout 2.51.2 → 2.51.3

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 (42) hide show
  1. package/LICENSE +43 -43
  2. package/README.md +83 -83
  3. package/dist/index.es6.js +1 -1
  4. package/dist/index.es6.js.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.min.js.map +1 -1
  8. package/package.json +6 -6
  9. package/src/AbsoluteSurface.css +9 -9
  10. package/src/AbsoluteSurface.ts +84 -84
  11. package/src/Accordion.css +84 -84
  12. package/src/Accordion.ts +136 -136
  13. package/src/Border.css +144 -144
  14. package/src/Border.ts +617 -617
  15. package/src/Border2.css +22 -22
  16. package/src/Border2.ts +391 -391
  17. package/src/Carousel.css +7 -7
  18. package/src/Carousel.ts +100 -100
  19. package/src/Cell.css +11 -11
  20. package/src/Cell.ts +89 -89
  21. package/src/ChartPanel.css +8 -8
  22. package/src/ChartPanel.ts +656 -656
  23. package/src/FlexGrid.css +7 -7
  24. package/src/FlexGrid.ts +140 -140
  25. package/src/Grid.css +90 -90
  26. package/src/Grid.ts +576 -576
  27. package/src/HorizontalList.ts +15 -15
  28. package/src/Layered.css +10 -10
  29. package/src/Layered.ts +128 -128
  30. package/src/Legend.ts +516 -516
  31. package/src/Modal.css +40 -40
  32. package/src/Modal.ts +289 -289
  33. package/src/Popup.ts +109 -109
  34. package/src/Surface.css +89 -89
  35. package/src/Surface.ts +176 -176
  36. package/src/Tabbed.css +22 -22
  37. package/src/Tabbed.ts +158 -158
  38. package/src/Toolbar.css +32 -32
  39. package/src/Toolbar.ts +102 -102
  40. package/src/VerticalList.ts +15 -15
  41. package/src/__package__.ts +3 -3
  42. package/src/index.ts +19 -19
package/src/Border.css CHANGED
@@ -1,145 +1,145 @@
1
- .layout_Border{
2
- width: 100%;
3
- height: 100%;
4
- }
5
- .layout_Border > .border-content{
6
- width: 100%;
7
- height: 100%;
8
- position:relative;
9
- }
10
- .layout_Border > .borderHandle{
11
- width: 6px;
12
- height: 6px;
13
- background-color: #444;
14
- opacity: 0.3;
15
- position:absolute;
16
- visibility:hidden;
17
- }
18
- .layout_Border.design-mode > .borderHandle{
19
- visibility:visible;
20
- }
21
- .layout_Border > .borderHandle:hover{
22
- background-color: #666;
23
- }
24
- .layout_Border > .borderHandle.borderHandleDisabled{
25
- display:none;
26
- }
27
- .layout_Border > .borderHandle_top,
28
- .layout_Border > .borderHandle_bottom
29
- {
30
- cursor:ns-resize;
31
- }
32
- .layout_Border > .borderHandle_left,
33
- .layout_Border > .borderHandle_right
34
- {
35
- cursor:ew-resize;
36
- }
37
- .layout_Border .cell {
38
- border-radius: 5px;
39
- border: 1px solid #e5e5e5;
40
- display: inline-block;
41
- overflow: hidden;
42
- }
43
-
44
- .layout_Border .cell h2 {
45
- margin: 0px;
46
- padding-top: 4px;
47
- -webkit-margin: 0px;
48
- text-align: center;
49
- }
50
-
51
- .layout_Border .layout_BorderCell.over {
52
- border: 2px dashed #000;
53
- }
54
- .layout_Border .dragItem {
55
- z-index: -1;
56
- opacity:0.33;
57
- }
58
-
59
- .layout_Border .notDragItem {
60
- z-index: -1;
61
- opacity: 1;
62
- }
63
- .layout_Border div[draggable=true] {
64
- opacity: 0.75;
65
- cursor: default;
66
- }
67
-
68
- .layout_Border div[draggable=true] .dragHandle {
69
- opacity: 1.0;
70
- }
71
-
72
- .layout_Border div[draggable=true] .dragHandle_n,
73
- .layout_Border div[draggable=true] .dragHandle_e,
74
- .layout_Border div[draggable=true] .dragHandle_s,
75
- .layout_Border div[draggable=true] .dragHandle_w{
76
- background-color:#AAA;
77
- }
78
-
79
- .layout_Border div[draggable=true] .dragHandle_nw,
80
- .layout_Border div[draggable=true] .dragHandle_ne,
81
- .layout_Border div[draggable=true] .dragHandle_se,
82
- .layout_Border div[draggable=true] .dragHandle_sw {
83
- background-color:#333;
84
- }
85
-
86
- .layout_Border div[draggable=true] .dragHandle_nw {
87
- cursor:nw-resize;
88
- }
89
-
90
- .layout_Border div[draggable=true] .dragHandle_n {
91
- cursor:n-resize;
92
- }
93
-
94
- .layout_Border div[draggable=true] .dragHandle_ne {
95
- cursor:ne-resize;
96
- }
97
-
98
- .layout_Border div[draggable=true] .dragHandle_e {
99
- cursor:e-resize;
100
- }
101
-
102
- .layout_Border div[draggable=true] .dragHandle_se {
103
- cursor:se-resize;
104
- }
105
-
106
- .layout_Border div[draggable=true] .dragHandle_s {
107
- cursor:s-resize;
108
- }
109
-
110
- .layout_Border div[draggable=true] .dragHandle_sw {
111
- cursor:sw-resize;
112
- }
113
-
114
- .layout_Border div[draggable=true] .dragHandle_w {
115
- cursor:w-resize;
116
- }
117
-
118
- .layout_Border div[draggable=false] > div > .dragHandle {
119
- display:none;
120
- }
121
-
122
- .layout_Border .grid-drop-target{
123
- position:fixed;
124
- box-sizing:border-box;
125
- border:2px dashed #7f8c8d;
126
- border-radius:0px;
127
- background: repeating-linear-gradient(
128
- -45deg,
129
- rgba(0, 0, 0, 0),
130
- rgba(0, 0, 0, 0) 4px,
131
- rgba(100, 100, 100, 0.1) 4px,
132
- rgba(100, 100, 100, 0.1) 8px
133
- );
134
- }
135
-
136
- .layout_Border .grid-drop-target.drop-target-over{
137
- border:2px dashed #179BD7;
138
- background: repeating-linear-gradient(
139
- -45deg,
140
- rgba(0, 0, 0, 0),
141
- rgba(0, 0, 0, 0) 6px,
142
- rgba(17, 155, 215, 0.1) 6px,
143
- rgba(17, 155, 215, 0.1) 12px
144
- );
1
+ .layout_Border{
2
+ width: 100%;
3
+ height: 100%;
4
+ }
5
+ .layout_Border > .border-content{
6
+ width: 100%;
7
+ height: 100%;
8
+ position:relative;
9
+ }
10
+ .layout_Border > .borderHandle{
11
+ width: 6px;
12
+ height: 6px;
13
+ background-color: #444;
14
+ opacity: 0.3;
15
+ position:absolute;
16
+ visibility:hidden;
17
+ }
18
+ .layout_Border.design-mode > .borderHandle{
19
+ visibility:visible;
20
+ }
21
+ .layout_Border > .borderHandle:hover{
22
+ background-color: #666;
23
+ }
24
+ .layout_Border > .borderHandle.borderHandleDisabled{
25
+ display:none;
26
+ }
27
+ .layout_Border > .borderHandle_top,
28
+ .layout_Border > .borderHandle_bottom
29
+ {
30
+ cursor:ns-resize;
31
+ }
32
+ .layout_Border > .borderHandle_left,
33
+ .layout_Border > .borderHandle_right
34
+ {
35
+ cursor:ew-resize;
36
+ }
37
+ .layout_Border .cell {
38
+ border-radius: 5px;
39
+ border: 1px solid #e5e5e5;
40
+ display: inline-block;
41
+ overflow: hidden;
42
+ }
43
+
44
+ .layout_Border .cell h2 {
45
+ margin: 0px;
46
+ padding-top: 4px;
47
+ -webkit-margin: 0px;
48
+ text-align: center;
49
+ }
50
+
51
+ .layout_Border .layout_BorderCell.over {
52
+ border: 2px dashed #000;
53
+ }
54
+ .layout_Border .dragItem {
55
+ z-index: -1;
56
+ opacity:0.33;
57
+ }
58
+
59
+ .layout_Border .notDragItem {
60
+ z-index: -1;
61
+ opacity: 1;
62
+ }
63
+ .layout_Border div[draggable=true] {
64
+ opacity: 0.75;
65
+ cursor: default;
66
+ }
67
+
68
+ .layout_Border div[draggable=true] .dragHandle {
69
+ opacity: 1.0;
70
+ }
71
+
72
+ .layout_Border div[draggable=true] .dragHandle_n,
73
+ .layout_Border div[draggable=true] .dragHandle_e,
74
+ .layout_Border div[draggable=true] .dragHandle_s,
75
+ .layout_Border div[draggable=true] .dragHandle_w{
76
+ background-color:#AAA;
77
+ }
78
+
79
+ .layout_Border div[draggable=true] .dragHandle_nw,
80
+ .layout_Border div[draggable=true] .dragHandle_ne,
81
+ .layout_Border div[draggable=true] .dragHandle_se,
82
+ .layout_Border div[draggable=true] .dragHandle_sw {
83
+ background-color:#333;
84
+ }
85
+
86
+ .layout_Border div[draggable=true] .dragHandle_nw {
87
+ cursor:nw-resize;
88
+ }
89
+
90
+ .layout_Border div[draggable=true] .dragHandle_n {
91
+ cursor:n-resize;
92
+ }
93
+
94
+ .layout_Border div[draggable=true] .dragHandle_ne {
95
+ cursor:ne-resize;
96
+ }
97
+
98
+ .layout_Border div[draggable=true] .dragHandle_e {
99
+ cursor:e-resize;
100
+ }
101
+
102
+ .layout_Border div[draggable=true] .dragHandle_se {
103
+ cursor:se-resize;
104
+ }
105
+
106
+ .layout_Border div[draggable=true] .dragHandle_s {
107
+ cursor:s-resize;
108
+ }
109
+
110
+ .layout_Border div[draggable=true] .dragHandle_sw {
111
+ cursor:sw-resize;
112
+ }
113
+
114
+ .layout_Border div[draggable=true] .dragHandle_w {
115
+ cursor:w-resize;
116
+ }
117
+
118
+ .layout_Border div[draggable=false] > div > .dragHandle {
119
+ display:none;
120
+ }
121
+
122
+ .layout_Border .grid-drop-target{
123
+ position:fixed;
124
+ box-sizing:border-box;
125
+ border:2px dashed #7f8c8d;
126
+ border-radius:0px;
127
+ background: repeating-linear-gradient(
128
+ -45deg,
129
+ rgba(0, 0, 0, 0),
130
+ rgba(0, 0, 0, 0) 4px,
131
+ rgba(100, 100, 100, 0.1) 4px,
132
+ rgba(100, 100, 100, 0.1) 8px
133
+ );
134
+ }
135
+
136
+ .layout_Border .grid-drop-target.drop-target-over{
137
+ border:2px dashed #179BD7;
138
+ background: repeating-linear-gradient(
139
+ -45deg,
140
+ rgba(0, 0, 0, 0),
141
+ rgba(0, 0, 0, 0) 6px,
142
+ rgba(17, 155, 215, 0.1) 6px,
143
+ rgba(17, 155, 215, 0.1) 12px
144
+ );
145
145
  }