u2ui 1.0.1 → 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 +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 +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/el/splitpanel/tests/tests.html DELETED
@@ -1,121 +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
-
8
- <link rel=stylesheet href="../../../css/classless/full.css">
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
- <script src="../../../u2/auto.js" type=module async></script>
12
-
13
- <style>
14
- body {
15
- --u2-ico-dir:'https://cdn.jsdelivr.net/npm/@material-icons/svg@1.0.11/svg/{icon_name}/baseline.svg';
16
- }
17
- </style>
18
-
19
-
20
- <link href="../splitpanel.css" rel=stylesheet>
21
- <script src="../splitpanel.js" type=module async></script>
22
-
23
- <body>
24
-
25
- <section class="main">
26
- <u2-splitpanel style="height:600px;">
27
- <div contenteditable>hallo</div>
28
- <u2-splitpanel vertical>
29
- <div>hallo</div>
30
- <div draggable>
31
- <span u2-draghandle style="position:absolute; top:0; right:0;">
32
- <u2-ico icon=drag-indicator></u2-ico>
33
- </span>
34
- welt
35
- </div>
36
- <div>test </div>
37
- </u2-splitpanel>
38
- </u2-splitpanel>
39
- </section>
40
-
41
- <u2-code trim editable>
42
- <style class="main">
43
- u2-splitpanel > :not(u2-splitpanel) {
44
- padding:1rem;
45
- background-color: #f8f8f8;
46
- }
47
- u2-splitpanel::part(divider) {
48
- background-color: #e0e0e0;
49
- --size:.18rem;
50
- }
51
- u2-splitpanel::part(divider):hover {
52
- background-color: #bbb;
53
- }
54
- u2-splitpanel::part(divider)::after {
55
- content:'';
56
- display:block;
57
- margin:-.75rem;
58
- width:1.5rem;
59
- height:1.5rem;
60
- border-radius:99rem;
61
- background:var(--color, indianred);
62
- }
63
- u2-splitpanel::part(drop-indicator) {
64
- background-color: blue;
65
- display:flex;
66
- }
67
- </style>
68
- </u2-code>
69
-
70
- <script>
71
-
72
- const dragAndDropHandler = {
73
- handleEvent(event) {
74
- if (event.type !== 'dragstart' && !dragSrcEl) return;
75
- if (!this['on' + event.type]) return
76
- const target = event.target;
77
- const closest = target.closest('u2-splitpanel > *');
78
- if (!closest) return;
79
- this['on' + event.type]({closest, target, event});
80
- },
81
- ondragstart({target, event}) {
82
- if (target.parentNode.tagName !== 'U2-SPLITPANEL') return;
83
- dragSrcEl = target;
84
- dragSrcEl.setAttribute('aria-grabbed', 'true'); // deprecated, but currently the best markup?
85
- event.dataTransfer.effectAllowed = 'move'; // needed?
86
- },
87
- ondragover({closest, event}) {
88
- event.preventDefault();
89
-
90
- const rect = closest.getBoundingClientRect();
91
- const isVertical = closest.closest('u2-splitpanel').hasAttribute('vertical');
92
- this.comesAfter = isVertical ? event.clientY > rect.top + rect.height / 2 : event.clientX > rect.left + rect.width / 2;
93
-
94
- closest.parentNode.shadowRoot.querySelectorAll('#slots > *').forEach(el => el.part.remove('drop-indicator'));
95
-
96
- let index = Array.from(closest.parentNode.children).indexOf(closest);
97
- if (this.comesAfter) index++;
98
- const divider = closest.parentNode.shadowRoot.querySelector('#slots > .divider-' + index);
99
- divider.part.add('drop-indicator');
100
- },
101
- ondragleave({closest}) {
102
- closest.parentNode.shadowRoot.querySelectorAll('#slots > *').forEach(el => el.part.remove('drop-indicator'));
103
- },
104
- ondrop({closest, event}) {
105
- event.stopPropagation();
106
- event.preventDefault();
107
- if (dragSrcEl !== closest) {
108
- this.comesAfter ? closest.after(dragSrcEl) : closest.before(dragSrcEl);
109
- }
110
- dragSrcEl = null;
111
- },
112
- ondragend() {
113
- dragSrcEl.removeAttribute('aria-grabbed');
114
- dragSrcEl = null;
115
- },
116
- };
117
- ['dragstart', 'dragover', 'dragenter','dragleave', 'drop', 'dragend'].forEach(eventType => {
118
- document.addEventListener(eventType, dragAndDropHandler, false);
119
- });
120
-
121
- </script>
package/el/table/tests/minimal.html DELETED
@@ -1,38 +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
- <link href="../../../css/base/full.css" rel=stylesheet>
7
- <link href="../../../css/classless/variables.css" rel=stylesheet>
8
- <link href="../../../css/classless/classless.css" rel=stylesheet>
9
- <link href="../../../css/classless/more.css" rel=stylesheet>
10
- <link href="../../../css/classless/simple.css" rel=stylesheet>
11
-
12
- <link href="../table.css" rel=stylesheet>
13
- <script src="../table.js" type=module async></script>
14
-
15
- <body>
16
-
17
- <section class="main">
18
- <u2-table break sortable>
19
- <table>
20
- <thead>
21
- <tr><th> Firstname <th> Lastname <th> Age
22
- <tbody>
23
- <tr><td> Wolfgang Amadeus <td> Mozart <td> 46
24
- <tr><td> Hans <td> Muster <td> 1
25
- <tr><td> Fridrich <td> Langenegger <td> 5
26
- </table>
27
- </u2-table>
28
-
29
- </section>
30
-
31
- <style class="main">
32
- u2-table {
33
- white-space:nowrap;
34
- }
35
- u2-table[\:overflows][break] td::before {
36
- margin-right:auto;
37
- }
38
- </style>
package/el/table/tests/test.html DELETED
@@ -1,108 +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>tests</title>
8
-
9
- <link href="../../../css/classless/full.css" rel=stylesheet>
10
- <link href="../../../css/classless/simple.css" rel=stylesheet>
11
-
12
- <link href="../../../table.class/table.css" rel=stylesheet>
13
-
14
- <link href="../table.css" rel=stylesheet>
15
- <script src="../table.js" type=module async></script>
16
-
17
- <body>
18
-
19
- <section>
20
- <u2-table style="white-space:nowrap" id=test sortable break>
21
- <table>
22
- <thead>
23
- <tr>
24
- <th> Salut
25
- <th> Firstname
26
- <th> Lastname
27
- <th> Age
28
- <th> X
29
- <tbody>
30
- <tr>
31
- <td> Herr
32
- <td> Wolfgang Amadeus
33
- <td> Mozart
34
- <td> 46
35
- <td> b
36
- <tr>
37
- <td> Mr.
38
- <td colspan=2 style="text-align:center"> <b>N Colspan 2</b>
39
- <td> 88
40
- <td> a
41
- <tr>
42
- <td> Frau
43
- <td> Provident, quisquam.
44
- <td> Omnis, quisquam.
45
- <td> 1
46
- <td> c
47
- <tr>
48
- <td> Mister
49
- <td> Provident, quisquam.
50
- <td> Laudens, quisquam.
51
- <td data-sortby=".5"> 6 month
52
- <td> z
53
- </table>
54
- </u2-table>
55
- </section>
56
-
57
- <section>
58
- <h2>sortable=button (selector)</h2>
59
- <u2-table style="white-space:nowrap; max-height:min(60vh, 20rem)" id=test2 sortable="button">
60
- <table>
61
- <thead>
62
- <tr>
63
- <th> Firstname
64
- <th> <button>Lastname</button>
65
- <th> <button>Age</button>
66
- <th> <button>X</button> not here
67
- <tbody id=test2body>
68
- <tr>
69
- <td> Adam
70
- <td> Hungentobler
71
- <td> 88
72
- <td> a
73
- <tr>
74
- <td> Wolfgang Amadeus
75
- <td> Mozart
76
- <td> 46
77
- <td> b
78
- <tr>
79
- <td> Provident, quisquam.
80
- <td> Omnis, quisquam.
81
- <td> 1
82
- <td> c
83
- </table>
84
- </u2-table>
85
- <button onclick="test2body.insertAdjacentHTML('beforeend',test2body.innerHTML)">double items</button>
86
- </section>
87
-
88
-
89
- <style contenteditable>
90
- thead > tr > ::after {
91
- content: "▲";
92
- opacity:0;
93
- }
94
- thead > tr > [aria-sort=ascending]::after {
95
- opacity:1;
96
- content: "▲";
97
- }
98
- thead > tr > [aria-sort=descending]::after {
99
- opacity:1;
100
- content: "▼";
101
- }
102
- </style>
103
-
104
- <script type=module>
105
- // console.log(test.columns)
106
- // console.log(test.columns.item(2))
107
- // console.log(test.columns.item(2).cells);
108
- </script>
package/el/tabs/tests/minimal.html DELETED
@@ -1,35 +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
- <link href="../../../css/classless/full.css" rel=stylesheet>
8
- <link href="../../../css/classless/simple.css" rel=stylesheet>
9
- <link href="../../../attr/skin/skin.css" rel=stylesheet>
10
-
11
- <link rel=stylesheet href="../tabs.css">
12
- <script src="../tabs.js" type=module async></script>
13
-
14
- <body>
15
-
16
- <section class=main>
17
- <u2-tabs>
18
- <h4>Tab 1</h4>
19
- <article>
20
- Content 1, consectetur adipisicing elit, sed do eiusmod tempor
21
- incididunt ut labore et dolore magna aliqua.
22
- </article>
23
- <h4>Tab 2</h4>
24
- <article>
25
- Content 2, lorem ipsum dolor sit amet, consectetur adipisicing elit
26
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
27
- </article>
28
- </u2-tabs>
29
- </section>
30
-
31
- <style class=main>
32
- u2-tabs {
33
- max-height:30rem;
34
- }
35
- </style>
package/el/tabs/tests/test.html DELETED
@@ -1,180 +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
- <link rel=stylesheet href="../../../css/classless/full.css">
8
- <!--link rel=stylesheet href="../../../css/classless/aria.css"-->
9
- <link rel=stylesheet href="../../../css/classless/simple.css">
10
-
11
-
12
- <link rel=stylesheet href="../tabs.css">
13
- <script src="../tabs.js" type=module async></script>
14
-
15
- <script type=module async src=../../../attr/navigatable/navigatable.js crossorigin></script>
16
-
17
- </head>
18
-
19
- <body>
20
-
21
- <header>
22
- <h1>u2-tabs tests</h1>
23
- As you use the browsers search funktion, you find the contents of the tab-panels. (chrome for now)
24
- </header>
25
-
26
- <section>
27
- <h2>Simple Tablist</h2>
28
- <u2-tabs>
29
- <h2>H2 as Tab</h2>
30
- <section>Heading Elements (h1-h6) are automatically used as tabs</section>
31
- <div slot=title>Div as Tab</div>
32
- <section>If you like to use other Elements as tabs, you have to add the attribute <code>slot="title"</code></section>
33
- <h2>Title 3</h2>
34
- <section>content panel 3</section>
35
- </u2-tabs>
36
- </section>
37
-
38
- <section>
39
- <h2>Tablist browser-navigatable tabs (beta)</h2>
40
- <u2-tabs>
41
- <h2 u2-navigatable id="nav1">H2 as Tab</h2>
42
- <section>Heading Elements (h1-h6) are automatically used as tabs</section>
43
- <div slot=title u2-navigatable id="nav2">Div as Tab</div>
44
- <section>If you like to use other Elements as tabs, you have to add the attribute <code>slot="title"</code></section>
45
- <h2 u2-navigatable id="nav3">Title 3</h2>
46
- <section>content panel 3</section>
47
- </u2-tabs>
48
- </section>
49
-
50
- <section>
51
- <h2>max-height</h2>
52
- <u2-tabs style="max-height:20rem">
53
- <h2>Title</h2>
54
- <section>
55
- <p>Phosfluorescently aggregate premium collaboration and idea-sharing through strategic e-commerce. Authoritatively negotiate error-free channels through value-added processes. Globally matrix superior manufactured products whereas dynamic markets. Authoritatively disintermediate sustainable initiatives via revolutionary quality vectors. Monotonectally expedite fully tested synergy before transparent imperatives.</p>
56
- <p>Synergistically envisioneer team building ideas via competitive methodologies. Synergistically embrace sustainable relationships via adaptive benefits. Phosfluorescently integrate cross-unit technologies with cross-platform growth strategies. Globally reconceptualize bleeding-edge paradigms for turnkey technology. Interactively monetize efficient human capital rather than an expanded array of synergy.</p>
57
- <p>Uniquely expedite interactive services rather than functionalized opportunities. Compellingly synthesize dynamic information and worldwide initiatives. Competently reintermediate sustainable networks through resource sucking manufactured products. Phosfluorescently synergize cross-platform mindshare and market-driven expertise. Competently innovate cutting-edge methodologies vis-a-vis fully researched action items.</p>
58
- <p>Credibly maintain reliable synergy before cutting-edge leadership. Efficiently enable efficient strategic theme areas before timely ROI. Phosfluorescently integrate standardized customer service through cross functional synergy. Objectively matrix high-payoff expertise without standardized users. Monotonectally engineer B2B opportunities via functional supply chains.</p>
59
- <p>Uniquely synthesize resource sucking leadership skills before multimedia based leadership skills. Interactively restore visionary innovation whereas end-to-end platforms. Compellingly evisculate client-centered human capital after value-added e-markets. Compellingly whiteboard high standards in vortals vis-a-vis.</p>
60
- </section>
61
- <h2>Title 2</h2>
62
- <section>content panel 2</section>
63
- <h2>Title 3</h2>
64
- <section>content panel 3</section>
65
- </u2-tabs>
66
- </section>
67
-
68
- <section>
69
- <h2>Too many tabs</h2>
70
- <u2-tabs>
71
- <h2>Title</h2>
72
- <section>content panel 1</section>
73
- <h2>Title 2</h2>
74
- <section>content panel 2</section>
75
- <h2>Title 3</h2>
76
- <section>content panel 3</section>
77
- <h2>Title 4</h2>
78
- <section>content panel 4</section>
79
- <h2>Title 5</h2>
80
- <section>content panel 5</section>
81
- <h2>Title 6</h2>
82
- <section>content panel 6</section>
83
- <h2>Title 7</h2>
84
- <section>content panel 7</section>
85
- <h2>Title 8</h2>
86
- <section>content panel 8</section>
87
- <h2>Title 9</h2>
88
- <section>content panel 9</section>
89
- <h2>Title 10</h2>
90
- <section>content panel 10</section>
91
- <h2>Title 11</h2>
92
- <section>content panel 11</section>
93
- <h2>Title 12</h2>
94
- <section>content panel 12</section>
95
- </u2-tabs>
96
- </section>
97
-
98
- <section>
99
- <h2>Nested</h2>
100
- <u2-tabs>
101
- <h2>Title 1</h2>
102
-
103
- <u2-tabs>
104
- <h3>Item 1.1</h3>
105
- <section>Item 1 content</section>
106
- <h3>Item 1.2</h3>
107
- <section>Item 2 content</section>
108
- <h3>Item 1.3</h3>
109
- <section>Item 3 content</section>
110
- <h3>Item 1.4</h3>
111
- <section>Item 1 content</section>
112
- </u2-tabs>
113
-
114
- <h2>Title 2</h2>
115
- <section>content panel 2</section>
116
- <h2>Title 3</h2>
117
- <section>content panel 3</section>
118
- <h2>Title</h2>
119
- <section>content panel 1</section>
120
- </u2-tabs>
121
- </section>
122
-
123
-
124
- <style>
125
- #styled u2-tabs {
126
- border-radius: .5rem;
127
- border:1px solid;
128
- overflow:hidden;
129
- box-shadow:var(--shadow);
130
- }
131
- #styled u2-tabs::part(tablist) {
132
- justify-content: center;
133
- color:#fff;
134
- background:var(--color);
135
- }
136
- #styled u2-tabs::part(panels) {
137
- background:#eee8;
138
- }
139
- #styled u2-tabs [role="tab"] {
140
- padding:.5rem 1rem;
141
- }
142
- #styled u2-tabs [role="tab"][aria-selected="true"] {
143
- border-bottom-color: transparent;
144
- background:#0003;
145
- }
146
- #styled u2-tabs [role="tab"]:focus {
147
- border-bottom-color: transparent;
148
- background:#0005;
149
- }
150
- #styled [role=tabpanel] {
151
- transition:.6s;
152
- }
153
- </style>
154
-
155
- <section id=styled>
156
- <h2>Nested, styled</h2>
157
- <u2-tabs>
158
- <h2>Title 1</h2>
159
-
160
- <div>
161
- <u2-tabs>
162
- <h3>Item 1.1</h3>
163
- <section>Item 1 content</section>
164
- <h3>Item 1.2</h3>
165
- <section>Item 2 content</section>
166
- <h3>Item 1.3</h3>
167
- <section>Item 3 content</section>
168
- <h3>Item 1.4</h3>
169
- <section>Item 1 content</section>
170
- </u2-tabs>
171
- </div>
172
-
173
- <h2>Title 2</h2>
174
- <section>content panel 2</section>
175
- <h2>Title 3</h2>
176
- <section>content panel 3</section>
177
- <h2>Title</h2>
178
- <section>content panel 1</section>
179
- </u2-tabs>
180
- </section>
package/el/textfit/tests/minimal.html DELETED
@@ -1,25 +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
- <link rel=stylesheet href="../../../css/classless/full.css">
8
- <link rel=stylesheet href="../../../css/classless/simple.css">
9
-
10
- <link href="../textfit.css" rel=stylesheet>
11
- <script src="../textfit.js" type=module async></script>
12
-
13
- <body>
14
-
15
- <section class="main">
16
- <u2-textfit>
17
- <span contenteditable>Textfit</span>
18
- </u2-textfit>
19
- </section>
20
-
21
- <style class="main">
22
- u2-textfit {
23
- font-size: clamp(20px, var(--js-font-size), 400px);
24
- }
25
- </style>
package/el/textfit/tests/test.html DELETED
@@ -1,26 +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
-
12
- <link rel=stylesheet href="../textfit.css">
13
- <script src="../textfit.js" type=module async></script>
14
-
15
- </head>
16
-
17
- <body>
18
-
19
- <section>
20
-
21
- <div style="max-width:10rem; margin:auto; background-color:#eee; padding:1em">
22
- <u2-textfit contenteditable>CSS IS</u2-textfit>
23
- <u2-textfit contenteditable style="font-weight:bold">AWESOME</u2-textfit>
24
- </div>
25
-
26
- </section>
package/el/time/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
- <script src="../time.js" type=module async></script>
9
-
10
- <body>
11
-
12
- <section class="main">
13
- <u2-time datetime="2013-04-01T18:02" type=relative lang=de>1. April 2013 18:02</u2-time>.
14
- </section>
15
-
16
- <style>
17
- u2-time {
18
- }
19
- </style>