u2ui 1.0.0 → 1.4.5

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 (591) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +36 -36
  3. package/attr/behavior/README.md +6 -4
  4. package/attr/behavior/behavior.js +265 -261
  5. package/attr/behavior/manifest.json +42 -42
  6. package/attr/confirm/README.md +8 -8
  7. package/attr/confirm/confirm.js +86 -90
  8. package/attr/confirm/manifest.json +42 -42
  9. package/attr/disableif/README.md +37 -0
  10. package/attr/disableif/disableif.js +59 -0
  11. package/attr/disableif/manifest.json +38 -0
  12. package/attr/draghandle/README.md +15 -15
  13. package/attr/draghandle/draghandle.js +24 -42
  14. package/attr/draghandle/manifest.json +30 -0
  15. package/attr/dropzone/README.md +32 -0
  16. package/attr/dropzone/dropzone.js +485 -0
  17. package/attr/dropzone/manifest.json +36 -0
  18. package/attr/focusgroup/README.md +9 -9
  19. package/attr/focusgroup/focusgroup.js +97 -100
  20. package/attr/focusgroup/manifest.json +30 -38
  21. package/attr/href/README.md +5 -5
  22. package/attr/href/href.js +50 -42
  23. package/attr/href/manifest.json +42 -42
  24. package/attr/intersect/README.md +15 -15
  25. package/attr/intersect/intersect.js +98 -98
  26. package/attr/intersect/manifest.json +44 -57
  27. package/attr/lightbox/README.md +27 -0
  28. package/attr/lightbox/lightbox.js +120 -0
  29. package/attr/lightbox/manifest.json +29 -0
  30. package/attr/movable/README.md +27 -0
  31. package/attr/movable/manifest.json +47 -0
  32. package/attr/movable/movable.js +111 -0
  33. package/attr/navigable/README.md +9 -9
  34. package/attr/navigable/TargetObserver.js +90 -91
  35. package/attr/navigable/U2TargetObserver.js +75 -75
  36. package/attr/navigable/manifest.json +34 -42
  37. package/attr/navigable/navigable.js +85 -87
  38. package/attr/parallax/README.md +10 -10
  39. package/attr/parallax/manifest.json +36 -0
  40. package/attr/parallax/parallax.js +119 -119
  41. package/attr/scrollspy/README.md +43 -0
  42. package/attr/scrollspy/manifest.json +28 -0
  43. package/attr/scrollspy/scrollspy.js +85 -0
  44. package/attr/selectable/README.md +42 -0
  45. package/attr/selectable/SelectionManager.js +171 -0
  46. package/attr/selectable/manifest.json +33 -0
  47. package/attr/selectable/selectable.js +28 -0
  48. package/attr/skin/README.md +15 -16
  49. package/attr/skin/manifest.json +40 -0
  50. package/attr/skin/skin.css +49 -50
  51. package/attr/store/README.md +41 -0
  52. package/attr/store/manifest.json +28 -0
  53. package/attr/store/store.js +62 -0
  54. package/class/badge/README.md +2 -2
  55. package/class/badge/badge.css +34 -34
  56. package/class/card/README.md +51 -0
  57. package/class/card/card.css +31 -0
  58. package/class/flex/README.md +16 -16
  59. package/class/flex/flex.css +15 -25
  60. package/class/grid/README.md +18 -18
  61. package/class/grid/grid.css +38 -40
  62. package/class/reset/README.md +6 -6
  63. package/class/reset/reset.css +8 -8
  64. package/class/table/README.md +22 -21
  65. package/class/table/table.css +125 -125
  66. package/class/unstyle/README.md +7 -5
  67. package/class/unstyle/unstyle.css +14 -12
  68. package/class/width/README.md +18 -18
  69. package/class/width/width.css +21 -22
  70. package/css/README.md +11 -0
  71. package/css/base/README.md +8 -2
  72. package/css/base/base.css +153 -127
  73. package/css/base/beta.css +34 -50
  74. package/css/base/full.css +5 -5
  75. package/css/base/nomotion.css +8 -8
  76. package/css/base/print.css +36 -36
  77. package/css/classless/README.md +10 -4
  78. package/css/classless/aria.css +51 -64
  79. package/css/classless/classless.css +118 -124
  80. package/css/classless/full.css +11 -11
  81. package/css/classless/more.css +314 -340
  82. package/css/classless/simple.css +314 -103
  83. package/css/classless/snippeds/a/icons.css +66 -12
  84. package/css/classless/snippeds/a/tests.html +118 -0
  85. package/css/classless/snippeds/blockquote/big-quotes.css +36 -0
  86. package/css/classless/snippeds/blockquote/tests.html +62 -0
  87. package/css/classless/snippeds/button/square.css +22 -0
  88. package/css/classless/snippeds/button/tests.html +53 -0
  89. package/css/classless/snippeds/experiments/aria-header-nav-dropdown.css +46 -0
  90. package/css/classless/snippeds/hr/gradient.css +2 -2
  91. package/css/classless/snippeds/hr/section_sign.css +16 -16
  92. package/css/classless/snippeds/hr/tests.html +49 -49
  93. package/css/classless/snippeds/p/indent.css +9 -0
  94. package/css/classless/snippeds/p/initial.css +9 -0
  95. package/css/classless/snippeds/p/tests.html +60 -0
  96. package/css/classless/variables.css +132 -99
  97. package/css/norm/README.md +7 -1
  98. package/css/norm/beta.css +41 -39
  99. package/css/norm/norm.css +89 -98
  100. package/css/norm/oldies.css +71 -60
  101. package/css/{classes → utils}/README.md +10 -4
  102. package/css/{classes/classes.css → utils/utils.css} +78 -78
  103. package/el/accordion/README.md +60 -59
  104. package/el/accordion/accordion.css +11 -7
  105. package/el/accordion/accordion.js +211 -258
  106. package/el/accordion/manifest.json +44 -57
  107. package/el/alert/README.md +86 -67
  108. package/el/alert/alert.css +72 -73
  109. package/el/alert/alert.js +206 -187
  110. package/el/alert/manifest.json +59 -77
  111. package/el/breadcrumb/README.md +41 -0
  112. package/el/breadcrumb/breadcrumb.css +22 -0
  113. package/el/breadcrumb/breadcrumb.js +119 -0
  114. package/el/breadcrumb/manifest.json +42 -0
  115. package/el/buttongroup/README.md +36 -36
  116. package/el/buttongroup/buttongroup.css +38 -30
  117. package/el/buttongroup/buttongroup.js +68 -56
  118. package/el/buttongroup/manifest.json +28 -0
  119. package/el/bytes/README.md +4 -4
  120. package/el/bytes/bytes.css +6 -6
  121. package/el/bytes/bytes.js +98 -97
  122. package/el/bytes/manifest.json +90 -95
  123. package/el/calendar/README.md +64 -0
  124. package/el/calendar/calendar.css +36 -0
  125. package/el/calendar/calendar.js +391 -0
  126. package/el/calendar/ext/drag.js +69 -0
  127. package/el/calendar/ext/keyNavigation.js +101 -0
  128. package/el/calendar/manifest.json +69 -0
  129. package/el/carousel/README.md +14 -14
  130. package/el/carousel/carousel.css +45 -46
  131. package/el/carousel/carousel.js +398 -371
  132. package/el/carousel/manifest.json +44 -58
  133. package/el/carousel-nav/README.md +13 -14
  134. package/el/carousel-nav/carousel-nav.js +74 -74
  135. package/el/carousel-nav/manifest.json +31 -0
  136. package/el/chart/README.md +46 -0
  137. package/el/chart/chart.css +7 -0
  138. package/el/chart/chart.js +188 -0
  139. package/el/chart/engines/apexcharts.js +103 -0
  140. package/el/chart/engines/billboard.js +79 -0
  141. package/el/chart/engines/chart.js.js +32 -0
  142. package/el/chart/engines/chartist.js +74 -0
  143. package/el/chart/engines/echarts.js +65 -0
  144. package/el/chart/engines/frappe.js +49 -0
  145. package/el/chart/engines/nvd3.js +139 -0
  146. package/el/chart/engines/plotly.js +73 -0
  147. package/el/chart/manifest.json +54 -0
  148. package/el/code/README.md +21 -21
  149. package/el/code/code.css +46 -46
  150. package/el/code/code.js +291 -289
  151. package/el/code/manifest.json +59 -66
  152. package/el/cookiebanner/README.md +70 -0
  153. package/el/cookiebanner/cookiebanner.css +42 -0
  154. package/el/cookiebanner/cookiebanner.js +161 -0
  155. package/el/cookiebanner/extensions/googleConsentMode.js +36 -0
  156. package/el/cookiebanner/knownItems.js +291 -0
  157. package/el/cookiebanner/manifest.json +85 -0
  158. package/el/cookiebanner/ui.js +426 -0
  159. package/el/copy/README.md +9 -7
  160. package/el/copy/copy.css +3 -3
  161. package/el/copy/copy.js +89 -117
  162. package/el/copy/manifest.json +37 -49
  163. package/el/counter/README.md +12 -9
  164. package/el/counter/counter.css +8 -8
  165. package/el/counter/counter.js +96 -95
  166. package/el/counter/manifest.json +50 -59
  167. package/el/drawer/README.md +35 -0
  168. package/el/drawer/drawer.css +77 -0
  169. package/el/drawer/drawer.js +166 -0
  170. package/el/drawer/manifest.json +27 -0
  171. package/el/fields/README.md +34 -0
  172. package/el/fields/fields.css +5 -0
  173. package/el/fields/fields.js +133 -0
  174. package/el/fields/manifest.json +32 -0
  175. package/el/ico/README.md +119 -118
  176. package/el/ico/debug.js +86 -0
  177. package/el/ico/font/Font Awesome.css +22 -22
  178. package/el/ico/font/LigatureSymbols.css +7 -7
  179. package/el/ico/font/Material Icons.css +6 -6
  180. package/el/ico/font/RemixFilled.css +8 -8
  181. package/el/ico/font/RemixOutlined.css +8 -8
  182. package/el/ico/font/old/anicons.css +31 -31
  183. package/el/ico/font/old/devicons.css +210 -210
  184. package/el/ico/font/old/material.all.css +36 -36
  185. package/el/ico/font/old/remix.css +15 -15
  186. package/el/ico/font/old/utf8.css +54 -54
  187. package/el/ico/ico.css +122 -110
  188. package/el/ico/ico.js +163 -189
  189. package/el/ico/manifest.json +68 -86
  190. package/el/input/README.md +41 -39
  191. package/el/input/input.css +95 -35
  192. package/el/input/input.js +682 -331
  193. package/el/input/manifest.json +54 -0
  194. package/el/maintitlebar/README.md +39 -0
  195. package/el/maintitlebar/maintitlebar.css +40 -0
  196. package/el/maintitlebar/maintitlebar.js +17 -0
  197. package/el/maintitlebar/manifest.json +32 -0
  198. package/el/masonry/README.md +19 -19
  199. package/el/masonry/manifest.json +49 -60
  200. package/el/masonry/masonry.css +27 -27
  201. package/el/masonry/masonry.js +93 -92
  202. package/el/menubutton/README.md +39 -0
  203. package/el/menubutton/manifest.json +44 -0
  204. package/el/{splitbutton/splitbutton.css → menubutton/menubutton.css} +51 -47
  205. package/el/menubutton/menubutton.js +90 -0
  206. package/el/number/README.md +9 -6
  207. package/el/number/manifest.json +162 -121
  208. package/el/number/number.css +6 -6
  209. package/el/number/number.js +67 -67
  210. package/el/out/README.md +5 -5
  211. package/el/out/manifest.json +26 -38
  212. package/el/out/out.css +2 -2
  213. package/el/out/out.js +42 -59
  214. package/el/pagination/README.md +32 -0
  215. package/el/pagination/manifest.json +47 -0
  216. package/el/pagination/pagination.css +27 -0
  217. package/el/pagination/pagination.js +147 -0
  218. package/el/parallax-bg/README.md +26 -6
  219. package/el/parallax-bg/manifest.json +32 -0
  220. package/el/parallax-bg/parallax-bg.css +13 -13
  221. package/el/parallax-bg/parallax-bg.js +197 -186
  222. package/el/qrcode/README.md +7 -7
  223. package/el/qrcode/manifest.json +32 -43
  224. package/el/qrcode/package.json +22 -22
  225. package/el/qrcode/qrcode.css +13 -13
  226. package/el/qrcode/qrcode.js +53 -45
  227. package/el/rating/README.md +9 -20
  228. package/el/rating/manifest.json +52 -65
  229. package/el/rating/rating.css +10 -10
  230. package/el/rating/rating.js +148 -139
  231. package/el/responsive/README.md +43 -0
  232. package/el/responsive/manifest.json +41 -0
  233. package/el/responsive/responsive.css +4 -0
  234. package/el/responsive/responsive.js +143 -0
  235. package/el/rte/README.md +10 -10
  236. package/el/rte/manifest.json +33 -0
  237. package/el/rte/rte.css +9 -9
  238. package/el/rte/rte.js +56 -56
  239. package/el/skeleton/README.md +3 -3
  240. package/el/skeleton/manifest.json +37 -51
  241. package/el/skeleton/skeleton.css +67 -60
  242. package/el/skeleton/skeleton.js +71 -72
  243. package/el/splitpanel/README.md +33 -13
  244. package/el/splitpanel/manifest.json +36 -49
  245. package/el/splitpanel/splitpanel.css +20 -17
  246. package/el/splitpanel/splitpanel.js +117 -116
  247. package/el/spot/README.md +36 -0
  248. package/el/spot/manifest.json +55 -0
  249. package/el/spot/spot.css +23 -0
  250. package/el/spot/spot.js +106 -0
  251. package/el/system/README.md +29 -0
  252. package/el/system/demoHtml.html +660 -0
  253. package/el/system/manifest.json +32 -0
  254. package/el/system/styler.js +661 -0
  255. package/el/system/system.js +84 -0
  256. package/el/table/README.md +80 -68
  257. package/el/table/ext/autoFormatTable.js +228 -0
  258. package/el/table/manifest.json +32 -43
  259. package/el/table/table.css +4 -59
  260. package/el/table/table.js +468 -194
  261. package/el/tabs/README.md +17 -17
  262. package/el/tabs/manifest.json +44 -59
  263. package/el/tabs/tabs.css +22 -22
  264. package/el/tabs/tabs.js +192 -210
  265. package/el/textfit/README.md +7 -7
  266. package/el/textfit/manifest.json +33 -45
  267. package/el/textfit/textfit.css +5 -5
  268. package/el/textfit/textfit.js +80 -80
  269. package/el/time/README.md +6 -5
  270. package/el/time/manifest.json +79 -118
  271. package/el/time/time.js +179 -168
  272. package/el/toc/README.md +27 -0
  273. package/el/toc/manifest.json +36 -0
  274. package/el/toc/toc.css +3 -0
  275. package/el/toc/toc.js +85 -0
  276. package/el/tooltip/README.md +13 -10
  277. package/el/tooltip/manifest.json +56 -69
  278. package/el/tooltip/tooltip.css +100 -97
  279. package/el/tooltip/tooltip.js +146 -82
  280. package/el/tree/README.md +133 -0
  281. package/el/tree/ext/dnd.js +53 -0
  282. package/el/tree/ext/item.js +35 -0
  283. package/el/tree/manifest.json +61 -0
  284. package/el/tree/tree.css +18 -0
  285. package/el/tree/tree.js +236 -0
  286. package/el/typewriter/README.md +11 -11
  287. package/el/typewriter/manifest.json +45 -66
  288. package/el/typewriter/typewriter.css +6 -6
  289. package/el/typewriter/typewriter.js +161 -166
  290. package/el/video/README.md +37 -0
  291. package/el/video/manifest.json +96 -0
  292. package/el/video/video.js +550 -0
  293. package/js/Placer/Placer.js +156 -156
  294. package/js/Placer/README.md +14 -16
  295. package/js/PointerObserver/PointerObserver-no-scroll.js +146 -0
  296. package/js/PointerObserver/PointerObserver.js +161 -130
  297. package/js/PointerObserver/README.md +6 -7
  298. package/js/SelectorObserver/README.md +9 -9
  299. package/js/SelectorObserver/SelectorObserver.js +199 -200
  300. package/js/Tour/README.md +56 -0
  301. package/js/Tour/Tour.js +156 -0
  302. package/js/contextmenu/README.md +6 -31
  303. package/js/contextmenu/contextmenu.js +338 -336
  304. package/js/dialog/README.md +8 -7
  305. package/js/dialog/dialog.js +228 -261
  306. package/js/drag/README.md +28 -0
  307. package/js/drag/drag.js +38 -0
  308. package/js/drag/indicateDrop.js +80 -0
  309. package/js/loading/README.md +24 -0
  310. package/js/loading/loading.js +139 -0
  311. package/js/navigator/README.md +26 -0
  312. package/js/navigator/navigator.js +430 -0
  313. package/js/navigator/url-change-event.js +29 -0
  314. package/js/rte/README.md +13 -14
  315. package/js/rte/old/NodeCleaner.js +315 -315
  316. package/js/rte/old/Rte/Rte.ui.mjs +154 -154
  317. package/js/rte/old/Rte/index.mjs +5 -5
  318. package/js/rte/old/Rte/main.css +189 -189
  319. package/js/rte/old/old.rte.js +131 -131
  320. package/js/rte/old/range-selection.old.js +394 -394
  321. package/js/rte/rte.js +7 -7
  322. package/js/rte/src/behavior.js +228 -228
  323. package/js/rte/src/events.js +73 -73
  324. package/js/rte/src/fixes.js +250 -250
  325. package/js/rte/src/range.js +469 -472
  326. package/js/rte/src/rte.js +71 -71
  327. package/js/rte/src/ui/items/ai.js +166 -167
  328. package/js/rte/src/ui/items/code.js +93 -93
  329. package/js/rte/src/ui/items/undo.js +183 -183
  330. package/js/rte/src/ui.items.js +6 -7
  331. package/js/rte/src/ui.js +268 -268
  332. package/js/rte/src/util/indentHtml.js +21 -15
  333. package/js/serviceWorker/README.md +17 -0
  334. package/js/serviceWorker/serviceWorker.js +84 -0
  335. package/js/serviceWorker/sw.js +221 -0
  336. package/js/shortcut/README.md +6 -6
  337. package/js/shortcut/shortcut.js +53 -89
  338. package/package.json +9 -8
  339. package/theme/brutalist/README.md +10 -0
  340. package/theme/brutalist/theme.css +98 -0
  341. package/theme/elegance/README.md +10 -0
  342. package/theme/elegance/theme.css +120 -0
  343. package/theme/luxury/README.md +10 -0
  344. package/theme/luxury/theme.css +107 -0
  345. package/theme/minimalism/README.md +10 -0
  346. package/theme/minimalism/theme.css +103 -0
  347. package/theme/natur/README.md +10 -0
  348. package/theme/natur/theme.css +101 -0
  349. package/theme/pastell/README.md +10 -0
  350. package/theme/pastell/theme.css +99 -0
  351. package/theme/pop/README.md +10 -0
  352. package/theme/pop/theme.css +101 -0
  353. package/theme/prompt.css +175 -0
  354. package/theme/retro/README.md +10 -0
  355. package/theme/retro/theme.css +99 -0
  356. package/theme/soft/README.md +10 -0
  357. package/theme/soft/theme.css +84 -0
  358. package/theme/tech/README.md +10 -0
  359. package/theme/tech/theme.css +98 -0
  360. package/theme/test/README.md +10 -0
  361. package/theme/test/theme.css +109 -0
  362. package/theme/test.html +284 -0
  363. package/theme/tmp/README.md +10 -0
  364. package/theme/tmp/theme.css +323 -0
  365. package/u2/auto.js +156 -161
  366. package/u2/auto.ui.js +82 -85
  367. package/u2/plan-scoped-refactoring.md +236 -0
  368. package/u2/projects.json +757 -467
  369. package/u2/tools/baseElement.js +217 -95
  370. package/u2/tools/baseElement.test.html +139 -119
  371. package/u2/tools/ce-inspector.js +307 -307
  372. package/u2/tools/ce-inspector.test.html +67 -65
  373. package/u2/tools/ce-manfest-from-element.js +207 -207
  374. package/u2/tools/dev-iframe.js +212 -213
  375. package/u2/tools/dev-iframe.test.html +72 -74
  376. package/u2/tools/eventsExplorer.js +102 -101
  377. package/u2/tools/logo/u1.svg +9 -9
  378. package/u2/tools/promiseElementById.js +14 -0
  379. package/u2/tools/update.repos.json.js +259 -234
  380. package/u2/tools/update.skill.js +176 -0
  381. package/u2/tools/variable-styler.js +317 -0
  382. package/u2/u2.js +30 -14
  383. package/u2/utils.js +61 -59
  384. package/.htaccess +0 -7
  385. package/attr/behavior/tests/minimal.html +0 -19
  386. package/attr/behavior/tests/test.html +0 -98
  387. package/attr/confirm/tests/minimal.html +0 -23
  388. package/attr/confirm/tests/test.html +0 -79
  389. package/attr/draghandle/tests/minimal.html +0 -44
  390. package/attr/focusgroup/tests/minimal.html +0 -27
  391. package/attr/focusgroup/tests/test.html +0 -154
  392. package/attr/href/tests/minimal.html +0 -17
  393. package/attr/href/tests/test.html +0 -70
  394. package/attr/intersect/tests/minimal.html +0 -30
  395. package/attr/intersect/tests/test.html +0 -64
  396. package/attr/navigable/tests/U1TargetObserver.html +0 -56
  397. package/attr/navigable/tests/minimal.html +0 -17
  398. package/attr/navigable/tests/targetObserver.html +0 -106
  399. package/attr/navigable/tests/test.html +0 -84
  400. package/attr/parallax/tests/minimal.html +0 -25
  401. package/attr/parallax/tests/performance.html +0 -102
  402. package/attr/parallax/tests/test.html +0 -108
  403. package/attr/skin/tests/minimal.html +0 -34
  404. package/attr/skin/tests/test.html +0 -96
  405. package/class/badge/tests/minimal.html +0 -17
  406. package/class/badge/tests/test.html +0 -112
  407. package/class/card1/README.md +0 -45
  408. package/class/card1/card1.css +0 -30
  409. package/class/card1/tests/minimal.html +0 -33
  410. package/class/card1/tests/test.html +0 -78
  411. package/class/flex/tests/minimal.html +0 -31
  412. package/class/flex/tests/test.html +0 -58
  413. package/class/grid/tests/minimal.html +0 -34
  414. package/class/grid/tests/test.html +0 -78
  415. package/class/input/README.md +0 -49
  416. package/class/input/input.css +0 -33
  417. package/class/input/tests/minimal.html +0 -39
  418. package/class/input/tests/test.html +0 -29
  419. package/class/reset/tests/minimal.html +0 -23
  420. package/class/table/tests/minimal.html +0 -40
  421. package/class/table/tests/test.html +0 -226
  422. package/class/unstyle/tests/minimal.html +0 -22
  423. package/class/unstyle/tests/test.html +0 -32
  424. package/class/width/tests/minimal.html +0 -27
  425. package/class/width/tests/test.html +0 -101
  426. package/css/base/tests/nomotion.html +0 -89
  427. package/css/base/tests/test.html +0 -539
  428. package/css/classes/tests/test.html +0 -63
  429. package/css/classless/snippeds/experiments/conventions.css +0 -41
  430. package/css/classless/tests/aria.html +0 -101
  431. package/css/classless/tests/foreign/classless-almond.css.html +0 -445
  432. package/css/classless/tests/foreign/classless-classless.css.html +0 -831
  433. package/css/classless/tests/foreign/classless-mvp.html +0 -415
  434. package/css/classless/tests/foreign/classless.sakura.html +0 -224
  435. package/css/classless/tests/foreign/stylestage.dev.html +0 -304
  436. package/css/classless/tests/foreign/test-homogenizer.html +0 -433
  437. package/css/classless/tests/foreign/test-html5-elements-tester.html +0 -956
  438. package/css/classless/tests/foreign/test-opinionated_css.html +0 -148
  439. package/css/classless/tests/list-bullet.html +0 -110
  440. package/css/classless/tests/more.html +0 -246
  441. package/css/classless/tests/oklch.experiments.html +0 -280
  442. package/css/classless/tests/test.html +0 -106
  443. package/css/classless/tests/variables.html +0 -109
  444. package/css/norm/tests/test.html +0 -434
  445. package/css/norm/tests/test.js +0 -103
  446. package/el/accordion/tests/minimal.html +0 -44
  447. package/el/accordion/tests/test.html +0 -168
  448. package/el/alert/alert copy.js +0 -224
  449. package/el/alert/tests/minimal.html +0 -36
  450. package/el/alert/tests/test.html +0 -105
  451. package/el/buttongroup/tests/minimal.html +0 -31
  452. package/el/buttongroup/tests/test.html +0 -83
  453. package/el/bytes/tests/minimal.html +0 -19
  454. package/el/bytes/tests/test.html +0 -117
  455. package/el/carousel/tests/experiments.html +0 -77
  456. package/el/carousel/tests/minimal.html +0 -31
  457. package/el/carousel/tests/nested.html +0 -54
  458. package/el/carousel/tests/test.html +0 -136
  459. package/el/carousel-nav/tests/minimal.html +0 -32
  460. package/el/carousel-nav/tests/test.html +0 -59
  461. package/el/code/tests/minimal.html +0 -35
  462. package/el/code/tests/test.html +0 -162
  463. package/el/copy/tests/minimal.html +0 -21
  464. package/el/copy/tests/test.html +0 -75
  465. package/el/counter/tests/minimal.html +0 -27
  466. package/el/counter/tests/test.html +0 -106
  467. package/el/ico/tests/combinations.html +0 -86
  468. package/el/ico/tests/emojis.html +0 -213
  469. package/el/ico/tests/fonts.html +0 -110
  470. package/el/ico/tests/ico-directory.html +0 -254
  471. package/el/ico/tests/minimal.html +0 -46
  472. package/el/ico/tests/test.html +0 -210
  473. package/el/ico/tests/util-multi.svg +0 -6
  474. package/el/ico/tests/util.css +0 -2
  475. package/el/ico/tests/util.js +0 -110
  476. package/el/input/tests/formParticipation.html +0 -113
  477. package/el/input/tests/minimal.html +0 -33
  478. package/el/input/tests/test.html +0 -258
  479. package/el/masonry/tests/minimal.html +0 -39
  480. package/el/masonry/tests/test.html +0 -42
  481. package/el/number/tests/minimal.html +0 -25
  482. package/el/number/tests/test.html +0 -138
  483. package/el/out/tests/minimal.html +0 -25
  484. package/el/out/tests/test.html +0 -37
  485. package/el/parallax-bg/tests/bg.jpg +0 -0
  486. package/el/parallax-bg/tests/bg1.jpg +0 -0
  487. package/el/parallax-bg/tests/bg2.jpg +0 -0
  488. package/el/parallax-bg/tests/demo.html +0 -88
  489. package/el/parallax-bg/tests/minimal.html +0 -30
  490. package/el/parallax-bg/tests/test.html +0 -64
  491. package/el/parallax-bg/tests/visible.html +0 -90
  492. package/el/qrcode/tests/minimal.html +0 -26
  493. package/el/qrcode/tests/test.html +0 -31
  494. package/el/rating/tests/minimal.html +0 -26
  495. package/el/rating/tests/tests.html +0 -77
  496. package/el/rte/tests/minimal.html +0 -25
  497. package/el/rte/tests/test.html +0 -37
  498. package/el/skeleton/tests/minimal.html +0 -22
  499. package/el/skeleton/tests/test.html +0 -22
  500. package/el/splitbutton/README.md +0 -39
  501. package/el/splitbutton/splitbutton.js +0 -26
  502. package/el/splitbutton/tests/minimal.html +0 -30
  503. package/el/splitbutton/tests/test.html +0 -68
  504. package/el/splitpanel/tests/minimal.html +0 -31
  505. package/el/splitpanel/tests/tests.html +0 -121
  506. package/el/table/tests/minimal.html +0 -38
  507. package/el/table/tests/test.html +0 -108
  508. package/el/tabs/tests/minimal.html +0 -35
  509. package/el/tabs/tests/test.html +0 -180
  510. package/el/textfit/tests/minimal.html +0 -25
  511. package/el/textfit/tests/test.html +0 -26
  512. package/el/time/tests/minimal.html +0 -19
  513. package/el/time/tests/test.html +0 -160
  514. package/el/time/time copy.js +0 -141
  515. package/el/time/time.old.uhtml.js +0 -129
  516. package/el/tooltip/tests/minimal.html +0 -25
  517. package/el/tooltip/tests/test.html +0 -178
  518. package/el/tree1/README.md +0 -111
  519. package/el/tree1/manifest.json +0 -78
  520. package/el/tree1/tests/animated.html +0 -134
  521. package/el/tree1/tests/custom.html +0 -51
  522. package/el/tree1/tests/minimal.html +0 -44
  523. package/el/tree1/tests/test.html +0 -260
  524. package/el/tree1/tree1.css +0 -26
  525. package/el/tree1/tree1.js +0 -265
  526. package/el/typewriter/tests/minimal.html +0 -25
  527. package/el/typewriter/tests/test.html +0 -78
  528. package/js/Placer/tests/minimal.html +0 -34
  529. package/js/Placer/tests/test.html +0 -49
  530. package/js/PointerObserver/tests/minimal.html +0 -29
  531. package/js/PointerObserver/tests/test.html +0 -35
  532. package/js/SelectorObserver/tests/minimal.html +0 -21
  533. package/js/SelectorObserver/tests/test.html +0 -57
  534. package/js/SelectorObserver/tests/tests.html +0 -161
  535. package/js/contextmenu/tests/minimal.html +0 -44
  536. package/js/contextmenu/tests/test.html +0 -131
  537. package/js/dialog/tests/minimal.html +0 -29
  538. package/js/dialog/tests/notification.mp3 +0 -0
  539. package/js/dialog/tests/test.html +0 -135
  540. package/js/rte/tests/ai.html +0 -81
  541. package/js/rte/tests/behavior.html +0 -88
  542. package/js/rte/tests/events.html +0 -69
  543. package/js/rte/tests/fixes.html +0 -95
  544. package/js/rte/tests/minimal.html +0 -34
  545. package/js/rte/tests/notes.md +0 -6
  546. package/js/rte/tests/range.html +0 -167
  547. package/js/rte/tests/selection-explorer.html +0 -222
  548. package/js/rte/tests/test.html +0 -92
  549. package/js/shortcut/tests/minimal.html +0 -23
  550. package/js/shortcut/tests/test.html +0 -68
  551. package/u2/experiments/Waiter/test.html +0 -132
  552. package/u2/experiments/getElementByIdPromise/test.html +0 -76
  553. package/u2/experiments/patchInputValue.html +0 -124
  554. package/u2/experiments/radiobutton/test.html +0 -75
  555. package/u2/experiments/tests/test.html +0 -223
  556. package/u2/experiments/u1-responsive/responsive.js +0 -62
  557. package/u2/experiments/u1-responsive/test.html +0 -65
  558. package/u2/experiments/u2Element.js +0 -139
  559. package/u2/experiments/u2Element.test.html +0 -47
  560. package/u2/old-stuff/IterableWeakMap/mod.js +0 -70
  561. package/u2/old-stuff/css/onStyleSheet/mod.js +0 -114
  562. package/u2/old-stuff/css/onStyleSheet/monkeypatches.js +0 -28
  563. package/u2/old-stuff/css/onStyleSheet/test/include.css +0 -19
  564. package/u2/old-stuff/css/onStyleSheet/test/style-has-include.css +0 -6
  565. package/u2/old-stuff/css/onStyleSheet/test/style-no-include.css +0 -3
  566. package/u2/old-stuff/css/onStyleSheet/test/test.html +0 -48
  567. package/u2/old-stuff/css/parser/mod.js +0 -182
  568. package/u2/old-stuff/css/parser/parser_old/mod.js +0 -128
  569. package/u2/old-stuff/css/parser/parser_old/test.html +0 -43
  570. package/u2/old-stuff/css/parser/parser_old/util.js +0 -22
  571. package/u2/old-stuff/css/parser/style.html +0 -52
  572. package/u2/old-stuff/css/parser/test.html +0 -38
  573. package/u2/old-stuff/el/ai-texter/README.md +0 -23
  574. package/u2/old-stuff/el/ai-texter/ai-texter.css +0 -12
  575. package/u2/old-stuff/el/ai-texter/ai-texter.js +0 -153
  576. package/u2/old-stuff/el/ai-texter/tests/minimal.html +0 -47
  577. package/u2/old-stuff/el/ai-texter/tests/test.html +0 -71
  578. package/u2/old-stuff/init.js +0 -38
  579. package/u2/old-stuff/markHashLinks.js +0 -51
  580. package/u2/old-stuff/onElement/mod.js +0 -73
  581. package/u2/old-stuff/test-helpers/mod.js +0 -36
  582. package/u2/old-stuff/test-helpers/test.html +0 -4
  583. package/u2/old-stuff/tests/init.js.html +0 -51
  584. package/u2/old-stuff/viewport.js +0 -64
  585. package/u2/tests/boilerplate.html +0 -46
  586. package/u2/tests/kacheln.html +0 -245
  587. package/u2/tests/showcase.html +0 -270
  588. package/u2/tests/showcase2.html +0 -157
  589. package/u2/tests/test-init.js +0 -35
  590. package/u2/tests/test.html +0 -355
  591. package/u2/tools/logo/u1ui.svg +0 -6
package/css/classless/tests/aria.html DELETED
@@ -1,101 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Level.css TEST</title>
6
- <script src="./test.js" type=module async></script>
7
-
8
- <link rel="stylesheet" href="../../norm.css/oldies.css" disabled>
9
- <link rel="stylesheet" href="../../css/norm/norm.css">
10
- <link rel="stylesheet" href="../../../css/base/base.css">
11
- <link rel="stylesheet" href="../../../css/base/nomotion.css" disabled>
12
- <link rel="stylesheet" href="../../../css/base/print.css" disabled>
13
-
14
- <link rel="stylesheet" href="../variables.css">
15
- <link rel="stylesheet" href="../classless.css">
16
- <link rel="stylesheet" href="../more.css">
17
- <link rel="stylesheet" href="../aria.css">
18
-
19
- <style>
20
- body {
21
- padding:2rem;
22
- display: grid;
23
- gap:1rem;
24
- grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
25
- }
26
- body > * {
27
- padding:1rem;
28
- background:var(--color-area);
29
- }
30
- </style>
31
-
32
- </head>
33
-
34
- <body>
35
-
36
- <section>
37
- <h1>[aria-label]</h1>
38
-
39
- <button aria-label="Use all the advantages of registration">
40
- Register
41
- </button>
42
-
43
- <button aria-label="Close">x</button>
44
-
45
- <p>Dont use aria-label on input/textarea elements directly, use the label element</p>
46
-
47
- <label aria-label="Chick this!" style="display:block;">
48
- <input type=checkbox>
49
- </label>
50
-
51
- <label aria-label="Write something" style="display:block;">
52
- <textarea>Lorem Ipsum..</textarea>
53
- </label>
54
-
55
- <nav>
56
- <ul>
57
- <li><a href="#" aria-label="Go home">Home</a>
58
- <li><a href="#" aria-label="About our Products">Products</a>
59
- <li><a href="#" aria-label="Make money by getting a Reseller">Resseller</a>
60
- </ul>
61
- </label>
62
-
63
- </section>
64
-
65
-
66
-
67
- <section>
68
- <h1>Tabs</h1>
69
- <p>[aria-tablist], [role=tab], [role=tabpanel]</p>
70
- <div class=tabs>
71
- <div role=tablist aria-label="Sample Tabs">
72
- <button role=tab aria-selected=true aria-controls="panel-1" id="tab-1" js-will-do-tabindex="0">First Tab</button>
73
- <button role=tab aria-selected=false aria-controls="panel-2" id="tab-2" js-will-do-tabindex="-1">Second Tab</button>
74
- <button role=tab aria-selected=false aria-controls="panel-3" id="tab-3" js-will-do-tabindex="-1">Third Tab</button>
75
- </div>
76
- <div id="panel-1" role=tabpanel tabindex="0" js-will-do-aria-labelledby="tab-1">
77
- <p>Content for the first panel</p>
78
- </div>
79
- <div id="panel-2" role=tabpanel tabindex="0" js-will-do-aria-labelledby="tab-2" js-will-do-hidden>
80
- <p>Content for the second panel</p>
81
- </div>
82
- <div id="panel-3" role=tabpanel tabindex="0" js-will-do-aria-labelledby="tab-3" js-will-do-hidden>
83
- <p>Content for the third panel</p>
84
- </div>
85
- </div>
86
-
87
- <h3>tablist-overflows</h3>
88
- <div class=tabs>
89
- <div role=tablist aria-label="Sample Tabs">
90
- <button role=tab aria-selected=true aria-controls="panel-1" id="tab-1" tabindex="0">First Tab</button>
91
- <button role=tab aria-selected=false aria-controls="panel-2" id="tab-2" tabindex="-1">Second Tab</button>
92
- <button role=tab aria-selected=false aria-controls="panel-3" id="tab-3" tabindex="-1">Third Tab</button>
93
- <button role=tab aria-selected=false aria-controls="panel-4" id="tab-4" tabindex="-1">Third Tab</button>
94
- <button role=tab aria-selected=false aria-controls="panel-5" id="tab-5" tabindex="-1">Third Tab</button>
95
- <button role=tab aria-selected=false aria-controls="panel-6" id="tab-6" tabindex="-1">Third Tab</button>
96
- </div>
97
- <div id="panel-1" role=tabpanel tabindex="0" aria-labelledby="tab-1">
98
- <p>Content for the first panel</p>
99
- </div>
100
- </div>
101
- </section>
package/css/classless/tests/foreign/classless-almond.css.html DELETED
@@ -1,445 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Almond.CSS Demo</title>
5
- <meta charset="UTF-8" />
6
- <meta name="author" content="Alvaro Montoro (alvaromontoro@gmail.com)" />
7
- <meta name="keywords" content="AlMonD.CSS,demo,classless,styles" />
8
- <meta name="description" content="Demo page for AlMonD.CSS" />
9
-
10
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
- <script src="./../test.js" type=module async></script>
12
-
13
- <link rel="stylesheet" href="../../../css/norm/norm.css">
14
- <link rel="stylesheet" href="../../../norm.css/beta.css">
15
- <link rel="stylesheet" href="../../../css/base/base.css">
16
- <link rel="stylesheet" href="../../../base.css/beta.css">
17
- <link rel="stylesheet" href="../../../base.css/print.css" disabled>
18
- <link rel="stylesheet" href="../../../base.css/nomotion.css" disabled>
19
- <link rel="stylesheet" href="../../../css/classless/variables.css">
20
- <link rel="stylesheet" href="../../../css/classless/classless.css">
21
- <link rel="stylesheet" href="../../../css/classless/more.css">
22
- <link rel="stylesheet" href="../../../css/classless/aria.css">
23
- <link rel="stylesheet" href="../../../css/classless/simple.css">
24
-
25
- <link rel="stylesheet" href="../../../classless.css/themes/elegant.css">
26
- <link rel="stylesheet" href="../../../classless.css/themes/brutalist.css" disabled>
27
- <link rel="stylesheet" href="../../../classless.css/themes/lascaux.css" disabled>
28
-
29
-
30
- </head>
31
- <body>
32
-
33
- <a href="https://alvaromontoro.github.io/almond.css/" target=_blank>Original alvaromontoro.github.io/almond.css/</a>
34
- <header>
35
- <h1>Almond.CSS</h1>
36
- <p>Almond.CSS is a collection of CSS styles to make simple websites look nicer and better.</p>
37
- <p>
38
- On this demo page, we will go through the main components from this lightweight CSS library.
39
- Then we will also add the extended classed styles.
40
- </p>
41
- </header>
42
- <main>
43
- <section class="section">
44
- <h2>Typography</h2>
45
- <section class="section">
46
- <h3>Block and Inline Elements</h3>
47
- <p>
48
- Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat
49
- velit lorem, feugiat congue lacus laoreet quis. Praesent maximus ex nec justo iaculis,
50
- in euismod eros dictum. Cras ac lorem sit amet purus malesuada blandit. Mauris gravida
51
- augue non urna sodales porttitor. Etiam ullamcorper luctus ullamcorper. In lobortis
52
- consequat ante.
53
- </p>
54
- <p>
55
- This is a paragraph with multiple inline elements. The <span>span</span> is not styled,
56
- but you may have <a href="#">some links with the a tag</a>; also you can
57
- <em>add emphasis with em</em> or <i>also with i</i>; Highlight the words by
58
- <strong>using strong</strong> or just <b>bold with the b tag</b>; of course, you can
59
- <u>underline</u> or <s>strikethrough text</s>; abbreviations are great, as you may have
60
- <abbr title="too many abbreviations">TMA</abbr>; <code>inline code</code> is cool too;
61
- You can also add line breask with br...<br>
62
- <mark>Highlight text with mark</mark> or display a <kbd>Key</kbd>. You can also have
63
- <q>inline quotes with q</q>, or <samp>results from an operation with samp</samp> or a
64
- <var>variable</var>, also there's <small>small text</small>, text
65
- with<sup>superscript</sup>, or text with<sub>subscript</sub>... not to mention you can
66
- have time too. For example, this paragraph was originally written in <time>2020</time>.
67
- Not to forget about <dfn>definitions</dfn>! Also <del>del was deleted</del> and
68
- <ins>ins was inserted</ins>.
69
- </p>
70
- <blockquote>
71
- <p>
72
- Integer viverra elit sed tincidunt dignissim. Donec luctus malesuada posuere. Sed
73
- pulvinar pulvinar augue. Aenean id ligula justo. Curabitur egestas sed augue vel
74
- vulputate. Ut tempor sem sit amet diam molestie, id tincidunt lorem vulputate. Duis eu
75
- consectetur turpis, sit amet lobortis magna.
76
- </p>
77
- <footer>—Cicero, <cite>De finibus bonorum et malorum</cite></footer>
78
- </blockquote>
79
- <address>
80
- <a href="https://alvaromontoro.com">Alvaro Montoro</a> wrote this document.
81
- </address>
82
- <h4>Fancy links</h4>
83
- <p>Some links may be special depending on their href or their rel:</p>
84
- <p>
85
- <a href="mailto:alvaromontoro@gmail.com">Link to alvaromontoro@gmail.com</a><br>
86
- <a href="tel:fakenumber">Link to a number (call)</a><br>
87
- <a href="sms:fakenumber">Link to a number (message)</a><br>
88
- <a href="file:index.html">Link to a file</a><br>
89
- <a href="file:index.html" download>Link to download a file</a><br>
90
- <a rel="external" href="#">Link to an external site</a><br>
91
- <a rel="bookmark" href="#">Link to bookmark</a>
92
- </p>
93
- <p>
94
- Those special links will work inline too!
95
- <a href="mailto:alvaromontoro@gmail.com">Email me!</a> or see an
96
- <a rel="external" href="https://alvaromontoro.com">Link to an external site</a>.
97
- </p>
98
- </section>
99
- <section>
100
- <h3>Headings</h3>
101
- <h1>Heading Level 1</h1>
102
- <h2>Heading Level 2</h2>
103
- <h3>Heading Level 3</h3>
104
- <h4>Heading Level 4</h4>
105
- <h5>Heading Level 5</h5>
106
- <h6>Heading Level 6</h6>
107
- </section>
108
- </section>
109
-
110
- <section class="section">
111
- <h2>Lists</h2>
112
- <ul>
113
- <li>Unordered list item 1</li>
114
- <li>
115
- Unordered list item 2
116
- <ul>
117
- <li>Unordered list sub-item 1</li>
118
- <li>Unordered list sub-item 2</li>
119
- </ul>
120
- </li>
121
- <li>Unordered list item 3</li>
122
- <li>Unordered list item 4</li>
123
- </ul>
124
- <ol>
125
- <li>Ordered list item 1</li>
126
- <li>
127
- Ordered list item 2
128
- <ol>
129
- <li>Ordered list sub-item 1</li>
130
- <li>Ordered list sub-item 2</li>
131
- </ol>
132
- </li>
133
- <li>Ordered list item 3</li>
134
- <li>Ordered list item 4</li>
135
- </ol>
136
- </section>
137
-
138
- <section class="section">
139
- <h2>Form &amp; Controls</h2>
140
- <section class="section">
141
- <h3>Inputs &amp; Textareas</h3>
142
- <form class="flex">
143
- <p>
144
- <label for="input">Input without type (defaults to text)</label><br>
145
- <input id="input" placeholder="Input" />
146
- </p>
147
- <p>
148
- <label for="input-text">Input with type="text"</label><br>
149
- <input type="text" id="input-text" />
150
- </p>
151
- <p>
152
- <label for="input-date">Input with type="date"</label><br>
153
- <input type="date" id="input-date" />
154
- </p>
155
- <p>
156
- <label for="input-datetime-local">Input with type="datetime-local"</label><br>
157
- <input type="datetime-local" id="input-datetime-local" />
158
- </p>
159
- <p>
160
- <label for="input-email">Input with type="email"</label><br>
161
- <input type="email" id="input-email" />
162
- </p>
163
- <p>
164
- <span>Input with type="hidden" ;)</span><br>
165
- <input id="hidden" type="hidden" />
166
- </p>
167
- <p>
168
- <label for="input-month">Input with type="month"</label><br>
169
- <input type="month" id="input-month" />
170
- </p>
171
- <p>
172
- <label for="input-number">Input with type="number"</label><br>
173
- <input type="number" id="input-number" />
174
- </p>
175
- <p>
176
- <label for="input-password">Input with type="password"</label><br>
177
- <input type="password" id="input-password" />
178
- </p>
179
- <p>
180
- <label for="input-search">Input with type="search"</label><br>
181
- <input type="search" id="input-search" />
182
- </p>
183
- <p>
184
- <label for="input-tel">Input with type="tel"</label><br>
185
- <input type="tel" id="input-tel" />
186
- </p>
187
- <p>
188
- <label for="input-time">Input with type="time"</label><br>
189
- <input type="time" id="input-time" />
190
- </p>
191
- <p>
192
- <label for="input-url">Input with type="url"</label><br>
193
- <input type="url" id="input-url" />
194
- </p>
195
- <p>
196
- <label for="input-week">Input with type="week"</label><br>
197
- <input type="week" id="input-week" />
198
- </p>
199
- <!-- <p>
200
- <label for="input-datetime">Input with type="datetime" (obsolete)</label><br>
201
- <input type="datetime" id="input-datetime" />
202
- </p> -->
203
- <p>
204
- <label for="textarea">Textarea</label><br>
205
- <textarea id="textarea"></textarea>
206
- </p>
207
- </form>
208
- <h4>Input States</h4>
209
- <form class="flex">
210
- <p>
211
- <label for="input-text-standard">Standard</label><br>
212
- <input type="text" id="input-text-standard" />
213
- </p>
214
- <p>
215
- <label for="input-text-disabled">Disabled</label><br>
216
- <input type="text" id="input-text-disabled" disabled />
217
- </p>
218
- <p>
219
- <label for="input-text-invalid">Invalid</label><br>
220
- <input type="text" id="input-text-invalid" required value="" />
221
- </p>
222
- <p>
223
- <label for="input-text-readonly">Read Only</label><br>
224
- <input type="text" id="input-text-readonly" readonly />
225
- </p>
226
- </form>
227
- </section>
228
- <section class="section">
229
- <h3>Buttons</h3>
230
- <div>
231
- <p>
232
- <span>Button with button tag</span><br>
233
- <button>Button</button>
234
- </p>
235
- <p>
236
- <span>Disabled button</span><br>
237
- <button disabled>Button</button>
238
- </p>
239
- <p>
240
- <label for="input-image">Input type="image"</label><br>
241
- <input type="image" id="input-image" alt="Input" src="./static/input-image.png" />
242
- </p>
243
- </div>
244
- </section>
245
- <section class="section">
246
- <h3>Radios &amp; Checkboxes</h3>
247
- <p>
248
- <input type="radio" name="radio" id="radio-1" checked />
249
- <label for="radio-1">Radio 1</label><br>
250
- <input type="radio" name="radio" id="radio-2" />
251
- <label for="radio-2">Radio 2</label><br>
252
- <input type="radio" name="radio" id="radio-3" />
253
- <label for="radio-3">Radio 3</label><br>
254
- <input type="radio" name="radio" id="radio-4" disabled />
255
- <label for="radio-4">Radio 4 (disabled)</label>
256
- </p>
257
- <p>
258
- <input type="checkbox" id="checkbox-1" /> <label for="checkbox-1">Checkbox</label><br>
259
- <input type="checkbox" id="checkbox-2" checked />
260
- <label for="checkbox-2">Checked Checkbox</label><br>
261
- <input type="checkbox" id="checkbox-3" disabled />
262
- <label for="checkbox-3">Disabled Checkbox</label>
263
- </p>
264
- </section>
265
- <fieldset>
266
- <legend>Other Form Controls</legend>
267
- <p>
268
- <label for="select">Select</label><br>
269
- <select id="select">
270
- <option value="1">Option 1</option>
271
- <option value="2">Option 2</option>
272
- <option value="3">Option 3</option>
273
- <optgroup label="Subgroup">
274
- <option value="4">Option 4</option>
275
- <option value="5">Option 5</option>
276
- </optgroup>
277
- </select>
278
- </p>
279
- <p>
280
- <label for="selectmultiple">Multiselect</label><br>
281
- <select id="selectmultiple" multiple>
282
- <option value="1">Option 1</option>
283
- <option value="2">Option 2</option>
284
- <option value="3">Option 3</option>
285
- <option value="4">Option 4</option>
286
- <option value="5">Option 5</option>
287
- <option value="6">Option 6</option>
288
- <optgroup label="Subgroup">
289
- <option value="7">Option 7</option>
290
- <option value="8">Option 8</option>
291
- </optgroup>
292
- </select>
293
- </p>
294
- <p>
295
- <label for="input-range">Input Range</label><br>
296
- <input type="range" id="input-range" />
297
- </p>
298
- <p>
299
- <label for="input-color">Input Color</label><br>
300
- <input type="color" id="input-color" />
301
- </p>
302
- <p>
303
- <label for="input-file">Input File</label><br>
304
- <input type="file" id="input-file" />
305
- </p>
306
- </fieldset>
307
- <section class="section">
308
- <h3>Elements in-line</h3>
309
- <p>
310
- <input type="text" aria-label="Test input" />
311
- <button type="button" aria-label="Test button">Button</button>
312
- </p>
313
-
314
- <p>
315
- <input type="text" aria-label="Test input" />
316
- <select>
317
- <option value="1">Option 1</option>
318
- <option value="2">Option 2</option>
319
- <option value="3">Option 3</option>
320
- <option value="4">Option 4</option>
321
- </select>
322
- <button type="button" aria-label="Test button">Button</button>
323
- </p>
324
-
325
- <p>
326
- <select>
327
- <option value="1">Option 1</option>
328
- <option value="2">Option 2</option>
329
- <option value="3">Option 3</option>
330
- <option value="4">Option 4</option>
331
- </select>
332
- <button type="button" aria-label="Test button">Button</button>
333
- </p>
334
- </section>
335
- </section>
336
-
337
- <section class="section">
338
- <h2>Other HTML Elements</h2>
339
- <section class="section">
340
- <h3>Table</h3>
341
- <table>
342
- <caption>
343
- Demo Table
344
- </caption>
345
- <thead>
346
- <tr>
347
- <th>Column 1
348
- <th>Column 2
349
- <th>Column 3
350
- <th>Column 4
351
- <tbody>
352
- <tr>
353
- <th>Row 1 Value 1
354
- <td>Row 1 Value 2
355
- <td>Row 1 Value 3
356
- <td>Row 1 Value 4
357
- <tr>
358
- <th>Row 2 Value 1
359
- <td>Row 2 Value 2
360
- <td>Row 2 Value 3
361
- <td>Row 2 Value 4
362
- <tr>
363
- <th>Row 3 Value 1
364
- <td>Row 3 Value 2
365
- <td>Row 3 Value 3
366
- <td>Row 3 Value 4
367
- <tfoot>
368
- <tr>
369
- <th>Total 1
370
- <th>Total 2
371
- <th>Total 3
372
- <th>Total 4
373
- </table>
374
- </section>
375
- <section class="section">
376
- <h3>Horizontal Rule</h3>
377
- <hr />
378
- </section>
379
- <section class="section">
380
- <h3>Images</h3>
381
- <h4>Img</h4>
382
- <img src="./static/person.png" alt="Cartoon" />
383
- <h4>Figure &amp; Figcaption</h4>
384
- <figure>
385
- <img src="./static/person.png" alt="Cartoon" />
386
- <figcaption>Picture of a person</figcaption>
387
- </figure>
388
- </section>
389
- <section>
390
- <h3>Details</h3>
391
- <details>
392
- <summary>Details/Summary example</summary>
393
- <p>
394
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat velit
395
- lorem, feugiat congue lacus laoreet quis. Praesent maximus ex nec justo iaculis, in
396
- euismod eros dictum. Cras ac lorem sit amet purus malesuada blandit. Mauris gravida
397
- augue non urna sodales porttitor. Etiam ullamcorper luctus ullamcorper. In lobortis
398
- consequat ante.
399
- </p>
400
- </details>
401
- </section>
402
- <section>
403
- <h3>Progress</h3>
404
- <progress> 70% </progress><br>
405
- <progress max="100" value="70"> 70% </progress>
406
- </section>
407
- <section>
408
- <h3>Definition Lists</h3>
409
- <dl>
410
- <dt>Term 1</dt>
411
- <dd>Definition for term 1.</dd>
412
-
413
- <dt>Term 2</dt>
414
- <dd>Definition for term 2.</dd>
415
-
416
- <dt>Term 3</dt>
417
- <dd>Definition for term 3.</dd>
418
- </dl>
419
- </section>
420
- <section>
421
- <h3>Pre</h3>
422
- <pre>
423
- This is a test
424
- using
425
- pre
426
- with different
427
- indentations
428
- </pre>
429
- <h4>Pre with Code</h4>
430
- <pre><code>#include &lt;stdio.h&gt;
431
-
432
- int main(void) {
433
- printf("Hello World");
434
- return 0;
435
- }
436
- </code></pre>
437
- </section>
438
- </section>
439
- </main>
440
- <footer>
441
- 2020 &copy; <a href="https://alvaromontoro.com">Alvaro Montoro</a>.
442
- <a href="https://github.com/alvaromontoro/almond.css">Project and contributions</a>.
443
- </footer>
444
- </body>
445
- </html>