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
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<meta charset="utf-8">
|
|
4
|
-
<title>Opinionate CSS: UI tests</title>
|
|
5
|
-
<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
|
|
6
|
-
|
|
7
|
-
<script src="../test.js" type=module async></script>
|
|
8
|
-
<meta name="viewport" content="width=device-width">
|
|
9
|
-
|
|
10
|
-
<link rel="stylesheet" href="../../../css/norm/norm.css">
|
|
11
|
-
<link rel="stylesheet" href="../../../norm.css/beta.css">
|
|
12
|
-
<link rel="stylesheet" href="../../../css/base/base.css">
|
|
13
|
-
<link rel="stylesheet" href="../../../base.css/beta.css">
|
|
14
|
-
<link rel="stylesheet" href="../../../base.css/print.css" disabled>
|
|
15
|
-
<link rel="stylesheet" href="../../../base.css/nomotion.css" disabled>
|
|
16
|
-
<link rel="stylesheet" href="../../../css/classless/variables.css">
|
|
17
|
-
<link rel="stylesheet" href="../../../css/classless/classless.css">
|
|
18
|
-
<link rel="stylesheet" href="../../../css/classless/more.css">
|
|
19
|
-
<link rel="stylesheet" href="../../../css/classless/aria.css">
|
|
20
|
-
<link rel="stylesheet" href="../../../css/classless/simple.css">
|
|
21
|
-
|
|
22
|
-
<link rel="stylesheet" href="../../../classless.css/themes/elegant.css">
|
|
23
|
-
<link rel="stylesheet" href="../../../classless.css/themes/brutalist.css" disabled>
|
|
24
|
-
<link rel="stylesheet" href="../../../classless.css/themes/lascaux.css" disabled>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<style>
|
|
28
|
-
/*! suit-test v0.1.0 | MIT License | github.com/suitcss */
|
|
29
|
-
|
|
30
|
-
.Test {
|
|
31
|
-
background: #fff;
|
|
32
|
-
counter-reset: test-describe;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.Test-describe:before {
|
|
36
|
-
content: counter(test-describe);
|
|
37
|
-
counter-increment: test-describe;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.Test-describe {
|
|
41
|
-
counter-reset: test-it;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.Test-it:before {
|
|
45
|
-
content: counter(test-describe) "." counter(test-it);
|
|
46
|
-
counter-increment: test-it;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.Test-title {
|
|
50
|
-
font-size: 2em;
|
|
51
|
-
font-family: sans-serif;
|
|
52
|
-
padding: 20px;
|
|
53
|
-
margin: 20px 0;
|
|
54
|
-
background: #eee;
|
|
55
|
-
color: #999;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.Test-describe,
|
|
59
|
-
.Test-it {
|
|
60
|
-
background: #eee;
|
|
61
|
-
border-left: 5px solid #666;
|
|
62
|
-
color: #666;
|
|
63
|
-
font-family: sans-serif;
|
|
64
|
-
font-weight: bold;
|
|
65
|
-
margin: 20px 0;
|
|
66
|
-
padding: 0.75em 20px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.Test-describe {
|
|
70
|
-
font-size: 1.5em;
|
|
71
|
-
margin: 60px 0 20px;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.Test-describe:before,
|
|
75
|
-
.Test-it:before {
|
|
76
|
-
color: #999;
|
|
77
|
-
display: inline-block;
|
|
78
|
-
margin-right: 10px;
|
|
79
|
-
min-width: 30px;
|
|
80
|
-
text-transform: uppercase;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/* Custom helpers */
|
|
84
|
-
|
|
85
|
-
/**
|
|
86
|
-
* Test whether the body's margin has been removed
|
|
87
|
-
*/
|
|
88
|
-
|
|
89
|
-
body {
|
|
90
|
-
background: red;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Highlight the bounds of direct children of a test block
|
|
95
|
-
*/
|
|
96
|
-
|
|
97
|
-
.Test-run--highlightEl > * {
|
|
98
|
-
outline: 1px solid #ADD8E6;
|
|
99
|
-
}
|
|
100
|
-
</style>
|
|
101
|
-
|
|
102
|
-
<div class="Test">
|
|
103
|
-
.
|
|
104
|
-
|
|
105
|
-
<h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Opinionate.css</a>: UI tests</h1>
|
|
106
|
-
|
|
107
|
-
<h2 class="Test-describe"><code>html</code></h2>
|
|
108
|
-
<h3 class="Test-it">should have sans-serif font family</h3>
|
|
109
|
-
<div class="Test-run">
|
|
110
|
-
abcdefghijklmnopqrstuvwxyz
|
|
111
|
-
</div>
|
|
112
|
-
|
|
113
|
-
<h2 class="Test-describe"><code>body</code></h2>
|
|
114
|
-
<h3 class="Test-it">should have no margin</h3>
|
|
115
|
-
<div class="Test-run">
|
|
116
|
-
(there should be no red background visible on this page)
|
|
117
|
-
</div>
|
|
118
|
-
|
|
119
|
-
<h2 class="Test-describe"><code>a</code></h2>
|
|
120
|
-
<h3 class="Test-it">should not have a focus outline when both focused and hovered</h3>
|
|
121
|
-
<div class="Test-run">
|
|
122
|
-
<a href="#non">dummy anchor</a>
|
|
123
|
-
</div>
|
|
124
|
-
|
|
125
|
-
<!-- KEEP -->
|
|
126
|
-
<h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
|
|
127
|
-
<h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
|
|
128
|
-
<div class="Test-run" style="font-size: 20px;">
|
|
129
|
-
<button>button</button><br>
|
|
130
|
-
<input value="input"><br>
|
|
131
|
-
<select style="border:1px solid #999;">
|
|
132
|
-
<optgroup label="optgroup">
|
|
133
|
-
<option>option</option>
|
|
134
|
-
</optgroup>
|
|
135
|
-
<option>option</option>
|
|
136
|
-
</select><br>
|
|
137
|
-
<textarea>textarea</textarea>
|
|
138
|
-
</div>
|
|
139
|
-
|
|
140
|
-
<h2 class="Test-describe"><code>fieldset</code></h2>
|
|
141
|
-
<h3 class="Test-it">should have consistent border, padding, and margin</h3>
|
|
142
|
-
<div class="Test-run">
|
|
143
|
-
<fieldset>
|
|
144
|
-
<div style="width:100%; height:100px; background:#ADD8E6;"></div>
|
|
145
|
-
</fieldset>
|
|
146
|
-
</div>
|
|
147
|
-
|
|
148
|
-
</div>
|
|
@@ -1,110 +0,0 @@
|
|
|
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
|
-
<style>
|
|
10
|
-
.marker ::marker {
|
|
11
|
-
content:'•';
|
|
12
|
-
content:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><svg width="18" height="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z"/></svg>');
|
|
13
|
-
content: "★\00a0\00a0";
|
|
14
|
-
font-size:.8em;
|
|
15
|
-
color:red;
|
|
16
|
-
xwhite-space: pre;
|
|
17
|
-
}
|
|
18
|
-
.image ul {
|
|
19
|
-
list-style-type:'★ ';
|
|
20
|
-
list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="13" width="13" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>');
|
|
21
|
-
}
|
|
22
|
-
.image ::marker {
|
|
23
|
-
font-size:.8em;
|
|
24
|
-
font-size: 1em;
|
|
25
|
-
color:red;
|
|
26
|
-
xfont-style:italic;
|
|
27
|
-
xfont-family:monospace;
|
|
28
|
-
xfont-variant:small-caps;
|
|
29
|
-
xfont-variant-position:3em;
|
|
30
|
-
xfont-weight:bold;
|
|
31
|
-
|
|
32
|
-
xxxletter-spacing: 2em; /*no chrome*/
|
|
33
|
-
xxxline-height:6em; /* not in ff */
|
|
34
|
-
xxxvertical-align:sub;
|
|
35
|
-
xxxfont-variant-alternates:historical-forms;
|
|
36
|
-
xxxfont-feature-settings:"abvf";
|
|
37
|
-
xxxfont-kerning:none;
|
|
38
|
-
xxxfont-language-override:normal;
|
|
39
|
-
xxxletter-spacing: 2em;
|
|
40
|
-
xxxfont-size-adjust:100px;
|
|
41
|
-
xxxfont-stretch:condensed;
|
|
42
|
-
xxxfont-synthesis:weight;
|
|
43
|
-
xxxfont-variant-caps:titling-caps;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.noListStyle {
|
|
47
|
-
padding:0;
|
|
48
|
-
list-style:none !important;
|
|
49
|
-
}
|
|
50
|
-
.noListStyle li {
|
|
51
|
-
xdisplay:block;
|
|
52
|
-
}
|
|
53
|
-
</style>
|
|
54
|
-
|
|
55
|
-
</head>
|
|
56
|
-
|
|
57
|
-
<body>
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<h1>Using ::marker</h1>
|
|
61
|
-
<div class="container marker">
|
|
62
|
-
<ul>
|
|
63
|
-
<li>Uniquely integrate standards compliant niche markets <br>standards compliant niche markets</li>
|
|
64
|
-
<li>Via 2.0 communities globally parallel task</li>
|
|
65
|
-
<li>Maintainable niche markets after bleeding-edge growth strategies</li>
|
|
66
|
-
<li>Dramatically aggregate strategic customer service</li>
|
|
67
|
-
<li>For prospective catalysts for change</li>
|
|
68
|
-
</ul>
|
|
69
|
-
<h3>unstyled List</h3>
|
|
70
|
-
<ul class=noListStyle>
|
|
71
|
-
<li>Uniquely integrate standards compliant niche markets <br>standards compliant niche markets</li>
|
|
72
|
-
<li>Via 2.0 communities globally parallel task</li>
|
|
73
|
-
<li>Maintainable niche markets after bleeding-edge growth strategies</li>
|
|
74
|
-
<li>Dramatically aggregate strategic customer service</li>
|
|
75
|
-
<li>For prospective catalysts for change</li>
|
|
76
|
-
</ul>
|
|
77
|
-
</div>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
<h1>Using list-style-type:'string' and ::marker (color, font-size)</h1>
|
|
81
|
-
<div class="container image">
|
|
82
|
-
<ul>
|
|
83
|
-
<li>Uniquely integrate standards compliant niche markets <br>standards compliant niche markets</li>
|
|
84
|
-
<li>Via 2.0 communities globally parallel task</li>
|
|
85
|
-
<li>Maintainable niche markets after bleeding-edge growth strategies</li>
|
|
86
|
-
<li>Dramatically aggregate strategic customer service</li>
|
|
87
|
-
<li>For prospective catalysts for change</li>
|
|
88
|
-
</ul>
|
|
89
|
-
<h3>unstyled List</h3>
|
|
90
|
-
<ul class=noListStyle>
|
|
91
|
-
<li>Uniquely integrate standards compliant niche markets <br>standards compliant niche markets</li>
|
|
92
|
-
<li>Via 2.0 communities globally parallel task</li>
|
|
93
|
-
<li>Maintainable niche markets after bleeding-edge growth strategies</li>
|
|
94
|
-
<li>Dramatically aggregate strategic customer service</li>
|
|
95
|
-
<li>For prospective catalysts for change</li>
|
|
96
|
-
</ul>
|
|
97
|
-
</div>
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
<style>
|
|
104
|
-
body {
|
|
105
|
-
padding:3rem;
|
|
106
|
-
}
|
|
107
|
-
.container {
|
|
108
|
-
border:1px solid blue;
|
|
109
|
-
}
|
|
110
|
-
</style>
|
|
@@ -1,246 +0,0 @@
|
|
|
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
|
-
<!-- <script src="../../../u2/tests/test-init.js" type=module async></script> -->
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<!--script src="./test.js" type=module></script-->
|
|
11
|
-
|
|
12
|
-
<script src="../../js/init.js" type=module crossorigin></script>
|
|
13
|
-
<link href="../../../css/base/full.css" crossorigin rel=stylesheet>
|
|
14
|
-
|
|
15
|
-
<link rel="stylesheet" href="../variables.css">
|
|
16
|
-
<link rel="stylesheet" href="../classless.css">
|
|
17
|
-
<link rel="stylesheet" href="../more.css">
|
|
18
|
-
|
|
19
|
-
<body>
|
|
20
|
-
|
|
21
|
-
<style>
|
|
22
|
-
.container {
|
|
23
|
-
min-height:0;
|
|
24
|
-
max-width:none;
|
|
25
|
-
display:flex;
|
|
26
|
-
flex-wrap:wrap;
|
|
27
|
-
gap:1rem;
|
|
28
|
-
}
|
|
29
|
-
section {
|
|
30
|
-
padding:1rem;
|
|
31
|
-
background:var(--color-area);
|
|
32
|
-
border-radius:4px;
|
|
33
|
-
}
|
|
34
|
-
section > :first-child {
|
|
35
|
-
margin-top:0;
|
|
36
|
-
}
|
|
37
|
-
</style>
|
|
38
|
-
|
|
39
|
-
<div class=container>
|
|
40
|
-
<section>
|
|
41
|
-
<h1>List Item</h1>
|
|
42
|
-
<ul>
|
|
43
|
-
<li>List item 1
|
|
44
|
-
<li>List item 2
|
|
45
|
-
<li>List item 3
|
|
46
|
-
<li>List item 4
|
|
47
|
-
</ul>
|
|
48
|
-
</section>
|
|
49
|
-
|
|
50
|
-
<section>
|
|
51
|
-
<h1>select arrow down</h1>
|
|
52
|
-
<table style="white-space:nowrap">
|
|
53
|
-
<tbody style="vertical-align:top">
|
|
54
|
-
<tr>
|
|
55
|
-
<td> Normal
|
|
56
|
-
<td> Size-Attribute <br><small> (not affected)</small>
|
|
57
|
-
<td> Multiple-Attribute <br><small> (not affected)</small>
|
|
58
|
-
<tr>
|
|
59
|
-
<td>
|
|
60
|
-
<select aria-label="test normal">
|
|
61
|
-
<option>Option 1
|
|
62
|
-
<option>Option 2
|
|
63
|
-
<option>Option 3
|
|
64
|
-
</select>
|
|
65
|
-
<td>
|
|
66
|
-
<select size=2 aria-label="test size 2">
|
|
67
|
-
<option>Option 1
|
|
68
|
-
<option>Option 2
|
|
69
|
-
<option>Option 3
|
|
70
|
-
</select>
|
|
71
|
-
<td>
|
|
72
|
-
<select multiple aria-label="test multiple">
|
|
73
|
-
<option>Option 1
|
|
74
|
-
<option>Option 2
|
|
75
|
-
<option>Option 3
|
|
76
|
-
</select>
|
|
77
|
-
</table>
|
|
78
|
-
</section>
|
|
79
|
-
|
|
80
|
-
<section>
|
|
81
|
-
<h1>radio / checkbox</h1>
|
|
82
|
-
<table style="white-space:nowrap; text-align:center">
|
|
83
|
-
<tr>
|
|
84
|
-
<td style="text-align:end">
|
|
85
|
-
<td> No checked
|
|
86
|
-
<td> Checked
|
|
87
|
-
<td> disabled
|
|
88
|
-
<td> checked disabled
|
|
89
|
-
<td> indeterminate <small>todo</small>
|
|
90
|
-
<tr>
|
|
91
|
-
<td style="text-align:end"> Checkbox
|
|
92
|
-
<td> <input type=checkbox>
|
|
93
|
-
<td> <input type=checkbox checked>
|
|
94
|
-
<td> <input type=checkbox disabled>
|
|
95
|
-
<td> <input type=checkbox checked disabled>
|
|
96
|
-
<td> <input type=checkbox id=indeterminate1>
|
|
97
|
-
<tr>
|
|
98
|
-
<td style="text-align:end"> Radio
|
|
99
|
-
<td> <input type=radio name=radio>
|
|
100
|
-
<td> <input type=radio name=radio checked>
|
|
101
|
-
<td> <input type=radio name=radiox disabled>
|
|
102
|
-
<td> <input type=radio name=radiox checked disabled>
|
|
103
|
-
<td> <input type=radio id=indeterminate2>
|
|
104
|
-
</table>
|
|
105
|
-
<script>
|
|
106
|
-
indeterminate1.indeterminate = true;
|
|
107
|
-
indeterminate2.indeterminate = true;
|
|
108
|
-
</script>
|
|
109
|
-
<br>
|
|
110
|
-
<label>
|
|
111
|
-
<input type=checkbox> Has a label, hover it will show an indicator
|
|
112
|
-
</label>
|
|
113
|
-
</section>
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
<section>
|
|
117
|
-
<h1>Color-Input</h1>
|
|
118
|
-
<label>
|
|
119
|
-
Select your color: <input type=color>
|
|
120
|
-
</label>
|
|
121
|
-
<br>
|
|
122
|
-
<label>
|
|
123
|
-
Pink: <input type=color value="#ffaaff">
|
|
124
|
-
</label>
|
|
125
|
-
|
|
126
|
-
</section>
|
|
127
|
-
|
|
128
|
-
<section>
|
|
129
|
-
<h1>Range-Input</h1>
|
|
130
|
-
<label>
|
|
131
|
-
Range with label<br>
|
|
132
|
-
<input type=range>
|
|
133
|
-
</label>
|
|
134
|
-
</section>
|
|
135
|
-
|
|
136
|
-
<section>
|
|
137
|
-
<h1>Scrollbars</h1>
|
|
138
|
-
<div style="align-items:center; display:flex; flex-wrap:wrap; gap:1rem">
|
|
139
|
-
<div style="overflow:auto; width:200px; height:200px; display:inline-block;">
|
|
140
|
-
<div style="width:300px; height:300px; display:flex; place-items:center;">
|
|
141
|
-
Here a Div<br>
|
|
142
|
-
inside overflow:auto
|
|
143
|
-
</div>
|
|
144
|
-
</div>
|
|
145
|
-
<label>
|
|
146
|
-
<textarea style="width:200px">Here a textarea that has scrollbars. Here a textarea that has scrollbars. Here a textarea that has scrollbars. Here a textarea that has scrollbars.</textarea>
|
|
147
|
-
</label>
|
|
148
|
-
<label>
|
|
149
|
-
<select size=2>
|
|
150
|
-
<option>See
|
|
151
|
-
<option>Multiple
|
|
152
|
-
<option>Options
|
|
153
|
-
</select>
|
|
154
|
-
</label>
|
|
155
|
-
</div>
|
|
156
|
-
</section>
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
<section>
|
|
160
|
-
<h1>:autofill</h1>
|
|
161
|
-
<form>
|
|
162
|
-
<label>Text Input <input id=x type=text> </label><br>
|
|
163
|
-
<label>Password <input id=y type=password></label><br>
|
|
164
|
-
</form>
|
|
165
|
-
<form>
|
|
166
|
-
<label> Name: <input name=name> </label><br>
|
|
167
|
-
<label> Firstname: <input name=firstname> </label><br>
|
|
168
|
-
<label> Company: <input name=company> </label><br>
|
|
169
|
-
<label> E-Mail: <input type=email name=email> </label><br>
|
|
170
|
-
</form>
|
|
171
|
-
</section>
|
|
172
|
-
|
|
173
|
-
<section>
|
|
174
|
-
<h1>::selection</h1>
|
|
175
|
-
<h1 id=selectionTest>Some text</h1>
|
|
176
|
-
<script>
|
|
177
|
-
var r = new Range()
|
|
178
|
-
r.selectNodeContents(selectionTest);
|
|
179
|
-
getSelection().addRange(r);
|
|
180
|
-
</script>
|
|
181
|
-
</section>
|
|
182
|
-
|
|
183
|
-
<section>
|
|
184
|
-
<h1>input type=number</h1>
|
|
185
|
-
<label>
|
|
186
|
-
Demo:
|
|
187
|
-
<input type=number step=".5" min="-.5" max="4">
|
|
188
|
-
</label>
|
|
189
|
-
</section>
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
<section style="width:30rem">
|
|
193
|
-
<h1>details / summary</h1>
|
|
194
|
-
|
|
195
|
-
<details>
|
|
196
|
-
<summary>Security</summary>
|
|
197
|
-
<div>
|
|
198
|
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga perspiciatis quidem sunt animi. Veniam accusamus illum, iste, hic aperiam ratione nemo, doloremque aliquid ipsum magnam dolorum cumque ducimus! Nobis, officia.
|
|
199
|
-
</div>
|
|
200
|
-
</details>
|
|
201
|
-
<details>
|
|
202
|
-
<summary>Pricing</summary>
|
|
203
|
-
<div>
|
|
204
|
-
<ul>
|
|
205
|
-
<li>Cash on hand: $500.00</li>
|
|
206
|
-
<li>Current invoice: $75.30</li>
|
|
207
|
-
<li>Due date: 5/6/19</li>
|
|
208
|
-
</ul>
|
|
209
|
-
</div>
|
|
210
|
-
</details>
|
|
211
|
-
<details>
|
|
212
|
-
<summary>Nested</summary>
|
|
213
|
-
|
|
214
|
-
<details>
|
|
215
|
-
<summary>Sub-Detail 1</summary>
|
|
216
|
-
<p>
|
|
217
|
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga perspiciatis quidem sunt animi. Veniam accusamus illum, iste, hic aperiam ratione nemo, doloremque aliquid ipsum magnam dolorum cumque ducimus! Nobis, officia.
|
|
218
|
-
</p>
|
|
219
|
-
</details>
|
|
220
|
-
<details>
|
|
221
|
-
<summary>Sub-Detail 2</summary>
|
|
222
|
-
<p>
|
|
223
|
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga perspiciatis quidem sunt animi. Veniam accusamus illum, iste, hic aperiam ratione nemo, doloremque aliquid ipsum magnam dolorum cumque ducimus! Nobis, officia.
|
|
224
|
-
</p>
|
|
225
|
-
<p>
|
|
226
|
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga perspiciatis quidem sunt animi. Veniam accusamus illum, iste, hic aperiam ratione nemo, doloremque aliquid ipsum magnam dolorum cumque ducimus! Nobis, officia.
|
|
227
|
-
</p>
|
|
228
|
-
</details>
|
|
229
|
-
|
|
230
|
-
</details>
|
|
231
|
-
|
|
232
|
-
</section>
|
|
233
|
-
</div>
|
|
234
|
-
|
|
235
|
-
<div id=shadowed></div>
|
|
236
|
-
<script>
|
|
237
|
-
|
|
238
|
-
shadowDeepCss = function(shadow){
|
|
239
|
-
for (let ss of document.styleSheets) shadow.append(ss.ownerNode.cloneNode());
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
let shadow = shadowed.attachShadow({mode: 'open'});
|
|
243
|
-
shadowDeepCss(shadow);
|
|
244
|
-
shadow.innerHTML += '<br><br><hr><h1>Same inside shadow-dom (Experiment)</h1>'+document.body.innerHTML;
|
|
245
|
-
|
|
246
|
-
</script>
|