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/card1/tests/test.html ADDED
@@ -0,0 +1,78 @@
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-card1 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="../../../flex.class/flex.min.css">
13
+ <link rel=stylesheet href="../../../invert.class/invert.min.css">
14
+
15
+ <link rel=stylesheet href="../card1.css">
16
+ <body>
17
+
18
+
19
+ <style>
20
+ .u2-flex > li {
21
+ list-style:none;
22
+ }
23
+ :where(a.u2-card1) {
24
+ color:inherit;
25
+ text-decoration: none;
26
+ }
27
+ </style>
28
+
29
+
30
+ <section>
31
+ <h1>.u2-card1</h1>
32
+
33
+ <ul class=u2-flex style="padding:0; --u2-Gap:2rem">
34
+ <li class=u2-card1 style="flex: 1 0 14rem;">
35
+ <img src="https://picsum.photos/800/600?random=1" alt="x" loading=lazy width=800 height=600>
36
+ <h2>Card 1</h2>
37
+ <div class=-body>
38
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos porro pariatur ducimus aut? Saepe vitae sequi doloribus perspiciatis quae? Fuga, exercitationem voluptatum facilis necessitatibus qui incidunt? Magnam non perferendis iure.
39
+ </div>
40
+ <div style="background:#eee">
41
+ <div class=u2-flex style="--u2-Gap:.5rem">
42
+ <button style="flex-grow:1">button 1</button>
43
+ <button style="flex-grow:1">button 2</button>
44
+ </div>
45
+ </div>
46
+ </li>
47
+ <li class=u2-card1 style="flex: 1 0 14rem; position:relative">
48
+ <span style="position:absolute; left:0; right:0; background:var(--color); border-radius:99em; width:3rem; height:3rem; margin:auto; margin-top:-1.5rem; color:#eee; font-size:2rem; padding:0; font-weight:900; display:grid; place-items: center;">!</span>
49
+ <h2>Card 2</h2>
50
+ <img src="https://picsum.photos/800/600?random=1" alt="x" loading=lazy width=800 height=600>
51
+ <div class=-body>
52
+ Despite less content, the footer is still at the bottom.
53
+ </div>
54
+ <div style="background:#eee">
55
+ <button>button 1</button>
56
+ </div>
57
+ </li>
58
+ <li class=u2-card1 style="flex: 1 0 14rem;">
59
+ <h2>Card 3</h2>
60
+ <div class=-body>
61
+ Ipsum dolor sit amet consectetur adipisicing elit. Magnam non perferendis iure. Aliquam consequ des consequ des consequ des consequ.
62
+ </div>
63
+ <div>Footer</div>
64
+ <img src="https://picsum.photos/800/600?random=1" alt="x" loading=lazy width=800 height=600>
65
+ </li>
66
+ <li style="flex: 1 0 14rem;">
67
+ <a class="u2-card1 u2-invert" href="#">
68
+ <h2>Card as Link and inverted</h2>
69
+ <div class=-body>
70
+ Ipsum dolor sit amet consectetur adipisicing elit. Magnam non perferendis iure. Aliquam consequ des consequ des consequ des consequ.
71
+ </div>
72
+ <div>Footer</div>
73
+ <img src="https://picsum.photos/800/600?random=1" alt="x" loading=lazy width=800 height=600>
74
+ </a>
75
+ </li>
76
+ </ul>
77
+
78
+ </section>
package/class/flex/README.md ADDED
@@ -0,0 +1,62 @@
1
+ # .u2-flex - class
2
+ Most wanted flexbox case
3
+
4
+ ## Features
5
+
6
+ - Wrap by default
7
+ - Gaps by default (1rem)
8
+
9
+ ## Usage
10
+
11
+ ```html
12
+ <div class=u2-flex>
13
+ <div>Flexbox layout</div>
14
+ <div>Item 2</div>
15
+ <div>Item 3</div>
16
+ <div>Item 4</div>
17
+ <div>Item 5</div>
18
+ </div>
19
+ ```
20
+
21
+ ```css
22
+ .u2-flex {
23
+ --u2-Gap:1rem;
24
+ --u2-Row-gap:2rem;
25
+ }
26
+ .u2-flex > * {
27
+ border:1px solid;
28
+ padding:2rem;
29
+ }
30
+ ```
31
+
32
+ ## Install
33
+
34
+ ```html
35
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/flex/flex.min.css" rel=stylesheet>
36
+ ```
37
+
38
+ ## Demos
39
+
40
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/flex/tests/minimal.html)
41
+ [test.html](http://gcdn.li/u2ui/u2@main/class/flex/tests/test.html)
42
+
43
+ ## Note
44
+
45
+ Uses margin and negative margin needed because of safari.
46
+ Top, bottom and right margins are not allowed / overwritten.
47
+ Add a wrapper element if you like to add margin to the container
48
+
49
+ ```html
50
+ <div style="margin:2rem">
51
+ <ul class=u2-flex>
52
+ <li> first
53
+ <li> second
54
+ </u2>
55
+ <div>
56
+ ```
57
+
58
+ ## About
59
+
60
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
61
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
62
+
package/class/flex/flex.css ADDED
@@ -0,0 +1,25 @@
1
+ /* todo? all margins except right important? */
2
+
3
+ .u2-flex {
4
+ --u2-Gap:1rem;
5
+ --u2-Row-gap:var(--u2-Gap);
6
+ --u2-Col-gap:var(--u2-Gap);
7
+ display:flex;
8
+ flex-wrap:wrap;
9
+ column-gap: var(--u2-Col-gap);
10
+ row-gap: var(--u2-Row-gap);
11
+
12
+ /* would this be useful? *
13
+ --u2-Items-width: 10rem;
14
+ container-name: u2-items;
15
+ container-type: inline-size;
16
+ */
17
+ }
18
+
19
+ /* would this be useful? *
20
+ .u2-flex > * {
21
+ flex: 0 0 var(--u2-Items-width);
22
+ container-name: u2-item;
23
+ container-type: inline-size;
24
+ }
25
+ */
package/class/flex/tests/minimal.html ADDED
@@ -0,0 +1,31 @@
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="../flex.css">
9
+
10
+ <body>
11
+
12
+ <section class="main">
13
+ <div class=u2-flex>
14
+ <div>Flexbox layout</div>
15
+ <div>Item 2</div>
16
+ <div>Item 3</div>
17
+ <div>Item 4</div>
18
+ <div>Item 5</div>
19
+ </div>
20
+ </section>
21
+
22
+ <style class="main">
23
+ .u2-flex {
24
+ --u2-Gap:1rem;
25
+ --u2-Row-gap:2rem;
26
+ }
27
+ .u2-flex > * {
28
+ border:1px solid;
29
+ padding:2rem;
30
+ }
31
+ </style>
package/class/flex/tests/test.html ADDED
@@ -0,0 +1,58 @@
1
+ <!DOCTYPE html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width">
6
+ <title>u2-ico Test</title>
7
+ <script src="../../../u2/tests/test-init.js" type=module async></script>
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="../flex.css">
13
+ <body>
14
+
15
+
16
+ <section id=u2-flex>
17
+ <h2>.u2-flex</h2>
18
+ <ul>
19
+ <li>Wrap by default</li>
20
+ <li>gaps by default (1rem)</li>
21
+ </ul>
22
+
23
+ <div class=wrapper>
24
+ <div class=u2-flex style=" --u2-Gap:.2em; --u2-Row-gap:.7em">
25
+ <div>Custom</div>
26
+ <div>row</div>
27
+ <div>and</div>
28
+ <div>col</div>
29
+ <div>gaps</div>
30
+ <div>Custom</div>
31
+ <div>row</div>
32
+ <div>and</div>
33
+ <div>col</div>
34
+ <div>gaps</div>
35
+ <div>Custom</div>
36
+ <div>row</div>
37
+ <div>and</div>
38
+ <div>col</div>
39
+ <div>gaps</div>
40
+ </div>
41
+ </div>
42
+
43
+ <style>
44
+ .wrapper {
45
+ border:2px solid green;
46
+ padding:10px;
47
+ margin:10px;
48
+ overflow:auto;
49
+ resize:horizontal
50
+ }
51
+ #u2-flex .u2-flex > * {
52
+ background: black;
53
+ color:white;
54
+ padding: 10px;
55
+ }
56
+ </style>
57
+
58
+ </section>
package/class/grid/README.md ADDED
@@ -0,0 +1,52 @@
1
+ # .u2-grid - class
2
+ Most wanted grid case
3
+
4
+ handy util-class to make a auto-column grid
5
+
6
+ - default gap (--u2-Gap)
7
+ - default item-width (--u2-Items-width)
8
+ - dynamic column-count
9
+ - respecting available-space if item-(min)-width > available
10
+
11
+ ## Usage
12
+
13
+ ```html
14
+ <div class=u2-grid style="--u2-Items-width:3rem">
15
+ <div>Grid layout</div>
16
+ <div>item2</div>
17
+ <div>item3</div>
18
+ <div>item4</div>
19
+ <div>item5</div>
20
+ <div>item6</div>
21
+ <div>item7</div>
22
+ </div>
23
+ ```
24
+
25
+ ```css
26
+ .u2-grid {
27
+ --u2-Gap:2rem;
28
+ --u2-Col-gap:1rem;
29
+ --u2-Items-width:8rem;
30
+ }
31
+ .u2-grid > * {
32
+ border:1px solid black;
33
+ padding:.5em;
34
+ }
35
+ ```
36
+
37
+ ## Install
38
+
39
+ ```html
40
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/grid/grid.min.css" rel=stylesheet>
41
+ ```
42
+
43
+ ## Demos
44
+
45
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/grid/tests/minimal.html)
46
+ [test.html](http://gcdn.li/u2ui/u2@main/class/grid/tests/test.html)
47
+
48
+ ## About
49
+
50
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
51
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
52
+
package/class/grid/grid.css ADDED
@@ -0,0 +1,40 @@
1
+ .u2-grid {
2
+ --u2-Items-width: 10rem;
3
+ --u2-Gap: 1rem;
4
+ --u2-Col-gap: var(--u2-Gap);
5
+ --u2-Row-gap: var(--u2-Gap);
6
+ display: grid;
7
+ column-gap: var(--u2-Col-gap);
8
+ row-gap: var(--u2-Row-gap);
9
+ grid-template-columns: repeat(auto-fill, minmax( var(--u2-Items-width), 1fr) ); /* min() not supported everywhere? */
10
+ grid-template-columns: repeat(auto-fill, minmax( min(var(--u2-Items-width), 100%) , 1fr) );
11
+ grid-auto-flow:dense; /* why */
12
+
13
+ container-name: u2-items;
14
+ container-type: inline-size;
15
+
16
+ /* if using display:flex ?
17
+ flex-wrap:wrap;
18
+ justify-content:center;
19
+ */
20
+ }
21
+
22
+ .u2-grid > * {
23
+ container-name: u2-item;
24
+ container-type: inline-size;
25
+ }
26
+
27
+
28
+ table.u2-grid {
29
+ display:grid;
30
+ > * {
31
+ display:contents; /* tbody */
32
+ > * { /* tr */
33
+ display:block;
34
+ > * { /* td */
35
+ display:block;
36
+ padding:0;
37
+ }
38
+ }
39
+ }
40
+ }
package/class/grid/tests/minimal.html ADDED
@@ -0,0 +1,34 @@
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="../grid.css">
9
+
10
+ <body>
11
+
12
+ <section class="main">
13
+ <div class=u2-grid style="--u2-Items-width:3rem">
14
+ <div>Grid layout</div>
15
+ <div>item2</div>
16
+ <div>item3</div>
17
+ <div>item4</div>
18
+ <div>item5</div>
19
+ <div>item6</div>
20
+ <div>item7</div>
21
+ </div>
22
+ </section>
23
+
24
+ <style class="main">
25
+ .u2-grid {
26
+ --u2-Gap:2rem;
27
+ --u2-Col-gap:1rem;
28
+ --u2-Items-width:8rem;
29
+ }
30
+ .u2-grid > * {
31
+ border:1px solid black;
32
+ padding:.5em;
33
+ }
34
+ </style>
package/class/grid/tests/test.html ADDED
@@ -0,0 +1,78 @@
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
+ <script src="../../../u2/auto.js" type=module async></script>
8
+ <title></title>
9
+
10
+ <link rel=stylesheet href="../../../css/classless/full.css">
11
+ <link rel=stylesheet href="../../../css/classless/simple.css">
12
+
13
+ <link rel=stylesheet href="../grid.css">
14
+ <body>
15
+
16
+ <section>
17
+ <h1>.grid class</h1>
18
+ <div style="resize:both; overflow: auto; border:1px solid red">
19
+ <div class=u2-grid>
20
+ <div>item1<br>heigter</div>
21
+ <div>item2</div>
22
+ <div>item3</div>
23
+ <div>item4</div>
24
+ <div>item5</div>
25
+ <div>item6</div>
26
+ <div>item7</div>
27
+ </div>
28
+ </div>
29
+
30
+ <u2-code editable trim>
31
+ <style style="display:block">
32
+ .u2-grid > * {
33
+ border:1px solid black;
34
+ padding:.5em;
35
+ }
36
+ @container u2-items (max-width: 250px) {
37
+ .u2-grid::before {
38
+ display: block;
39
+ content: "smaller than 250px";
40
+ background: red;
41
+ color: white;
42
+ padding: .5em;
43
+ }
44
+ }
45
+ </style>
46
+ </u2-code>
47
+
48
+ </section>
49
+
50
+ <section>
51
+ <h1>table.u2-grid</h1>
52
+ <div style="resize:both; overflow: auto; border:1px solid red">
53
+ <table class=u2-grid>
54
+ <tr>
55
+ <td>cell 1.1
56
+ <td>cell 1.2
57
+ <td>cell 1.3
58
+ <tr>
59
+ <td>cell 2.1
60
+ <td>cell 2.2
61
+ <td>cell 2.3
62
+ <tr>
63
+ <td>cell 3.1
64
+ <td>cell 3.2
65
+ <td>cell 3.3
66
+ </table>
67
+ </div>
68
+
69
+ <u2-code editable trim>
70
+ <style style="display:block">
71
+ .u2-grid tr {
72
+ border:1px solid black;
73
+ }
74
+ </style>
75
+ </u2-code>
76
+
77
+ </section>
78
+
package/class/input/README.md ADDED
@@ -0,0 +1,49 @@
1
+ # .u2-input - class
2
+ custom inputs (beta)
3
+
4
+ ## Usage
5
+
6
+ ```html
7
+ <label class=u2-input>
8
+ <input value="test">
9
+ <button type=button>save</button>
10
+ </label>
11
+ <br>
12
+ <br>
13
+ <label class=u2-input>
14
+ <input value="1">
15
+ <button type=button style="order:-1">-</button>
16
+ <button type=button>+</button>
17
+ </label>
18
+ <label>
19
+ Normal input:
20
+ <input>
21
+ </label>
22
+ ```
23
+
24
+ ```css
25
+ .u2-input {
26
+ border:2px solid;
27
+ }
28
+ .u2-input button {
29
+ padding:.2em .5em;
30
+ --line-height:1;
31
+ }
32
+ ```
33
+
34
+ ## Install
35
+
36
+ ```html
37
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/input/input.min.css" rel=stylesheet>
38
+ ```
39
+
40
+ ## Demos
41
+
42
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/input/tests/minimal.html)
43
+ [test.html](http://gcdn.li/u2ui/u2@main/class/input/tests/test.html)
44
+
45
+ ## About
46
+
47
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
48
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
49
+
package/class/input/input.css ADDED
@@ -0,0 +1,33 @@
1
+ .u2-input {
2
+ display: inline-flex;
3
+ width: 13rem;
4
+ white-space: nowrap;
5
+ overflow: hidden;
6
+
7
+ border: 1px solid;
8
+ border-radius: .2em;
9
+ }
10
+ .u2-input > * {
11
+ border: 0;
12
+ border-radius: 0;
13
+ margin: 0;
14
+ }
15
+ .u2-input > button {
16
+ flex: 0 1 auto;
17
+ }
18
+ .u2-input > input {
19
+ flex: 1 1 auto;
20
+ width: 4rem;
21
+ }
22
+
23
+
24
+ /*
25
+ .u2-input {
26
+ border-radius:var(--radius);
27
+ }
28
+ .u2-input:focus-within {
29
+ outline: .4rem solid hsl(var(--hs), 25%, .2);
30
+ outline-offset:0;
31
+ transition: .15s;
32
+ }
33
+ */
package/class/input/tests/minimal.html ADDED
@@ -0,0 +1,39 @@
1
+ <!DOCTYPE html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset=utf-8>
5
+ <meta name=viewport content="width=device-width">
6
+ <title>input.class test | U2 design-system</title>
7
+ <script src="../../../u2/tests/test-init.js" type=module async></script>
8
+
9
+ <link rel=stylesheet href="../input.css">
10
+
11
+ <body>
12
+
13
+ <section class="main">
14
+ <label class=u2-input>
15
+ <input value="test">
16
+ <button type=button>save</button>
17
+ </label>
18
+ <br>
19
+ <br>
20
+ <label class=u2-input>
21
+ <input value="1">
22
+ <button type=button style="order:-1">-</button>
23
+ <button type=button>+</button>
24
+ </label>
25
+ <label>
26
+ Normal input:
27
+ <input>
28
+ </label>
29
+ </section>
30
+
31
+ <style class="main">
32
+ .u2-input {
33
+ border:2px solid;
34
+ }
35
+ .u2-input button {
36
+ padding:.2em .5em;
37
+ --line-height:1;
38
+ }
39
+ </style>
package/class/input/tests/test.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width">
6
+ <title>u2-ico Test</title>
7
+
8
+ <link rel=stylesheet href="../../../css/classless/full.css">
9
+ <link rel=stylesheet href="../../../css/classless/simple.css">
10
+
11
+ <link rel=stylesheet href="../input.css">
12
+ <body>
13
+
14
+ <section>
15
+ <h2>.u2-input</h2>
16
+
17
+ <div class=u2-input>
18
+ <input value="test">
19
+ <button type=button>save</button>
20
+ </div>
21
+ <br><br>
22
+ <div class=u2-input>
23
+ <button type=button>-</button>
24
+ <input value="1">
25
+ <button type=button>+</button>
26
+ </div>
27
+ <br><br>
28
+ <input placeholder="normal input">
29
+ </section>
package/class/reset/README.md ADDED
@@ -0,0 +1,47 @@
1
+ # .u2-reset - class
2
+ A class to reset Styles (beta)
3
+
4
+ Also intended to reset own styles:
5
+
6
+ ```css
7
+ button:hover {
8
+ transform:scale(1.2);
9
+ }
10
+
11
+ .u2-reset button:hover {
12
+ transform:none;
13
+ }
14
+ ```
15
+
16
+ **in Progress!**
17
+
18
+ ## Usage
19
+
20
+ ```html
21
+ <h1>Heading 1</h1>
22
+ <div class=u2-reset>
23
+ <h1>Heading 1</h1>
24
+ </div>
25
+ ```
26
+
27
+ ```css
28
+ h1 {
29
+ margin:0 2rem;
30
+ }
31
+ ```
32
+
33
+ ## Install
34
+
35
+ ```html
36
+ <link href="https://cdn.jsdelivr.net/gh/u2ui/u2@x.x.x/class/reset/reset.min.css" rel=stylesheet>
37
+ ```
38
+
39
+ ## Demos
40
+
41
+ [minimal.html](http://gcdn.li/u2ui/u2@main/class/reset/tests/minimal.html)
42
+
43
+ ## About
44
+
45
+ - MIT License, Copyright (c) 2022 <u2> (like all repositories in this organization) <br>
46
+ - Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥
47
+
package/class/reset/reset.css ADDED
@@ -0,0 +1,8 @@
1
+ .u2-reset {
2
+ font-size:1rem; /* hm.. i rewrite font-size on the body to implement a min-fonts-size, better inherit? */
3
+ color:var(--color-text);
4
+ background-color:var(--color-bg);
5
+ }
6
+ .u2-reset :is(h1,h2,h3,h4,h5,h6) {
7
+ margin:1em 0;
8
+ }