u2ui 1.0.0 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (591) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +36 -36
  3. package/attr/behavior/README.md +6 -4
  4. package/attr/behavior/behavior.js +265 -261
  5. package/attr/behavior/manifest.json +42 -42
  6. package/attr/confirm/README.md +8 -8
  7. package/attr/confirm/confirm.js +86 -90
  8. package/attr/confirm/manifest.json +42 -42
  9. package/attr/disableif/README.md +37 -0
  10. package/attr/disableif/disableif.js +59 -0
  11. package/attr/disableif/manifest.json +38 -0
  12. package/attr/draghandle/README.md +15 -15
  13. package/attr/draghandle/draghandle.js +24 -42
  14. package/attr/draghandle/manifest.json +30 -0
  15. package/attr/dropzone/README.md +32 -0
  16. package/attr/dropzone/dropzone.js +485 -0
  17. package/attr/dropzone/manifest.json +36 -0
  18. package/attr/focusgroup/README.md +9 -9
  19. package/attr/focusgroup/focusgroup.js +97 -100
  20. package/attr/focusgroup/manifest.json +30 -38
  21. package/attr/href/README.md +5 -5
  22. package/attr/href/href.js +50 -42
  23. package/attr/href/manifest.json +42 -42
  24. package/attr/intersect/README.md +15 -15
  25. package/attr/intersect/intersect.js +98 -98
  26. package/attr/intersect/manifest.json +44 -57
  27. package/attr/lightbox/README.md +27 -0
  28. package/attr/lightbox/lightbox.js +120 -0
  29. package/attr/lightbox/manifest.json +29 -0
  30. package/attr/movable/README.md +27 -0
  31. package/attr/movable/manifest.json +47 -0
  32. package/attr/movable/movable.js +111 -0
  33. package/attr/navigable/README.md +9 -9
  34. package/attr/navigable/TargetObserver.js +90 -91
  35. package/attr/navigable/U2TargetObserver.js +75 -75
  36. package/attr/navigable/manifest.json +34 -42
  37. package/attr/navigable/navigable.js +85 -87
  38. package/attr/parallax/README.md +10 -10
  39. package/attr/parallax/manifest.json +36 -0
  40. package/attr/parallax/parallax.js +119 -119
  41. package/attr/scrollspy/README.md +43 -0
  42. package/attr/scrollspy/manifest.json +28 -0
  43. package/attr/scrollspy/scrollspy.js +85 -0
  44. package/attr/selectable/README.md +42 -0
  45. package/attr/selectable/SelectionManager.js +171 -0
  46. package/attr/selectable/manifest.json +33 -0
  47. package/attr/selectable/selectable.js +28 -0
  48. package/attr/skin/README.md +15 -16
  49. package/attr/skin/manifest.json +40 -0
  50. package/attr/skin/skin.css +49 -50
  51. package/attr/store/README.md +41 -0
  52. package/attr/store/manifest.json +28 -0
  53. package/attr/store/store.js +62 -0
  54. package/class/badge/README.md +2 -2
  55. package/class/badge/badge.css +34 -34
  56. package/class/card/README.md +51 -0
  57. package/class/card/card.css +31 -0
  58. package/class/flex/README.md +16 -16
  59. package/class/flex/flex.css +15 -25
  60. package/class/grid/README.md +18 -18
  61. package/class/grid/grid.css +38 -40
  62. package/class/reset/README.md +6 -6
  63. package/class/reset/reset.css +8 -8
  64. package/class/table/README.md +22 -21
  65. package/class/table/table.css +125 -125
  66. package/class/unstyle/README.md +7 -5
  67. package/class/unstyle/unstyle.css +14 -12
  68. package/class/width/README.md +18 -18
  69. package/class/width/width.css +21 -22
  70. package/css/README.md +11 -0
  71. package/css/base/README.md +8 -2
  72. package/css/base/base.css +153 -127
  73. package/css/base/beta.css +34 -50
  74. package/css/base/full.css +5 -5
  75. package/css/base/nomotion.css +8 -8
  76. package/css/base/print.css +36 -36
  77. package/css/classless/README.md +10 -4
  78. package/css/classless/aria.css +51 -64
  79. package/css/classless/classless.css +118 -124
  80. package/css/classless/full.css +11 -11
  81. package/css/classless/more.css +314 -340
  82. package/css/classless/simple.css +314 -103
  83. package/css/classless/snippeds/a/icons.css +66 -12
  84. package/css/classless/snippeds/a/tests.html +118 -0
  85. package/css/classless/snippeds/blockquote/big-quotes.css +36 -0
  86. package/css/classless/snippeds/blockquote/tests.html +62 -0
  87. package/css/classless/snippeds/button/square.css +22 -0
  88. package/css/classless/snippeds/button/tests.html +53 -0
  89. package/css/classless/snippeds/experiments/aria-header-nav-dropdown.css +46 -0
  90. package/css/classless/snippeds/hr/gradient.css +2 -2
  91. package/css/classless/snippeds/hr/section_sign.css +16 -16
  92. package/css/classless/snippeds/hr/tests.html +49 -49
  93. package/css/classless/snippeds/p/indent.css +9 -0
  94. package/css/classless/snippeds/p/initial.css +9 -0
  95. package/css/classless/snippeds/p/tests.html +60 -0
  96. package/css/classless/variables.css +132 -99
  97. package/css/norm/README.md +7 -1
  98. package/css/norm/beta.css +41 -39
  99. package/css/norm/norm.css +89 -98
  100. package/css/norm/oldies.css +71 -60
  101. package/css/{classes → utils}/README.md +10 -4
  102. package/css/{classes/classes.css → utils/utils.css} +78 -78
  103. package/el/accordion/README.md +60 -59
  104. package/el/accordion/accordion.css +11 -7
  105. package/el/accordion/accordion.js +211 -258
  106. package/el/accordion/manifest.json +44 -57
  107. package/el/alert/README.md +86 -67
  108. package/el/alert/alert.css +72 -73
  109. package/el/alert/alert.js +206 -187
  110. package/el/alert/manifest.json +59 -77
  111. package/el/breadcrumb/README.md +41 -0
  112. package/el/breadcrumb/breadcrumb.css +22 -0
  113. package/el/breadcrumb/breadcrumb.js +119 -0
  114. package/el/breadcrumb/manifest.json +42 -0
  115. package/el/buttongroup/README.md +36 -36
  116. package/el/buttongroup/buttongroup.css +38 -30
  117. package/el/buttongroup/buttongroup.js +68 -56
  118. package/el/buttongroup/manifest.json +28 -0
  119. package/el/bytes/README.md +4 -4
  120. package/el/bytes/bytes.css +6 -6
  121. package/el/bytes/bytes.js +98 -97
  122. package/el/bytes/manifest.json +90 -95
  123. package/el/calendar/README.md +64 -0
  124. package/el/calendar/calendar.css +36 -0
  125. package/el/calendar/calendar.js +391 -0
  126. package/el/calendar/ext/drag.js +69 -0
  127. package/el/calendar/ext/keyNavigation.js +101 -0
  128. package/el/calendar/manifest.json +69 -0
  129. package/el/carousel/README.md +14 -14
  130. package/el/carousel/carousel.css +45 -46
  131. package/el/carousel/carousel.js +398 -371
  132. package/el/carousel/manifest.json +44 -58
  133. package/el/carousel-nav/README.md +13 -14
  134. package/el/carousel-nav/carousel-nav.js +74 -74
  135. package/el/carousel-nav/manifest.json +31 -0
  136. package/el/chart/README.md +46 -0
  137. package/el/chart/chart.css +7 -0
  138. package/el/chart/chart.js +188 -0
  139. package/el/chart/engines/apexcharts.js +103 -0
  140. package/el/chart/engines/billboard.js +79 -0
  141. package/el/chart/engines/chart.js.js +32 -0
  142. package/el/chart/engines/chartist.js +74 -0
  143. package/el/chart/engines/echarts.js +65 -0
  144. package/el/chart/engines/frappe.js +49 -0
  145. package/el/chart/engines/nvd3.js +139 -0
  146. package/el/chart/engines/plotly.js +73 -0
  147. package/el/chart/manifest.json +54 -0
  148. package/el/code/README.md +21 -21
  149. package/el/code/code.css +46 -46
  150. package/el/code/code.js +291 -289
  151. package/el/code/manifest.json +59 -66
  152. package/el/cookiebanner/README.md +70 -0
  153. package/el/cookiebanner/cookiebanner.css +42 -0
  154. package/el/cookiebanner/cookiebanner.js +161 -0
  155. package/el/cookiebanner/extensions/googleConsentMode.js +36 -0
  156. package/el/cookiebanner/knownItems.js +291 -0
  157. package/el/cookiebanner/manifest.json +85 -0
  158. package/el/cookiebanner/ui.js +426 -0
  159. package/el/copy/README.md +9 -7
  160. package/el/copy/copy.css +3 -3
  161. package/el/copy/copy.js +89 -117
  162. package/el/copy/manifest.json +37 -49
  163. package/el/counter/README.md +12 -9
  164. package/el/counter/counter.css +8 -8
  165. package/el/counter/counter.js +96 -95
  166. package/el/counter/manifest.json +50 -59
  167. package/el/drawer/README.md +35 -0
  168. package/el/drawer/drawer.css +77 -0
  169. package/el/drawer/drawer.js +166 -0
  170. package/el/drawer/manifest.json +27 -0
  171. package/el/fields/README.md +34 -0
  172. package/el/fields/fields.css +5 -0
  173. package/el/fields/fields.js +133 -0
  174. package/el/fields/manifest.json +32 -0
  175. package/el/ico/README.md +119 -118
  176. package/el/ico/debug.js +86 -0
  177. package/el/ico/font/Font Awesome.css +22 -22
  178. package/el/ico/font/LigatureSymbols.css +7 -7
  179. package/el/ico/font/Material Icons.css +6 -6
  180. package/el/ico/font/RemixFilled.css +8 -8
  181. package/el/ico/font/RemixOutlined.css +8 -8
  182. package/el/ico/font/old/anicons.css +31 -31
  183. package/el/ico/font/old/devicons.css +210 -210
  184. package/el/ico/font/old/material.all.css +36 -36
  185. package/el/ico/font/old/remix.css +15 -15
  186. package/el/ico/font/old/utf8.css +54 -54
  187. package/el/ico/ico.css +122 -110
  188. package/el/ico/ico.js +163 -189
  189. package/el/ico/manifest.json +68 -86
  190. package/el/input/README.md +41 -39
  191. package/el/input/input.css +95 -35
  192. package/el/input/input.js +682 -331
  193. package/el/input/manifest.json +54 -0
  194. package/el/maintitlebar/README.md +39 -0
  195. package/el/maintitlebar/maintitlebar.css +40 -0
  196. package/el/maintitlebar/maintitlebar.js +17 -0
  197. package/el/maintitlebar/manifest.json +32 -0
  198. package/el/masonry/README.md +19 -19
  199. package/el/masonry/manifest.json +49 -60
  200. package/el/masonry/masonry.css +27 -27
  201. package/el/masonry/masonry.js +93 -92
  202. package/el/menubutton/README.md +39 -0
  203. package/el/menubutton/manifest.json +44 -0
  204. package/el/{splitbutton/splitbutton.css → menubutton/menubutton.css} +51 -47
  205. package/el/menubutton/menubutton.js +90 -0
  206. package/el/number/README.md +9 -6
  207. package/el/number/manifest.json +162 -121
  208. package/el/number/number.css +6 -6
  209. package/el/number/number.js +67 -67
  210. package/el/out/README.md +5 -5
  211. package/el/out/manifest.json +26 -38
  212. package/el/out/out.css +2 -2
  213. package/el/out/out.js +42 -59
  214. package/el/pagination/README.md +32 -0
  215. package/el/pagination/manifest.json +47 -0
  216. package/el/pagination/pagination.css +27 -0
  217. package/el/pagination/pagination.js +147 -0
  218. package/el/parallax-bg/README.md +26 -6
  219. package/el/parallax-bg/manifest.json +32 -0
  220. package/el/parallax-bg/parallax-bg.css +13 -13
  221. package/el/parallax-bg/parallax-bg.js +197 -186
  222. package/el/qrcode/README.md +7 -7
  223. package/el/qrcode/manifest.json +32 -43
  224. package/el/qrcode/package.json +22 -22
  225. package/el/qrcode/qrcode.css +13 -13
  226. package/el/qrcode/qrcode.js +53 -45
  227. package/el/rating/README.md +9 -20
  228. package/el/rating/manifest.json +52 -65
  229. package/el/rating/rating.css +10 -10
  230. package/el/rating/rating.js +148 -139
  231. package/el/responsive/README.md +43 -0
  232. package/el/responsive/manifest.json +41 -0
  233. package/el/responsive/responsive.css +4 -0
  234. package/el/responsive/responsive.js +143 -0
  235. package/el/rte/README.md +10 -10
  236. package/el/rte/manifest.json +33 -0
  237. package/el/rte/rte.css +9 -9
  238. package/el/rte/rte.js +56 -56
  239. package/el/skeleton/README.md +3 -3
  240. package/el/skeleton/manifest.json +37 -51
  241. package/el/skeleton/skeleton.css +67 -60
  242. package/el/skeleton/skeleton.js +71 -72
  243. package/el/splitpanel/README.md +33 -13
  244. package/el/splitpanel/manifest.json +36 -49
  245. package/el/splitpanel/splitpanel.css +20 -17
  246. package/el/splitpanel/splitpanel.js +117 -116
  247. package/el/spot/README.md +36 -0
  248. package/el/spot/manifest.json +55 -0
  249. package/el/spot/spot.css +23 -0
  250. package/el/spot/spot.js +106 -0
  251. package/el/system/README.md +29 -0
  252. package/el/system/demoHtml.html +660 -0
  253. package/el/system/manifest.json +32 -0
  254. package/el/system/styler.js +661 -0
  255. package/el/system/system.js +84 -0
  256. package/el/table/README.md +80 -68
  257. package/el/table/ext/autoFormatTable.js +228 -0
  258. package/el/table/manifest.json +32 -43
  259. package/el/table/table.css +4 -59
  260. package/el/table/table.js +468 -194
  261. package/el/tabs/README.md +17 -17
  262. package/el/tabs/manifest.json +44 -59
  263. package/el/tabs/tabs.css +22 -22
  264. package/el/tabs/tabs.js +192 -210
  265. package/el/textfit/README.md +7 -7
  266. package/el/textfit/manifest.json +33 -45
  267. package/el/textfit/textfit.css +5 -5
  268. package/el/textfit/textfit.js +80 -80
  269. package/el/time/README.md +6 -5
  270. package/el/time/manifest.json +79 -118
  271. package/el/time/time.js +179 -168
  272. package/el/toc/README.md +27 -0
  273. package/el/toc/manifest.json +36 -0
  274. package/el/toc/toc.css +3 -0
  275. package/el/toc/toc.js +85 -0
  276. package/el/tooltip/README.md +13 -10
  277. package/el/tooltip/manifest.json +56 -69
  278. package/el/tooltip/tooltip.css +100 -97
  279. package/el/tooltip/tooltip.js +146 -82
  280. package/el/tree/README.md +133 -0
  281. package/el/tree/ext/dnd.js +53 -0
  282. package/el/tree/ext/item.js +35 -0
  283. package/el/tree/manifest.json +61 -0
  284. package/el/tree/tree.css +18 -0
  285. package/el/tree/tree.js +236 -0
  286. package/el/typewriter/README.md +11 -11
  287. package/el/typewriter/manifest.json +45 -66
  288. package/el/typewriter/typewriter.css +6 -6
  289. package/el/typewriter/typewriter.js +161 -166
  290. package/el/video/README.md +37 -0
  291. package/el/video/manifest.json +96 -0
  292. package/el/video/video.js +550 -0
  293. package/js/Placer/Placer.js +156 -156
  294. package/js/Placer/README.md +14 -16
  295. package/js/PointerObserver/PointerObserver-no-scroll.js +146 -0
  296. package/js/PointerObserver/PointerObserver.js +161 -130
  297. package/js/PointerObserver/README.md +6 -7
  298. package/js/SelectorObserver/README.md +9 -9
  299. package/js/SelectorObserver/SelectorObserver.js +199 -200
  300. package/js/Tour/README.md +56 -0
  301. package/js/Tour/Tour.js +156 -0
  302. package/js/contextmenu/README.md +6 -31
  303. package/js/contextmenu/contextmenu.js +338 -336
  304. package/js/dialog/README.md +8 -7
  305. package/js/dialog/dialog.js +228 -261
  306. package/js/drag/README.md +28 -0
  307. package/js/drag/drag.js +38 -0
  308. package/js/drag/indicateDrop.js +80 -0
  309. package/js/loading/README.md +24 -0
  310. package/js/loading/loading.js +139 -0
  311. package/js/navigator/README.md +26 -0
  312. package/js/navigator/navigator.js +430 -0
  313. package/js/navigator/url-change-event.js +29 -0
  314. package/js/rte/README.md +13 -14
  315. package/js/rte/old/NodeCleaner.js +315 -315
  316. package/js/rte/old/Rte/Rte.ui.mjs +154 -154
  317. package/js/rte/old/Rte/index.mjs +5 -5
  318. package/js/rte/old/Rte/main.css +189 -189
  319. package/js/rte/old/old.rte.js +131 -131
  320. package/js/rte/old/range-selection.old.js +394 -394
  321. package/js/rte/rte.js +7 -7
  322. package/js/rte/src/behavior.js +228 -228
  323. package/js/rte/src/events.js +73 -73
  324. package/js/rte/src/fixes.js +250 -250
  325. package/js/rte/src/range.js +469 -472
  326. package/js/rte/src/rte.js +71 -71
  327. package/js/rte/src/ui/items/ai.js +166 -167
  328. package/js/rte/src/ui/items/code.js +93 -93
  329. package/js/rte/src/ui/items/undo.js +183 -183
  330. package/js/rte/src/ui.items.js +6 -7
  331. package/js/rte/src/ui.js +268 -268
  332. package/js/rte/src/util/indentHtml.js +21 -15
  333. package/js/serviceWorker/README.md +17 -0
  334. package/js/serviceWorker/serviceWorker.js +84 -0
  335. package/js/serviceWorker/sw.js +221 -0
  336. package/js/shortcut/README.md +6 -6
  337. package/js/shortcut/shortcut.js +53 -89
  338. package/package.json +9 -8
  339. package/theme/brutalist/README.md +10 -0
  340. package/theme/brutalist/theme.css +98 -0
  341. package/theme/elegance/README.md +10 -0
  342. package/theme/elegance/theme.css +120 -0
  343. package/theme/luxury/README.md +10 -0
  344. package/theme/luxury/theme.css +107 -0
  345. package/theme/minimalism/README.md +10 -0
  346. package/theme/minimalism/theme.css +103 -0
  347. package/theme/natur/README.md +10 -0
  348. package/theme/natur/theme.css +101 -0
  349. package/theme/pastell/README.md +10 -0
  350. package/theme/pastell/theme.css +99 -0
  351. package/theme/pop/README.md +10 -0
  352. package/theme/pop/theme.css +101 -0
  353. package/theme/prompt.css +175 -0
  354. package/theme/retro/README.md +10 -0
  355. package/theme/retro/theme.css +99 -0
  356. package/theme/soft/README.md +10 -0
  357. package/theme/soft/theme.css +84 -0
  358. package/theme/tech/README.md +10 -0
  359. package/theme/tech/theme.css +98 -0
  360. package/theme/test/README.md +10 -0
  361. package/theme/test/theme.css +109 -0
  362. package/theme/test.html +284 -0
  363. package/theme/tmp/README.md +10 -0
  364. package/theme/tmp/theme.css +323 -0
  365. package/u2/auto.js +156 -161
  366. package/u2/auto.ui.js +82 -85
  367. package/u2/plan-scoped-refactoring.md +236 -0
  368. package/u2/projects.json +757 -467
  369. package/u2/tools/baseElement.js +217 -95
  370. package/u2/tools/baseElement.test.html +139 -119
  371. package/u2/tools/ce-inspector.js +307 -307
  372. package/u2/tools/ce-inspector.test.html +67 -65
  373. package/u2/tools/ce-manfest-from-element.js +207 -207
  374. package/u2/tools/dev-iframe.js +212 -213
  375. package/u2/tools/dev-iframe.test.html +72 -74
  376. package/u2/tools/eventsExplorer.js +102 -101
  377. package/u2/tools/logo/u1.svg +9 -9
  378. package/u2/tools/promiseElementById.js +14 -0
  379. package/u2/tools/update.repos.json.js +259 -234
  380. package/u2/tools/update.skill.js +176 -0
  381. package/u2/tools/variable-styler.js +317 -0
  382. package/u2/u2.js +30 -14
  383. package/u2/utils.js +61 -59
  384. package/.htaccess +0 -7
  385. package/attr/behavior/tests/minimal.html +0 -19
  386. package/attr/behavior/tests/test.html +0 -98
  387. package/attr/confirm/tests/minimal.html +0 -23
  388. package/attr/confirm/tests/test.html +0 -79
  389. package/attr/draghandle/tests/minimal.html +0 -44
  390. package/attr/focusgroup/tests/minimal.html +0 -27
  391. package/attr/focusgroup/tests/test.html +0 -154
  392. package/attr/href/tests/minimal.html +0 -17
  393. package/attr/href/tests/test.html +0 -70
  394. package/attr/intersect/tests/minimal.html +0 -30
  395. package/attr/intersect/tests/test.html +0 -64
  396. package/attr/navigable/tests/U1TargetObserver.html +0 -56
  397. package/attr/navigable/tests/minimal.html +0 -17
  398. package/attr/navigable/tests/targetObserver.html +0 -106
  399. package/attr/navigable/tests/test.html +0 -84
  400. package/attr/parallax/tests/minimal.html +0 -25
  401. package/attr/parallax/tests/performance.html +0 -102
  402. package/attr/parallax/tests/test.html +0 -108
  403. package/attr/skin/tests/minimal.html +0 -34
  404. package/attr/skin/tests/test.html +0 -96
  405. package/class/badge/tests/minimal.html +0 -17
  406. package/class/badge/tests/test.html +0 -112
  407. package/class/card1/README.md +0 -45
  408. package/class/card1/card1.css +0 -30
  409. package/class/card1/tests/minimal.html +0 -33
  410. package/class/card1/tests/test.html +0 -78
  411. package/class/flex/tests/minimal.html +0 -31
  412. package/class/flex/tests/test.html +0 -58
  413. package/class/grid/tests/minimal.html +0 -34
  414. package/class/grid/tests/test.html +0 -78
  415. package/class/input/README.md +0 -49
  416. package/class/input/input.css +0 -33
  417. package/class/input/tests/minimal.html +0 -39
  418. package/class/input/tests/test.html +0 -29
  419. package/class/reset/tests/minimal.html +0 -23
  420. package/class/table/tests/minimal.html +0 -40
  421. package/class/table/tests/test.html +0 -226
  422. package/class/unstyle/tests/minimal.html +0 -22
  423. package/class/unstyle/tests/test.html +0 -32
  424. package/class/width/tests/minimal.html +0 -27
  425. package/class/width/tests/test.html +0 -101
  426. package/css/base/tests/nomotion.html +0 -89
  427. package/css/base/tests/test.html +0 -539
  428. package/css/classes/tests/test.html +0 -63
  429. package/css/classless/snippeds/experiments/conventions.css +0 -41
  430. package/css/classless/tests/aria.html +0 -101
  431. package/css/classless/tests/foreign/classless-almond.css.html +0 -445
  432. package/css/classless/tests/foreign/classless-classless.css.html +0 -831
  433. package/css/classless/tests/foreign/classless-mvp.html +0 -415
  434. package/css/classless/tests/foreign/classless.sakura.html +0 -224
  435. package/css/classless/tests/foreign/stylestage.dev.html +0 -304
  436. package/css/classless/tests/foreign/test-homogenizer.html +0 -433
  437. package/css/classless/tests/foreign/test-html5-elements-tester.html +0 -956
  438. package/css/classless/tests/foreign/test-opinionated_css.html +0 -148
  439. package/css/classless/tests/list-bullet.html +0 -110
  440. package/css/classless/tests/more.html +0 -246
  441. package/css/classless/tests/oklch.experiments.html +0 -280
  442. package/css/classless/tests/test.html +0 -106
  443. package/css/classless/tests/variables.html +0 -109
  444. package/css/norm/tests/test.html +0 -434
  445. package/css/norm/tests/test.js +0 -103
  446. package/el/accordion/tests/minimal.html +0 -44
  447. package/el/accordion/tests/test.html +0 -168
  448. package/el/alert/alert copy.js +0 -224
  449. package/el/alert/tests/minimal.html +0 -36
  450. package/el/alert/tests/test.html +0 -105
  451. package/el/buttongroup/tests/minimal.html +0 -31
  452. package/el/buttongroup/tests/test.html +0 -83
  453. package/el/bytes/tests/minimal.html +0 -19
  454. package/el/bytes/tests/test.html +0 -117
  455. package/el/carousel/tests/experiments.html +0 -77
  456. package/el/carousel/tests/minimal.html +0 -31
  457. package/el/carousel/tests/nested.html +0 -54
  458. package/el/carousel/tests/test.html +0 -136
  459. package/el/carousel-nav/tests/minimal.html +0 -32
  460. package/el/carousel-nav/tests/test.html +0 -59
  461. package/el/code/tests/minimal.html +0 -35
  462. package/el/code/tests/test.html +0 -162
  463. package/el/copy/tests/minimal.html +0 -21
  464. package/el/copy/tests/test.html +0 -75
  465. package/el/counter/tests/minimal.html +0 -27
  466. package/el/counter/tests/test.html +0 -106
  467. package/el/ico/tests/combinations.html +0 -86
  468. package/el/ico/tests/emojis.html +0 -213
  469. package/el/ico/tests/fonts.html +0 -110
  470. package/el/ico/tests/ico-directory.html +0 -254
  471. package/el/ico/tests/minimal.html +0 -46
  472. package/el/ico/tests/test.html +0 -210
  473. package/el/ico/tests/util-multi.svg +0 -6
  474. package/el/ico/tests/util.css +0 -2
  475. package/el/ico/tests/util.js +0 -110
  476. package/el/input/tests/formParticipation.html +0 -113
  477. package/el/input/tests/minimal.html +0 -33
  478. package/el/input/tests/test.html +0 -258
  479. package/el/masonry/tests/minimal.html +0 -39
  480. package/el/masonry/tests/test.html +0 -42
  481. package/el/number/tests/minimal.html +0 -25
  482. package/el/number/tests/test.html +0 -138
  483. package/el/out/tests/minimal.html +0 -25
  484. package/el/out/tests/test.html +0 -37
  485. package/el/parallax-bg/tests/bg.jpg +0 -0
  486. package/el/parallax-bg/tests/bg1.jpg +0 -0
  487. package/el/parallax-bg/tests/bg2.jpg +0 -0
  488. package/el/parallax-bg/tests/demo.html +0 -88
  489. package/el/parallax-bg/tests/minimal.html +0 -30
  490. package/el/parallax-bg/tests/test.html +0 -64
  491. package/el/parallax-bg/tests/visible.html +0 -90
  492. package/el/qrcode/tests/minimal.html +0 -26
  493. package/el/qrcode/tests/test.html +0 -31
  494. package/el/rating/tests/minimal.html +0 -26
  495. package/el/rating/tests/tests.html +0 -77
  496. package/el/rte/tests/minimal.html +0 -25
  497. package/el/rte/tests/test.html +0 -37
  498. package/el/skeleton/tests/minimal.html +0 -22
  499. package/el/skeleton/tests/test.html +0 -22
  500. package/el/splitbutton/README.md +0 -39
  501. package/el/splitbutton/splitbutton.js +0 -26
  502. package/el/splitbutton/tests/minimal.html +0 -30
  503. package/el/splitbutton/tests/test.html +0 -68
  504. package/el/splitpanel/tests/minimal.html +0 -31
  505. package/el/splitpanel/tests/tests.html +0 -121
  506. package/el/table/tests/minimal.html +0 -38
  507. package/el/table/tests/test.html +0 -108
  508. package/el/tabs/tests/minimal.html +0 -35
  509. package/el/tabs/tests/test.html +0 -180
  510. package/el/textfit/tests/minimal.html +0 -25
  511. package/el/textfit/tests/test.html +0 -26
  512. package/el/time/tests/minimal.html +0 -19
  513. package/el/time/tests/test.html +0 -160
  514. package/el/time/time copy.js +0 -141
  515. package/el/time/time.old.uhtml.js +0 -129
  516. package/el/tooltip/tests/minimal.html +0 -25
  517. package/el/tooltip/tests/test.html +0 -178
  518. package/el/tree1/README.md +0 -111
  519. package/el/tree1/manifest.json +0 -78
  520. package/el/tree1/tests/animated.html +0 -134
  521. package/el/tree1/tests/custom.html +0 -51
  522. package/el/tree1/tests/minimal.html +0 -44
  523. package/el/tree1/tests/test.html +0 -260
  524. package/el/tree1/tree1.css +0 -26
  525. package/el/tree1/tree1.js +0 -265
  526. package/el/typewriter/tests/minimal.html +0 -25
  527. package/el/typewriter/tests/test.html +0 -78
  528. package/js/Placer/tests/minimal.html +0 -34
  529. package/js/Placer/tests/test.html +0 -49
  530. package/js/PointerObserver/tests/minimal.html +0 -29
  531. package/js/PointerObserver/tests/test.html +0 -35
  532. package/js/SelectorObserver/tests/minimal.html +0 -21
  533. package/js/SelectorObserver/tests/test.html +0 -57
  534. package/js/SelectorObserver/tests/tests.html +0 -161
  535. package/js/contextmenu/tests/minimal.html +0 -44
  536. package/js/contextmenu/tests/test.html +0 -131
  537. package/js/dialog/tests/minimal.html +0 -29
  538. package/js/dialog/tests/notification.mp3 +0 -0
  539. package/js/dialog/tests/test.html +0 -135
  540. package/js/rte/tests/ai.html +0 -81
  541. package/js/rte/tests/behavior.html +0 -88
  542. package/js/rte/tests/events.html +0 -69
  543. package/js/rte/tests/fixes.html +0 -95
  544. package/js/rte/tests/minimal.html +0 -34
  545. package/js/rte/tests/notes.md +0 -6
  546. package/js/rte/tests/range.html +0 -167
  547. package/js/rte/tests/selection-explorer.html +0 -222
  548. package/js/rte/tests/test.html +0 -92
  549. package/js/shortcut/tests/minimal.html +0 -23
  550. package/js/shortcut/tests/test.html +0 -68
  551. package/u2/experiments/Waiter/test.html +0 -132
  552. package/u2/experiments/getElementByIdPromise/test.html +0 -76
  553. package/u2/experiments/patchInputValue.html +0 -124
  554. package/u2/experiments/radiobutton/test.html +0 -75
  555. package/u2/experiments/tests/test.html +0 -223
  556. package/u2/experiments/u1-responsive/responsive.js +0 -62
  557. package/u2/experiments/u1-responsive/test.html +0 -65
  558. package/u2/experiments/u2Element.js +0 -139
  559. package/u2/experiments/u2Element.test.html +0 -47
  560. package/u2/old-stuff/IterableWeakMap/mod.js +0 -70
  561. package/u2/old-stuff/css/onStyleSheet/mod.js +0 -114
  562. package/u2/old-stuff/css/onStyleSheet/monkeypatches.js +0 -28
  563. package/u2/old-stuff/css/onStyleSheet/test/include.css +0 -19
  564. package/u2/old-stuff/css/onStyleSheet/test/style-has-include.css +0 -6
  565. package/u2/old-stuff/css/onStyleSheet/test/style-no-include.css +0 -3
  566. package/u2/old-stuff/css/onStyleSheet/test/test.html +0 -48
  567. package/u2/old-stuff/css/parser/mod.js +0 -182
  568. package/u2/old-stuff/css/parser/parser_old/mod.js +0 -128
  569. package/u2/old-stuff/css/parser/parser_old/test.html +0 -43
  570. package/u2/old-stuff/css/parser/parser_old/util.js +0 -22
  571. package/u2/old-stuff/css/parser/style.html +0 -52
  572. package/u2/old-stuff/css/parser/test.html +0 -38
  573. package/u2/old-stuff/el/ai-texter/README.md +0 -23
  574. package/u2/old-stuff/el/ai-texter/ai-texter.css +0 -12
  575. package/u2/old-stuff/el/ai-texter/ai-texter.js +0 -153
  576. package/u2/old-stuff/el/ai-texter/tests/minimal.html +0 -47
  577. package/u2/old-stuff/el/ai-texter/tests/test.html +0 -71
  578. package/u2/old-stuff/init.js +0 -38
  579. package/u2/old-stuff/markHashLinks.js +0 -51
  580. package/u2/old-stuff/onElement/mod.js +0 -73
  581. package/u2/old-stuff/test-helpers/mod.js +0 -36
  582. package/u2/old-stuff/test-helpers/test.html +0 -4
  583. package/u2/old-stuff/tests/init.js.html +0 -51
  584. package/u2/old-stuff/viewport.js +0 -64
  585. package/u2/tests/boilerplate.html +0 -46
  586. package/u2/tests/kacheln.html +0 -245
  587. package/u2/tests/showcase.html +0 -270
  588. package/u2/tests/showcase2.html +0 -157
  589. package/u2/tests/test-init.js +0 -35
  590. package/u2/tests/test.html +0 -355
  591. package/u2/tools/logo/u1ui.svg +0 -6
package/attr/behavior/tests/minimal.html DELETED
@@ -1,19 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html lang=en>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name=viewport content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script src="../behavior.js" type=module async></script>
12
-
13
- <body>
14
-
15
- <section class=main>
16
-
17
- <button u2-behavior=share>behavior=share</button>
18
-
19
- </section>
package/attr/behavior/tests/test.html DELETED
@@ -1,98 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html lang=en>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name=viewport content="width=device-width">
6
- <title>tests</title>
7
- <script src="../../../u2/tests/test-init.js" type=module async></script>
8
-
9
- <script src="../../../u2/auto.js" type=module async></script>
10
-
11
- <link rel=stylesheet href="../../../css/classless/full.css">
12
- <link rel=stylesheet href="../../../css/classless/simple.css">
13
-
14
- <script src="../behavior.js" type=module async></script>
15
-
16
- <style>
17
- body {
18
- --u2-ico-dir: 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/';
19
- }
20
- </style>
21
-
22
-
23
- <body>
24
-
25
- <section>
26
-
27
- <h3>share</h3>
28
- <button u2-behavior="share"></button>
29
-
30
- <h3>custom text</h3>
31
- <button u2-behavior="share">share this</button>
32
-
33
- <h3>state elements</h3>
34
- <button u2-behavior="share" data-url="https://example.com" data-title="Example" data-text="This is an example">
35
- <span class="-text"></span>
36
- <u2-ico class="-success" inline>check</u2-ico>
37
- <u2-ico class="-error" inline>exclamation-triangle</u2-ico>
38
- </button>
39
-
40
- <h2>using class "-text" as text-content</h2>
41
- <button u2-behavior="share" style="padding:.5rem">
42
- <u2-ico>share</u2-ico>
43
- <u2-tooltip class="-text"></u2-tooltip>
44
- </button>
45
-
46
-
47
- <h3>close</h3>
48
- <button popovertarget="my-popover">Open Popover</button>
49
- <div popover id="my-popover">
50
- <button u2-behavior="close"></button>
51
- Greetings, one and all!
52
- </div>
53
-
54
- <h3>print</h3>
55
- <button u2-behavior="print"></button>
56
-
57
- <h3>install</h3>
58
- <button u2-behavior="webapp.install"></button>
59
-
60
- <h3>once</h3>
61
- <button u2-behavior="once" id="once-test">Once</button>
62
- <br>
63
- <button onclick="localStorage.removeItem('u2-behavior-once-once-test');">reset</button>
64
-
65
- <h3>Fullscreen toggle</h3>
66
- <button u2-behavior="fullscreen.toggle" style="padding:.5rem">
67
- <u2-tooltip class="-text"></u2-tooltip>
68
- <u2-ico class="-active">fullscreen-exit</u2-ico>
69
- <u2-ico class="-inactive">fullscreen</u2-ico>
70
- </button>
71
-
72
-
73
- <h3>darkmode.toggle</h3>
74
- <button u2-behavior="darkmode.toggle">
75
- <span class="-text"></span>:
76
- <span class="-active">on</span>
77
- <span class="-inactive" hidden>off</span>
78
- </button>
79
-
80
- <h3>wakeLock</h3>
81
- <button u2-behavior="wakeLock">
82
- <span class="-text"></span>:
83
- <span class="-active">on</span>
84
- <span class="-inactive" hidden>off</span>
85
- </button>
86
-
87
-
88
-
89
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
90
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
91
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
92
-
93
- <div style="position:fixed; bottom:1rem; right:1rem;">
94
- <h3>scroll</h3>
95
- <button u2-behavior="scroll">⬆️</button>
96
- </div>
97
-
98
- </section>
package/attr/confirm/tests/minimal.html DELETED
@@ -1,23 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html lang=en>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name=viewport content="width=device-width">
6
- <title>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
- <script src="../confirm.js" type=module async></script>
13
-
14
- <body>
15
-
16
- <section class=main>
17
-
18
- <form u2-confirm="Save name?" target=_blank>
19
- <label><input name=name></label>
20
- <button>confirm</button>
21
- </form>
22
-
23
- </section>
package/attr/confirm/tests/test.html DELETED
@@ -1,79 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html lang=en>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name=viewport content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script src="../confirm.js" type=module async></script>
12
-
13
-
14
- <body>
15
-
16
- <section>
17
-
18
- <h2>Tests</h2>
19
-
20
- <form u2-confirm="send form?" id=theForm>
21
- <label>
22
- <input name="x">
23
- </label>
24
- <br>
25
- <button u2-confirm="Send form using btn?">
26
- send
27
- <small>(u2-confirm on the button element)</small>
28
- </button>
29
- <br>
30
- <button>
31
- send
32
- <small>(u2-confirm on the form element)</small>
33
- </button>
34
- </form>
35
-
36
- <button onclick="theForm.requestSubmit()">requestSubmit</button>
37
-
38
- <h2>Using submit-event <small>(and preventDefault)</small></h2>
39
-
40
- <form u2-confirm="send form?" id=theForm2>
41
- <label>
42
- <input name="y">
43
- </label>
44
- <button>send</button>
45
- </form>
46
-
47
- <script>
48
- theForm2.addEventListener('submit',e=>{
49
- e.preventDefault();
50
- var data = new FormData(theForm2)
51
- console.log(data)
52
- });
53
- </script>
54
-
55
- <h2>Not form related Button</h2>
56
-
57
- <button u2-confirm="Would you like an alert()?" onclick="alert('clicked')">
58
- without form
59
- <small>klick me</small>
60
- </button>
61
-
62
- <h2>No message (default message)</h2>
63
- <button u2-confirm onclick="alert('clicked')" lang=en>
64
- [lang="en"]
65
- </button>
66
-
67
- <button u2-confirm onclick="alert('clicked')" lang=de>
68
- [lang="de"]
69
- </button>
70
-
71
- <button u2-confirm onclick="alert('clicked')" lang=fr>
72
- [lang="fr"]
73
- </button>
74
-
75
- <h2>Link (not working! implemented if needed)</h2>
76
-
77
- <a u2-confirm="open U2Ui on github?" href="https://github.com/u2ui/u2" target="_blank">a link</a>
78
-
79
- </section>
package/attr/draghandle/tests/minimal.html DELETED
@@ -1,44 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang=en>
3
- <head>
4
- <meta charset=utf-8>
5
- <meta name=viewport content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script src="../draghandle.js" type=module></script>
12
-
13
- <body>
14
-
15
- <section class=main>
16
- <article draggable="false">
17
- <u2-ico u2-draghandle>
18
- <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"></path></svg>
19
- </u2-ico>
20
- <h2>This is a draggable article.</h2>
21
- <p>
22
- It is draggable, but only by its drag handle.
23
- </p>
24
- </article>
25
- </section>
26
-
27
- <style class=main>
28
- [draggable="false"] {
29
- border: .5rem solid #eee;
30
- }
31
- [draggable="true"] {
32
- border: .5rem solid var(--color, #4caf50);
33
- }
34
- </style>
35
-
36
- <style>
37
- [u2-draghandle] {
38
- float: right;
39
- }
40
- article {
41
- padding:1rem;
42
- background-color: #f8f8f8;
43
- }
44
- </style>
package/attr/focusgroup/tests/minimal.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang=en>
3
- <head>
4
- <meta charset=utf-8>
5
- <meta name=viewport content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script src="../focusgroup.js"></script>
12
-
13
- <body>
14
-
15
- <section class=main>
16
- <div u2-focusgroup="wrap remember">
17
- <button>focusgroup</button>
18
- <button>focus and</button>
19
- <button>then use arrow-keys</button>
20
- </div>
21
- </section>
22
-
23
- <style class=main>
24
- [u2-focusgroup] [tabindex="0"] {
25
- background: lightblue;
26
- }
27
- </style>
package/attr/focusgroup/tests/test.html DELETED
@@ -1,154 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
- <title>Attribute u2-focusgroup tests</title>
8
-
9
- <link rel=stylesheet href="../../../css/classless/full.css">
10
- <link rel=stylesheet href="../../../css/classless/simple.css">
11
-
12
- <script src="../focusgroup.js"></script>
13
-
14
- <body>
15
-
16
- <section>
17
- <h2>u2-focusgroup</h2>
18
-
19
- <div style="display:flex; gap:1rem" u2-focusgroup>
20
- <button>press left or up key to focus the previous button</button>
21
- <button disabled>disabled</button>
22
- <button>press right or down key to focus the next button</button>
23
- </div>
24
- </section>
25
-
26
- <section>
27
- <h2>u2-focusgroup="wrap remember"</h2>
28
- <p>
29
- <strong>Wrap:</strong> If the last element has focus the next will be the first element.
30
- </p>
31
- <p>
32
- <strong>Remember:</strong> If you come back to the group the last focused element will be focused. (The others can not be focused by tab-key.)
33
- </p>
34
-
35
- <div style="display:flex; gap:1rem" u2-focusgroup="wrap remember">
36
- <label>1. <input type="checkbox"></label>
37
- <label>2. <input type="checkbox"></label>
38
- <label>3. <input type="checkbox"></label>
39
- </div>
40
- </section>
41
-
42
- <section>
43
- <h2>u2-focusgroup="horizontal" / "vertical"</h2>
44
-
45
- <fieldset style="display:flex; gap:1rem; " u2-focusgroup="horizontal">
46
- <legend>horizontal</legend>
47
- <div tabindex="0">1</div>
48
- <div tabindex="-1">tabindex=-1</div>
49
- <div tabindex="0">2</div>
50
- </fieldset>
51
-
52
- <fieldset style="display:flex; gap:1; flex-direction: column;" u2-focusgroup="vertical">
53
- <legend>vertical</legend>
54
- <div tabindex="0">1</div>
55
- <div tabindex="0">2</div>
56
- </fieldset>
57
- <section>
58
-
59
- <section>
60
- <h2>inside shadow dom</h2>
61
-
62
- <div id=shadowTest></div>
63
-
64
- <script>
65
- const shadow = shadowTest.attachShadow({mode: 'open'});
66
- shadow.innerHTML = `
67
- <div style="display:flex; gap:1rem" u2-focusgroup>
68
- <button>press left or up key to focus the previous button</button>
69
- <button>press right or down key to focus the next button</button>
70
- </div>
71
- `;
72
- </script>
73
- </section>
74
-
75
- <section>
76
- <h2>Using different input fields</h2>
77
-
78
- <div style="display:flex; flex-direction:column; gap:1rem" u2-focusgroup>
79
- <label>
80
- text
81
- <input type="text">
82
- horizontal does not work
83
- </label>
84
- <label>
85
- checkbox
86
- <input type="checkbox">
87
- does work
88
- </label>
89
- <label>
90
- radio
91
- <input type="radio">
92
- does work
93
- </label>
94
- <label>
95
- select
96
- <select><option>1</option><option>2</option></select>
97
- vertical does not work
98
- </label>
99
- <label>
100
- textarea
101
- <textarea></textarea>
102
- horizontal and vertical do not work
103
- </label>
104
- </div>
105
- </section>
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
- <!--
115
- from microsoft focusgroup polyfill
116
-
117
- <style>
118
- span.fakeradio { display:inline-block; width:20px; height:20px; border-radius:50%; background:lightgray; }
119
- span.fakeradio:focus { outline: 2px solid black; }
120
- [role=menu] { display: flex; flex-direction: column; width: 250px; border: 1px solid black; }
121
- [role=menuitem]:focus { outline: 2px solid blue; }
122
- </style>
123
- </head>
124
- <body>
125
- <div u2-focusgroup>
126
- <input type="checkbox">
127
- <input type="checkbox">
128
- </div>
129
- <fieldset u2-focusgroup>
130
- <legend>shopping list</legend>
131
- <label u2-focusgroup="extends wrap"><input type="checkbox">Apples</label>
132
- <label u2-focusgroup="extends"><input type="checkbox">Bananas</label>
133
- <label u2-focusgroup="extends wrap"><input type="checkbox">Carrots</label>
134
- <label u2-focusgroup="extends"><input type="checkbox">Tomatoes</label>
135
- </fieldset>
136
- <p>Pretend radio buttons (wrapping)</p>
137
- <div u2-focusgroup="wrap">
138
- <span tabindex="0" class="fakeradio"></span>
139
- <span tabindex="-1" class="fakeradio"></span>
140
- <span tabindex="-1" class="fakeradio"></span>
141
- <span tabindex="-1" class="fakeradio"></span>
142
- </div>
143
- <p>vertical menu (with horizontal submenus)</p>
144
- <div u2-focusgroup="vertical" role="menu">
145
- <div tabindex=0 role="menuitem">menu item 1</div>
146
- <div tabindex=-1 role="menuitem">menu item 2</div>
147
- <div tabindex=-1 role="menuitem">menu item 3</div>
148
- <div tabindex=-1 u2-focusgroup="extends horizontal wrap" aria-orientation="horizontal" style="display: flex;justify-content: space-evenly" >
149
- <span tabindex=-1 role="menuitem">sub 3.1</span>
150
- <span tabindex=-1 role="menuitem">sub 3.2</span>
151
- </div>
152
- <div tabindex=-1 role="menuitem">menu item 4</div>
153
- </div>
154
- -->
package/attr/href/tests/minimal.html DELETED
@@ -1,17 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang=en>
3
- <head>
4
- <meta charset=utf-8>
5
- <meta name=viewport content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
-
8
- <script src="../href.js" type=module async></script>
9
-
10
- <body>
11
-
12
- <section class=main>
13
- <div u2-href="http://schwups.ch" u2-href-target=_blank>
14
- Pseudo link
15
- </div>
16
- </section>
17
-
package/attr/href/tests/test.html DELETED
@@ -1,70 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width">
6
- <script src="../../../u2/tests/test-init.js" type=module async></script>
7
- <title>Attribute u2-href tests</title>
8
-
9
- <link rel=stylesheet href="../../../css/classless/full.css">
10
- <link rel=stylesheet href="../../../css/classless/simple.css">
11
-
12
- <script src="../href.js"></script>
13
-
14
- <body>
15
-
16
- <div u2-href="https://github.com/u2ui" class=pseudoLink>
17
- <h1>I am a DIV and i act like a link</h1>
18
- <ul>
19
- <li>Elements using the u2-href-attribute have a cursor:pointer</li>
20
- <li>Try <mark>ctrl-click</mark>, the link shoul open in a new tab</li>
21
- <li>Try <mark>right or middle mouse button</mark> the link does not work</li>
22
- <li>If you <mark>Select some text</mark> the link does not work</li>
23
- <li>
24
- <button> if you click the button, the u2-href does not work</button>
25
- </li>
26
- <li>
27
- <label>
28
- Label
29
- <input value="and inputs also prevents navigation" style="width:200px">
30
- </label>
31
- </li>
32
- <li contenteditable>
33
- I am contenteditable, h1-href does not navigate
34
- </li>
35
- <li onclick="event.preventDefault()">I am a li that prevents the click-default, it also prevents c1-href from navigate (<code>onclick="event.preventDefault()"</code>)</li>
36
- </ul>
37
- </div>
38
-
39
- <div u2-href="https://github.com/u2ui" u2-href-target=_blank class=pseudoLink>
40
- A u2-href link with the attribute <code>u2-href-target="_blank"</code><br>
41
- Opens in a new window
42
- </div>
43
-
44
-
45
- <div u2-href="https://github.com/u2ui" class=pseudoLink tabindex="0">
46
- This u2-href link is keyboard-accessible through it has "tabindex"-attribute<br>
47
- It will not trigger navigation if it is focused and you press enter, should it?<br>
48
- If you have usecase, please let me know.
49
- </div>
50
-
51
-
52
- <div u2-href="./" class=pseudoLink>
53
- relative links "./"
54
- </div>
55
-
56
- <div u2-href=" &#14; jAvascript:alert('xss')" class=pseudoLink>
57
- security, should not execute u2-href=" &amp;#14; jAvascript:alert('xss')"
58
- </div>
59
-
60
- <style>
61
- li {
62
- padding:1rem;
63
- }
64
- .pseudoLink {
65
- margin:1rem;
66
- border:1px solid red;
67
- background:#ffe;
68
- padding:1rem;
69
- }
70
- </style>
package/attr/intersect/tests/minimal.html DELETED
@@ -1,30 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang=en>
3
- <head>
4
- <meta charset=utf-8>
5
- <meta name=viewport content="width=device-width">
6
-
7
- <script src="../intersect.js" type=module async></script>
8
-
9
- <body>
10
-
11
- <section class="main">
12
- <div u2-intersect>intersect</div>
13
- <div u2-intersect>item 2</div>
14
- <div u2-intersect>item 3</div>
15
- </section>
16
-
17
- <style class="main">
18
- [u2-intersect] {
19
- --u2-intersect-margin:-10%;
20
- --u2-intersect-threshold:1;
21
- background:#fbb;
22
- }
23
- [u2-intersect].u2-intersected { background:#bfb; }
24
- [u2-intersect]::after {
25
- display:block;
26
- content:'below';
27
- }
28
- [u2-intersect].u2-intersected::after { content:'intersected'; }
29
- [u2-intersect~="above"]::after { content:'above' }
30
- </style>
package/attr/intersect/tests/test.html DELETED
@@ -1,64 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width">
6
- <title>Attribute u2-href tests</title>
7
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <!--link rel=stylesheet href="../../../css/classless/simple.css"-->
10
-
11
- <script src="../intersect.js" type=module async></script>
12
-
13
- <body>
14
-
15
- <style>
16
- [u2-intersect] {
17
- border:2px solid;
18
- padding:2rem;
19
- margin:5rem auto;
20
- background:red;
21
- width:50%;
22
- }
23
- [u2-intersect].u2-intersected {
24
- background:green;
25
- }
26
- [u2-intersect~="above"] {
27
- background:orange;
28
- }
29
-
30
- </style>
31
-
32
-
33
- <div style="position:fixed; top:0; left:0; right:0; bottom:0; opacity:0.2; z-index:-1; border:20vh solid #A49CE1; border-width:20vh 20vw"></div>
34
-
35
- <div>
36
- <div u2-intersect style="height:20vh; --u2-intersect-margin:0%; --u2-intersect-threshold:0;" >
37
- --u2-intersect-margin:0;<br>
38
- --u2-intersect-threshold:0;
39
- </div>
40
- <div u2-intersect style="height:20vh; --u2-intersect-margin:-20%; --u2-intersect-threshold:0;" >
41
- --u2-intersect-margin:-20%;<br>
42
- --u2-intersect-threshold:0;
43
- </div>
44
- <div u2-intersect style="height:20vh; --u2-intersect-margin:-20%; --u2-intersect-threshold:1;" >
45
- --u2-intersect-margin:-20%;<br>
46
- --u2-intersect-threshold:1;
47
- </div>
48
- <div u2-intersect style="height:20vh; --u2-intersect-margin:-20%; --u2-intersect-threshold:0.25;" >
49
- --u2-intersect-margin:-20%;<br>
50
- --u2-intersect-threshold:0.25;
51
- </div>
52
- <div u2-intersect style="height:20vh;" class=selector1>
53
- <style style="display:block; font-size:.9rem">
54
- .selector1:not([u2-intersect~="0.5"]) {
55
- background:red;
56
- }
57
- .selector1:not([u2-intersect~="0.5"])[u2-intersect~="above"] {
58
- background:orange;
59
- }
60
- </style>
61
- </div>
62
-
63
- <div style="height:100vh"></div>
64
- </div>