u2ui 1.0.1 → 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 +2 -4
  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/base/tests/test.html DELETED
@@ -1,539 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <title>U2 base.css TEST</title>
9
-
10
- <link href="../../norm/norm.css" id=normCss rel=stylesheet>
11
- <link href="../base.css" id=baseCss rel=stylesheet>
12
- <link href="../beta.css" id=betaCss rel=stylesheet disabled>
13
-
14
-
15
- <style>
16
- body {
17
- border:10px solid green;
18
- display: grid;
19
- gap:1rem;
20
- grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
21
- }
22
- body > section {
23
- background:#eee;
24
- }
25
- label {
26
- display:block;
27
- }
28
- </style>
29
-
30
- </head>
31
-
32
- <body>
33
-
34
- <dialog open style="bottom:0; right:0; position:fixed">
35
- <form onchange="normCss.disabled = this.elements[0].checked; baseCss.disabled = this.elements[1].checked; betaCss.disabled = this.elements[2].checked">
36
- <label>
37
- <input type=checkbox> disable norm.css
38
- </label>
39
- <label>
40
- <input type=checkbox> disable base.css
41
- </label>
42
- <label>
43
- <input type=checkbox checked> disable beta.css
44
- </label>
45
- </form>
46
- </dialog>
47
-
48
- <section>
49
- <div>
50
- <h1>Header level 1 in a Section Element</h1>
51
- <p>Default font-size for h1 is like h2 if it's inside a section. This is by design, but it is rather not useful and confusing.</p>
52
-
53
- <h2>The Min-Height of the body Element should fill the Viewport</h2>
54
- <p onclick="var b = document.body; b.className='hideContents'; setTimeout(()=>b.className='', 2000)">
55
- Body (with the green border) should fill the hole Viewport (min-height:100%) and a placeholder for the scrollbar should be there. To test it you can click on this Text
56
- </p>
57
- <style> body.hideContents > * { display:none; } </style>
58
-
59
- <h3>Header level 3, all h's should be balanced</h3>
60
- <p>Some Text in a Paragraph Some Text in a Paragraph Some Text in a Paragraph</p>
61
-
62
- <h4>Header level 4 Some more Text to test line-height Some more Text to test line-height</h4>
63
- <p>Some Text in a Paragraph Some Text in a Paragraph Some Text in a Paragraph</p>
64
-
65
- <h5>Header level 5 Some more Text to test line-height Some more Text to test line-height</h5>
66
- <p>Some Text in a Paragraph Some Text in a Paragraph Some Text in a Paragraph</p>
67
-
68
- <h6>Header level 6 Some more Text to test line-height Some more Text to test line-height Some more Text to test line-height</h6>
69
- <p>Some Text in a Paragraph Some Text in a Paragraph Some Text in a Paragraph</p>
70
- </div>
71
- </section>
72
-
73
- <section>
74
- <table class=tableDemo>
75
- <caption>Caption</caption>
76
- <thead>
77
- <tr>
78
- <th>Head
79
- <th>Batman
80
- <th>Robin
81
- <tbody>
82
- <tr>
83
- <th>Skill
84
- <td>Smarts</td>
85
- <td>Dex, acrobat</td>
86
- <tr>
87
- <th>Skill
88
- <td>Smarts</td>
89
- <td>Dex, acrobat</td>
90
- <tfoot>
91
- <tr>
92
- <th>Total
93
- <td>2</td>
94
- <td>3</td>
95
- </table>
96
- <style>
97
- .tableDemo {
98
- border:1px solid;
99
- }
100
- .tableDemo td , .tableDemo th {
101
- border:1px solid;
102
- }
103
- </style>
104
- HR:
105
- <hr>
106
- <a href="#">A Element</a>
107
- <nav>
108
- <ul>
109
- <li>
110
- <a href="#">A inside NAV</a>
111
- <ul>
112
- <li><a href="#">A inside NAV</a>
113
- <li><a href="#">A inside NAV</a>
114
- <li><a href="#">A inside NAV</a>
115
- </ul>
116
- </li>
117
- <li><a href="#">A inside NAV</a>
118
- <li><a href="#">A inside NAV</a>
119
- </ul>
120
- </nav>
121
- UL LI:
122
- <ul>
123
- <li>
124
- First
125
- <ul>
126
- <li>1.1 LI
127
- <li>1.2 LI
128
- </ul>
129
- </li>
130
- <li>2.0 LI
131
- </ul>
132
- <br>
133
- </section>
134
-
135
- <section>
136
- <form action="#forms">
137
- <fieldset>
138
- <legend>Welcome to the form</legend>
139
- <label>
140
- <input type="hidden"> Hidden
141
- </label>
142
- <label>
143
- <input type="text"> Text
144
- </label>
145
- <label>
146
- <input type="text" value="You can't change this" readonly> Text (readonly)
147
- </label>
148
- <label>
149
- <input type="text" value="This is not available" disabled> Text (disabled)
150
- </label>
151
- <label>
152
- <input type=search> Search
153
- </label>
154
- <label>
155
- <input type=tel> Telephone
156
- </label>
157
- <label>
158
- <input type=url value="invalid should not be red (firefox)"> URL
159
- </label>
160
- <label>
161
- <input type=email> Email
162
- </label>
163
- <label>
164
- <input type=password> Password
165
- </label>
166
- <label>
167
- <input type=date> Date
168
- </label>
169
- <label>
170
- <input type=month> Month
171
- </label>
172
- <label>
173
- <input type=week> Week
174
- </label>
175
- <label>
176
- <input type=time> Time
177
- </label>
178
- <label>
179
- <input type=datetimelocal"> Datetime-local
180
- </label>
181
- <label>
182
- <input type=number placeholder="33"> Number
183
- </label>
184
- <label>
185
- <input name="datalist" list="datalist"> Datalist
186
- <datalist id=datalist>
187
- <option value="Option 1">
188
- <option value="Option 2">
189
- <option value="Option 3">
190
- <option value="Option 4">
191
- </datalist>
192
- </label>
193
- <label>
194
- <textarea name="textarea"></textarea> Textarea
195
- </label>
196
- <label>
197
- <input type=range> Range
198
- </label>
199
- <label>
200
- <input type=color> Color
201
- </label>
202
- </fieldset>
203
- </form>
204
- </section>
205
-
206
- <section>
207
- <form action="#forms">
208
- <fieldset>
209
- <legend>Welcome to the form</legend>
210
- <label>
211
- <input type=checkbox name="checkbox"> Checkbox
212
- </label>
213
- <label>
214
- <input type="checkbox" name="checkbox" disabled> Checkbox disabled
215
- </label>
216
- <label>
217
- <input type="radio" name="radio"> Radio
218
- </label>
219
- <label>
220
- <input type="radio" name="radio"> Radio
221
- </label>
222
- <label>
223
- <input type="radio" name="radio" disabled> Radio disabled
224
- </label>
225
- <label>
226
- <select name="select">
227
- <option value="1">Option 1
228
- <option value="2">Option 2
229
- <option value="3">Option 3
230
- </select> Select
231
- </label>
232
- <label>
233
- <select name="select-size" size=5>
234
- <option value="1">Option 1
235
- <option value="2">Option 2
236
- <option value="3">Option 3
237
- <option value="4">Option 4
238
- <option value="5">Option 5
239
- <option value="6">Option 6
240
- <option value="7">Option 7
241
- <option value="8">Option 8
242
- </select> Select (size)
243
- </label>
244
- <label>
245
- <select name="select-multiple" multiple>
246
- <option value="1">Option 1
247
- <option value="2">Option 2
248
- <option value="3">Option 3
249
- </select> Select (multiple)
250
- </label>
251
- <label>
252
- <select name="select-optgroup">
253
- <optgroup label="Group 1">
254
- <option value="1">Option 1
255
- <option value="2">Option 2
256
- </optgroup>
257
- <optgroup label="Group 2">
258
- <option value="3">Option 3
259
- <option value="4">Option 4
260
- <option value="5">Option 5
261
- </optgroup>
262
- </select> Select with optgroup
263
- </label>
264
- <label>
265
- <input type="file"> File (single)
266
- </label>
267
- <label>
268
- <input type="file" id="input-file-multiple" multiple> File (multiple)
269
- </label>
270
- <label>
271
- <button type="button">Button</button> <input style="width:5rem"> <select><option>1</select>
272
- inline
273
- </label>
274
- <br>
275
- <button type="button" disabled>I'm a disabled Button</button>
276
- <a class="btn" href="#x">Fake Button</a>
277
- </fieldset>
278
- </form>
279
- </section>
280
-
281
- <section>
282
- IMG too big scales down (also has margin:1rem):
283
- <br>
284
- <img width=1000 height=500 style="background:#eee; margin:1rem" alt="">
285
- <br>
286
- AUDIO / VIDEO / IFRAME width 100%:
287
- <br>
288
- <audio controls style="margin:1rem">audio</audio>
289
- <br>
290
- VIDEO gray bg in firefox:
291
- <br>
292
- <video controls style="margin:1rem">video</video>
293
- <br>
294
- IFRAME:
295
- <br>
296
- <iframe style="margin:1rem"></iframe>
297
- <br>
298
-
299
-
300
- <table>
301
- <tr>
302
- <td>Table-Cell-Test
303
- <td>
304
- <img width=100 height=100 style="background:#eee" alt="">
305
- </table>
306
-
307
- Dialog:
308
- <br>
309
- <button onclick="favDialog.toggleAttribute('open')">toggle open</button>
310
- <button onclick="favDialog.showModal()">showModal()</button>
311
- <dialog id="favDialog" style="transition-duration:.5s">
312
- <form method="dialog">
313
- Should be smooth faded in and out (has transition-duration:.5s)
314
- <label>Favorite animal:
315
- <select>
316
- <option></option>
317
- <option>Brine shrimp</option>
318
- <option>Red panda</option>
319
- <option>Spider monkey</option>
320
- </select>
321
- </label>
322
- <menu>
323
- <li><button value="cancel">Cancel</button>
324
- <li><button id="confirmBtn" value="default">Confirm</button>
325
- <li><button type=button onclick="this.closest('dialog').append('test '.repeat(10000))">Add lot of contents</button>
326
- </menu>
327
- </form>
328
- </dialog>
329
-
330
- </section>
331
-
332
-
333
- <section>
334
- styled script, style tags
335
- <hr>
336
- <h3>script-tag</h3>
337
- <script style="display:block">console.log('Hello World');</script>
338
- <h3>style-tag</h3>
339
- <style contenteditable>.myElement {
340
- color:red;
341
- }</style>
342
-
343
- </section>
344
-
345
- <section>
346
- <h2>Inert-attribute</h2>
347
-
348
- <label onchange="let el = this.nextElementSibling; el.toggleAttribute('inert')">
349
- <input type=checkbox checked> Toggel inert
350
- </label>
351
-
352
- <div inert>
353
- <a href="#">A</a>
354
- <button>Button</button>
355
- <label>
356
- <input>
357
- <select>
358
- <option>Option</option>
359
- </select>
360
- </label>
361
- </div>
362
-
363
- </section>
364
-
365
- <section>
366
- <h2>Hyphens</h2>
367
-
368
- <div style="width:14em; border:1px solid red">This word shoud be hyphenated. Ok?</div><!-- chrome does not hyphenate the last word -->
369
- <div style="width:6em; border:1px solid red">this not: table. (Chrome only)</div>
370
- as its parts are to short (2 chars)
371
-
372
- <h2>Break</h2>
373
- VeryLongTextShouldBreakVeryLongTextShouldBreakVeryLongTextShouldBreak
374
-
375
- </section>
376
-
377
-
378
- <section>
379
- Smooth scrolling (on every element)
380
- <hr>
381
- <a href="#">go to top of this page</a><br>
382
- <a href="#divbottom">to bottom of div</a><br>
383
- <a href="#divtop">to top of div</a>
384
- <div style="max-height:100px; overflow:auto; padding:1em; border:1px solid">
385
- <a id=divtop href="#divbottom">top</a>
386
- text...<br>
387
- text...<br>
388
- text...<br>
389
- text...<br>
390
- text...<br>
391
- text...<br>
392
- <a id=divbottom href="#divtop">bottom</a>
393
- </div>
394
- </section>
395
-
396
- <section>
397
- line-height
398
- <hr>
399
- <div style="font-size:100px">
400
- A big texty
401
- </div>
402
- <div style="font-size:12px">
403
- A small text to test line-height, and long so it breaks on the next line. Does it really break on the next line?
404
- </div>
405
- <div style="font-family:times">
406
- <div style="font-size:100px">
407
- A big texty
408
- </div>
409
- <div style="font-size:12px">
410
- A small text to test line-height, and long so it breaks on the next line. Does it really break on the next line?
411
- </div>
412
- </div>
413
- </section>
414
-
415
-
416
-
417
- <section>
418
- <h2>All-Elements</h2>
419
- <a href="#x">a test</a>
420
- <abbr>abbr test</abbr>
421
- <address>address test</address>
422
- <area>area test</area>
423
- <article>article test</article>
424
- <aside>aside test</aside>
425
- <audio>audio test</audio>
426
- <b>b test</b>
427
- <base>base test</base>
428
- <bdi>bdi test</bdi>
429
- <bdo>bdo test</bdo>
430
- <blockquote>blockquote test</blockquote>
431
- <body>body test</body>
432
- <br>br test</br>
433
- <button>button test</button>
434
- <canvas>canvas test</canvas>
435
- <caption>caption test</caption>
436
- <cite>cite test</cite>
437
- <code>code test</code>
438
- <col>col test</col>
439
- <colgroup>colgroup test</colgroup>
440
- <data>data test</data>
441
- <datalist>datalist test</datalist>
442
- <dd>dd test</dd>
443
- <del>del test</del>
444
- <details>
445
- details test
446
- <summary>summary test</summary>
447
- </details>
448
- <dfn>dfn test</dfn>
449
- <dialog>dialog test</dialog>
450
- <div>div test</div>
451
- <dl>dl test</dl>
452
- <dt>dt test</dt>
453
- <em>em test</em>
454
- <embed>embed test</embed>
455
- <fencedframe>fencedframe Experimental test</fencedframe>
456
- <fieldset>fieldset test</fieldset>
457
- <figcaption>figcaption test</figcaption>
458
- <figure>figure test</figure>
459
- <footer>footer test</footer>
460
- <form>form test</form>
461
- <h1>h1 test</h1>
462
- <head>head test</head>
463
- <header>header test</header>
464
- <hgroup>hgroup test</hgroup>
465
- <hr>hr test</hr>
466
- <html>html test</html>
467
- <i>i test</i>
468
- <iframe>iframe test</iframe>
469
- <img>img test</img>
470
- <input>input test</input>
471
- <ins>ins test</ins>
472
- <kbd>kbd test</kbd>
473
- <label>label test</label>
474
- <legend>legend test</legend>
475
- <ul>
476
- <li>li test</li>
477
- </ul>
478
- <link>link test</link>
479
- <main>main test</main>
480
- <map>map test</map>
481
- <mark>mark test</mark>
482
- <menu>menu test</menu>
483
- <meta>meta test</meta>
484
- <meter>meter test</meter>
485
- <nav>nav test</nav>
486
- <noscript>noscript test</noscript>
487
- <object>object test</object>
488
- <ol>ol test</ol>
489
- <optgroup>optgroup test</optgroup>
490
- <output>output test</output>
491
- <p>p test</p>
492
- <picture>picture test</picture>
493
- <portal>portal experimental test</portal>
494
- <pre>pre test</pre>
495
- <progress>progress test</progress>
496
- <q>q test</q>
497
- <rp>rp test</rp>
498
- <rt>rt test</rt>
499
- <ruby>ruby test</ruby>
500
- <s>s test</s>
501
- <samp>samp test</samp>
502
- <script>script test</script>
503
- <search>search test</search>
504
- <section>section test</section>
505
- <label>
506
- select test: <select>
507
- <option>option test</option>
508
- </select>
509
- </label>
510
- <slot>slot test</slot>
511
- <small>small test</small>
512
- <source>source test</source>
513
- <span>span test</span>
514
- <strong>strong test</strong>
515
- <style>style test</style>
516
- <sub>sub test</sub>
517
- <sup>sup test</sup>
518
- <table>table test</table>
519
- <tbody>tbody test</tbody>
520
- <tr>tr test</tr>
521
- <td>td test</td>
522
- <template>template test</template>
523
- <label>
524
- <textarea>textarea test</textarea>
525
- </label>
526
- <tfoot>tfoot test</tfoot>
527
- <th>th test</th>
528
- <thead>thead test</thead>
529
- <time>time test</time>
530
- <title>title test</title>
531
- <track>track test</track>
532
- <u>u test</u>
533
- <ul>ul test</ul>
534
- <var>var test</var>
535
- <video>video test</video>
536
- <wbr>wbr test</wbr>
537
- <xmp>xmp test</xmp>
538
-
539
- </section>
package/css/classes/tests/test.html DELETED
@@ -1,63 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang=en>
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Level.css TEST</title>
6
- <meta name="viewport" content="width=device-width, viewport-fit=cover">
7
-
8
- <script src="./test.js" type=module async></script>
9
-
10
- <link rel="stylesheet" href="../../../css/base/full.css">
11
- <link rel="stylesheet" href="../../../css/classless/variables.css">
12
- <link rel="stylesheet" href="../../../css/classless/classless.css">
13
- <link rel="stylesheet" href="../../../css/classless/more.css">
14
- <link rel="stylesheet" href="../classes.css">
15
-
16
-
17
- <style>
18
- section {
19
- padding:2rem;
20
- background-color:#eee;
21
- }
22
- </style>
23
-
24
- </head>
25
-
26
- <body>
27
-
28
- <section id=visually-hidden>
29
- <h2>.visually-hidden</h2>
30
-
31
- <div class=-wrapper style="overflow:auto">
32
- <div>following content visible only by screen-readers:</div>
33
- <div class=visually-hidden>
34
- Can you hear me? Yes but you can not see me!
35
- <a href="#">link</a>
36
- </div>
37
- <div>And more text</div>
38
- </div>
39
- <button>can i be clicked?</button>
40
- <style>
41
- #visually-hidden .visually-hidden:hover {
42
- background:red;
43
- }
44
- #visually-hidden .-wrapper {
45
- display:flex;
46
- }
47
- #visually-hidden .-wrapper > * {
48
- background:yellow;
49
- border:2px solid red;
50
- position:static;
51
- }
52
- #visually-hidden .visually-hidden {
53
- padding:200px;
54
- border:100px solid red;
55
- background:red;
56
- }
57
- </style>
58
- </section>
59
-
60
-
61
-
62
-
63
- <div style="margin-bottom:500px"></div>
package/css/classless/snippeds/experiments/conventions.css DELETED
@@ -1,41 +0,0 @@
1
- /* header nav */
2
- [role=banner] nav > ul { display: flex; }
3
- [role=banner] nav > ul > li { flex: 1 1 auto; }
4
- [role=banner] nav > ul > li > a { text-align: center; }
5
- [role=banner] nav ul { padding: 0; }
6
- [role=banner] nav li { position: relative; }
7
- [role=banner] nav a {
8
- padding: .5em 1em;
9
- display: block;
10
- }
11
- [role=banner] nav li > ul {
12
- position: absolute;
13
- top: 100%;
14
- left: 0;
15
- z-index: 1;
16
- min-width: 100%;
17
- white-space: nowrap;
18
- transition-duration: .4s;
19
- visibility: hidden;
20
- opacity: 0;
21
- }
22
- [role=banner] nav li:hover > ul ,
23
- [role=banner] nav li:focus-within > ul {
24
- visibility: visible;
25
- opacity: 1;
26
- }
27
-
28
- /* customize */
29
- [role=banner] nav li > ul {
30
- background-color: rgba(255,255,255,.9);
31
- color: var(--color-text);
32
- -webkit-backdrop-filter: blur(3px);
33
- backdrop-filter: blur(3px);
34
- }
35
-
36
- [role=banner] nav li > ul a.cmsActive,
37
- [role=banner] nav li > ul a:hover,
38
- [role=banner] nav li > ul a:focus-within {
39
- background-color: var(--color);
40
- color: #fff;
41
- }