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/class/reset/tests/minimal.html ADDED
@@ -0,0 +1,23 @@
1
+ <!DOCTYPE html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset=utf-8>
5
+ <meta name=viewport content="width=device-width">
6
+ <title>reset.class test | U2 design-system</title>
7
+
8
+ <link rel=stylesheet href="../reset.css">
9
+
10
+ <body>
11
+
12
+ <section>
13
+ <h1>Heading 1</h1>
14
+ <div class=u2-reset>
15
+ <h1>Heading 1</h1>
16
+ </div>
17
+ </section>
18
+
19
+ <style>
20
+ h1 {
21
+ margin:0 2rem;
22
+ }
23
+ </style>
package/class/table/README.md ADDED
@@ -0,0 +1,57 @@
1
+ # .u2-table - class
2
+ Better tables
3
+
4
+ ## Features
5
+
6
+ - adds at the table definded paddings `--u2-Col-gap` `--u2-Col-gap` `--u2-Row-gap`
7
+ - makes non-table elements table-like
8
+ - Use modifier classes:
9
+ - Flex: To make table rows flex and break rows on smaller screens
10
+ - NoSideGaps: to remove the left and right padding
11
+ - Sticky: to make make header-cells sticky
12
+ - Fields: to make inputs width 100%
13
+
14
+ ## Usage
15
+
16
+ ```html
17
+ <table class="u2-table x-Flex -NoSideGaps -Sticky x-Fields">
18
+ <thead>
19
+ <tr>
20
+ <th>Table
21
+ <th>Column
22
+ <th>Colunn
23
+ <tbody>
24
+ <tr>
25
+ <td>Cell 1/1
26
+ <td>Cell 1/2
27
+ <td>Cell 1/3
28
+ <tr>
29
+ <td>Cell 2/1
30
+ <td>Cell 2/2
31
+ <td>Cell 1/3
32
+ </table>
33
+ ```
34
+
35
+ ```css
36
+ .u2-table {
37
+ --u2-Gap:2rem;
38
+ --u2-Col-gap:1rem;
39
+ }
40
+ ```
41
+
42
+ ## Install
43
+
44
+ ```html
45
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/table/table.min.css" rel=stylesheet>
46
+ ```
47
+
48
+ ## Demos
49
+
50
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/table/tests/minimal.html)
51
+ [test.html](http://gcdn.li/u2ui/u2@main/class/table/tests/test.html)
52
+
53
+ ## About
54
+
55
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
56
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
57
+
package/class/table/table.css ADDED
@@ -0,0 +1,126 @@
1
+ /*
2
+ use aria?
3
+ No, css is representation
4
+ https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Grid_Role
5
+
6
+ using grid:
7
+ https://jsfiddle.net/x90cz65o/103/
8
+ */
9
+
10
+ .u2-table {
11
+ display:table;
12
+ border-collapse:collapse;
13
+ width:100%;
14
+ /* todo?
15
+ width:-moz-available;
16
+ width:-webkit-fill-available;
17
+ border-spacing: 0; /* css-tables: border-spacing in not table-elements is already 0 *
18
+ font-variant-numeric: tabular-nums; /* in base.css but not for css-tables
19
+ */
20
+ --u2-Gap: 1rem;
21
+ --u2-Col-gap: var(--u2-Gap);
22
+ --u2-Row-gap: var(--u2-Gap);
23
+ }
24
+ .u2-table > * {
25
+ display:table-row-group;
26
+ }
27
+ .u2-table > * > * {
28
+ display:table-row;
29
+ }
30
+ .u2-table > * > * > * {
31
+ display:table-cell;
32
+ padding-inline: calc(var(--u2-Col-gap) / 2);
33
+ padding-block: calc(var(--u2-Row-gap) / 2);
34
+ }
35
+
36
+
37
+ /* .-Flex */
38
+ .u2-table.-Flex {
39
+ display: block;
40
+ }
41
+ .u2-table.-Flex > * {
42
+ display: block;
43
+ }
44
+ .u2-table.-Flex > * > * { /* tr */
45
+ display:flex;
46
+ flex-wrap:wrap; /* only fields-table? */
47
+ align-items: baseline;
48
+ padding-block: calc(var(--u2-Row-gap) / 2);
49
+ padding-inline: 0;
50
+ }
51
+ .u2-table.-Flex > * > * > * { /* td */
52
+ flex-grow: 1;
53
+ flex-shrink:0;
54
+ flex-basis:10em;
55
+ min-width:0;
56
+ padding-block: 0;
57
+ padding-inline: calc(var(--u2-Col-gap) / 2);
58
+ border:0 !important; /* overwrite inherit from sticky, and border makes no sense if flex */
59
+ display:flex; /* new ok? better textarea-baseline */
60
+ flex-direction:column;
61
+ }
62
+ .u2-table.-Flex.-NoSideGaps > * > * { column-gap:var(--u2-Col-gap); }
63
+ .u2-table.-Flex.-NoSideGaps > * > * > * { padding:0; }
64
+
65
+
66
+ /* .-Fields */
67
+ .u2-table.-Fields input:not([type=radio], [type=checkbox], [type=date], [type=color]),
68
+ .u2-table.-Fields textarea {
69
+ width:100%;
70
+ width:-moz-available;
71
+ width:-webkit-fill-available;
72
+ }
73
+ .u2-table.-Fields > * > * > :first-child {
74
+ inline-size: var(--col-1-width, 9em);
75
+ flex-basis:var(--col-1-width, 9em);
76
+ }
77
+ /* would be good for textarea align *
78
+ .u2-table.-Flex.-Fields > * > * > * {
79
+ display:flex;
80
+ }
81
+ */
82
+
83
+ .u2-table.-NoSideGaps > * > * > :first-child { padding-inline-start:0; }
84
+ .u2-table.-NoSideGaps > * > * > :last-child { padding-inline-end:0; }
85
+
86
+
87
+
88
+ /* .-Sticky beta! */
89
+ .u2-table.-Sticky {
90
+ border-collapse: separate;
91
+ /*
92
+ Tables should be in a overflow:auto-wrapper (for mobile)
93
+ But it make sticky not work, because it gets a new sticky container :(
94
+ position:relative;
95
+ z-index:0;
96
+ xmax-height:60vh;
97
+ xoverflow:auto;
98
+ xdisplay:block;
99
+ */
100
+ }
101
+ .u2-table.-Sticky > thead > * > th {
102
+ position:sticky;
103
+ top:0;
104
+ background-color:var(--color-bg);
105
+ }
106
+ .u2-table.-Sticky > * > * > * { /* border-collapse:separate prevents borders on tr */
107
+ border-bottom:inherit;
108
+ }
109
+
110
+ /*
111
+ .u2-table.-Sticky > tbody > * > th {
112
+ max-width:30%;
113
+ width:30%;
114
+ white-space: normal;
115
+ }
116
+ */
117
+
118
+ /*
119
+ display:grid;(block) makes chrome first-textarea-line as baseline; makes but removes this from firefox needs inline
120
+ bad hack, what if chrome implements two-values-display
121
+ .u2-table textarea {
122
+ vertical-align: baseline;
123
+ display: block;
124
+ display: flex inline;
125
+ }
126
+ /**/
package/class/table/tests/minimal.html ADDED
@@ -0,0 +1,40 @@
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
+ <link rel=stylesheet href="../../../css/classless/full.css">
9
+ <link rel=stylesheet href="../../../css/classless/simple.css">
10
+
11
+
12
+ <link rel=stylesheet href="../table.css">
13
+
14
+ <body>
15
+
16
+ <section class="main">
17
+ <table class="u2-table x-Flex -NoSideGaps -Sticky x-Fields">
18
+ <thead>
19
+ <tr>
20
+ <th>Table
21
+ <th>Column
22
+ <th>Colunn
23
+ <tbody>
24
+ <tr>
25
+ <td>Cell 1/1
26
+ <td>Cell 1/2
27
+ <td>Cell 1/3
28
+ <tr>
29
+ <td>Cell 2/1
30
+ <td>Cell 2/2
31
+ <td>Cell 1/3
32
+ </table>
33
+ </section>
34
+
35
+ <style class="main">
36
+ .u2-table {
37
+ --u2-Gap:2rem;
38
+ --u2-Col-gap:1rem;
39
+ }
40
+ </style>
package/class/table/tests/test.html ADDED
@@ -0,0 +1,226 @@
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
+ <title>u2-ico Test</title>
8
+
9
+ <link rel=stylesheet href="../../../css/classless/full.css">
10
+ <link rel=stylesheet href="../../../css/classless/simple.css">
11
+
12
+ <link rel=stylesheet href="../table.css">
13
+ <body>
14
+
15
+ <section>
16
+ <h2>.u2-table class</h1>
17
+ <style contenteditable>
18
+ .u2-table { border: 2px solid orange; }
19
+ .u2-table > * > * { border-bottom: 2px solid black; } /* tr */
20
+ </style>
21
+ </section>
22
+
23
+
24
+ <section id=demo>
25
+ <h2>Full demo</h2>
26
+ <form>
27
+ <h3>Set Classes:</h3>
28
+ <label>
29
+ -Flex
30
+ <input type=checkbox name="-Flex">
31
+ </label>
32
+ <label>
33
+ -Fields
34
+ <input type=checkbox name="-Fields">
35
+ </label>
36
+ <label>
37
+ -NoSideGaps
38
+ <input type=checkbox name="-NoSideGaps">
39
+ </label>
40
+ <label>
41
+ -Sticky
42
+ <input type=checkbox name="-Sticky">
43
+ </label>
44
+ <h3>Set css-variables</h3>
45
+ <label>
46
+ --u2-Gap
47
+ <input name="--u2-Gap">
48
+ </label><br>
49
+ <label>
50
+ --u2-Row-Gap
51
+ <input name="--u2-Row-gap">
52
+ </label><br>
53
+ <label>
54
+ --u2-Col-Gap
55
+ <input name="--u2-Col-gap">
56
+ </label><br>
57
+ </form>
58
+ <style>
59
+ :where(#demo .u2-table > * > * > *) {
60
+ outline:1px solid #0001;
61
+ }
62
+ </style>
63
+ <script type=module>
64
+ let form = demo.querySelector('form')
65
+ let tables = Array.from(demo.querySelectorAll('.u2-table'));
66
+ function write(){
67
+ for (let el of form.elements) {
68
+ tables.forEach(table=>{
69
+ if (el.type=='checkbox') {
70
+ table.classList.toggle(el.name, el.checked);
71
+ } else {
72
+ table.style.setProperty(el.name,el.value)
73
+ }
74
+ })
75
+ }
76
+ }
77
+ form.addEventListener('input',write);
78
+ write();
79
+ </script>
80
+ <div style="overflow:auto; padding:1rem; resize:both;">
81
+ <h4>css Table</h4>
82
+ <div class="u2-table">
83
+ <div>
84
+ <label>
85
+ <span>Name</span>
86
+ <span><input></span>
87
+ </label>
88
+ <label>
89
+ <span>Comment</span>
90
+ <span><textarea></textarea></span>
91
+ </label>
92
+ </div>
93
+ </div>
94
+ <h4>Real Table</h4>
95
+ <div style="height:200px; overflow:auto; position:relative">
96
+ <table class="u2-table">
97
+ <thead>
98
+ <tr>
99
+ <th>Name
100
+ <th>Text Column
101
+ <th>Last Colunn
102
+ <tbody>
103
+ <tr>
104
+ <td>Cell 1 / 1
105
+ <td>Cell 1 / 2
106
+ <td>Cell 1 / 3
107
+ <tr>
108
+ <td>Cell 2 / 1
109
+ <td>Cell 2 / 2
110
+ <td>Cell 1 / 3 long content causing overflow-div to add scrollbars
111
+ <tr>
112
+ <td>Cell 3 / 1
113
+ <td>Cell 3 / 2
114
+ <td>Cell 1 / 3
115
+ <tr>
116
+ <td>Comment
117
+ <td><textarea>Comment</textarea>
118
+ <td><input>
119
+ </table>
120
+ </div>
121
+ </div>
122
+ </section>
123
+
124
+
125
+
126
+ <style>
127
+ .paddingTopInputs input,
128
+ .paddingTopInputs select,
129
+ .paddingTopInputs textarea {
130
+ padding-top:2em;
131
+ }
132
+ </style>
133
+
134
+
135
+ <div class=paddingTopInputs>
136
+ <section class=fieldsAlign>
137
+ <h2>Fields align with "label"</h2>
138
+ <div style="overflow:auto">
139
+ <div class="u2-table -Fields" style="width:max-content">
140
+ <div>
141
+ <label>
142
+ <span>Theme</span>
143
+ <span>
144
+ <select>
145
+ <option>Black</option>
146
+ <option>White</option>
147
+ </select>
148
+ </span>
149
+ </label>
150
+ <label>
151
+ <span>Name</span>
152
+ <span>
153
+ <input>
154
+ </span>
155
+ </label>
156
+ <label>
157
+ <span>Comment</span>
158
+ <span>
159
+ <textarea></textarea>
160
+ </span>
161
+ </label>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+
168
+ <section class=flex>
169
+ <h2>.-Flex</h2>
170
+ <style>
171
+ .flex label {
172
+ xborder-bottom:1px solid #eee;
173
+ }
174
+ </style>
175
+ <div style="overflow:auto; resize:both; padding:1rem">
176
+ <div class="u2-table -Flex -Fields">
177
+ <div>
178
+ <label>
179
+ <span>Theme</span>
180
+ <span>
181
+ <select>
182
+ <option>Black</option>
183
+ <option>White</option>
184
+ </select>
185
+ </span>
186
+ </label>
187
+ <label>
188
+ <span>Name</span>
189
+ <span>
190
+ <input>
191
+ </span>
192
+ </label>
193
+ <label>
194
+ <span>Comment</span>
195
+ <span>
196
+ <textarea>The cell would need to be display:flex so that the first line of the textarea is the baseline in any browser.</textarea>
197
+ </span>
198
+ </label>
199
+ <label>
200
+ <span>More Elements in Cell</span>
201
+ <span>
202
+ <input value="More Elements...">
203
+ Hallo
204
+ <input>
205
+ </span>
206
+ </label>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+
212
+
213
+
214
+ <section class=padding >
215
+ <h2>Experiment:</h2>
216
+ <p>
217
+ This does align in every browser? Yes!<br>
218
+ (flex-items align-items:baseline)
219
+ </p>
220
+ <div style="display:flex; align-items:baseline">
221
+ <span>Test</span>
222
+ <textarea>test</textarea>
223
+ </div>
224
+ </section>
225
+
226
+ </div>
package/class/unstyle/README.md ADDED
@@ -0,0 +1,32 @@
1
+ # .u2-unstyle - class
2
+ Unstyle elements eg. buttons
3
+
4
+ Specificity: 0.1.0
5
+
6
+ ## Usage
7
+
8
+ ```html
9
+ <button class=u2-unstyle>Unstyled Button</button>
10
+ ```
11
+
12
+ ```css
13
+ .u2-unstyle {
14
+ }
15
+ ```
16
+
17
+ ## Install
18
+
19
+ ```html
20
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/unstyle/unstyle.min.css" rel=stylesheet>
21
+ ```
22
+
23
+ ## Demos
24
+
25
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/unstyle/tests/minimal.html)
26
+ [test.html](http://gcdn.li/u2ui/u2@main/class/unstyle/tests/test.html)
27
+
28
+ ## About
29
+
30
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
31
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
32
+
package/class/unstyle/tests/minimal.html ADDED
@@ -0,0 +1,22 @@
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
+ <link rel=stylesheet href="../../../css/classless/full.css">
9
+ <link rel=stylesheet href="../../../css/classless/simple.css">
10
+
11
+ <link href="../unstyle.css" rel=stylesheet>
12
+
13
+ <body>
14
+
15
+ <section class="main">
16
+ <button class=u2-unstyle>Unstyled Button</button>
17
+ </section>
18
+
19
+ <style class="main">
20
+ .u2-unstyle {
21
+ }
22
+ </style>
package/class/unstyle/tests/test.html ADDED
@@ -0,0 +1,32 @@
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
+ <title>u2-ico Test</title>
8
+
9
+ <link rel=stylesheet href="../../../css/classless/full.css">
10
+ <link rel=stylesheet href="../../../css/classless/simple.css">
11
+
12
+ <link rel=stylesheet href="../unstyle.css">
13
+ <body>
14
+
15
+ <section>
16
+ <label>
17
+ This is a button: <button>the button</button>
18
+ </label>
19
+ <br>
20
+ <label>
21
+ This also: <button class=u2-unstyle>but usgin "u2-unstyle"</button>
22
+ </label>
23
+ </section>
24
+
25
+ <section>
26
+ <label>
27
+ This is a Input: <input value="The Input"><br>
28
+ </label>
29
+ <label>
30
+ Thie also: <input class=u2-unstyle value="but usgin u2-unstyle">
31
+ </label>
32
+ </section>
package/class/unstyle/unstyle.css ADDED
@@ -0,0 +1,12 @@
1
+ .u2-unstyle {
2
+ background: unset;
3
+ color: unset;
4
+ margin: unset;
5
+ padding: unset;
6
+ display: inline;
7
+ border: unset;
8
+ border-radius:unset;
9
+ }
10
+ .u2-unstyle:is(:hover,:focus) {
11
+ background:unset;
12
+ }
package/class/width/README.md ADDED
@@ -0,0 +1,48 @@
1
+ # .u2-width - class
2
+ The main width of your layout
3
+
4
+ This class has a max-width of `var(--width)`.
5
+
6
+ ## Features
7
+
8
+ - Horizontal centered
9
+ - Default paddings left and right of `1rem`
10
+ - Padding adds spacing of save area `env(safe-area-inset-left)`
11
+ - Nested elements using `.u2-width` have no padding.
12
+ - Box-sizing is explicit **content-box** to define the width without its padding.
13
+
14
+ ## Usage
15
+
16
+ ```html
17
+ <div class=u2-width>
18
+ content
19
+ <div class=u2-width>nested (no padding)</div>
20
+ </div>
21
+ ```
22
+
23
+ ```css
24
+ html {
25
+ --width:20rem;
26
+ }
27
+ .u2-width {
28
+ outline:1px solid;
29
+ background-color:yellow;
30
+ }
31
+ ```
32
+
33
+ ## Install
34
+
35
+ ```html
36
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/width/width.min.css" rel=stylesheet>
37
+ ```
38
+
39
+ ## Demos
40
+
41
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/width/tests/minimal.html)
42
+ [test.html](http://gcdn.li/u2ui/u2@main/class/width/tests/test.html)
43
+
44
+ ## About
45
+
46
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
47
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
48
+
package/class/width/tests/minimal.html ADDED
@@ -0,0 +1,27 @@
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
+ <link rel=stylesheet href="../width.css">
9
+
10
+ <body>
11
+
12
+ <section class="main">
13
+ <div class=u2-width>
14
+ content
15
+ <div class=u2-width>nested (no padding)</div>
16
+ </div>
17
+ </section>
18
+
19
+ <style class="main">
20
+ html {
21
+ --width:20rem;
22
+ }
23
+ .u2-width {
24
+ outline:1px solid;
25
+ background-color:yellow;
26
+ }
27
+ </style>