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.
- package/LICENSE +21 -21
- package/README.md +36 -36
- package/attr/behavior/README.md +6 -4
- package/attr/behavior/behavior.js +265 -261
- package/attr/behavior/manifest.json +42 -42
- package/attr/confirm/README.md +8 -8
- package/attr/confirm/confirm.js +86 -90
- package/attr/confirm/manifest.json +42 -42
- package/attr/disableif/README.md +37 -0
- package/attr/disableif/disableif.js +59 -0
- package/attr/disableif/manifest.json +38 -0
- package/attr/draghandle/README.md +15 -15
- package/attr/draghandle/draghandle.js +24 -42
- package/attr/draghandle/manifest.json +30 -0
- package/attr/dropzone/README.md +32 -0
- package/attr/dropzone/dropzone.js +485 -0
- package/attr/dropzone/manifest.json +36 -0
- package/attr/focusgroup/README.md +9 -9
- package/attr/focusgroup/focusgroup.js +97 -100
- package/attr/focusgroup/manifest.json +30 -38
- package/attr/href/README.md +5 -5
- package/attr/href/href.js +50 -42
- package/attr/href/manifest.json +42 -42
- package/attr/intersect/README.md +15 -15
- package/attr/intersect/intersect.js +98 -98
- package/attr/intersect/manifest.json +44 -57
- package/attr/lightbox/README.md +27 -0
- package/attr/lightbox/lightbox.js +120 -0
- package/attr/lightbox/manifest.json +29 -0
- package/attr/movable/README.md +27 -0
- package/attr/movable/manifest.json +47 -0
- package/attr/movable/movable.js +111 -0
- package/attr/navigable/README.md +9 -9
- package/attr/navigable/TargetObserver.js +90 -91
- package/attr/navigable/U2TargetObserver.js +75 -75
- package/attr/navigable/manifest.json +34 -42
- package/attr/navigable/navigable.js +85 -87
- package/attr/parallax/README.md +10 -10
- package/attr/parallax/manifest.json +36 -0
- package/attr/parallax/parallax.js +119 -119
- package/attr/scrollspy/README.md +43 -0
- package/attr/scrollspy/manifest.json +28 -0
- package/attr/scrollspy/scrollspy.js +85 -0
- package/attr/selectable/README.md +42 -0
- package/attr/selectable/SelectionManager.js +171 -0
- package/attr/selectable/manifest.json +33 -0
- package/attr/selectable/selectable.js +28 -0
- package/attr/skin/README.md +15 -16
- package/attr/skin/manifest.json +40 -0
- package/attr/skin/skin.css +49 -50
- package/attr/store/README.md +41 -0
- package/attr/store/manifest.json +28 -0
- package/attr/store/store.js +62 -0
- package/class/badge/README.md +2 -2
- package/class/badge/badge.css +34 -34
- package/class/card/README.md +51 -0
- package/class/card/card.css +31 -0
- package/class/flex/README.md +16 -16
- package/class/flex/flex.css +15 -25
- package/class/grid/README.md +18 -18
- package/class/grid/grid.css +38 -40
- package/class/reset/README.md +6 -6
- package/class/reset/reset.css +8 -8
- package/class/table/README.md +22 -21
- package/class/table/table.css +125 -125
- package/class/unstyle/README.md +7 -5
- package/class/unstyle/unstyle.css +14 -12
- package/class/width/README.md +18 -18
- package/class/width/width.css +21 -22
- package/css/README.md +11 -0
- package/css/base/README.md +8 -2
- package/css/base/base.css +153 -127
- package/css/base/beta.css +34 -50
- package/css/base/full.css +5 -5
- package/css/base/nomotion.css +8 -8
- package/css/base/print.css +36 -36
- package/css/classless/README.md +10 -4
- package/css/classless/aria.css +51 -64
- package/css/classless/classless.css +118 -124
- package/css/classless/full.css +11 -11
- package/css/classless/more.css +314 -340
- package/css/classless/simple.css +314 -103
- package/css/classless/snippeds/a/icons.css +66 -12
- package/css/classless/snippeds/a/tests.html +118 -0
- package/css/classless/snippeds/blockquote/big-quotes.css +36 -0
- package/css/classless/snippeds/blockquote/tests.html +62 -0
- package/css/classless/snippeds/button/square.css +22 -0
- package/css/classless/snippeds/button/tests.html +53 -0
- package/css/classless/snippeds/experiments/aria-header-nav-dropdown.css +46 -0
- package/css/classless/snippeds/hr/gradient.css +2 -2
- package/css/classless/snippeds/hr/section_sign.css +16 -16
- package/css/classless/snippeds/hr/tests.html +49 -49
- package/css/classless/snippeds/p/indent.css +9 -0
- package/css/classless/snippeds/p/initial.css +9 -0
- package/css/classless/snippeds/p/tests.html +60 -0
- package/css/classless/variables.css +132 -99
- package/css/norm/README.md +7 -1
- package/css/norm/beta.css +41 -39
- package/css/norm/norm.css +89 -98
- package/css/norm/oldies.css +71 -60
- package/css/{classes → utils}/README.md +10 -4
- package/css/{classes/classes.css → utils/utils.css} +78 -78
- package/el/accordion/README.md +60 -59
- package/el/accordion/accordion.css +11 -7
- package/el/accordion/accordion.js +211 -258
- package/el/accordion/manifest.json +44 -57
- package/el/alert/README.md +86 -67
- package/el/alert/alert.css +72 -73
- package/el/alert/alert.js +206 -187
- package/el/alert/manifest.json +59 -77
- package/el/breadcrumb/README.md +41 -0
- package/el/breadcrumb/breadcrumb.css +22 -0
- package/el/breadcrumb/breadcrumb.js +119 -0
- package/el/breadcrumb/manifest.json +42 -0
- package/el/buttongroup/README.md +36 -36
- package/el/buttongroup/buttongroup.css +38 -30
- package/el/buttongroup/buttongroup.js +68 -56
- package/el/buttongroup/manifest.json +28 -0
- package/el/bytes/README.md +4 -4
- package/el/bytes/bytes.css +6 -6
- package/el/bytes/bytes.js +98 -97
- package/el/bytes/manifest.json +90 -95
- package/el/calendar/README.md +64 -0
- package/el/calendar/calendar.css +36 -0
- package/el/calendar/calendar.js +391 -0
- package/el/calendar/ext/drag.js +69 -0
- package/el/calendar/ext/keyNavigation.js +101 -0
- package/el/calendar/manifest.json +69 -0
- package/el/carousel/README.md +14 -14
- package/el/carousel/carousel.css +45 -46
- package/el/carousel/carousel.js +398 -371
- package/el/carousel/manifest.json +44 -58
- package/el/carousel-nav/README.md +13 -14
- package/el/carousel-nav/carousel-nav.js +74 -74
- package/el/carousel-nav/manifest.json +31 -0
- package/el/chart/README.md +46 -0
- package/el/chart/chart.css +7 -0
- package/el/chart/chart.js +188 -0
- package/el/chart/engines/apexcharts.js +103 -0
- package/el/chart/engines/billboard.js +79 -0
- package/el/chart/engines/chart.js.js +32 -0
- package/el/chart/engines/chartist.js +74 -0
- package/el/chart/engines/echarts.js +65 -0
- package/el/chart/engines/frappe.js +49 -0
- package/el/chart/engines/nvd3.js +139 -0
- package/el/chart/engines/plotly.js +73 -0
- package/el/chart/manifest.json +54 -0
- package/el/code/README.md +21 -21
- package/el/code/code.css +46 -46
- package/el/code/code.js +291 -289
- package/el/code/manifest.json +59 -66
- package/el/cookiebanner/README.md +70 -0
- package/el/cookiebanner/cookiebanner.css +42 -0
- package/el/cookiebanner/cookiebanner.js +161 -0
- package/el/cookiebanner/extensions/googleConsentMode.js +36 -0
- package/el/cookiebanner/knownItems.js +291 -0
- package/el/cookiebanner/manifest.json +85 -0
- package/el/cookiebanner/ui.js +426 -0
- package/el/copy/README.md +9 -7
- package/el/copy/copy.css +3 -3
- package/el/copy/copy.js +89 -117
- package/el/copy/manifest.json +37 -49
- package/el/counter/README.md +12 -9
- package/el/counter/counter.css +8 -8
- package/el/counter/counter.js +96 -95
- package/el/counter/manifest.json +50 -59
- package/el/drawer/README.md +35 -0
- package/el/drawer/drawer.css +77 -0
- package/el/drawer/drawer.js +166 -0
- package/el/drawer/manifest.json +27 -0
- package/el/fields/README.md +34 -0
- package/el/fields/fields.css +5 -0
- package/el/fields/fields.js +133 -0
- package/el/fields/manifest.json +32 -0
- package/el/ico/README.md +119 -118
- package/el/ico/debug.js +86 -0
- package/el/ico/font/Font Awesome.css +22 -22
- package/el/ico/font/LigatureSymbols.css +7 -7
- package/el/ico/font/Material Icons.css +6 -6
- package/el/ico/font/RemixFilled.css +8 -8
- package/el/ico/font/RemixOutlined.css +8 -8
- package/el/ico/font/old/anicons.css +31 -31
- package/el/ico/font/old/devicons.css +210 -210
- package/el/ico/font/old/material.all.css +36 -36
- package/el/ico/font/old/remix.css +15 -15
- package/el/ico/font/old/utf8.css +54 -54
- package/el/ico/ico.css +122 -110
- package/el/ico/ico.js +163 -189
- package/el/ico/manifest.json +68 -86
- package/el/input/README.md +41 -39
- package/el/input/input.css +95 -35
- package/el/input/input.js +682 -331
- package/el/input/manifest.json +54 -0
- package/el/maintitlebar/README.md +39 -0
- package/el/maintitlebar/maintitlebar.css +40 -0
- package/el/maintitlebar/maintitlebar.js +17 -0
- package/el/maintitlebar/manifest.json +32 -0
- package/el/masonry/README.md +19 -19
- package/el/masonry/manifest.json +49 -60
- package/el/masonry/masonry.css +27 -27
- package/el/masonry/masonry.js +93 -92
- package/el/menubutton/README.md +39 -0
- package/el/menubutton/manifest.json +44 -0
- package/el/{splitbutton/splitbutton.css → menubutton/menubutton.css} +51 -47
- package/el/menubutton/menubutton.js +90 -0
- package/el/number/README.md +9 -6
- package/el/number/manifest.json +162 -121
- package/el/number/number.css +6 -6
- package/el/number/number.js +67 -67
- package/el/out/README.md +5 -5
- package/el/out/manifest.json +26 -38
- package/el/out/out.css +2 -2
- package/el/out/out.js +42 -59
- package/el/pagination/README.md +32 -0
- package/el/pagination/manifest.json +47 -0
- package/el/pagination/pagination.css +27 -0
- package/el/pagination/pagination.js +147 -0
- package/el/parallax-bg/README.md +26 -6
- package/el/parallax-bg/manifest.json +32 -0
- package/el/parallax-bg/parallax-bg.css +13 -13
- package/el/parallax-bg/parallax-bg.js +197 -186
- package/el/qrcode/README.md +7 -7
- package/el/qrcode/manifest.json +32 -43
- package/el/qrcode/package.json +22 -22
- package/el/qrcode/qrcode.css +13 -13
- package/el/qrcode/qrcode.js +53 -45
- package/el/rating/README.md +9 -20
- package/el/rating/manifest.json +52 -65
- package/el/rating/rating.css +10 -10
- package/el/rating/rating.js +148 -139
- package/el/responsive/README.md +43 -0
- package/el/responsive/manifest.json +41 -0
- package/el/responsive/responsive.css +4 -0
- package/el/responsive/responsive.js +143 -0
- package/el/rte/README.md +10 -10
- package/el/rte/manifest.json +33 -0
- package/el/rte/rte.css +9 -9
- package/el/rte/rte.js +56 -56
- package/el/skeleton/README.md +3 -3
- package/el/skeleton/manifest.json +37 -51
- package/el/skeleton/skeleton.css +67 -60
- package/el/skeleton/skeleton.js +71 -72
- package/el/splitpanel/README.md +33 -13
- package/el/splitpanel/manifest.json +36 -49
- package/el/splitpanel/splitpanel.css +20 -17
- package/el/splitpanel/splitpanel.js +117 -116
- package/el/spot/README.md +36 -0
- package/el/spot/manifest.json +55 -0
- package/el/spot/spot.css +23 -0
- package/el/spot/spot.js +106 -0
- package/el/system/README.md +29 -0
- package/el/system/demoHtml.html +660 -0
- package/el/system/manifest.json +32 -0
- package/el/system/styler.js +661 -0
- package/el/system/system.js +84 -0
- package/el/table/README.md +80 -68
- package/el/table/ext/autoFormatTable.js +228 -0
- package/el/table/manifest.json +32 -43
- package/el/table/table.css +4 -59
- package/el/table/table.js +468 -194
- package/el/tabs/README.md +17 -17
- package/el/tabs/manifest.json +44 -59
- package/el/tabs/tabs.css +22 -22
- package/el/tabs/tabs.js +192 -210
- package/el/textfit/README.md +7 -7
- package/el/textfit/manifest.json +33 -45
- package/el/textfit/textfit.css +5 -5
- package/el/textfit/textfit.js +80 -80
- package/el/time/README.md +6 -5
- package/el/time/manifest.json +79 -118
- package/el/time/time.js +179 -168
- package/el/toc/README.md +27 -0
- package/el/toc/manifest.json +36 -0
- package/el/toc/toc.css +3 -0
- package/el/toc/toc.js +85 -0
- package/el/tooltip/README.md +13 -10
- package/el/tooltip/manifest.json +56 -69
- package/el/tooltip/tooltip.css +100 -97
- package/el/tooltip/tooltip.js +146 -82
- package/el/tree/README.md +133 -0
- package/el/tree/ext/dnd.js +53 -0
- package/el/tree/ext/item.js +35 -0
- package/el/tree/manifest.json +61 -0
- package/el/tree/tree.css +18 -0
- package/el/tree/tree.js +236 -0
- package/el/typewriter/README.md +11 -11
- package/el/typewriter/manifest.json +45 -66
- package/el/typewriter/typewriter.css +6 -6
- package/el/typewriter/typewriter.js +161 -166
- package/el/video/README.md +37 -0
- package/el/video/manifest.json +96 -0
- package/el/video/video.js +550 -0
- package/js/Placer/Placer.js +156 -156
- package/js/Placer/README.md +14 -16
- package/js/PointerObserver/PointerObserver-no-scroll.js +146 -0
- package/js/PointerObserver/PointerObserver.js +161 -130
- package/js/PointerObserver/README.md +6 -7
- package/js/SelectorObserver/README.md +9 -9
- package/js/SelectorObserver/SelectorObserver.js +199 -200
- package/js/Tour/README.md +56 -0
- package/js/Tour/Tour.js +156 -0
- package/js/contextmenu/README.md +6 -31
- package/js/contextmenu/contextmenu.js +338 -336
- package/js/dialog/README.md +8 -7
- package/js/dialog/dialog.js +228 -261
- package/js/drag/README.md +28 -0
- package/js/drag/drag.js +38 -0
- package/js/drag/indicateDrop.js +80 -0
- package/js/loading/README.md +24 -0
- package/js/loading/loading.js +139 -0
- package/js/navigator/README.md +26 -0
- package/js/navigator/navigator.js +430 -0
- package/js/navigator/url-change-event.js +29 -0
- package/js/rte/README.md +13 -14
- package/js/rte/old/NodeCleaner.js +315 -315
- package/js/rte/old/Rte/Rte.ui.mjs +154 -154
- package/js/rte/old/Rte/index.mjs +5 -5
- package/js/rte/old/Rte/main.css +189 -189
- package/js/rte/old/old.rte.js +131 -131
- package/js/rte/old/range-selection.old.js +394 -394
- package/js/rte/rte.js +7 -7
- package/js/rte/src/behavior.js +228 -228
- package/js/rte/src/events.js +73 -73
- package/js/rte/src/fixes.js +250 -250
- package/js/rte/src/range.js +469 -472
- package/js/rte/src/rte.js +71 -71
- package/js/rte/src/ui/items/ai.js +166 -167
- package/js/rte/src/ui/items/code.js +93 -93
- package/js/rte/src/ui/items/undo.js +183 -183
- package/js/rte/src/ui.items.js +6 -7
- package/js/rte/src/ui.js +268 -268
- package/js/rte/src/util/indentHtml.js +21 -15
- package/js/serviceWorker/README.md +17 -0
- package/js/serviceWorker/serviceWorker.js +84 -0
- package/js/serviceWorker/sw.js +221 -0
- package/js/shortcut/README.md +6 -6
- package/js/shortcut/shortcut.js +53 -89
- package/package.json +2 -4
- package/theme/brutalist/README.md +10 -0
- package/theme/brutalist/theme.css +98 -0
- package/theme/elegance/README.md +10 -0
- package/theme/elegance/theme.css +120 -0
- package/theme/luxury/README.md +10 -0
- package/theme/luxury/theme.css +107 -0
- package/theme/minimalism/README.md +10 -0
- package/theme/minimalism/theme.css +103 -0
- package/theme/natur/README.md +10 -0
- package/theme/natur/theme.css +101 -0
- package/theme/pastell/README.md +10 -0
- package/theme/pastell/theme.css +99 -0
- package/theme/pop/README.md +10 -0
- package/theme/pop/theme.css +101 -0
- package/theme/prompt.css +175 -0
- package/theme/retro/README.md +10 -0
- package/theme/retro/theme.css +99 -0
- package/theme/soft/README.md +10 -0
- package/theme/soft/theme.css +84 -0
- package/theme/tech/README.md +10 -0
- package/theme/tech/theme.css +98 -0
- package/theme/test/README.md +10 -0
- package/theme/test/theme.css +109 -0
- package/theme/test.html +284 -0
- package/theme/tmp/README.md +10 -0
- package/theme/tmp/theme.css +323 -0
- package/u2/auto.js +156 -161
- package/u2/auto.ui.js +82 -85
- package/u2/plan-scoped-refactoring.md +236 -0
- package/u2/projects.json +757 -467
- package/u2/tools/baseElement.js +217 -95
- package/u2/tools/baseElement.test.html +139 -119
- package/u2/tools/ce-inspector.js +307 -307
- package/u2/tools/ce-inspector.test.html +67 -65
- package/u2/tools/ce-manfest-from-element.js +207 -207
- package/u2/tools/dev-iframe.js +212 -213
- package/u2/tools/dev-iframe.test.html +72 -74
- package/u2/tools/eventsExplorer.js +102 -101
- package/u2/tools/logo/u1.svg +9 -9
- package/u2/tools/promiseElementById.js +14 -0
- package/u2/tools/update.repos.json.js +259 -234
- package/u2/tools/update.skill.js +176 -0
- package/u2/tools/variable-styler.js +317 -0
- package/u2/u2.js +30 -14
- package/u2/utils.js +61 -59
- package/.htaccess +0 -7
- package/attr/behavior/tests/minimal.html +0 -19
- package/attr/behavior/tests/test.html +0 -98
- package/attr/confirm/tests/minimal.html +0 -23
- package/attr/confirm/tests/test.html +0 -79
- package/attr/draghandle/tests/minimal.html +0 -44
- package/attr/focusgroup/tests/minimal.html +0 -27
- package/attr/focusgroup/tests/test.html +0 -154
- package/attr/href/tests/minimal.html +0 -17
- package/attr/href/tests/test.html +0 -70
- package/attr/intersect/tests/minimal.html +0 -30
- package/attr/intersect/tests/test.html +0 -64
- package/attr/navigable/tests/U1TargetObserver.html +0 -56
- package/attr/navigable/tests/minimal.html +0 -17
- package/attr/navigable/tests/targetObserver.html +0 -106
- package/attr/navigable/tests/test.html +0 -84
- package/attr/parallax/tests/minimal.html +0 -25
- package/attr/parallax/tests/performance.html +0 -102
- package/attr/parallax/tests/test.html +0 -108
- package/attr/skin/tests/minimal.html +0 -34
- package/attr/skin/tests/test.html +0 -96
- package/class/badge/tests/minimal.html +0 -17
- package/class/badge/tests/test.html +0 -112
- package/class/card1/README.md +0 -45
- package/class/card1/card1.css +0 -30
- package/class/card1/tests/minimal.html +0 -33
- package/class/card1/tests/test.html +0 -78
- package/class/flex/tests/minimal.html +0 -31
- package/class/flex/tests/test.html +0 -58
- package/class/grid/tests/minimal.html +0 -34
- package/class/grid/tests/test.html +0 -78
- package/class/input/README.md +0 -49
- package/class/input/input.css +0 -33
- package/class/input/tests/minimal.html +0 -39
- package/class/input/tests/test.html +0 -29
- package/class/reset/tests/minimal.html +0 -23
- package/class/table/tests/minimal.html +0 -40
- package/class/table/tests/test.html +0 -226
- package/class/unstyle/tests/minimal.html +0 -22
- package/class/unstyle/tests/test.html +0 -32
- package/class/width/tests/minimal.html +0 -27
- package/class/width/tests/test.html +0 -101
- package/css/base/tests/nomotion.html +0 -89
- package/css/base/tests/test.html +0 -539
- package/css/classes/tests/test.html +0 -63
- package/css/classless/snippeds/experiments/conventions.css +0 -41
- package/css/classless/tests/aria.html +0 -101
- package/css/classless/tests/foreign/classless-almond.css.html +0 -445
- package/css/classless/tests/foreign/classless-classless.css.html +0 -831
- package/css/classless/tests/foreign/classless-mvp.html +0 -415
- package/css/classless/tests/foreign/classless.sakura.html +0 -224
- package/css/classless/tests/foreign/stylestage.dev.html +0 -304
- package/css/classless/tests/foreign/test-homogenizer.html +0 -433
- package/css/classless/tests/foreign/test-html5-elements-tester.html +0 -956
- package/css/classless/tests/foreign/test-opinionated_css.html +0 -148
- package/css/classless/tests/list-bullet.html +0 -110
- package/css/classless/tests/more.html +0 -246
- package/css/classless/tests/oklch.experiments.html +0 -280
- package/css/classless/tests/test.html +0 -106
- package/css/classless/tests/variables.html +0 -109
- package/css/norm/tests/test.html +0 -434
- package/css/norm/tests/test.js +0 -103
- package/el/accordion/tests/minimal.html +0 -44
- package/el/accordion/tests/test.html +0 -168
- package/el/alert/alert copy.js +0 -224
- package/el/alert/tests/minimal.html +0 -36
- package/el/alert/tests/test.html +0 -105
- package/el/buttongroup/tests/minimal.html +0 -31
- package/el/buttongroup/tests/test.html +0 -83
- package/el/bytes/tests/minimal.html +0 -19
- package/el/bytes/tests/test.html +0 -117
- package/el/carousel/tests/experiments.html +0 -77
- package/el/carousel/tests/minimal.html +0 -31
- package/el/carousel/tests/nested.html +0 -54
- package/el/carousel/tests/test.html +0 -136
- package/el/carousel-nav/tests/minimal.html +0 -32
- package/el/carousel-nav/tests/test.html +0 -59
- package/el/code/tests/minimal.html +0 -35
- package/el/code/tests/test.html +0 -162
- package/el/copy/tests/minimal.html +0 -21
- package/el/copy/tests/test.html +0 -75
- package/el/counter/tests/minimal.html +0 -27
- package/el/counter/tests/test.html +0 -106
- package/el/ico/tests/combinations.html +0 -86
- package/el/ico/tests/emojis.html +0 -213
- package/el/ico/tests/fonts.html +0 -110
- package/el/ico/tests/ico-directory.html +0 -254
- package/el/ico/tests/minimal.html +0 -46
- package/el/ico/tests/test.html +0 -210
- package/el/ico/tests/util-multi.svg +0 -6
- package/el/ico/tests/util.css +0 -2
- package/el/ico/tests/util.js +0 -110
- package/el/input/tests/formParticipation.html +0 -113
- package/el/input/tests/minimal.html +0 -33
- package/el/input/tests/test.html +0 -258
- package/el/masonry/tests/minimal.html +0 -39
- package/el/masonry/tests/test.html +0 -42
- package/el/number/tests/minimal.html +0 -25
- package/el/number/tests/test.html +0 -138
- package/el/out/tests/minimal.html +0 -25
- package/el/out/tests/test.html +0 -37
- package/el/parallax-bg/tests/bg.jpg +0 -0
- package/el/parallax-bg/tests/bg1.jpg +0 -0
- package/el/parallax-bg/tests/bg2.jpg +0 -0
- package/el/parallax-bg/tests/demo.html +0 -88
- package/el/parallax-bg/tests/minimal.html +0 -30
- package/el/parallax-bg/tests/test.html +0 -64
- package/el/parallax-bg/tests/visible.html +0 -90
- package/el/qrcode/tests/minimal.html +0 -26
- package/el/qrcode/tests/test.html +0 -31
- package/el/rating/tests/minimal.html +0 -26
- package/el/rating/tests/tests.html +0 -77
- package/el/rte/tests/minimal.html +0 -25
- package/el/rte/tests/test.html +0 -37
- package/el/skeleton/tests/minimal.html +0 -22
- package/el/skeleton/tests/test.html +0 -22
- package/el/splitbutton/README.md +0 -39
- package/el/splitbutton/splitbutton.js +0 -26
- package/el/splitbutton/tests/minimal.html +0 -30
- package/el/splitbutton/tests/test.html +0 -68
- package/el/splitpanel/tests/minimal.html +0 -31
- package/el/splitpanel/tests/tests.html +0 -121
- package/el/table/tests/minimal.html +0 -38
- package/el/table/tests/test.html +0 -108
- package/el/tabs/tests/minimal.html +0 -35
- package/el/tabs/tests/test.html +0 -180
- package/el/textfit/tests/minimal.html +0 -25
- package/el/textfit/tests/test.html +0 -26
- package/el/time/tests/minimal.html +0 -19
- package/el/time/tests/test.html +0 -160
- package/el/time/time copy.js +0 -141
- package/el/time/time.old.uhtml.js +0 -129
- package/el/tooltip/tests/minimal.html +0 -25
- package/el/tooltip/tests/test.html +0 -178
- package/el/tree1/README.md +0 -111
- package/el/tree1/manifest.json +0 -78
- package/el/tree1/tests/animated.html +0 -134
- package/el/tree1/tests/custom.html +0 -51
- package/el/tree1/tests/minimal.html +0 -44
- package/el/tree1/tests/test.html +0 -260
- package/el/tree1/tree1.css +0 -26
- package/el/tree1/tree1.js +0 -265
- package/el/typewriter/tests/minimal.html +0 -25
- package/el/typewriter/tests/test.html +0 -78
- package/js/Placer/tests/minimal.html +0 -34
- package/js/Placer/tests/test.html +0 -49
- package/js/PointerObserver/tests/minimal.html +0 -29
- package/js/PointerObserver/tests/test.html +0 -35
- package/js/SelectorObserver/tests/minimal.html +0 -21
- package/js/SelectorObserver/tests/test.html +0 -57
- package/js/SelectorObserver/tests/tests.html +0 -161
- package/js/contextmenu/tests/minimal.html +0 -44
- package/js/contextmenu/tests/test.html +0 -131
- package/js/dialog/tests/minimal.html +0 -29
- package/js/dialog/tests/notification.mp3 +0 -0
- package/js/dialog/tests/test.html +0 -135
- package/js/rte/tests/ai.html +0 -81
- package/js/rte/tests/behavior.html +0 -88
- package/js/rte/tests/events.html +0 -69
- package/js/rte/tests/fixes.html +0 -95
- package/js/rte/tests/minimal.html +0 -34
- package/js/rte/tests/notes.md +0 -6
- package/js/rte/tests/range.html +0 -167
- package/js/rte/tests/selection-explorer.html +0 -222
- package/js/rte/tests/test.html +0 -92
- package/js/shortcut/tests/minimal.html +0 -23
- package/js/shortcut/tests/test.html +0 -68
- package/u2/experiments/Waiter/test.html +0 -132
- package/u2/experiments/getElementByIdPromise/test.html +0 -76
- package/u2/experiments/patchInputValue.html +0 -124
- package/u2/experiments/radiobutton/test.html +0 -75
- package/u2/experiments/tests/test.html +0 -223
- package/u2/experiments/u1-responsive/responsive.js +0 -62
- package/u2/experiments/u1-responsive/test.html +0 -65
- package/u2/experiments/u2Element.js +0 -139
- package/u2/experiments/u2Element.test.html +0 -47
- package/u2/old-stuff/IterableWeakMap/mod.js +0 -70
- package/u2/old-stuff/css/onStyleSheet/mod.js +0 -114
- package/u2/old-stuff/css/onStyleSheet/monkeypatches.js +0 -28
- package/u2/old-stuff/css/onStyleSheet/test/include.css +0 -19
- package/u2/old-stuff/css/onStyleSheet/test/style-has-include.css +0 -6
- package/u2/old-stuff/css/onStyleSheet/test/style-no-include.css +0 -3
- package/u2/old-stuff/css/onStyleSheet/test/test.html +0 -48
- package/u2/old-stuff/css/parser/mod.js +0 -182
- package/u2/old-stuff/css/parser/parser_old/mod.js +0 -128
- package/u2/old-stuff/css/parser/parser_old/test.html +0 -43
- package/u2/old-stuff/css/parser/parser_old/util.js +0 -22
- package/u2/old-stuff/css/parser/style.html +0 -52
- package/u2/old-stuff/css/parser/test.html +0 -38
- package/u2/old-stuff/el/ai-texter/README.md +0 -23
- package/u2/old-stuff/el/ai-texter/ai-texter.css +0 -12
- package/u2/old-stuff/el/ai-texter/ai-texter.js +0 -153
- package/u2/old-stuff/el/ai-texter/tests/minimal.html +0 -47
- package/u2/old-stuff/el/ai-texter/tests/test.html +0 -71
- package/u2/old-stuff/init.js +0 -38
- package/u2/old-stuff/markHashLinks.js +0 -51
- package/u2/old-stuff/onElement/mod.js +0 -73
- package/u2/old-stuff/test-helpers/mod.js +0 -36
- package/u2/old-stuff/test-helpers/test.html +0 -4
- package/u2/old-stuff/tests/init.js.html +0 -51
- package/u2/old-stuff/viewport.js +0 -64
- package/u2/tests/boilerplate.html +0 -46
- package/u2/tests/kacheln.html +0 -245
- package/u2/tests/showcase.html +0 -270
- package/u2/tests/showcase2.html +0 -157
- package/u2/tests/test-init.js +0 -35
- package/u2/tests/test.html +0 -355
- package/u2/tools/logo/u1ui.svg +0 -6
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>test</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width">
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
<script src="../../../js/init.js" type=module crossorigin></script>
|
|
10
|
+
|
|
11
|
+
<link href="../../full.css" rel=stylesheet>
|
|
12
|
+
<link href="../../simple.css" rel=stylesheet>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
|
|
16
|
+
<section>
|
|
17
|
+
|
|
18
|
+
<div class=links>
|
|
19
|
+
<link rel="stylesheet" href="none">
|
|
20
|
+
<link rel="stylesheet" href="./big-quotes.css">
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<fieldset id=selectEl>
|
|
24
|
+
<legend>Choose Stylesheet</legend>
|
|
25
|
+
</fieldset>
|
|
26
|
+
|
|
27
|
+
<script>
|
|
28
|
+
let links = document.querySelectorAll('.links > link')
|
|
29
|
+
links.forEach(link=>{
|
|
30
|
+
var label = document.createElement('label');
|
|
31
|
+
label.innerHTML += '<input type=radio name=x> ' + link.getAttribute('href') + '<br>';
|
|
32
|
+
label._link = link;
|
|
33
|
+
selectEl.append(label)
|
|
34
|
+
});
|
|
35
|
+
selectEl.addEventListener('change', e=>{
|
|
36
|
+
links.forEach(link=>link.rel='x');
|
|
37
|
+
e.target.closest('label')._link.rel = 'stylesheet';
|
|
38
|
+
})
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<div lang="fr">
|
|
42
|
+
<blockquote>
|
|
43
|
+
Here we have a lang attribute set to <strong>"fr"</strong> which results in different quotes.
|
|
44
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
|
45
|
+
</blockquote>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<div lang="en">
|
|
49
|
+
<blockquote>
|
|
50
|
+
Here we have a lang attribute set to <strong>"en"</strong> which results in different quotes.
|
|
51
|
+
</blockquote>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
<div lang="de">
|
|
55
|
+
<blockquote>
|
|
56
|
+
<p>Here we have a lang attribute set to <strong>"de"</strong> which results in different quotes.</p>
|
|
57
|
+
<!-- autor:-->
|
|
58
|
+
<footer>Hans Muster, <cite>Der Spiegel</cite></footer>
|
|
59
|
+
</blockquote>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
</section>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
#body button {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
padding: 0.4em;
|
|
4
|
+
text-align: center;
|
|
5
|
+
line-height: 1;
|
|
6
|
+
|
|
7
|
+
border-radius: 999px;
|
|
8
|
+
background-color: var(--color);
|
|
9
|
+
font-size: 2rem;
|
|
10
|
+
border:.1em solid black;
|
|
11
|
+
}
|
|
12
|
+
button::before {
|
|
13
|
+
content: '';
|
|
14
|
+
display: block;
|
|
15
|
+
width: 1lh;
|
|
16
|
+
opacity: 0.3;
|
|
17
|
+
line-height:inherit;
|
|
18
|
+
|
|
19
|
+
height: 1px;
|
|
20
|
+
background: black;
|
|
21
|
+
margin-top: -1px;
|
|
22
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>test</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width">
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
<script src="../../../js/init.js" type=module crossorigin></script>
|
|
10
|
+
|
|
11
|
+
<link href="../../full.css" rel=stylesheet>
|
|
12
|
+
<link href="../../simple.css" rel=stylesheet>
|
|
13
|
+
|
|
14
|
+
<body id=body>
|
|
15
|
+
|
|
16
|
+
<section>
|
|
17
|
+
|
|
18
|
+
<div class=links>
|
|
19
|
+
<link rel="stylesheet" href="none">
|
|
20
|
+
<link rel="stylesheet" href="./square.css">
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<fieldset id=selectEl>
|
|
24
|
+
<legend>Choose Stylesheet</legend>
|
|
25
|
+
</fieldset>
|
|
26
|
+
|
|
27
|
+
<script>
|
|
28
|
+
let links = document.querySelectorAll('.links > link')
|
|
29
|
+
links.forEach(link=>{
|
|
30
|
+
var label = document.createElement('label');
|
|
31
|
+
label.innerHTML += '<input type=radio name=x> ' + link.getAttribute('href') + '<br>';
|
|
32
|
+
label._link = link;
|
|
33
|
+
selectEl.append(label)
|
|
34
|
+
});
|
|
35
|
+
selectEl.addEventListener('change', e=>{
|
|
36
|
+
links.forEach(link=>link.rel='x');
|
|
37
|
+
e.target.closest('label')._link.rel = 'stylesheet';
|
|
38
|
+
})
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
Baseline
|
|
42
|
+
|
|
43
|
+
<button>
|
|
44
|
+
I
|
|
45
|
+
</button>
|
|
46
|
+
|
|
47
|
+
<button>
|
|
48
|
+
ABCDE
|
|
49
|
+
</button>
|
|
50
|
+
|
|
51
|
+
Baseline
|
|
52
|
+
|
|
53
|
+
</section>
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* header nav */
|
|
2
|
+
[role=banner] nav {
|
|
3
|
+
|
|
4
|
+
& > ul { display: flex; }
|
|
5
|
+
& > ul > li { flex: 1 1 auto; }
|
|
6
|
+
& > ul > li > a { text-align: center; }
|
|
7
|
+
& ul { padding: 0; }
|
|
8
|
+
& li { position: relative; }
|
|
9
|
+
& a {
|
|
10
|
+
padding: .5em 1em;
|
|
11
|
+
display: block;
|
|
12
|
+
}
|
|
13
|
+
& li > ul {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 100%;
|
|
16
|
+
left: 0;
|
|
17
|
+
z-index: 1;
|
|
18
|
+
min-width: 100%;
|
|
19
|
+
white-space: nowrap;
|
|
20
|
+
transition-duration: .4s;
|
|
21
|
+
visibility: hidden;
|
|
22
|
+
opacity: 0;
|
|
23
|
+
}
|
|
24
|
+
& li:hover > ul ,
|
|
25
|
+
& li:focus-within > ul {
|
|
26
|
+
visibility: visible;
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* customize */
|
|
31
|
+
& li > ul {
|
|
32
|
+
background-color: rgba(255,255,255,.9);
|
|
33
|
+
color: var(--color-text);
|
|
34
|
+
-webkit-backdrop-filter: blur(3px);
|
|
35
|
+
backdrop-filter: blur(3px);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
& li > ul a.cmsActive,
|
|
39
|
+
& li > ul a:hover,
|
|
40
|
+
& li > ul a:focus-within {
|
|
41
|
+
background-color: var(--color);
|
|
42
|
+
color: #fff;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
hr {
|
|
2
|
-
border-image: linear-gradient(to left,#0000, currentColor, #0000) 100% 0 100% 0/3px 0 3px 0 stretch;
|
|
1
|
+
hr {
|
|
2
|
+
border-image: linear-gradient(to left,#0000, currentColor, #0000) 100% 0 100% 0/3px 0 3px 0 stretch;
|
|
3
3
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
hr {
|
|
2
|
-
border: 0;
|
|
3
|
-
border-bottom: 3px double;
|
|
4
|
-
text-align: center;
|
|
5
|
-
position:relative;
|
|
6
|
-
overflow: visible;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
hr::after {
|
|
10
|
-
background:var(--color-bg);
|
|
11
|
-
content: '§';
|
|
12
|
-
padding: 0 .5em;
|
|
13
|
-
position: absolute;
|
|
14
|
-
bottom:-0.5em;
|
|
15
|
-
line-height:1;
|
|
16
|
-
}
|
|
1
|
+
hr {
|
|
2
|
+
border: 0;
|
|
3
|
+
border-bottom: 3px double;
|
|
4
|
+
text-align: center;
|
|
5
|
+
position:relative;
|
|
6
|
+
overflow: visible;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
hr::after {
|
|
10
|
+
background:var(--color-bg);
|
|
11
|
+
content: '§';
|
|
12
|
+
padding: 0 .5em;
|
|
13
|
+
position: absolute;
|
|
14
|
+
bottom:-0.5em;
|
|
15
|
+
line-height:1;
|
|
16
|
+
}
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<title>Level.css TEST</title>
|
|
6
|
-
<meta name="viewport" content="width=device-width">
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<script src="../../../js/init.js" type=module crossorigin></script>
|
|
11
|
-
<link rel=stylesheet href="../../../css/base/full.css" crossorigin>
|
|
12
|
-
|
|
13
|
-
<link rel="stylesheet" href="../../variables.css">
|
|
14
|
-
<link rel="stylesheet" href="../../classless.css">
|
|
15
|
-
<link rel="stylesheet" href="../../more.css">
|
|
16
|
-
<link rel="stylesheet" href="../../simple.css">
|
|
17
|
-
|
|
18
|
-
<body>
|
|
19
|
-
|
|
20
|
-
<div class=links>
|
|
21
|
-
<link rel="stylesheet" href="none">
|
|
22
|
-
<link rel="stylesheet" href="./section_sign.css">
|
|
23
|
-
<link rel="stylesheet" href="./gradient.css">
|
|
24
|
-
</div>
|
|
25
|
-
|
|
26
|
-
<h1>HR Snippeds Demo</h1>
|
|
27
|
-
<fieldset id=selectEl>
|
|
28
|
-
<legend>Choose Stylesheet</legend>
|
|
29
|
-
</fieldset>
|
|
30
|
-
|
|
31
|
-
<script>
|
|
32
|
-
let links = document.querySelectorAll('.links > link')
|
|
33
|
-
links.forEach(link=>{
|
|
34
|
-
var label = document.createElement('label');
|
|
35
|
-
label.innerHTML += '<input type=radio name=x> ' + link.getAttribute('href') + '<br>';
|
|
36
|
-
label._link = link;
|
|
37
|
-
selectEl.append(label)
|
|
38
|
-
});
|
|
39
|
-
selectEl.addEventListener('change', e=>{
|
|
40
|
-
links.forEach(link=>link.rel='x');
|
|
41
|
-
console.log(e.target)
|
|
42
|
-
e.target.closest('label')._link.rel = 'stylesheet';
|
|
43
|
-
})
|
|
44
|
-
</script>
|
|
45
|
-
|
|
46
|
-
<style contenteditable style="display:block;">hr { color:var(--color-line) }</style>
|
|
47
|
-
|
|
48
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
49
|
-
<hr>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Level.css TEST</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width">
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
<script src="../../../js/init.js" type=module crossorigin></script>
|
|
11
|
+
<link rel=stylesheet href="../../../css/base/full.css" crossorigin>
|
|
12
|
+
|
|
13
|
+
<link rel="stylesheet" href="../../variables.css">
|
|
14
|
+
<link rel="stylesheet" href="../../classless.css">
|
|
15
|
+
<link rel="stylesheet" href="../../more.css">
|
|
16
|
+
<link rel="stylesheet" href="../../simple.css">
|
|
17
|
+
|
|
18
|
+
<body>
|
|
19
|
+
|
|
20
|
+
<div class=links>
|
|
21
|
+
<link rel="stylesheet" href="none">
|
|
22
|
+
<link rel="stylesheet" href="./section_sign.css">
|
|
23
|
+
<link rel="stylesheet" href="./gradient.css">
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<h1>HR Snippeds Demo</h1>
|
|
27
|
+
<fieldset id=selectEl>
|
|
28
|
+
<legend>Choose Stylesheet</legend>
|
|
29
|
+
</fieldset>
|
|
30
|
+
|
|
31
|
+
<script>
|
|
32
|
+
let links = document.querySelectorAll('.links > link')
|
|
33
|
+
links.forEach(link=>{
|
|
34
|
+
var label = document.createElement('label');
|
|
35
|
+
label.innerHTML += '<input type=radio name=x> ' + link.getAttribute('href') + '<br>';
|
|
36
|
+
label._link = link;
|
|
37
|
+
selectEl.append(label)
|
|
38
|
+
});
|
|
39
|
+
selectEl.addEventListener('change', e=>{
|
|
40
|
+
links.forEach(link=>link.rel='x');
|
|
41
|
+
console.log(e.target)
|
|
42
|
+
e.target.closest('label')._link.rel = 'stylesheet';
|
|
43
|
+
})
|
|
44
|
+
</script>
|
|
45
|
+
|
|
46
|
+
<style contenteditable style="display:block;">hr { color:var(--color-line) }</style>
|
|
47
|
+
|
|
48
|
+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
49
|
+
<hr>
|
|
50
50
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique obcaecati quis vitae sunt impedit, minus asperiores ipsum sapiente repellendus id nam earum atque repellat aperiam, laudantium saepe eius? Laudantium, tempore?
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.test, h1 + p::first-letter {
|
|
2
|
+
--span: 2;
|
|
3
|
+
line-height: .68; /* make box-height same in firefox (normal span would be good) and chrome */
|
|
4
|
+
font-size: calc(1lh * var(--span) * (2 - .68)); /* line-height from parent, add the line-height that was removed */
|
|
5
|
+
float: left;
|
|
6
|
+
margin-right: .25ch;
|
|
7
|
+
margin-top: -0.05lh;
|
|
8
|
+
color: var(--accent);
|
|
9
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Level.css TEST</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width">
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
<script src="../../../../u2/auto.js" type=module crossorigin></script>
|
|
11
|
+
|
|
12
|
+
<link rel="stylesheet" href="../../variables.css">
|
|
13
|
+
<link rel="stylesheet" href="../../../vars/vars.css">
|
|
14
|
+
<link rel="stylesheet" href="../../classless.css">
|
|
15
|
+
<link rel="stylesheet" href="../../more.css">
|
|
16
|
+
<link rel="stylesheet" href="../../simple.css">
|
|
17
|
+
|
|
18
|
+
<body>
|
|
19
|
+
|
|
20
|
+
<section>
|
|
21
|
+
|
|
22
|
+
<div class=links>
|
|
23
|
+
<link rel="stylesheet" href="none">
|
|
24
|
+
<link rel="stylesheet" href="./initial.css">
|
|
25
|
+
<link rel="stylesheet" href="./indent.css">
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<h1>P Snippeds Demo</h1>
|
|
29
|
+
<fieldset id=selectEl>
|
|
30
|
+
<legend>Choose Stylesheet</legend>
|
|
31
|
+
</fieldset>
|
|
32
|
+
|
|
33
|
+
<script>
|
|
34
|
+
let links = document.querySelectorAll('.links > link')
|
|
35
|
+
links.forEach(link=>{
|
|
36
|
+
var label = document.createElement('label');
|
|
37
|
+
label.innerHTML += '<input type=radio name=x> ' + link.getAttribute('href') + '<br>';
|
|
38
|
+
label._link = link;
|
|
39
|
+
selectEl.append(label)
|
|
40
|
+
});
|
|
41
|
+
selectEl.addEventListener('change', e=>{
|
|
42
|
+
links.forEach(link=>link.rel='x');
|
|
43
|
+
console.log(e.target)
|
|
44
|
+
e.target.closest('label')._link.rel = 'stylesheet';
|
|
45
|
+
})
|
|
46
|
+
</script>
|
|
47
|
+
|
|
48
|
+
<p><span class="test">L</span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit! Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit! Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
49
|
+
|
|
50
|
+
<h1>Heading 1</h1>
|
|
51
|
+
<p>LLorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit! Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit! Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
52
|
+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit! Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
53
|
+
|
|
54
|
+
<h1>Heading 1</h1>
|
|
55
|
+
<p>Yorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
56
|
+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur voluptas tempore qui hic ab dignissimos pariatur voluptatem dolorem rem et minus natus, libero animi! Sunt atque corporis illo architecto sit!</p>
|
|
57
|
+
|
|
58
|
+
<u2-system></u2-system>
|
|
59
|
+
|
|
60
|
+
</section>
|