@componyx/ui 0.0.0-stage → 1.0.4

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 (169) hide show
  1. package/AppSkin/AppSkin.css +1268 -0
  2. package/AppSkin/AppSkin.js +2748 -0
  3. package/AppSkin/Themes/Default.css +241 -0
  4. package/Base/Base.js +3407 -0
  5. package/Base/ComponentIcons.css +66 -0
  6. package/Base/Font/ComponentIcons.woff +0 -0
  7. package/Base/Font/UI.woff +0 -0
  8. package/Base/Library.js +8432 -0
  9. package/Base/NavigationManager.js +462 -0
  10. package/Base/ResponsiveTemplates.js +371 -0
  11. package/Base/Sanitizer.js +288 -0
  12. package/Base/Themes/Default.css +255 -0
  13. package/Base/UI.css +618 -0
  14. package/Base/UIResourcePath.js +6 -0
  15. package/Bindary/Bindary.js +2011 -0
  16. package/Bindary/Modules/Connection.js +216 -0
  17. package/Bindary/Modules/Core.js +854 -0
  18. package/Bindary/Modules/DataUpdater.js +351 -0
  19. package/Bindary/Modules/ExpressionEngine.js +347 -0
  20. package/Bindary/Modules/ProxyManager.js +482 -0
  21. package/Bindary/Modules/Renderer.js +605 -0
  22. package/Bindary/Modules/Router.js +291 -0
  23. package/Bindary/Modules/Scroller.js +89 -0
  24. package/Bindary/Modules/Template.js +1273 -0
  25. package/BookmarkSpy/BookmarkSpy.js +430 -0
  26. package/Box/Box.css +36 -0
  27. package/Box/Box.js +1685 -0
  28. package/Button/Button.css +470 -0
  29. package/Button/Button.js +1398 -0
  30. package/Button/Themes/Default.css +200 -0
  31. package/Carousel/Carousel.css +273 -0
  32. package/Carousel/Carousel.js +607 -0
  33. package/ColorButton/ColorButton.css +39 -0
  34. package/ColorButton/ColorButton.js +336 -0
  35. package/ColorPicker/ColorPicker.css +359 -0
  36. package/ColorPicker/ColorPicker.js +972 -0
  37. package/ComboBox/ComboBox.css +357 -0
  38. package/ComboBox/ComboBox.js +2342 -0
  39. package/ComboBox/Themes/Default.css +23 -0
  40. package/DataPager/DataPager.css +72 -0
  41. package/DataPager/DataPager.js +674 -0
  42. package/DatePicker/DatePicker.css +227 -0
  43. package/DatePicker/DatePicker.js +1531 -0
  44. package/DatePicker/Themes/Default.css +26 -0
  45. package/Dialog/Dialog.css +106 -0
  46. package/Dialog/Dialog.js +572 -0
  47. package/Dialog/Themes/Default.css +10 -0
  48. package/Editor/Data/Emoji.json +8285 -0
  49. package/Editor/Data/Special.json +1042 -0
  50. package/Editor/Editor.css +1562 -0
  51. package/Editor/Editor.js +4058 -0
  52. package/Editor/Font/Editor.woff +0 -0
  53. package/Editor/Modules/ComponentFactory.js +565 -0
  54. package/Editor/Modules/ContentManager.js +748 -0
  55. package/Editor/Modules/DialogManager.js +1234 -0
  56. package/Editor/Modules/EventManager.js +458 -0
  57. package/Editor/Modules/Format.js +950 -0
  58. package/Editor/Modules/History.js +191 -0
  59. package/Editor/Modules/LayoutState.js +379 -0
  60. package/Editor/Modules/ListManager.js +296 -0
  61. package/Editor/Modules/MenuManager.js +388 -0
  62. package/Editor/Modules/NodeManager.js +681 -0
  63. package/Editor/Modules/ParagraphButtons.js +122 -0
  64. package/Editor/Modules/Resizer.js +176 -0
  65. package/Editor/Modules/SelectionRange.js +564 -0
  66. package/Editor/Modules/SourceViewBuilder.js +212 -0
  67. package/Editor/Modules/SymbolPicker.js +208 -0
  68. package/Editor/Modules/Table.js +2327 -0
  69. package/Editor/Modules/TableDialog.js +757 -0
  70. package/Editor/Modules/Toolbar.js +375 -0
  71. package/Editor/Modules/TooltipMenu.js +125 -0
  72. package/Editor/Modules/Utility.js +131 -0
  73. package/Editor/Themes/Default.css +204 -0
  74. package/FileUpload/FileUpload.css +156 -0
  75. package/FileUpload/FileUpload.js +898 -0
  76. package/FileUpload/Themes/Default.css +17 -0
  77. package/Form/Form.css +1934 -0
  78. package/Form/Form.js +4943 -0
  79. package/Form/Modules/ActionManager.js +368 -0
  80. package/Form/Modules/BuildPanelManager.js +319 -0
  81. package/Form/Modules/ComponentFactory.js +468 -0
  82. package/Form/Modules/ComponentPanel.js +265 -0
  83. package/Form/Modules/ConfigPanelManager.js +685 -0
  84. package/Form/Modules/DataBinder.js +602 -0
  85. package/Form/Modules/DataObserver.js +717 -0
  86. package/Form/Modules/Draggable.js +756 -0
  87. package/Form/Modules/OptionsPanel.js +342 -0
  88. package/Form/Modules/Renderer.js +1889 -0
  89. package/Form/Modules/RuleEngine.js +585 -0
  90. package/Form/Modules/RulesPanel.js +1158 -0
  91. package/Form/Modules/Types.js +1709 -0
  92. package/Form/Modules/ValidationManager.js +194 -0
  93. package/Form/Themes/Default.css +216 -0
  94. package/FormField/FormField.css +468 -0
  95. package/FormField/FormField.js +576 -0
  96. package/FormField/Themes/Default.css +99 -0
  97. package/Grid/Grid.css +544 -0
  98. package/Grid/Grid.js +3761 -0
  99. package/Grid/Themes/Default.css +43 -0
  100. package/LICENSE +126 -0
  101. package/MaskedTextBox/MaskedTextBox.css +28 -0
  102. package/MaskedTextBox/MaskedTextBox.js +642 -0
  103. package/MaskedTextBox/Themes/Default.css +6 -0
  104. package/Menu/Menu.css +328 -0
  105. package/Menu/Menu.js +2386 -0
  106. package/Menu/Themes/Default.css +24 -0
  107. package/NumericBox/NumericBox.css +120 -0
  108. package/NumericBox/NumericBox.js +984 -0
  109. package/PanelBar/PanelBar.css +123 -0
  110. package/PanelBar/PanelBar.js +505 -0
  111. package/PanelBar/Themes/Default.css +51 -0
  112. package/PieChart/PieChart.css +95 -0
  113. package/PieChart/PieChart.js +820 -0
  114. package/PieChart/Themes/Default.css +9 -0
  115. package/README.md +178 -3
  116. package/Slider/Slider.css +348 -0
  117. package/Slider/Slider.js +1306 -0
  118. package/Slider/Themes/Default.css +44 -0
  119. package/TabStrip/TabStrip.css +52 -0
  120. package/TabStrip/TabStrip.js +362 -0
  121. package/TabStrip/Themes/Default.css +35 -0
  122. package/TimePicker/Themes/Default.css +30 -0
  123. package/TimePicker/TimePicker.css +253 -0
  124. package/TimePicker/TimePicker.js +1485 -0
  125. package/TooltipManager/Themes/Default.css +21 -0
  126. package/TooltipManager/TooltipManager.css +227 -0
  127. package/TooltipManager/TooltipManager.js +791 -0
  128. package/Validator/Validator.css +54 -0
  129. package/Validator/Validator.js +2508 -0
  130. package/componyx.html-data.json +619 -0
  131. package/index.js +27 -0
  132. package/package.json +43 -4
  133. package/types/AppSkin.d.ts +842 -0
  134. package/types/Base.d.ts +1034 -0
  135. package/types/Bindary.d.ts +1196 -0
  136. package/types/BookmarkSpy.d.ts +112 -0
  137. package/types/Box.d.ts +374 -0
  138. package/types/Button.d.ts +455 -0
  139. package/types/Carousel.d.ts +136 -0
  140. package/types/ColorButton.d.ts +120 -0
  141. package/types/ColorPicker.d.ts +225 -0
  142. package/types/ComboBox.d.ts +507 -0
  143. package/types/DataPager.d.ts +152 -0
  144. package/types/DatePicker.d.ts +354 -0
  145. package/types/Dialog.d.ts +160 -0
  146. package/types/Editor.d.ts +1289 -0
  147. package/types/FileUpload.d.ts +206 -0
  148. package/types/Form.d.ts +3078 -0
  149. package/types/FormField.d.ts +204 -0
  150. package/types/Grid.d.ts +911 -0
  151. package/types/Library.d.ts +1899 -0
  152. package/types/MaskedTextBox.d.ts +91 -0
  153. package/types/Menu.d.ts +577 -0
  154. package/types/NumericBox.d.ts +310 -0
  155. package/types/PanelBar.d.ts +223 -0
  156. package/types/PieChart.d.ts +224 -0
  157. package/types/ResponsiveTemplates.d.ts +108 -0
  158. package/types/Slider.d.ts +227 -0
  159. package/types/TabStrip.d.ts +185 -0
  160. package/types/TimePicker.d.ts +265 -0
  161. package/types/TooltipManager.d.ts +178 -0
  162. package/types/UI.d.ts +29 -0
  163. package/types/Validator.d.ts +653 -0
  164. package/types/index.d.ts +59 -0
  165. package/ui.css +11783 -0
  166. package/ui.js +79477 -0
  167. package/ui.min.css +138 -0
  168. package/ui.min.js +264 -0
  169. package/ui.min.js.map +1 -0
package/TooltipManager/Themes/Default.css ADDED
@@ -0,0 +1,21 @@
1
+ /*! Componyx.UI | (c) E.H. Daanen / Componyx | BUSL-1.1 | componyx.com/license */
2
+ .tooltip-manager.theme.theme-default .box.tooltip
3
+ {
4
+ background: var(--cui-tooltip-bg-color); /* BG color */
5
+ border-color: var(--cui-tooltip-border-color); /* Border color */
6
+ }
7
+
8
+ .tooltip-manager.theme.theme-default .box.tooltip::before
9
+ {
10
+ border-color: var(--cui-tooltip-border-color); /* Border color */
11
+ }
12
+
13
+ .tooltip-manager.theme.theme-default .box.tooltip::after
14
+ {
15
+ border-color: var(--cui-tooltip-bg-color); /* BG color */
16
+ }
17
+
18
+ .tooltip-manager.theme.theme-default .box.tooltip > div.content
19
+ {
20
+ color: var(--cui-tooltip-text-color);
21
+ }
package/TooltipManager/TooltipManager.css ADDED
@@ -0,0 +1,227 @@
1
+ /*! Componyx.UI | (c) E.H. Daanen / Componyx | BUSL-1.1 | componyx.com/license */
2
+ .tooltip-manager.theme .box.tooltip
3
+ {
4
+ position: fixed;
5
+ z-index: 1;
6
+ line-height: normal;
7
+ --expander-offset: 16px; /* This variable is set in JS on a viewport fit action. By default we substract 8px (half arrow size) to always get the centered position in relation to the expander. If there is no viewport fit we keep 8px margin from the box sides */
8
+ }
9
+
10
+ /* margins */
11
+
12
+ .tooltip-manager.theme .box.tooltip.up,
13
+ .tooltip-manager.theme .box.tooltip.down.inverted
14
+ {
15
+ margin-top: -8px;
16
+ }
17
+
18
+ .tooltip-manager.theme .box.tooltip.down,
19
+ .tooltip-manager.theme .box.tooltip.up.inverted
20
+ {
21
+ margin-top: 8px;
22
+ }
23
+
24
+ .tooltip-manager.theme .box.tooltip.left,
25
+ .tooltip-manager.theme .box.tooltip.right.inverted
26
+ {
27
+ margin-left: -8px;
28
+ }
29
+
30
+ .tooltip-manager.theme .box.tooltip.right,
31
+ .tooltip-manager.theme .box.tooltip.left.inverted
32
+ {
33
+ margin-left: 8px;
34
+ }
35
+
36
+
37
+ .tooltip-manager.theme .box.tooltip
38
+ {
39
+ position: absolute;
40
+ border-style: solid;
41
+ }
42
+
43
+ .tooltip-manager.theme .box.tooltip::before,
44
+ .tooltip-manager.theme .box.tooltip::after
45
+ {
46
+ content: "";
47
+ position: absolute;
48
+ border-style: solid;
49
+ }
50
+
51
+
52
+ /* hide before and after when the tooltip is both horizontally and vertically center aligned. */
53
+ .tooltip-manager.theme .box.tooltip.align-center::before,
54
+ .tooltip-manager.theme .box.tooltip.align-center::after
55
+ {
56
+ display: none;
57
+ }
58
+
59
+
60
+ /* tooltip up and down direction */
61
+
62
+ .tooltip-manager.theme .box.tooltip.up::before,
63
+ .tooltip-manager.theme .box.tooltip.up::after,
64
+ .tooltip-manager.theme .box.tooltip.down.inverted::before,
65
+ .tooltip-manager.theme .box.tooltip.down.inverted::after
66
+ {
67
+ display: inline-block;
68
+ left: calc(var(--expander-offset) - 8px);
69
+ bottom: -8px;
70
+ top: auto;
71
+ right: auto;
72
+ border-bottom-width: 0;
73
+ border-top-width: 8px;
74
+ border-left-width: 8px;
75
+ border-right-width: 8px;
76
+ border-left-color: transparent !important;
77
+ border-right-color: transparent !important;
78
+ }
79
+
80
+ .tooltip-manager.theme .box.tooltip.up::after,
81
+ .tooltip-manager.theme .box.tooltip.down.inverted::after
82
+ {
83
+ bottom: -7px;
84
+ }
85
+
86
+
87
+ .tooltip-manager.theme .box.tooltip.down::before,
88
+ .tooltip-manager.theme .box.tooltip.down::after,
89
+ .tooltip-manager.theme .box.tooltip.up.inverted::before,
90
+ .tooltip-manager.theme .box.tooltip.up.inverted::after
91
+ {
92
+ display: inline-block;
93
+ left: calc(var(--expander-offset) - 8px);
94
+ top: -8px;
95
+ bottom: auto;
96
+ right: auto;
97
+ border-top-width: 0;
98
+ border-bottom-width: 8px;
99
+ border-left-width: 8px;
100
+ border-right-width: 8px;
101
+ border-left-color: transparent !important;
102
+ border-right-color: transparent !important;
103
+ }
104
+
105
+ .tooltip-manager.theme .box.tooltip.down::after,
106
+ .tooltip-manager.theme .box.tooltip.up.inverted::after
107
+ {
108
+ top: -7px;
109
+ }
110
+
111
+
112
+ /* tooltip left and right direction */
113
+
114
+ .tooltip-manager.theme .box.tooltip.left::before,
115
+ .tooltip-manager.theme .box.tooltip.left::after,
116
+ .tooltip-manager.theme .box.tooltip.right.inverted::before,
117
+ .tooltip-manager.theme .box.tooltip.right.inverted::after
118
+ {
119
+ display: inline-block;
120
+ top: calc(var(--expander-offset) - 8px);
121
+ right: -8px;
122
+ bottom: auto;
123
+ left: auto;
124
+ border-right-width: 0;
125
+ border-left-width: 8px;
126
+ border-top-width: 8px;
127
+ border-bottom-width: 8px;
128
+ border-top-color: transparent !important;
129
+ border-bottom-color: transparent !important;
130
+ }
131
+
132
+ .tooltip-manager.theme .box.tooltip.left::after,
133
+ .tooltip-manager.theme .box.tooltip.right.inverted::after
134
+ {
135
+ right: -7px;
136
+ }
137
+
138
+ .tooltip-manager.theme .box.tooltip.right::before,
139
+ .tooltip-manager.theme .box.tooltip.right::after,
140
+ .tooltip-manager.theme .box.tooltip.left.inverted::before,
141
+ .tooltip-manager.theme .box.tooltip.left.inverted::after
142
+ {
143
+ display: inline-block;
144
+ top: calc(var(--expander-offset) - 8px);
145
+ left: -8px;
146
+ bottom: auto;
147
+ right: auto;
148
+ border-left-width: 0;
149
+ border-right-width: 8px;
150
+ border-top-width: 8px;
151
+ border-bottom-width: 8px;
152
+ border-top-color: transparent !important;
153
+ border-bottom-color: transparent !important;
154
+ }
155
+
156
+ .tooltip-manager.theme .box.tooltip.right::after,
157
+ .tooltip-manager.theme .box.tooltip.left.inverted::after
158
+ {
159
+ left: -7px;
160
+ }
161
+
162
+
163
+ /* before and after center aligned (x) */
164
+
165
+ .tooltip-manager.theme .box.tooltip.up.align-center::before,
166
+ .tooltip-manager.theme .box.tooltip.up.align-center::after,
167
+ .tooltip-manager.theme .box.tooltip.down.align-center::before,
168
+ .tooltip-manager.theme .box.tooltip.down.align-center::after
169
+ {
170
+ left: 50%;
171
+ right: auto;
172
+ margin-left: -7px;
173
+ }
174
+
175
+
176
+ /* before and after center aligned (y) */
177
+
178
+ .tooltip-manager.theme .box.tooltip.right.align-center::before,
179
+ .tooltip-manager.theme .box.tooltip.right.align-center::after,
180
+ .tooltip-manager.theme .box.tooltip.left.align-center::before,
181
+ .tooltip-manager.theme .box.tooltip.left.align-center::after
182
+ {
183
+ top: 50%;
184
+ bottom: auto;
185
+ margin-top: -7px;
186
+ }
187
+
188
+
189
+ /* before and after right aligned */
190
+
191
+ .tooltip-manager.theme .box.tooltip.up.align-right::before,
192
+ .tooltip-manager.theme .box.tooltip.up.align-right::after,
193
+ .tooltip-manager.theme .box.tooltip.down.align-right::before,
194
+ .tooltip-manager.theme .box.tooltip.down.align-right::after
195
+ {
196
+ left: auto;
197
+ right: calc(var(--expander-offset) - 8px);
198
+ }
199
+
200
+
201
+ /* before and after bottom aligned */
202
+
203
+ .tooltip-manager.theme .box.tooltip.right.align-bottom::before,
204
+ .tooltip-manager.theme .box.tooltip.right.align-bottom::after,
205
+ .tooltip-manager.theme .box.tooltip.left.align-bottom::before,
206
+ .tooltip-manager.theme .box.tooltip.left.align-bottom::after
207
+ {
208
+ top: auto;
209
+ bottom: calc(var(--expander-offset) - 8px);
210
+ }
211
+
212
+
213
+ .tooltip-manager.theme .box.tooltip.arrowless::before,
214
+ .tooltip-manager.theme .box.tooltip.arrowless::after
215
+ {
216
+ display: none;
217
+ }
218
+
219
+
220
+ .tooltip-manager.theme .box.tooltip > div.content
221
+ {
222
+ position: relative;
223
+ padding: 8px;
224
+ white-space: normal;
225
+ word-break: break-word;
226
+ max-width: 300px;
227
+ }