u2ui 1.0.1 → 1.4.6

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 +87 -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 +15 -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 +87 -0
  276. package/el/tooltip/README.md +13 -10
  277. package/el/tooltip/manifest.json +56 -69
  278. package/el/tooltip/tooltip.css +100 -97
  279. package/el/tooltip/tooltip.js +146 -82
  280. package/el/tree/README.md +133 -0
  281. package/el/tree/ext/dnd.js +53 -0
  282. package/el/tree/ext/item.js +35 -0
  283. package/el/tree/manifest.json +61 -0
  284. package/el/tree/tree.css +18 -0
  285. package/el/tree/tree.js +236 -0
  286. package/el/typewriter/README.md +11 -11
  287. package/el/typewriter/manifest.json +45 -66
  288. package/el/typewriter/typewriter.css +6 -6
  289. package/el/typewriter/typewriter.js +161 -166
  290. package/el/video/README.md +37 -0
  291. package/el/video/manifest.json +96 -0
  292. package/el/video/video.js +550 -0
  293. package/js/Placer/Placer.js +156 -156
  294. package/js/Placer/README.md +14 -16
  295. package/js/PointerObserver/PointerObserver-no-scroll.js +146 -0
  296. package/js/PointerObserver/PointerObserver.js +161 -130
  297. package/js/PointerObserver/README.md +6 -7
  298. package/js/SelectorObserver/README.md +9 -9
  299. package/js/SelectorObserver/SelectorObserver.js +199 -200
  300. package/js/Tour/README.md +56 -0
  301. package/js/Tour/Tour.js +156 -0
  302. package/js/contextmenu/README.md +6 -31
  303. package/js/contextmenu/contextmenu.js +338 -336
  304. package/js/dialog/README.md +8 -7
  305. package/js/dialog/dialog.js +228 -261
  306. package/js/drag/README.md +28 -0
  307. package/js/drag/drag.js +38 -0
  308. package/js/drag/indicateDrop.js +80 -0
  309. package/js/loading/README.md +24 -0
  310. package/js/loading/loading.js +139 -0
  311. package/js/navigator/README.md +26 -0
  312. package/js/navigator/navigator.js +430 -0
  313. package/js/navigator/url-change-event.js +29 -0
  314. package/js/rte/README.md +13 -14
  315. package/js/rte/old/NodeCleaner.js +315 -315
  316. package/js/rte/old/Rte/Rte.ui.mjs +154 -154
  317. package/js/rte/old/Rte/index.mjs +5 -5
  318. package/js/rte/old/Rte/main.css +189 -189
  319. package/js/rte/old/old.rte.js +131 -131
  320. package/js/rte/old/range-selection.old.js +394 -394
  321. package/js/rte/rte.js +7 -7
  322. package/js/rte/src/behavior.js +228 -228
  323. package/js/rte/src/events.js +73 -73
  324. package/js/rte/src/fixes.js +250 -250
  325. package/js/rte/src/range.js +469 -472
  326. package/js/rte/src/rte.js +71 -71
  327. package/js/rte/src/ui/items/ai.js +166 -167
  328. package/js/rte/src/ui/items/code.js +93 -93
  329. package/js/rte/src/ui/items/undo.js +183 -183
  330. package/js/rte/src/ui.items.js +6 -7
  331. package/js/rte/src/ui.js +268 -268
  332. package/js/rte/src/util/indentHtml.js +21 -15
  333. package/js/serviceWorker/README.md +17 -0
  334. package/js/serviceWorker/serviceWorker.js +84 -0
  335. package/js/serviceWorker/sw.js +221 -0
  336. package/js/shortcut/README.md +6 -6
  337. package/js/shortcut/shortcut.js +53 -89
  338. package/package.json +2 -4
  339. package/theme/brutalist/README.md +10 -0
  340. package/theme/brutalist/theme.css +98 -0
  341. package/theme/elegance/README.md +10 -0
  342. package/theme/elegance/theme.css +120 -0
  343. package/theme/luxury/README.md +10 -0
  344. package/theme/luxury/theme.css +107 -0
  345. package/theme/minimalism/README.md +10 -0
  346. package/theme/minimalism/theme.css +103 -0
  347. package/theme/natur/README.md +10 -0
  348. package/theme/natur/theme.css +101 -0
  349. package/theme/pastell/README.md +10 -0
  350. package/theme/pastell/theme.css +99 -0
  351. package/theme/pop/README.md +10 -0
  352. package/theme/pop/theme.css +101 -0
  353. package/theme/prompt.css +175 -0
  354. package/theme/retro/README.md +10 -0
  355. package/theme/retro/theme.css +99 -0
  356. package/theme/soft/README.md +10 -0
  357. package/theme/soft/theme.css +84 -0
  358. package/theme/tech/README.md +10 -0
  359. package/theme/tech/theme.css +98 -0
  360. package/theme/test/README.md +10 -0
  361. package/theme/test/theme.css +109 -0
  362. package/theme/test.html +284 -0
  363. package/theme/tmp/README.md +10 -0
  364. package/theme/tmp/theme.css +323 -0
  365. package/u2/auto.js +151 -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/js/SelectorObserver/tests/tests.html DELETED
@@ -1,161 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="utf-8" />
6
- <title>Tests</title>
7
- <meta name="viewport" content="width=device-width" />
8
- <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
9
-
10
- <body>
11
- <div id="mocha"></div>
12
-
13
- <script src="https://unpkg.com/chai@4.4.1/chai.js"></script>
14
- <script src="https://unpkg.com/mocha@10.2.0/mocha.js"></script>
15
-
16
- <script class="mocha-init">
17
- mocha.setup('bdd');
18
- mocha.checkLeaks();
19
- </script>
20
-
21
- <div class=container id=container>
22
- <div class=item id=el1>added before</div>
23
- </div>
24
-
25
- <script type=module>
26
- import {SelectorObserver} from '../SelectorObserver.js';
27
-
28
- describe('SelectorObserver', () => {
29
- let lastAdded = null;
30
- let lastRemoved = null;
31
- let o = new SelectorObserver({
32
- on: el => lastAdded = el ,
33
- off : el => lastRemoved = el ,
34
- });
35
- const options = {};
36
- o.observe('.container .item', options);
37
-
38
- let el2 = document.createElement('div');
39
- el2.classList.add('item');
40
- el2.id = 'el2';
41
- el2.innerHTML = 'dynamicly added';
42
-
43
- it('found existing:', () => {
44
- chai.expect(lastAdded).to.equal(el1);
45
- });
46
-
47
- it('add dynamicly:', done => {
48
- lastAdded = lastRemoved = null;
49
- el1.after(el2)
50
- setTimeout(()=>{
51
- chai.expect(lastAdded).to.equal(el2);
52
- done();
53
- },50)
54
- });
55
-
56
- it('remove class:', done => {
57
- lastAdded = lastRemoved = null;
58
- el2.classList.remove('item');
59
- setTimeout(()=>{
60
- chai.expect(lastRemoved).to.equal(el2);
61
- el2.classList.add('item');
62
- done();
63
- },50)
64
- });
65
-
66
- it('nested, remove parent class: (should not work)', done => {
67
- lastAdded = lastRemoved = null;
68
- container.classList.remove('container');
69
- setTimeout(()=>{
70
- chai.expect(lastRemoved).to.equal(null);
71
- container.classList.add('container');
72
- done();
73
- },50);
74
- });
75
-
76
- it('nested, remove parent class: (using deep)', done => {
77
- lastAdded = lastRemoved = null;
78
- options.deep = true;
79
- container.classList.remove('container');
80
- setTimeout(()=>{
81
- chai.expect(lastRemoved).to.equal(el2);
82
- container.classList.add('container');
83
- done();
84
- },50);
85
- });
86
-
87
- it('add wrapper:', done => {
88
- lastAdded = lastRemoved = null;
89
- el1.insertAdjacentHTML('afterend', '<div id=wrapper><div class=item id=el3>wrapped</div></div>');
90
- setTimeout(()=>{
91
- chai.expect(lastAdded.id).to.equal('el3');
92
- done();
93
- },50)
94
- });
95
-
96
- it('remove wrapper:', done => {
97
- lastAdded = lastRemoved = null;
98
- wrapper.remove();
99
- setTimeout(()=>{
100
- chai.expect(lastRemoved.id).to.equal('el3');
101
- done();
102
- },50)
103
- });
104
-
105
- it('move node but keep it matched to the selector:', done => {
106
- lastAdded = lastRemoved = null;
107
- el2.remove();
108
- container.prepend(el2);
109
- setTimeout(()=>{
110
- chai.expect(lastRemoved.id).to.equal('el2');
111
- chai.expect(lastAdded.id).to.equal('el2');
112
- done();
113
- },100)
114
- });
115
-
116
- it('add after disconnect:', done => {
117
- lastAdded = lastRemoved = null;
118
- o.disconnect();
119
- el1.insertAdjacentHTML('afterend', '<div class=item id=afterDisconnect>after disconnect</div>');
120
- setTimeout(()=>{
121
- chai.expect(lastAdded).to.equal(null);
122
- afterDisconnect.remove();
123
- done();
124
- });
125
- });
126
-
127
- });
128
-
129
- /*
130
- describe('SelectorObserver check by animationend', () => {
131
- it('nested, add parent class:', done => {
132
- let o = new SelectorObserver({
133
- on: el => {
134
- chai.expect(el.id).to.equal('el1');
135
- done();
136
- }
137
- })
138
- o.observe('.test #el1', {checkAnimation: true});
139
- container.classList.add('test');
140
- });
141
- it('nested, remove parent class:', done => {
142
- let o = new SelectorObserver({
143
- off: el => {
144
- chai.expect(el.id).to.equal('el1');
145
- done();
146
- }
147
- })
148
- o.observe('.test #el1', {checkAnimation: true});
149
- container.classList.remove('test');
150
- });
151
- });
152
- */
153
-
154
-
155
- </script>
156
- <script class="mocha-exec" type=module>
157
- mocha.run();
158
- </script>
159
- </body>
160
-
161
- </html>
package/js/contextmenu/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
- <body>
8
-
9
- <section class="main">
10
- <button>button 1</button>
11
- <button>button 2</button>
12
- </section>
13
-
14
- <script type=module class="main">
15
-
16
- import {contextMenu} from '../contextmenu.js';
17
-
18
- contextMenu.add([
19
- {
20
- label: 'Button',
21
- action: e => alert(e.target.textContent),
22
- icon: '<svg viewBox="0 0 24 24"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>',
23
- selector: 'button'
24
- },{
25
- label: 'More',
26
- icon: 'add_circle',
27
- children: [
28
- {
29
- label: 'Submenu 1',
30
- icon: 'delete',
31
- action(e) { alert(this.label + ' by ' + e.originalEvent.type) },
32
- shortcut: 'Ctrl+1',
33
- },
34
- {
35
- label: 'Submenu 2',
36
- icon: 'edit',
37
- action(e) { alert(this.label + ' by ' + e.originalEvent.type) },
38
- shortcut: 'Ctrl+2',
39
- },
40
- ]
41
- },
42
- ]);
43
-
44
- </script>
package/js/contextmenu/tests/test.html DELETED
@@ -1,131 +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
- <script src="../../../u2/auto.js" type=module async></script>
8
-
9
- <link rel=stylesheet href="../../../css/classless/full.css">
10
- <link rel=stylesheet href="../../../css/classless/aria.css">
11
- <link rel=stylesheet href="../../../css/classless/simple.css">
12
-
13
-
14
-
15
- <script src="../contextmenu.js" type=module async></script>
16
-
17
- </head>
18
-
19
- <body>
20
-
21
- <script type=module>
22
- import {contextMenu} from '../contextmenu.js';
23
-
24
- contextMenu.addItem('Icon as SVG',{
25
- action: () => alert('Eine Section'),
26
- icon: '<svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0a4.5 4.5 0 1 1-.01-8.99A4.5 4.5 0 0 1 9.5 14z"/></svg>',
27
- });
28
-
29
- contextMenu.addItem('Shortcut',{
30
- action: (e) => alert('triggered by: '+e.originalEvent.type),
31
- icon: 'article_shortcut',
32
- shortcut: 'Ctrl + M + K',
33
- });
34
-
35
- const more = contextMenu.addItem('Mehr', {icon: 'add_circle'});
36
- more.addItem('This item has a label with very long text, is it truncated?',{
37
- action: () => alert('should be truncated'),
38
- });
39
- more.addItem('Label with <b style="color:green">html</b> in it',{
40
- action: () => alert('look at the source code'),
41
- });
42
-
43
- contextMenu.addSeparator();
44
-
45
-
46
- contextMenu.add({
47
- 'multi on menu': e=>console.log(e),
48
- 'multi on menu second': e=>console.log(e),
49
- });
50
-
51
-
52
- const addItems = contextMenu.addItem('multi on item').add({
53
- 'obj index 1': e=>console.log(e),
54
- 'obj index 2': {
55
- 'small': e=>alert('should have a min width'),
56
- 'ok?': e=>alert('should have a max width'),
57
- },
58
- 'obj index 3': [
59
- {label: 'array item 1',action: e=>console.log(e)},
60
- '-',
61
- {label: 'array item 2',action: e=>console.log(e), children: [
62
- {label: 'array item 2.1', action: e=>console.log(e)},
63
- {label: 'array item 2.2', action: e=>console.log(e)}
64
- ],
65
- }],
66
- });
67
-
68
- contextMenu.addItem('custom html',{
69
- html: `
70
- <div class=-item style="justify-content:center">
71
- <button role=menuitem>left</button>
72
- <button role=menuitem>center</button>
73
- <button role=menuitem>right</button>
74
- </div>`,
75
- selector: 'section'
76
- });
77
- contextMenu.addItem('checkbox (html)',{
78
- html: `
79
- <label class=-item>
80
- <span class=-icon><input type=checkbox></span>
81
- <span class=-label>Checkbox</span>
82
- </label>`
83
- });
84
- contextMenu.addItem('input',{
85
- html: `
86
- <label class=-item>
87
- <span class=-label><input placeholder="value"></span>
88
- </label>`,
89
- selector: 'input, textarea',
90
- onparse(e) {
91
- const inp = this.el.querySelector('input');
92
- inp.value = e.target.value;
93
- inp.oninput = () => e.target.value = inp.value;
94
- }
95
- });
96
-
97
-
98
- </script>
99
-
100
-
101
- <section tabindex="0">
102
- Dies ist eine section
103
-
104
- <br>
105
- <label>
106
- <input type=text value=Hallo><br>
107
- </label>
108
- <label>
109
- <input type=text value=World><br>
110
- </label>
111
-
112
- </section>
113
-
114
-
115
- <u2-code trim editable>
116
- <style style="display:block" contenteditable>
117
- html {
118
- --color: #88c4ff;
119
- --color-bg: #eef7ff;
120
- --color-text: #001040;
121
- }
122
- #u2ContextMenuContainer::part(menu) {
123
- border-radius: .8em;
124
- padding: .5em;
125
- }
126
- #u2ContextMenuContainer::part(item) {
127
- border-radius: .5em;
128
- overflow: hidden;
129
- }
130
- </style>
131
- </u2-code>
package/js/dialog/tests/minimal.html DELETED
@@ -1,29 +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>dialog.js minimal.html | U2 design-system</title>
7
- <script src="../../../u2/tests/test-init.js" type=module async></script>
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script type=module>
12
- import * as module from '../dialog.js';
13
- window.module = module;
14
- </script>
15
-
16
- <body>
17
-
18
-
19
- <section class="main">
20
- <button onclick="module.prompt('Just a test').then(console.log)">run</button>
21
- </section>
22
-
23
- <style class="main">
24
- dialog:where(.\:modal, :modal) {
25
- box-shadow: 0 0 1rem #0008;
26
- border: 0;
27
- border-radius: .3rem;
28
- }
29
- </style>
package/js/dialog/tests/notification.mp3 DELETED
Binary file
package/js/dialog/tests/test.html DELETED
@@ -1,135 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html lang=en>
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name=viewport content="width=device-width">
7
- <script src="../../../u2/tests/test-init.js" type=module async></script>
8
- <title>dialog.js test.html | U2 design-system</title>
9
-
10
- <link rel=stylesheet href="../../../css/classless/full.css">
11
- <link rel=stylesheet href="../../../css/classless/simple.css">
12
- <link rel=stylesheet href="../../../class/table/table.css">
13
-
14
- <script src="../../../el/code/code.js" type=module async></script>
15
- <link rel=stylesheet href="../../../el/code/code.css">
16
-
17
- </head>
18
-
19
- <body>
20
-
21
- <script type=module>
22
- import * as dialog from '../dialog.js';
23
- window.dialog = dialog;
24
- </script>
25
-
26
-
27
- <section>
28
- <h2>alert, confirm, prompt</h2>
29
-
30
- <button onclick="dialog.alert('Just a test').then(console.log)">alert</button>
31
- <button onclick="console.log(alert('Just a test'))">native</button>
32
- <br><br>
33
- <button onclick="dialog.confirm('Really?').then(console.log)">confirm</button>
34
- <button onclick="console.log(confirm('Really?'))">native</button>
35
- <br><br>
36
- <button onclick="dialog.prompt('value:','100').then(console.log)">prompt</button>
37
- <button onclick="console.log(prompt('value:','100'))">native</button>
38
-
39
- <h2>Tests</h2>
40
-
41
- <button onclick="dialog.alert('Html content: <b>bold</b>')">Html content not parsed </button>
42
- <br><br>
43
- <button onclick="dialog.alert({body:'Html content: <b>bold</b>'})">Html parsed </button>
44
- <br><br>
45
- <button onclick="dialog.prompt({body:'Annuler?', lang:'fr'}, '👍')">option "lang" </button>
46
- <br><br>
47
- <button onclick="dialog.alert({body:'click on the backdrop',init:el=>el.classList.add('backdropClose')}).then(console.log)">backdropClose class</button>
48
- <br><br>
49
- <button onclick="dialog.alert({audio:true, body:'Please inform the developer if the standard sound needs to be improved'})">default notification sound</button>
50
-
51
- <button onclick="dialog.alert({audio:'./notification.mp3', body:'sound'})">custom notification sound</button>
52
- <br><br>
53
-
54
- <button id=formTestHtml>form(html) beta</button>
55
- <script>
56
- formTestHtml.addEventListener('click',async e=>{
57
- const result = await dialog.form(`
58
- <h2>Fill the form</h2>
59
- <div>
60
- Gender: &nbsp;
61
- <label><input type=radio name=gender value=female required> Female </label>
62
- <label><input type=radio name=gender value=male> Male </label>
63
- </div>
64
- <label>
65
- Firstname:
66
- <input name=firstname required style="width:100%">
67
- </label>
68
- <label>
69
- Lastname:
70
- <input name=lastname style="width:100%">
71
- </label>
72
- <label>
73
- Accept AGB:
74
- <input type=checkbox name=agb value=1 required>
75
- </label>
76
- `);
77
- result && dialog.alert('Thank you '+result.firstname+'!');
78
- console.log(result)
79
- });
80
- </script>
81
-
82
- </section>
83
-
84
- <style> u2-code { font-size:14px; border:1px solid var(--color-line); padding:1rem; } </style>
85
-
86
- <u2-code editable trim>
87
- <style>
88
-
89
- dialog { transition: opacity 1s ease; opacity:0; }
90
- dialog[open] { opacity:1 }
91
-
92
- dialog:is(.\:modal, :modal) {
93
- width: 18rem;
94
- box-shadow: 0 0 1rem #0008;
95
- border: 0;
96
- border-radius: .3rem;
97
- opacity:1;
98
- }
99
- /* dialog:where(.\:modal, :modal)[hidden] { opacity:0; transition-duration:1s; } close animation, still commented out in code */
100
- </style>
101
- </u2-code>
102
-
103
-
104
- <!-- /* new variant using @starting-style and transition-behavior: allow-discrete; (chromium for now) */
105
- dialog[open] {
106
- opacity: 1;
107
- transform: translateY(0);
108
- }
109
- @starting-style {
110
- dialog[open] {
111
- opacity: 0;
112
- transform: translateY(-80vh);
113
- }
114
- }
115
- dialog {
116
- opacity: 0;
117
- transform: translateY(-80vh);
118
- transition: 0.4s ease-in-out;
119
- transition-behavior: allow-discrete;
120
- }
121
-
122
- dialog::backdrop {
123
- background-color: rgb(0 0 0 / 0%);
124
- transition: 0.4s ease-in-out;
125
- transition-behavior: allow-discrete;
126
- }
127
- dialog[open]::backdrop {
128
- background-color: rgb(0 0 0 / 25%);
129
- }
130
- @starting-style {
131
- dialog[open]::backdrop {
132
- background-color: rgb(0 0 0 / 0%);
133
- }
134
- }
135
- -->
package/js/rte/tests/ai.html DELETED
@@ -1,81 +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
- <script src="../../../u2/auto.js" type=module async></script>
10
-
11
- <script src="../rte.js" type=module async></script>
12
-
13
- <style>
14
- body {
15
- max-width: 100rem;
16
- }
17
- .rte {
18
- border: 1px solid #ccc;
19
- margin: 10px;
20
- padding: 10px;
21
- min-height: 100px;
22
- }
23
- .u2-flex {
24
- margin:2rem 0;
25
- gap:.4rem;
26
- }
27
- .u2-flex > * {
28
- margin:0;
29
- padding:.5rem;
30
- flex:1 1 18rem;
31
- border:1px solid black;
32
- }
33
- u2-code {
34
- font-size:12px;
35
- }
36
- </style>
37
-
38
- </head>
39
-
40
- <body>
41
-
42
-
43
- <section id=container>
44
-
45
- <div class=u2-flex>
46
- <div id=rte-1 class=rte contenteditable spellcheck=false>
47
- <p>
48
- Nachdem die Weltraumsonde Voyager 1 monatelang nur Datenmüll zur Erde gesendet hat, ist der erste Schritt der Reparatur gelungen. Am Wochenende wurden zum ersten Mal wieder korrekte Daten zu Gesundheit und Status empfangen. Das hat die NASA jetzt publik gemacht und ergänzt, dass bald auch wieder wissenschaftliche Messdaten erwartet würden. Als die korrekten Daten am Samstag im Jet Propulsion Laboratory angekommen sind, ist beim verantwortlichen Team Jubel ausgebrochen, heißt es weiter. Es war das erste Mal seit November, dass von der am weitesten von der Erde entfernten Sonde wieder benutzbare Daten zu ihrem Zustand geschickt wurden.
49
- </p>
50
- <img width="200" height="150" alt="tick" src="https://fastly.picsum.photos/id/237/200/150.jpg?hmac=cP3GW-TQQWpntUpoHauvAWmCaKSFUngooZCPRN50Om8">
51
- </div>
52
- <u2-code trim editable element=rte-1></u2-code>
53
- </div>
54
-
55
- <h2>AI-Only</h2>
56
- <div class=u2-flex>
57
- <div id=rte-2 class=rte contenteditable spellcheck=false>
58
- <p>
59
- Nachdem die Weltraumsonde Voyager 1 monatelang nur Datenmüll zur Erde gesendet hat, ist der erste Schritt der Reparatur gelungen. Am Wochenende wurden zum ersten Mal wieder korrekte Daten zu Gesundheit und Status empfangen. Das hat die NASA jetzt publik gemacht und ergänzt, dass bald auch wieder wissenschaftliche Messdaten erwartet würden. Als die korrekten Daten am Samstag im Jet Propulsion Laboratory angekommen sind, ist beim verantwortlichen Team Jubel ausgebrochen, heißt es weiter. Es war das erste Mal seit November, dass von der am weitesten von der Erde entfernten Sonde wieder benutzbare Daten zu ihrem Zustand geschickt wurden.
60
- </p>
61
- <img width="200" height="150" alt="tick" src="https://fastly.picsum.photos/id/237/200/150.jpg?hmac=cP3GW-TQQWpntUpoHauvAWmCaKSFUngooZCPRN50Om8">
62
- </div>
63
- <u2-code trim editable element=rte-2></u2-code>
64
- </div>
65
-
66
-
67
- <u2-code trim editable>
68
- <style>
69
- body {
70
- --u2-rte:true;
71
- }
72
- #rte-2 {
73
- --u2-rte:true;
74
- --u2-rte-toolbar: ai;
75
- }
76
- </style>
77
- </u2-code>
78
-
79
-
80
-
81
- </section>
package/js/rte/tests/behavior.html DELETED
@@ -1,88 +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
- <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/aria.css">
13
- <link rel=stylesheet href="../../../css/classless/simple.css">
14
-
15
- <script src="../src/behavior.js" type=module async></script>
16
- <style>
17
- body {
18
- max-width: 200rem;
19
- }
20
- [contenteditable] {
21
- border: 1px solid #ccc;
22
- margin: 10px;
23
- padding: 10px;
24
- min-height: 100px;
25
- }
26
- .rte {
27
- --u2-rte:true;
28
- }
29
- .u2-flex {
30
- gap:.4rem;
31
- }
32
- .u2-flex > * {
33
- margin:0;
34
- flex:1 1 18rem;
35
- }
36
- u2-code {
37
- font-size:12px;
38
- }
39
- </style>
40
-
41
- </head>
42
-
43
- <body>
44
-
45
-
46
- <section id=container>
47
-
48
-
49
- <div class=u2-flex>
50
- <div id=rte-1 class=rte contenteditable spellcheck=false>
51
- force p inside divs <span>span</span> more
52
- <p>paragraph</p>
53
- </div>
54
- <u2-code trim editable element=rte-1></u2-code>
55
- </div>
56
-
57
-
58
- <div class=u2-flex>
59
- <ul id=rte-2 class=rte contenteditable spellcheck=false>
60
- force li inside ul
61
- <li>list item</li>
62
- <li>list item</li>
63
- <span>span</span> <span>span</span>
64
- </ul>
65
- <u2-code trim editable element=rte-2></u2-code>
66
- </div>
67
-
68
- <div class=u2-flex>
69
- <p id=rte-3 class=rte contenteditable spellcheck=false>
70
- force br inside p
71
- </p>
72
- <u2-code trim editable element=rte-3></u2-code>
73
- </div>
74
-
75
- <div class=u2-flex>
76
- <div id=rte-4 class=rte contenteditable spellcheck=false>
77
- <p>
78
- <ul>
79
- <li>Pharagraphs</li>
80
- <li>should not contain</li>
81
- <li>lists</li>
82
- </ul>
83
- </p>
84
- </div>
85
- <u2-code trim editable element=rte-4></u2-code>
86
- </div>
87
-
88
- </section>