u2ui 1.0.0

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 (440) hide show
  1. package/.htaccess +7 -0
  2. package/LICENSE +21 -0
  3. package/README.md +36 -0
  4. package/attr/behavior/README.md +25 -0
  5. package/attr/behavior/behavior.js +261 -0
  6. package/attr/behavior/manifest.json +43 -0
  7. package/attr/behavior/tests/minimal.html +19 -0
  8. package/attr/behavior/tests/test.html +98 -0
  9. package/attr/confirm/README.md +36 -0
  10. package/attr/confirm/confirm.js +90 -0
  11. package/attr/confirm/manifest.json +43 -0
  12. package/attr/confirm/tests/minimal.html +23 -0
  13. package/attr/confirm/tests/test.html +79 -0
  14. package/attr/draghandle/README.md +41 -0
  15. package/attr/draghandle/draghandle.js +42 -0
  16. package/attr/draghandle/tests/minimal.html +44 -0
  17. package/attr/focusgroup/README.md +49 -0
  18. package/attr/focusgroup/focusgroup.js +100 -0
  19. package/attr/focusgroup/manifest.json +38 -0
  20. package/attr/focusgroup/tests/minimal.html +27 -0
  21. package/attr/focusgroup/tests/test.html +154 -0
  22. package/attr/href/README.md +38 -0
  23. package/attr/href/href.js +42 -0
  24. package/attr/href/manifest.json +43 -0
  25. package/attr/href/tests/minimal.html +17 -0
  26. package/attr/href/tests/test.html +70 -0
  27. package/attr/intersect/README.md +42 -0
  28. package/attr/intersect/intersect.js +99 -0
  29. package/attr/intersect/manifest.json +57 -0
  30. package/attr/intersect/tests/minimal.html +30 -0
  31. package/attr/intersect/tests/test.html +64 -0
  32. package/attr/navigable/README.md +31 -0
  33. package/attr/navigable/TargetObserver.js +91 -0
  34. package/attr/navigable/U2TargetObserver.js +75 -0
  35. package/attr/navigable/manifest.json +42 -0
  36. package/attr/navigable/navigable.js +87 -0
  37. package/attr/navigable/tests/U1TargetObserver.html +56 -0
  38. package/attr/navigable/tests/minimal.html +17 -0
  39. package/attr/navigable/tests/targetObserver.html +106 -0
  40. package/attr/navigable/tests/test.html +84 -0
  41. package/attr/parallax/README.md +48 -0
  42. package/attr/parallax/parallax.js +119 -0
  43. package/attr/parallax/tests/minimal.html +25 -0
  44. package/attr/parallax/tests/performance.html +102 -0
  45. package/attr/parallax/tests/test.html +108 -0
  46. package/attr/skin/README.md +59 -0
  47. package/attr/skin/skin.css +51 -0
  48. package/attr/skin/tests/minimal.html +34 -0
  49. package/attr/skin/tests/test.html +96 -0
  50. package/class/badge/README.md +25 -0
  51. package/class/badge/badge.css +35 -0
  52. package/class/badge/tests/minimal.html +17 -0
  53. package/class/badge/tests/test.html +112 -0
  54. package/class/card1/README.md +45 -0
  55. package/class/card1/card1.css +30 -0
  56. package/class/card1/tests/minimal.html +33 -0
  57. package/class/card1/tests/test.html +78 -0
  58. package/class/flex/README.md +62 -0
  59. package/class/flex/flex.css +25 -0
  60. package/class/flex/tests/minimal.html +31 -0
  61. package/class/flex/tests/test.html +58 -0
  62. package/class/grid/README.md +52 -0
  63. package/class/grid/grid.css +40 -0
  64. package/class/grid/tests/minimal.html +34 -0
  65. package/class/grid/tests/test.html +78 -0
  66. package/class/input/README.md +49 -0
  67. package/class/input/input.css +33 -0
  68. package/class/input/tests/minimal.html +39 -0
  69. package/class/input/tests/test.html +29 -0
  70. package/class/reset/README.md +47 -0
  71. package/class/reset/reset.css +8 -0
  72. package/class/reset/tests/minimal.html +23 -0
  73. package/class/table/README.md +57 -0
  74. package/class/table/table.css +126 -0
  75. package/class/table/tests/minimal.html +40 -0
  76. package/class/table/tests/test.html +226 -0
  77. package/class/unstyle/README.md +32 -0
  78. package/class/unstyle/tests/minimal.html +22 -0
  79. package/class/unstyle/tests/test.html +32 -0
  80. package/class/unstyle/unstyle.css +12 -0
  81. package/class/width/README.md +48 -0
  82. package/class/width/tests/minimal.html +27 -0
  83. package/class/width/tests/test.html +101 -0
  84. package/class/width/width.css +22 -0
  85. package/css/base/README.md +25 -0
  86. package/css/base/base.css +127 -0
  87. package/css/base/beta.css +50 -0
  88. package/css/base/full.css +5 -0
  89. package/css/base/nomotion.css +9 -0
  90. package/css/base/print.css +36 -0
  91. package/css/base/tests/nomotion.html +89 -0
  92. package/css/base/tests/test.html +539 -0
  93. package/css/classes/README.md +17 -0
  94. package/css/classes/classes.css +78 -0
  95. package/css/classes/tests/test.html +63 -0
  96. package/css/classless/README.md +26 -0
  97. package/css/classless/aria.css +64 -0
  98. package/css/classless/classless.css +124 -0
  99. package/css/classless/full.css +11 -0
  100. package/css/classless/more.css +340 -0
  101. package/css/classless/simple.css +103 -0
  102. package/css/classless/snippeds/a/icons.css +12 -0
  103. package/css/classless/snippeds/experiments/conventions.css +41 -0
  104. package/css/classless/snippeds/hr/gradient.css +3 -0
  105. package/css/classless/snippeds/hr/section_sign.css +16 -0
  106. package/css/classless/snippeds/hr/tests.html +50 -0
  107. package/css/classless/tests/aria.html +101 -0
  108. package/css/classless/tests/foreign/classless-almond.css.html +445 -0
  109. package/css/classless/tests/foreign/classless-classless.css.html +831 -0
  110. package/css/classless/tests/foreign/classless-mvp.html +415 -0
  111. package/css/classless/tests/foreign/classless.sakura.html +224 -0
  112. package/css/classless/tests/foreign/stylestage.dev.html +304 -0
  113. package/css/classless/tests/foreign/test-homogenizer.html +433 -0
  114. package/css/classless/tests/foreign/test-html5-elements-tester.html +956 -0
  115. package/css/classless/tests/foreign/test-opinionated_css.html +148 -0
  116. package/css/classless/tests/list-bullet.html +110 -0
  117. package/css/classless/tests/more.html +246 -0
  118. package/css/classless/tests/oklch.experiments.html +280 -0
  119. package/css/classless/tests/test.html +106 -0
  120. package/css/classless/tests/variables.html +109 -0
  121. package/css/classless/variables.css +99 -0
  122. package/css/norm/README.md +37 -0
  123. package/css/norm/beta.css +40 -0
  124. package/css/norm/norm.css +98 -0
  125. package/css/norm/oldies.css +60 -0
  126. package/css/norm/tests/test.html +434 -0
  127. package/css/norm/tests/test.js +103 -0
  128. package/el/accordion/README.md +59 -0
  129. package/el/accordion/accordion.css +7 -0
  130. package/el/accordion/accordion.js +258 -0
  131. package/el/accordion/manifest.json +57 -0
  132. package/el/accordion/tests/minimal.html +44 -0
  133. package/el/accordion/tests/test.html +168 -0
  134. package/el/alert/README.md +67 -0
  135. package/el/alert/alert copy.js +224 -0
  136. package/el/alert/alert.css +73 -0
  137. package/el/alert/alert.js +187 -0
  138. package/el/alert/manifest.json +77 -0
  139. package/el/alert/tests/minimal.html +36 -0
  140. package/el/alert/tests/test.html +105 -0
  141. package/el/buttongroup/README.md +36 -0
  142. package/el/buttongroup/buttongroup.css +30 -0
  143. package/el/buttongroup/buttongroup.js +56 -0
  144. package/el/buttongroup/tests/minimal.html +31 -0
  145. package/el/buttongroup/tests/test.html +83 -0
  146. package/el/bytes/README.md +41 -0
  147. package/el/bytes/bytes.css +6 -0
  148. package/el/bytes/bytes.js +97 -0
  149. package/el/bytes/manifest.json +95 -0
  150. package/el/bytes/tests/minimal.html +19 -0
  151. package/el/bytes/tests/test.html +117 -0
  152. package/el/carousel/README.md +52 -0
  153. package/el/carousel/carousel.css +46 -0
  154. package/el/carousel/carousel.js +371 -0
  155. package/el/carousel/manifest.json +58 -0
  156. package/el/carousel/tests/experiments.html +77 -0
  157. package/el/carousel/tests/minimal.html +31 -0
  158. package/el/carousel/tests/nested.html +54 -0
  159. package/el/carousel/tests/test.html +136 -0
  160. package/el/carousel-nav/README.md +40 -0
  161. package/el/carousel-nav/carousel-nav.js +74 -0
  162. package/el/carousel-nav/tests/minimal.html +32 -0
  163. package/el/carousel-nav/tests/test.html +59 -0
  164. package/el/code/README.md +68 -0
  165. package/el/code/code.css +46 -0
  166. package/el/code/code.js +289 -0
  167. package/el/code/manifest.json +66 -0
  168. package/el/code/tests/minimal.html +35 -0
  169. package/el/code/tests/test.html +162 -0
  170. package/el/copy/README.md +35 -0
  171. package/el/copy/copy.css +3 -0
  172. package/el/copy/copy.js +118 -0
  173. package/el/copy/manifest.json +49 -0
  174. package/el/copy/tests/minimal.html +21 -0
  175. package/el/copy/tests/test.html +75 -0
  176. package/el/counter/README.md +47 -0
  177. package/el/counter/counter.css +8 -0
  178. package/el/counter/counter.js +95 -0
  179. package/el/counter/manifest.json +59 -0
  180. package/el/counter/tests/minimal.html +27 -0
  181. package/el/counter/tests/test.html +106 -0
  182. package/el/ico/README.md +162 -0
  183. package/el/ico/font/Font Awesome.css +22 -0
  184. package/el/ico/font/LigatureSymbols.css +7 -0
  185. package/el/ico/font/Material Icons.css +6 -0
  186. package/el/ico/font/RemixFilled.css +8 -0
  187. package/el/ico/font/RemixOutlined.css +8 -0
  188. package/el/ico/font/old/anicons.css +31 -0
  189. package/el/ico/font/old/devicons.css +210 -0
  190. package/el/ico/font/old/material.all.css +36 -0
  191. package/el/ico/font/old/remix.css +15 -0
  192. package/el/ico/font/old/utf8.css +54 -0
  193. package/el/ico/ico.css +111 -0
  194. package/el/ico/ico.js +189 -0
  195. package/el/ico/manifest.json +86 -0
  196. package/el/ico/tests/combinations.html +86 -0
  197. package/el/ico/tests/emojis.html +213 -0
  198. package/el/ico/tests/fonts.html +110 -0
  199. package/el/ico/tests/ico-directory.html +254 -0
  200. package/el/ico/tests/minimal.html +46 -0
  201. package/el/ico/tests/test.html +210 -0
  202. package/el/ico/tests/util-multi.svg +6 -0
  203. package/el/ico/tests/util.css +2 -0
  204. package/el/ico/tests/util.js +110 -0
  205. package/el/input/README.md +39 -0
  206. package/el/input/input.css +35 -0
  207. package/el/input/input.js +331 -0
  208. package/el/input/tests/formParticipation.html +113 -0
  209. package/el/input/tests/minimal.html +33 -0
  210. package/el/input/tests/test.html +258 -0
  211. package/el/masonry/README.md +51 -0
  212. package/el/masonry/manifest.json +60 -0
  213. package/el/masonry/masonry.css +27 -0
  214. package/el/masonry/masonry.js +92 -0
  215. package/el/masonry/tests/minimal.html +39 -0
  216. package/el/masonry/tests/test.html +42 -0
  217. package/el/number/README.md +47 -0
  218. package/el/number/manifest.json +121 -0
  219. package/el/number/number.css +6 -0
  220. package/el/number/number.js +67 -0
  221. package/el/number/tests/minimal.html +25 -0
  222. package/el/number/tests/test.html +138 -0
  223. package/el/out/README.md +32 -0
  224. package/el/out/manifest.json +38 -0
  225. package/el/out/out.css +2 -0
  226. package/el/out/out.js +59 -0
  227. package/el/out/tests/minimal.html +25 -0
  228. package/el/out/tests/test.html +37 -0
  229. package/el/parallax-bg/README.md +36 -0
  230. package/el/parallax-bg/parallax-bg.css +13 -0
  231. package/el/parallax-bg/parallax-bg.js +186 -0
  232. package/el/parallax-bg/tests/bg.jpg +0 -0
  233. package/el/parallax-bg/tests/bg1.jpg +0 -0
  234. package/el/parallax-bg/tests/bg2.jpg +0 -0
  235. package/el/parallax-bg/tests/demo.html +88 -0
  236. package/el/parallax-bg/tests/minimal.html +30 -0
  237. package/el/parallax-bg/tests/test.html +64 -0
  238. package/el/parallax-bg/tests/visible.html +90 -0
  239. package/el/qrcode/README.md +38 -0
  240. package/el/qrcode/manifest.json +43 -0
  241. package/el/qrcode/package.json +22 -0
  242. package/el/qrcode/qrcode.css +13 -0
  243. package/el/qrcode/qrcode.js +46 -0
  244. package/el/qrcode/tests/minimal.html +26 -0
  245. package/el/qrcode/tests/test.html +31 -0
  246. package/el/rating/README.md +45 -0
  247. package/el/rating/manifest.json +65 -0
  248. package/el/rating/rating.css +11 -0
  249. package/el/rating/rating.js +139 -0
  250. package/el/rating/tests/minimal.html +26 -0
  251. package/el/rating/tests/tests.html +77 -0
  252. package/el/rte/README.md +37 -0
  253. package/el/rte/rte.css +9 -0
  254. package/el/rte/rte.js +56 -0
  255. package/el/rte/tests/minimal.html +25 -0
  256. package/el/rte/tests/test.html +37 -0
  257. package/el/skeleton/README.md +30 -0
  258. package/el/skeleton/manifest.json +51 -0
  259. package/el/skeleton/skeleton.css +61 -0
  260. package/el/skeleton/skeleton.js +72 -0
  261. package/el/skeleton/tests/minimal.html +22 -0
  262. package/el/skeleton/tests/test.html +22 -0
  263. package/el/splitbutton/README.md +39 -0
  264. package/el/splitbutton/splitbutton.css +48 -0
  265. package/el/splitbutton/splitbutton.js +26 -0
  266. package/el/splitbutton/tests/minimal.html +30 -0
  267. package/el/splitbutton/tests/test.html +68 -0
  268. package/el/splitpanel/README.md +39 -0
  269. package/el/splitpanel/manifest.json +49 -0
  270. package/el/splitpanel/splitpanel.css +17 -0
  271. package/el/splitpanel/splitpanel.js +116 -0
  272. package/el/splitpanel/tests/minimal.html +31 -0
  273. package/el/splitpanel/tests/tests.html +121 -0
  274. package/el/table/README.md +68 -0
  275. package/el/table/manifest.json +43 -0
  276. package/el/table/table.css +59 -0
  277. package/el/table/table.js +194 -0
  278. package/el/table/tests/minimal.html +38 -0
  279. package/el/table/tests/test.html +108 -0
  280. package/el/tabs/README.md +50 -0
  281. package/el/tabs/manifest.json +59 -0
  282. package/el/tabs/tabs.css +23 -0
  283. package/el/tabs/tabs.js +210 -0
  284. package/el/tabs/tests/minimal.html +35 -0
  285. package/el/tabs/tests/test.html +180 -0
  286. package/el/textfit/README.md +34 -0
  287. package/el/textfit/manifest.json +45 -0
  288. package/el/textfit/tests/minimal.html +25 -0
  289. package/el/textfit/tests/test.html +26 -0
  290. package/el/textfit/textfit.css +6 -0
  291. package/el/textfit/textfit.js +80 -0
  292. package/el/time/README.md +72 -0
  293. package/el/time/manifest.json +118 -0
  294. package/el/time/tests/minimal.html +19 -0
  295. package/el/time/tests/test.html +160 -0
  296. package/el/time/time copy.js +141 -0
  297. package/el/time/time.js +168 -0
  298. package/el/time/time.old.uhtml.js +129 -0
  299. package/el/tooltip/README.md +48 -0
  300. package/el/tooltip/manifest.json +69 -0
  301. package/el/tooltip/tests/minimal.html +25 -0
  302. package/el/tooltip/tests/test.html +178 -0
  303. package/el/tooltip/tooltip.css +97 -0
  304. package/el/tooltip/tooltip.js +82 -0
  305. package/el/tree1/README.md +111 -0
  306. package/el/tree1/manifest.json +78 -0
  307. package/el/tree1/tests/animated.html +134 -0
  308. package/el/tree1/tests/custom.html +51 -0
  309. package/el/tree1/tests/minimal.html +44 -0
  310. package/el/tree1/tests/test.html +260 -0
  311. package/el/tree1/tree1.css +26 -0
  312. package/el/tree1/tree1.js +265 -0
  313. package/el/typewriter/README.md +62 -0
  314. package/el/typewriter/manifest.json +66 -0
  315. package/el/typewriter/tests/minimal.html +25 -0
  316. package/el/typewriter/tests/test.html +78 -0
  317. package/el/typewriter/typewriter.css +6 -0
  318. package/el/typewriter/typewriter.js +166 -0
  319. package/el/typewriter/typewriter.mp3 +0 -0
  320. package/js/Placer/Placer.js +156 -0
  321. package/js/Placer/README.md +62 -0
  322. package/js/Placer/tests/minimal.html +34 -0
  323. package/js/Placer/tests/test.html +49 -0
  324. package/js/PointerObserver/PointerObserver.js +130 -0
  325. package/js/PointerObserver/README.md +34 -0
  326. package/js/PointerObserver/tests/minimal.html +29 -0
  327. package/js/PointerObserver/tests/test.html +35 -0
  328. package/js/SelectorObserver/README.md +47 -0
  329. package/js/SelectorObserver/SelectorObserver.js +201 -0
  330. package/js/SelectorObserver/tests/minimal.html +21 -0
  331. package/js/SelectorObserver/tests/test.html +57 -0
  332. package/js/SelectorObserver/tests/tests.html +161 -0
  333. package/js/contextmenu/README.md +93 -0
  334. package/js/contextmenu/contextmenu.js +336 -0
  335. package/js/contextmenu/tests/minimal.html +44 -0
  336. package/js/contextmenu/tests/test.html +131 -0
  337. package/js/dialog/README.md +49 -0
  338. package/js/dialog/dialog.js +261 -0
  339. package/js/dialog/notification.mp3 +0 -0
  340. package/js/dialog/tests/minimal.html +29 -0
  341. package/js/dialog/tests/notification.mp3 +0 -0
  342. package/js/dialog/tests/test.html +135 -0
  343. package/js/rte/README.md +44 -0
  344. package/js/rte/old/NodeCleaner.js +315 -0
  345. package/js/rte/old/Rte/Rte.mjs +316 -0
  346. package/js/rte/old/Rte/Rte.ui.items.mjs +543 -0
  347. package/js/rte/old/Rte/Rte.ui.mjs +154 -0
  348. package/js/rte/old/Rte/crossbrowser.mjs +323 -0
  349. package/js/rte/old/Rte/font/tinymce.svg +98 -0
  350. package/js/rte/old/Rte/font/tinymce.woff +0 -0
  351. package/js/rte/old/Rte/helpers.mjs +159 -0
  352. package/js/rte/old/Rte/htmlparser.mjs +178 -0
  353. package/js/rte/old/Rte/index.mjs +5 -0
  354. package/js/rte/old/Rte/main.css +189 -0
  355. package/js/rte/old/old.rte.js +132 -0
  356. package/js/rte/old/range-selection.old.js +394 -0
  357. package/js/rte/rte.js +7 -0
  358. package/js/rte/src/behavior.js +228 -0
  359. package/js/rte/src/events.js +73 -0
  360. package/js/rte/src/fixes.js +251 -0
  361. package/js/rte/src/range.js +472 -0
  362. package/js/rte/src/rte.js +72 -0
  363. package/js/rte/src/ui/items/ai.js +167 -0
  364. package/js/rte/src/ui/items/code.js +93 -0
  365. package/js/rte/src/ui/items/undo.js +183 -0
  366. package/js/rte/src/ui.items.js +571 -0
  367. package/js/rte/src/ui.js +269 -0
  368. package/js/rte/src/util/htmlparser.js +178 -0
  369. package/js/rte/src/util/indentHtml.js +48 -0
  370. package/js/rte/tests/ai.html +81 -0
  371. package/js/rte/tests/behavior.html +88 -0
  372. package/js/rte/tests/events.html +69 -0
  373. package/js/rte/tests/fixes.html +95 -0
  374. package/js/rte/tests/minimal.html +34 -0
  375. package/js/rte/tests/notes.md +6 -0
  376. package/js/rte/tests/range.html +167 -0
  377. package/js/rte/tests/selection-explorer.html +222 -0
  378. package/js/rte/tests/test.html +92 -0
  379. package/js/shortcut/README.md +33 -0
  380. package/js/shortcut/shortcut.js +89 -0
  381. package/js/shortcut/tests/minimal.html +23 -0
  382. package/js/shortcut/tests/test.html +68 -0
  383. package/package.json +12 -0
  384. package/u2/README.md +4 -0
  385. package/u2/auto.js +161 -0
  386. package/u2/auto.ui.js +85 -0
  387. package/u2/experiments/Waiter/test.html +132 -0
  388. package/u2/experiments/getElementByIdPromise/test.html +76 -0
  389. package/u2/experiments/patchInputValue.html +124 -0
  390. package/u2/experiments/radiobutton/test.html +75 -0
  391. package/u2/experiments/tests/test.html +223 -0
  392. package/u2/experiments/u1-responsive/responsive.js +62 -0
  393. package/u2/experiments/u1-responsive/test.html +65 -0
  394. package/u2/experiments/u2Element.js +139 -0
  395. package/u2/experiments/u2Element.test.html +47 -0
  396. package/u2/old-stuff/IterableWeakMap/mod.js +70 -0
  397. package/u2/old-stuff/css/onStyleSheet/mod.js +114 -0
  398. package/u2/old-stuff/css/onStyleSheet/monkeypatches.js +28 -0
  399. package/u2/old-stuff/css/onStyleSheet/test/include.css +19 -0
  400. package/u2/old-stuff/css/onStyleSheet/test/style-has-include.css +6 -0
  401. package/u2/old-stuff/css/onStyleSheet/test/style-no-include.css +3 -0
  402. package/u2/old-stuff/css/onStyleSheet/test/test.html +48 -0
  403. package/u2/old-stuff/css/parser/mod.js +182 -0
  404. package/u2/old-stuff/css/parser/parser_old/mod.js +128 -0
  405. package/u2/old-stuff/css/parser/parser_old/test.html +43 -0
  406. package/u2/old-stuff/css/parser/parser_old/util.js +22 -0
  407. package/u2/old-stuff/css/parser/style.html +52 -0
  408. package/u2/old-stuff/css/parser/test.html +38 -0
  409. package/u2/old-stuff/el/ai-texter/README.md +23 -0
  410. package/u2/old-stuff/el/ai-texter/ai-texter.css +12 -0
  411. package/u2/old-stuff/el/ai-texter/ai-texter.js +153 -0
  412. package/u2/old-stuff/el/ai-texter/tests/minimal.html +47 -0
  413. package/u2/old-stuff/el/ai-texter/tests/test.html +71 -0
  414. package/u2/old-stuff/init.js +38 -0
  415. package/u2/old-stuff/markHashLinks.js +51 -0
  416. package/u2/old-stuff/onElement/mod.js +73 -0
  417. package/u2/old-stuff/test-helpers/mod.js +36 -0
  418. package/u2/old-stuff/test-helpers/test.html +4 -0
  419. package/u2/old-stuff/tests/init.js.html +51 -0
  420. package/u2/old-stuff/viewport.js +64 -0
  421. package/u2/projects.json +468 -0
  422. package/u2/tests/boilerplate.html +46 -0
  423. package/u2/tests/kacheln.html +245 -0
  424. package/u2/tests/showcase.html +270 -0
  425. package/u2/tests/showcase2.html +157 -0
  426. package/u2/tests/test-init.js +35 -0
  427. package/u2/tests/test.html +355 -0
  428. package/u2/tools/baseElement.js +95 -0
  429. package/u2/tools/baseElement.test.html +119 -0
  430. package/u2/tools/ce-inspector.js +308 -0
  431. package/u2/tools/ce-inspector.test.html +66 -0
  432. package/u2/tools/ce-manfest-from-element.js +207 -0
  433. package/u2/tools/dev-iframe.js +213 -0
  434. package/u2/tools/dev-iframe.test.html +75 -0
  435. package/u2/tools/eventsExplorer.js +101 -0
  436. package/u2/tools/logo/u1.svg +9 -0
  437. package/u2/tools/logo/u1ui.svg +6 -0
  438. package/u2/tools/update.repos.json.js +234 -0
  439. package/u2/u2.js +14 -0
  440. package/u2/utils.js +59 -0
package/css/base/tests/test.html ADDED
@@ -0,0 +1,539 @@
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/README.md ADDED
@@ -0,0 +1,17 @@
1
+ # classes.css
2
+ deprecated
3
+
4
+ ## Demos
5
+
6
+ [test.html](http://gcdn.li/u2ui/u2@main/css/classes/tests/test.html)
7
+
8
+ ## Inspiration
9
+
10
+ https://smolcss.dev/
11
+ https://picocss.com/
12
+
13
+ ## About
14
+
15
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
16
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
17
+
package/css/classes/classes.css ADDED
@@ -0,0 +1,78 @@
1
+ /* namespace-less classes (well known / defacto standards) */
2
+ /*
3
+ ## naming
4
+ .sr-only:
5
+ - tailwind
6
+ - firefox-reader-mode
7
+
8
+ .visually-hidden:
9
+ - h5bp (main.css)
10
+ - bootstrap
11
+ - drupal
12
+ - firefox-reader-mode
13
+ */
14
+ .visually-hidden {
15
+ position: absolute !important;
16
+ padding:0 !important;
17
+ border:0 !important;
18
+ clip: rect(0, 0, 0, 0);
19
+ width: 1px;
20
+ height: 1px;
21
+ overflow: hidden;
22
+ overflow: clip; /* ch90 ff29 */
23
+ /*
24
+ content: url(); /* new idea, ok? screenreaders will read filename * /
25
+ contain:strict; /* performance? * /
26
+ white-space: nowrap; /* why * /
27
+ margin-left:-1px; /* can not reproduce * /
28
+ */
29
+ }
30
+
31
+ /* idea: bigger hit-areas */
32
+ .u2-hitBig {
33
+ position:relative;
34
+ }
35
+ .u2-hitBig::after {
36
+ content:'';
37
+ position:absolute;
38
+ inset: calc( var(--hit-padding, .5rem) * -1 );
39
+ background:#f001;
40
+ }
41
+
42
+ /* rename to u2-pad? */
43
+ .u2-p {
44
+ padding:1rem;
45
+ }
46
+ .u2-p :first-child {
47
+ margin-top:0;
48
+ }
49
+ .u2-p :last-child {
50
+ margin-bottom:0;
51
+ }
52
+
53
+ /*
54
+ .u2-grow {
55
+ flex-grow:1;
56
+ }
57
+ .u2-flex-col {
58
+ display:flex;
59
+ flex-direction:column;
60
+ }
61
+
62
+ https://meowni.ca/posts/monica-dot-css/
63
+
64
+ .horizontal {display: flex; flex-direction: row; justify-content: space-between}
65
+ .vertical {display: flex; flex-direction: column}
66
+ .center {justify-content: center; align-items: center}
67
+ .flex {flex: 1}
68
+
69
+ tailwind: .w-full
70
+ bootstrap: .w-100
71
+ codyhouse: .width-100%
72
+ bulma: .is-fullwidth
73
+ .u2-width-full {
74
+ width:100%;
75
+ width:-moz-available;
76
+ width:-webkit-fill-available;
77
+ }
78
+ */
package/css/classes/tests/test.html ADDED
@@ -0,0 +1,63 @@
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>