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
@@ -1,434 +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
- <title>Level.css TEST</title>
8
-
9
- <script src="./test.js" type=module async></script>
10
-
11
- <link rel="stylesheet" href="../oldies.css">
12
- <link rel="stylesheet" href="../norm.css">
13
- <link rel="stylesheet" href="../beta.css">
14
-
15
- <style>
16
- body {
17
- display: grid;
18
- gap:1rem;
19
- grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
20
- }
21
- body > * {
22
- background:#eee;
23
- min-height:300px;
24
- }
25
- </style>
26
-
27
- </head>
28
-
29
- <body>
30
-
31
-
32
- <section>
33
- <b>line-height should be 1.1875</b>
34
- <table>
35
- <tr>
36
- <td>font-size:
37
- <td id=fontSizeOut>
38
- <tr>
39
- <td>line-height:
40
- <td id=lineHeightOut>
41
- <tr>
42
- <td>line-height unitless:
43
- <td id=lineHeightOutRelative style=font-weight:900>
44
- </table>
45
- <div id=lineHeightTest style="box-shadow:0 0 4px">
46
- Testing this<br>
47
- 5 Lines<br>
48
- height:<br>
49
- Expected: <b id=lineHeightExpected>x</b><br>
50
- Result: <b id=lineHeightResult>x</b>
51
- </div>
52
- <script>
53
- setInterval(function(){
54
- var style = getComputedStyle(document.documentElement);
55
- var fontSize = style.fontSize.replace('px','');
56
- var lineHeight = style.lineHeight.replace('px','');
57
- fontSizeOut.innerHTML = fontSize;
58
- lineHeightOut.innerHTML = lineHeight;
59
- lineHeightOutRelative.innerHTML = parseFloat(lineHeight) / parseFloat(fontSize);
60
-
61
- var testHeight = lineHeightTest.offsetHeight;
62
- var expected = 5 * 1.1875 * parseFloat(fontSize);
63
- lineHeightExpected.innerHTML = '(5*1.1875*'+parseFloat(fontSize)+ ') = '+expected;
64
- lineHeightResult.innerHTML = testHeight + 'px';
65
- },100)
66
- </script>
67
- </section>
68
-
69
-
70
-
71
- <div>
72
- <b>h1</b>
73
- <br>
74
- H1 in a section should have same font-size and same margins
75
- <div style="display:flex; gap:20px">
76
- <div>
77
- <h1>H1 in div</h1>
78
- more content
79
- </div>
80
- <section>
81
- <h1>H1 in section</h1>
82
- more content
83
- </section>
84
- </div>
85
- </div>
86
-
87
- <section>
88
- <b>Nested dl, ol, ul</b>
89
- <div id=listTests style="height:500px">
90
- <dl>
91
- <dt>
92
- dl dl:
93
- <dl>
94
- <dt>dl > dt > dl > dt</dt>
95
- <dd>dl > dt > dl > dd</dd>
96
- </ol>
97
- </dt>
98
- <dd>dl > dd</dd>
99
- <dt>
100
- dl ol:
101
- <ol>
102
- <li>dl > dt > ol > li</li>
103
- </ol>
104
- </dt>
105
- <dd>dl > dd</dd>
106
- <dt>
107
- dl ul:
108
- <ul>
109
- <li>dl > dt > ul > li</li>
110
- </ul>
111
- </dt>
112
- <dd>dl > dd</dd>
113
- </dl>
114
- <ol>
115
- <li>
116
- ol dl:
117
- <dl>
118
- <dt> ol > li > dl > dt </dt>
119
- <dd> ol > li > dl > dd </dd>
120
- </dl>
121
- </li>
122
- </ol>
123
- <ul>
124
- <li>
125
- ul dl:
126
- <dl>
127
- <dt> ul > li > dl > dt </dt>
128
- <dd> ul > li > dl > dd </dd>
129
- </dl>
130
- </li>
131
- </ul>
132
- </div>
133
- <style>
134
- #listTests * {
135
- line-height:1.15;
136
- outline:1px solid red;
137
- }
138
- #listTests dl dl,
139
- #listTests dl ol,
140
- #listTests dl ul,
141
- #listTests ol dl,
142
- #listTests ul dl {
143
- outline-color:green;
144
- z-index:1;
145
- position:relative;
146
- }
147
- </style>
148
-
149
- </section>
150
-
151
- <section>
152
- <b>hr</b>
153
- <br>
154
- border-color sould be blue<br>
155
- height should be 0 (red background-color not visible)<br>
156
- should overflow wrapper element (content-box, width:100%)
157
- <div id=hr-wrapper>
158
- <hr id=hr>
159
- </div>
160
- <style style="display:block; white-space:pre">
161
- #hr-wrapper {
162
- color:blue;
163
- width:60%;
164
- box-shadow:0 0 5px green;
165
- }
166
- #hr {
167
- background-color:red;
168
- border:10px solid;
169
- margin:0;
170
- width:100%;
171
- }
172
- </style>
173
- </section>
174
-
175
- <section>
176
- <b>abbr[title]</b>
177
- <br>
178
- <abbr title="Cascading Style Sheets">I should have dotted underline</abbr>
179
- <br>
180
- <abbr>I not</abbr>
181
- </section>
182
-
183
- <section style="line-height:1.3">
184
- <b>b, string</b>
185
- <br>
186
- font-weight:100:
187
- <div id=b-wrapper>
188
- <div style="font-weight:100">
189
- <span>span</span> <br>
190
- <b>this is a b</b>, <strong>strong</strong>
191
- </div>
192
- font-weight:400:
193
- <div style="font-weight:400">
194
- <span>span</span> <br>
195
- <b>this is a b</b>, <strong>strong</strong>
196
- </div>
197
- font-weight:500:
198
- <div style="font-weight:500">
199
- <span>span</span> <br>
200
- <b>this is a b</b>, <strong>strong</strong>
201
- </div>
202
- font-weight:600:
203
- <div style="font-weight:600">
204
- <span>span</span> <br>
205
- <b>this is a b</b>, <strong>strong</strong>
206
- </div>
207
- </div>
208
- <style>
209
- #b-wrapper {
210
- font-family:system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue";
211
- }
212
- #b-wrapper > div {
213
- font-size:27px;
214
- box-shadow: 0 0 5px;;
215
- }
216
- </style>
217
- </section>
218
-
219
- <section style="line-height:1.3; font-size:30px">
220
- <b>pre, code, kbd, samp</b>
221
- <pre>pre
222
- 12345</pre>
223
- <code>code</code> <span style="font-family: monospace;">span mono</span> <span>span</span><br>
224
- <kbd>kbd</kbd> <span style="font-family: monospace;">span mono</span> <span>span</span><br>
225
- <samp>samp</samp> <span style="font-family: monospace;">span mono</span> <span>span</span><br>
226
- </section>
227
-
228
- <section style="line-height:1.3; font-size:30px">
229
- <b>small</b><br>
230
- has font-size 80%<br>
231
- <span style="font-size:80%">span 80%</span> | <small>small 80%?</small>
232
- </section>
233
-
234
- <section>
235
- <b>table</b>
236
- <br>
237
- border-color should be currentColor not grey.
238
- <div id=table-wrapper>
239
- <table id=table>
240
- <tr>
241
- <td>Table Cell<br>Table Cell line 2
242
- </table>
243
- </div>
244
- <style>
245
- #table-wrapper {
246
- font-size:30px;
247
- border-color:green;
248
- }
249
- #table {
250
- border-width:10px;
251
- border-style:solid;
252
- }
253
- </style>
254
- </section>
255
-
256
- <section>
257
- <b>button, input, select: margin:0</b>
258
- <br>
259
- <button>Button</button><input><select><option></select><br>
260
- <button>Button</button><input><select><option></select><br>
261
- <hr>
262
- <b>button, select text-transform not inherited</b>
263
- <br>
264
- <div style=text-transform:uppercase>
265
- UpperCase<br>
266
- <button>Button</button><input value=input><select><option>select</select>
267
- </div>
268
-
269
- <hr>
270
- <b>input size-attr</b>
271
- <br>
272
- <table>
273
- <tr>
274
- <td>size=1
275
- <td><input size="1">
276
- <tr>
277
- <td>size=4
278
- <td><input size="4">
279
- <tr>
280
- <td>size=20
281
- <td><input size="20">
282
- <tr>
283
- <td>no size
284
- <td><input>
285
-
286
- </table>
287
-
288
- </section>
289
-
290
-
291
- <section>
292
- /**
293
- * Correct the inability to style buttons in iOS and Safari.
294
- */
295
-
296
- button,
297
- [type="button"],
298
- [type="reset"],
299
- [type="submit"] {
300
- -webkit-appearance: button;
301
- }
302
- <button>test</button>
303
- </section>
304
-
305
- <section>
306
- <b>progress element should be vertical-align baseline</b>
307
- <br>
308
- <div style="line-height:2em; outline:1px solid green">
309
- Synergistically network sticky potentialities and installed base systems.<br>
310
- Synergistically network.
311
- <progress id="file" max="100" value="70">70%</progress>
312
- </div>
313
- </section>
314
-
315
- <section style="line-height:1.5">
316
- <b>textarea</b><br>
317
- <b>margin:0</b>
318
- <br>
319
- <div style="border:1px solid">
320
- <textarea></textarea>g
321
- </div>
322
- <div style="border:1px solid">
323
- <textarea style="margin:0">referenz</textarea>g
324
- </div>
325
-
326
- <b>baseline-source:first</b>
327
- <div style="border:1px solid;">
328
- baseline<textarea style="vertical-align: baseline;">vertical-align:baseline</textarea>
329
- </div>
330
- </section>
331
-
332
- <section>
333
- <b>type=search</b>
334
- <input type=search>
335
- <input value="normal textfield as reference">
336
- <pre>
337
- Correct the odd appearance in Chrome and Safari.
338
- [type="search"] {
339
- -webkit-appearance: textfield;
340
- }
341
- Remove the inner padding in Chrome and Safari on macOS.
342
- ::-webkit-search-decoration {
343
- -webkit-appearance: none;
344
- }
345
- </pre>
346
- </section>
347
-
348
- <section>
349
- <pre>
350
- Correct the cursor style of increment and decrement buttons in Safari.
351
- ::-webkit-inner-spin-button,
352
- ::-webkit-outer-spin-button {
353
- height: auto;
354
- }
355
- <input type="number" step="1" value="1">
356
- </section>
357
-
358
- <section>
359
- <b>placeholder</b>
360
- <br>
361
- not a fixed color, instead opacity. color inherits
362
- <input placeholder=placeholder-text style="background-color:rgb(117, 117, 117); color:#fff">
363
- </section>
364
-
365
- <section>
366
- <b>file button</b>
367
- <input type=file>
368
- /**
369
- * 1. Correct the inability to style upload buttons in iOS and Safari.
370
- * 2. Change font properties to `inherit` in Safari.
371
- */
372
- ::-webkit-file-upload-button {
373
- -webkit-appearance: button; /* 1 */
374
- font: inherit; /* 2 */
375
- }
376
- </section>
377
-
378
-
379
- <section>
380
- <b>:invalid</b>
381
- <br>
382
- should not have invalid style by default<br>
383
- type something and blur
384
- <input required pattern=x value=y id=invalidTest>
385
- <script>
386
- invalidTest.value = 'u';
387
- </script>
388
- </section>
389
-
390
- <!--section>
391
- <div style="position:relative">
392
- <button onclick="this.nextElementSibling.toggleAttribute('open')">toggle dialog</button>
393
- <dialog id="favDialog" open>
394
- <form method="dialog">
395
- <p>
396
- <label>Favorite animal:
397
- <select>
398
- <option></option>
399
- <option>Brine shrimp</option>
400
- <option>Red panda</option>
401
- <option>Spider monkey</option>
402
- </select>
403
- </label>
404
- </p>
405
- <menu>
406
- <button value="cancel">Cancel</button>
407
- <button id="confirmBtn" value="default">Confirm</button>
408
- <button type=button onclick="this.closest('dialog').append('test '.repeat(10000))">Add lot of contents</button>
409
- </menu>
410
- </form>
411
- </dialog>
412
- Some Text. Phosfluorescently evolve cross-media models with progressive markets. Dynamically scale frictionless innovation rather than cross-unit interfaces. Intrinsicly aggregate backward-compatible models and strategic quality vectors. Objectively e-enable resource sucking value vis-a-vis go forward leadership. Quickly integrate fully tested channels rather than enabled catalysts for change. Phosfluorescently seize cross-platform benefits with.
413
- </div>
414
- </section-->
415
-
416
-
417
- <section>
418
-
419
- <details id=summaryTest>
420
- <summary>No list-style-type</summary>
421
- <p>More info about the details.</p>
422
- </details>
423
-
424
- <details id=summaryTest>
425
- <summary style="list-style-type:circle">list-style-type:circle</summary>
426
- <p>More info about the details.</p>
427
- </details>
428
-
429
- <details id=summaryTest>
430
- <summary style="list-style-type:armenian">list-style-type:armenian</summary>
431
- <p>More info about the details.</p>
432
- </details>
433
-
434
- </section>
@@ -1,103 +0,0 @@
1
- //import './../cssChecker.js';
2
-
3
- let html = `
4
- <form id=testTools>
5
- <table>
6
- <!--tr>
7
- <td>Hue:
8
- <td><input type=range name=hsl-h unit="" min=0 max=360>
9
- <tr>
10
- <td>Saturation:
11
- <td><input type=range name=hsl-s unit="%">
12
- <tr>
13
- <td>Lightness:
14
- <td><input type=range name=hsl-l unit="%">
15
- <tr>
16
- <td>Radius:
17
- <td><input type=range name=radius min=0 max=1 step=any unit="rem">
18
- <tr>
19
- <td>Gap:
20
- <td><input type=range name=gap min=.5 max=4 step=any unit="rem">
21
- -->
22
- </table>
23
- <div class=Table id=tStyleSheets>
24
- </div>
25
- <span style="font-size:2em; position:absolute; right:0; bottom:0" onclick="this.closest('#testTools').classList.toggle('-Mini')">🡙</span>
26
- </form>
27
-
28
- <style>
29
- #testTools {
30
- position:fixed;
31
- bottom:10px;
32
- right:10px;
33
- background:#fff;
34
- box-shadow:0 0 10px;
35
- font-size:15px;
36
- line-height:1.2;
37
- font-family:arial;
38
- color:#000;
39
- --line-height:1.2;
40
- }
41
- #testTools.-Mini {
42
- height:40px;
43
- overflow:hidden;
44
- }
45
- #testTools table,
46
- .Table {
47
- width:100%;
48
- display:table;
49
- border-collapse: collapse;
50
- text-indent: 0;
51
- }
52
- .Table > * {
53
- display:table-row;
54
- }
55
- .Table > * > * {
56
- display:table-cell;
57
- }
58
- #testTools td,
59
- .Table > * > * {
60
- padding:.4em .8em;
61
- border-bottom:1px solid #eee;
62
- }
63
- #testTools input:not([type=checkbox], [type=radio]) {
64
- width:120px;
65
- padding:0;
66
- }
67
- #testTools input {
68
- margin:0;
69
- }
70
- </style>
71
- `;
72
-
73
- document.body.insertAdjacentHTML('beforeend',html);
74
- const els = testTools.elements;
75
- function resetInputs(){
76
- Array.from(els).forEach(el=>{
77
- const style = getComputedStyle(document.documentElement);
78
- let value = style.getPropertyValue('--'+el.name);
79
- value = parseFloat(value);
80
- el.value = value;
81
- })
82
- }
83
- resetInputs();
84
- testTools.addEventListener('input', ({target})=>{
85
- console.log(target)
86
- document.documentElement.style.setProperty('--'+target.name, target.value + target.getAttribute('unit') );
87
- });
88
-
89
-
90
- testTools.contentEditable = false;
91
-
92
- document.querySelectorAll('link[rel=stylesheet]').forEach(link=>{
93
- const name = link.href.replace(/.*\/([^/]+)/,'$1');
94
- const label = document.createElement('label');
95
- label.innerHTML = '<span><input type=checkbox></span><span>'+name+'</span>';
96
- const input = label.querySelector('input')
97
- input.checked = !link.disabled;
98
- tStyleSheets.append(label);
99
- label.addEventListener('change',function(){
100
- link.disabled = !input.checked;
101
- setTimeout(resetInputs,200)
102
- })
103
- })
@@ -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
-
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="../accordion.css">
12
- <script src="../accordion.js" type=module async></script>
13
-
14
- <body>
15
-
16
- <section class=main>
17
- <u2-accordion single>
18
- <h4>Accordion</h4>
19
- <article>
20
- Content 1, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
21
- </article>
22
- <h4>Component</h4>
23
- <article>
24
- Content 2, lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.
25
- </article>
26
- </u2-accordion>
27
- </section>
28
-
29
- <style class=main>
30
- u2-accordion {
31
- &::part(trigger) {
32
- background-color: #f0f0f0;
33
- }
34
- &::part(title) {
35
- font-size: 1.2em;
36
- }
37
- &::part(icon) {
38
- color: #f00;
39
- }
40
- &::part(content) {
41
- background-color: #f8f8f8;
42
- }
43
- }
44
- </style>