@pageboard/html 0.14.19 → 0.14.20

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 (109) hide show
  1. package/elements/accordion.js +1 -1
  2. package/elements/fieldsets.js +1 -1
  3. package/elements/form.js +2 -2
  4. package/elements/grid.js +1 -1
  5. package/elements/image.js +1 -1
  6. package/elements/input-file.js +2 -2
  7. package/elements/input-property.js +1 -1
  8. package/elements/inputs.js +5 -5
  9. package/elements/layout.js +1 -1
  10. package/elements/link.js +2 -2
  11. package/elements/menu.js +2 -2
  12. package/elements/navigation.js +1 -1
  13. package/elements/page.js +1 -1
  14. package/elements/paragraph.js +2 -2
  15. package/elements/query-tags.js +1 -1
  16. package/elements/tab.js +1 -1
  17. package/elements/table.js +1 -1
  18. package/elements/template.js +1 -1
  19. package/package.json +3 -8
  20. package/ui/card.css +3 -3
  21. package/ui/components/accordion.css +241 -0
  22. package/ui/components/accordion.js +613 -0
  23. package/ui/components/ad.css +275 -0
  24. package/ui/components/api.js +1167 -0
  25. package/ui/components/breadcrumb.css +122 -0
  26. package/ui/components/button.css +3525 -0
  27. package/ui/components/card.css +939 -0
  28. package/ui/components/checkbox.css +604 -0
  29. package/ui/components/checkbox.js +831 -0
  30. package/ui/components/colorize.js +274 -0
  31. package/ui/components/comment.css +268 -0
  32. package/ui/components/container.css +149 -0
  33. package/ui/components/dimmer.css +224 -0
  34. package/ui/components/dimmer.js +733 -0
  35. package/ui/components/divider.css +253 -0
  36. package/ui/components/dropdown.css +1448 -0
  37. package/ui/components/dropdown.js +3955 -0
  38. package/ui/components/embed.css +160 -0
  39. package/ui/components/embed.js +706 -0
  40. package/ui/components/feed.css +281 -0
  41. package/ui/components/flag.css +1035 -0
  42. package/ui/components/form.css +1011 -0
  43. package/ui/components/form.js +1706 -0
  44. package/ui/components/grid.css +1941 -0
  45. package/ui/components/header.css +719 -0
  46. package/ui/components/icon.css +4777 -0
  47. package/ui/components/image.css +310 -0
  48. package/ui/components/input.css +469 -0
  49. package/ui/components/item.css +464 -0
  50. package/ui/components/label.css +1281 -0
  51. package/ui/components/list.css +943 -0
  52. package/ui/components/loader.css +339 -0
  53. package/ui/components/menu.css +1940 -0
  54. package/ui/components/message.css +468 -0
  55. package/ui/components/modal.css +617 -0
  56. package/ui/components/modal.js +1034 -0
  57. package/ui/components/nag.css +145 -0
  58. package/ui/components/nag.js +507 -0
  59. package/ui/components/placeholder.css +229 -0
  60. package/ui/components/popup.css +640 -0
  61. package/ui/components/popup.js +1532 -0
  62. package/ui/components/progress.css +502 -0
  63. package/ui/components/progress.js +931 -0
  64. package/ui/components/rail.css +152 -0
  65. package/ui/components/rating.css +257 -0
  66. package/ui/components/rating.js +508 -0
  67. package/ui/components/reset.css +476 -0
  68. package/ui/components/reveal.css +260 -0
  69. package/ui/components/search.css +431 -0
  70. package/ui/components/search.js +1505 -0
  71. package/ui/components/segment.css +824 -0
  72. package/ui/components/shape.css +143 -0
  73. package/ui/components/shape.js +921 -0
  74. package/ui/components/sidebar.css +537 -0
  75. package/ui/components/sidebar.js +1033 -0
  76. package/ui/components/site.css +184 -0
  77. package/ui/components/site.js +487 -0
  78. package/ui/components/state.js +708 -0
  79. package/ui/components/statistic.css +534 -0
  80. package/ui/components/step.css +566 -0
  81. package/ui/components/sticky.css +73 -0
  82. package/ui/components/sticky.js +959 -0
  83. package/ui/components/tab.css +89 -0
  84. package/ui/components/tab.js +952 -0
  85. package/ui/components/table.css +1108 -0
  86. package/ui/components/transition.css +1792 -0
  87. package/ui/components/transition.js +1095 -0
  88. package/ui/components/video.css +121 -0
  89. package/ui/components/video.js +532 -0
  90. package/ui/components/visibility.js +1311 -0
  91. package/ui/components/visit.js +517 -0
  92. package/ui/item.css +2 -2
  93. package/ui/themes/default/assets/fonts/brand-icons.eot +0 -0
  94. package/ui/themes/default/assets/fonts/brand-icons.svg +1008 -0
  95. package/ui/themes/default/assets/fonts/brand-icons.ttf +0 -0
  96. package/ui/themes/default/assets/fonts/brand-icons.woff +0 -0
  97. package/ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  98. package/ui/themes/default/assets/fonts/icons.eot +0 -0
  99. package/ui/themes/default/assets/fonts/icons.otf +0 -0
  100. package/ui/themes/default/assets/fonts/icons.svg +1518 -0
  101. package/ui/themes/default/assets/fonts/icons.ttf +0 -0
  102. package/ui/themes/default/assets/fonts/icons.woff +0 -0
  103. package/ui/themes/default/assets/fonts/icons.woff2 +0 -0
  104. package/ui/themes/default/assets/fonts/outline-icons.eot +0 -0
  105. package/ui/themes/default/assets/fonts/outline-icons.svg +366 -0
  106. package/ui/themes/default/assets/fonts/outline-icons.ttf +0 -0
  107. package/ui/themes/default/assets/fonts/outline-icons.woff +0 -0
  108. package/ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  109. package/ui/themes/default/assets/images/flags.png +0 -0
package/ui/components/loader.css ADDED
@@ -0,0 +1,339 @@
1
+ /*!
2
+ * # Semantic UI 2.4.1 - Loader
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Loader
14
+ *******************************/
15
+
16
+
17
+ /* Standard Size */
18
+ .ui.loader {
19
+ display: none;
20
+ position: absolute;
21
+ top: 50%;
22
+ left: 50%;
23
+ margin: 0px;
24
+ text-align: center;
25
+ z-index: 1000;
26
+ transform: translateX(-50%) translateY(-50%);
27
+ }
28
+
29
+ /* Static Shape */
30
+ .ui.loader::before {
31
+ position: absolute;
32
+ content: '';
33
+ top: 0%;
34
+ left: 50%;
35
+ width: 100%;
36
+ height: 100%;
37
+ border-radius: 500rem;
38
+ border: 0.2em solid rgb(0 0 0 / 10%);
39
+ }
40
+
41
+ /* Active Shape */
42
+ .ui.loader::after {
43
+ position: absolute;
44
+ content: '';
45
+ top: 0%;
46
+ left: 50%;
47
+ width: 100%;
48
+ height: 100%;
49
+ animation: loader 0.6s linear;
50
+ animation-iteration-count: infinite;
51
+ border-radius: 500rem;
52
+ border-color: #767676 transparent transparent;
53
+ border-style: solid;
54
+ border-width: 0.2em;
55
+ box-shadow: 0px 0px 0px 1px transparent;
56
+ }
57
+
58
+ /* Active Animation */
59
+
60
+ @keyframes loader {
61
+ from {
62
+ transform: rotate(0deg);
63
+ }
64
+ to {
65
+ transform: rotate(360deg);
66
+ }
67
+ }
68
+
69
+ @keyframes loader {
70
+ from {
71
+ transform: rotate(0deg);
72
+ }
73
+ to {
74
+ transform: rotate(360deg);
75
+ }
76
+ }
77
+
78
+ /* Sizes */
79
+ .ui.mini.loader::before,
80
+ .ui.mini.loader::after {
81
+ width: 1rem;
82
+ height: 1rem;
83
+ margin: 0em 0em 0em -0.5rem;
84
+ }
85
+ .ui.tiny.loader::before,
86
+ .ui.tiny.loader::after {
87
+ width: 1.1428rem;
88
+ height: 1.1428rem;
89
+ margin: 0em 0em 0em -0.57142857rem;
90
+ }
91
+ .ui.small.loader::before,
92
+ .ui.small.loader::after {
93
+ width: 1.7143rem;
94
+ height: 1.7143rem;
95
+ margin: 0em 0em 0em -0.8571rem;
96
+ }
97
+ .ui.loader::before,
98
+ .ui.loader::after {
99
+ width: 2.28571429rem;
100
+ height: 2.28571429rem;
101
+ margin: 0em 0em 0em -1.1428rem;
102
+ }
103
+ .ui.large.loader::before,
104
+ .ui.large.loader::after {
105
+ width: 3.42857143rem;
106
+ height: 3.42857143rem;
107
+ margin: 0em 0em 0em -1.7143rem;
108
+ }
109
+ .ui.big.loader::before,
110
+ .ui.big.loader::after {
111
+ width: 3.71428571rem;
112
+ height: 3.71428571rem;
113
+ margin: 0em 0em 0em -1.85714286rem;
114
+ }
115
+ .ui.huge.loader::before,
116
+ .ui.huge.loader::after {
117
+ width: 4.14285714rem;
118
+ height: 4.14285714rem;
119
+ margin: 0em 0em 0em -2.07142857rem;
120
+ }
121
+ .ui.massive.loader::before,
122
+ .ui.massive.loader::after {
123
+ width: 4.5714rem;
124
+ height: 4.5714rem;
125
+ margin: 0em 0em 0em -2.28571429rem;
126
+ }
127
+
128
+ /*-------------------
129
+ Coupling
130
+ --------------------*/
131
+
132
+
133
+ /* Show inside active dimmer */
134
+ .ui.dimmer .loader {
135
+ display: block;
136
+ }
137
+
138
+ /* Black Dimmer */
139
+ .ui.dimmer .ui.loader {
140
+ color: rgb(255 255 255 / 90%);
141
+ }
142
+ .ui.dimmer .ui.loader::before {
143
+ border-color: rgb(255 255 255 / 15%);
144
+ }
145
+ .ui.dimmer .ui.loader::after {
146
+ border-color: #FFFFFF transparent transparent;
147
+ }
148
+
149
+ /* White Dimmer (Inverted) */
150
+ .ui.inverted.dimmer .ui.loader {
151
+ color: rgb(0 0 0 / 87%);
152
+ }
153
+ .ui.inverted.dimmer .ui.loader::before {
154
+ border-color: rgb(0 0 0 / 10%);
155
+ }
156
+ .ui.inverted.dimmer .ui.loader::after {
157
+ border-color: #767676 transparent transparent;
158
+ }
159
+
160
+
161
+ /*******************************
162
+ Types
163
+ *******************************/
164
+
165
+
166
+ /*-------------------
167
+ Text
168
+ --------------------*/
169
+
170
+ .ui.text.loader {
171
+ width: auto !important;
172
+ height: auto !important;
173
+ text-align: center;
174
+ font-style: normal;
175
+ }
176
+
177
+
178
+ /*******************************
179
+ States
180
+ *******************************/
181
+
182
+ .ui.indeterminate.loader::after {
183
+ animation-direction: reverse;
184
+ animation-duration: 1.2s;
185
+ }
186
+ .ui.loader.active,
187
+ .ui.loader.visible {
188
+ display: block;
189
+ }
190
+ .ui.loader.disabled,
191
+ .ui.loader.hidden {
192
+ display: none;
193
+ }
194
+
195
+
196
+ /*******************************
197
+ Variations
198
+ *******************************/
199
+
200
+
201
+ /*-------------------
202
+ Sizes
203
+ --------------------*/
204
+
205
+
206
+ /* Loader */
207
+ .ui.inverted.dimmer .ui.mini.loader,
208
+ .ui.mini.loader {
209
+ width: 1rem;
210
+ height: 1rem;
211
+ font-size: 0.7857em;
212
+ }
213
+ .ui.inverted.dimmer .ui.tiny.loader,
214
+ .ui.tiny.loader {
215
+ width: 1.1428rem;
216
+ height: 1.1428rem;
217
+ font-size: 0.8571em;
218
+ }
219
+ .ui.inverted.dimmer .ui.small.loader,
220
+ .ui.small.loader {
221
+ width: 1.7143rem;
222
+ height: 1.7143rem;
223
+ font-size: 0.9285em;
224
+ }
225
+ .ui.inverted.dimmer .ui.loader,
226
+ .ui.loader {
227
+ width: 2.28571429rem;
228
+ height: 2.28571429rem;
229
+ font-size: 1em;
230
+ }
231
+ .ui.inverted.dimmer .ui.large.loader,
232
+ .ui.large.loader {
233
+ width: 3.42857143rem;
234
+ height: 3.42857143rem;
235
+ font-size: 1.1428em;
236
+ }
237
+ .ui.inverted.dimmer .ui.big.loader,
238
+ .ui.big.loader {
239
+ width: 3.71428571rem;
240
+ height: 3.71428571rem;
241
+ font-size: 1.2857em;
242
+ }
243
+ .ui.inverted.dimmer .ui.huge.loader,
244
+ .ui.huge.loader {
245
+ width: 4.14285714rem;
246
+ height: 4.14285714rem;
247
+ font-size: 1.4286em;
248
+ }
249
+ .ui.inverted.dimmer .ui.massive.loader,
250
+ .ui.massive.loader {
251
+ width: 4.5714rem;
252
+ height: 4.5714rem;
253
+ font-size: 1.7143em;
254
+ }
255
+
256
+ /* Text Loader */
257
+ .ui.mini.text.loader {
258
+ min-width: 1rem;
259
+ padding-top: 1.7857rem;
260
+ }
261
+ .ui.tiny.text.loader {
262
+ min-width: 1.1428rem;
263
+ padding-top: 1.9286rem;
264
+ }
265
+ .ui.small.text.loader {
266
+ min-width: 1.7143rem;
267
+ padding-top: 2.5rem;
268
+ }
269
+ .ui.text.loader {
270
+ min-width: 2.2857rem;
271
+ padding-top: 3.0714rem;
272
+ }
273
+ .ui.large.text.loader {
274
+ min-width: 3.4286rem;
275
+ padding-top: 4.2143rem;
276
+ }
277
+ .ui.big.text.loader {
278
+ min-width: 3.7143rem;
279
+ padding-top: 4.5rem;
280
+ }
281
+ .ui.huge.text.loader {
282
+ min-width: 4.1428rem;
283
+ padding-top: 4.9286rem;
284
+ }
285
+ .ui.massive.text.loader {
286
+ min-width: 4.5714rem;
287
+ padding-top: 5.3571rem;
288
+ }
289
+
290
+ /*-------------------
291
+ Inverted
292
+ --------------------*/
293
+
294
+ .ui.inverted.loader {
295
+ color: rgb(255 255 255 / 90%);
296
+ }
297
+ .ui.inverted.loader::before {
298
+ border-color: rgb(255 255 255 / 15%);
299
+ }
300
+ .ui.inverted.loader::after {
301
+ border-top-color: #FFFFFF;
302
+ }
303
+
304
+ /*-------------------
305
+ Inline
306
+ --------------------*/
307
+
308
+ .ui.inline.loader {
309
+ position: relative;
310
+ vertical-align: middle;
311
+ margin: 0em;
312
+ left: 0em;
313
+ top: 0em;
314
+ transform: none;
315
+ }
316
+ .ui.inline.loader.active,
317
+ .ui.inline.loader.visible {
318
+ display: inline-block;
319
+ }
320
+
321
+ /* Centered Inline */
322
+ .ui.centered.inline.loader.active,
323
+ .ui.centered.inline.loader.visible {
324
+ display: block;
325
+ margin-left: auto;
326
+ margin-right: auto;
327
+ }
328
+
329
+
330
+ /*******************************
331
+ Theme Overrides
332
+ *******************************/
333
+
334
+
335
+
336
+ /*******************************
337
+ Site Overrides
338
+ *******************************/
339
+