@jsenv/core 24.6.5 → 25.0.0-alpha.3
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/dist/browser_runtime/asset-manifest.json +2 -1
- package/dist/browser_runtime/{browser_runtime-bb0e3aa4.js → browser_runtime_91c5a3b8.js} +137 -26
- package/dist/browser_runtime/browser_runtime_91c5a3b8.js.map +1089 -0
- package/dist/build_manifest.js +6 -6
- package/dist/compile_proxy/asset-manifest.json +2 -1
- package/dist/compile_proxy/{compile_proxy-6eb67db4.html → compile_proxy_7ad5faa6.html} +119 -26
- package/dist/compile_proxy/{compile_proxy.html__inline__20-9e168143.js.map → compile_proxy_e3b0c442_809f35f7.js.map} +6 -6
- package/dist/event_source_client/asset-manifest.json +2 -1
- package/dist/event_source_client/{event_source_client-9f14c8b9.js → event_source_client_80644aee.js} +2 -2
- package/dist/event_source_client/{event_source_client-9f14c8b9.js.map → event_source_client_80644aee.js.map} +4 -3
- package/dist/redirector/asset-manifest.json +2 -1
- package/dist/redirector/{redirector.html__inline__15-3a34a156.js.map → redirector_e3b0c442_e391410e.js.map} +6 -6
- package/dist/redirector/{redirector-b6ad84bf.html → redirector_eb92e8a7.html} +119 -26
- package/dist/toolbar/asset-manifest.json +11 -10
- package/dist/toolbar/assets/{compilation.css-209d68b4.map → compilation.css_e37c747b.map} +1 -1
- package/dist/toolbar/assets/{eventsource.css-38cd0a36.map → eventsource.css_c0c71e7b.map} +1 -1
- package/dist/toolbar/assets/{execution.css-0ebe522f.map → execution.css_f3377c10.map} +1 -1
- package/dist/toolbar/assets/{focus.css-3f9c156d.map → focus.css_896f3e45.map} +1 -1
- package/dist/toolbar/assets/{light-theme.css-78b19a80.map → light-theme.css_72a60fa3.map} +1 -1
- package/dist/toolbar/assets/{overflow-menu.css-d9688a1c.map → overflow-menu.css_2859d519.map} +1 -1
- package/dist/toolbar/assets/{settings.css-2b81b245.map → settings.css_61548139.map} +1 -1
- package/dist/toolbar/assets/{toolbar.main.css-846920e9.map → toolbar.main.css_269d7ce2.map} +9 -9
- package/dist/toolbar/assets/{tooltip.css-03395ee6.map → tooltip.css_a94a8bdd.map} +1 -1
- package/dist/toolbar/{toolbar.main-a5ef2c60.js.map → toolbar.main2_6c1b3d82.js.map} +8 -8
- package/dist/toolbar/{toolbar-1fbf8dcb.html → toolbar_04ba410c.html} +129 -36
- package/dist/toolbar_injector/asset-manifest.json +3 -2
- package/dist/toolbar_injector/assets/{jsenv-logo-188b9ca6.svg → jsenv-logo_188b9ca6.svg} +0 -0
- package/dist/toolbar_injector/{toolbar_injector-997dbaa0.js → toolbar_injector_4a48bc53.js} +3 -3
- package/dist/toolbar_injector/{toolbar_injector-997dbaa0.js.map → toolbar_injector_4a48bc53.js.map} +2 -2
- package/package.json +5 -4
- package/readme.md +24 -91
- package/src/buildProject.js +51 -27
- package/src/dev_server.js +8 -2
- package/src/execute.js +7 -1
- package/src/executeTestPlan.js +17 -0
- package/src/internal/browser_feature_detection/browser_feature_detection.js +18 -25
- package/src/internal/browser_runtime/browser_runtime.js +2 -2
- package/src/internal/browser_runtime/createBrowserRuntime.js +1 -1
- package/src/internal/browser_runtime/displayErrorInDocument.js +2 -0
- package/src/internal/browser_runtime/displayErrorNotification.js +1 -1
- package/src/internal/building/buildUsingRollup.js +12 -15
- package/src/internal/building/build_logs.js +2 -2
- package/src/internal/building/build_stats.js +11 -1
- package/src/internal/building/html/parseHtmlRessource.js +2 -26
- package/src/internal/building/js/parseJsRessource.js +3 -2
- package/src/internal/building/json_module.js +11 -0
- package/src/internal/building/parseRessource.js +1 -1
- package/src/internal/building/ressource_builder.js +210 -216
- package/src/internal/building/rollup_plugin_jsenv.js +554 -378
- package/src/internal/building/url_loader.js +8 -145
- package/src/internal/building/url_versioning.js +220 -0
- package/src/internal/compiling/compileHtml.js +8 -1
- package/src/internal/compiling/createCompiledFileService.js +28 -40
- package/src/internal/compiling/html_source_file_service.js +66 -51
- package/src/internal/compiling/js-compilation-service/babel_plugin_systemjs_prepend.js +23 -0
- package/src/internal/compiling/js-compilation-service/jsenvTransform.js +16 -12
- package/src/internal/compiling/js-compilation-service/transformJs.js +2 -0
- package/src/internal/compiling/jsenvCompilerForHtml.js +43 -44
- package/src/internal/compiling/jsenvCompilerForImportmap.js +15 -76
- package/src/internal/compiling/jsenvCompilerForJavaScript.js +9 -0
- package/src/internal/compiling/startCompileServer.js +29 -5
- package/src/internal/dev_server/event_source_client/livereload_preference.js +1 -1
- package/src/internal/dev_server/toolbar/compilation/toolbar.compilation.js +9 -9
- package/src/internal/executing/executePlan.js +6 -0
- package/src/internal/generateGroupMap/{jsenvBabelPluginCompatMap.js → babel_plugins_compatibility.js} +0 -0
- package/src/internal/generateGroupMap/{featuresCompatMap.js → features_compatibility.js} +9 -1
- package/src/internal/generateGroupMap/generateGroupMap.js +6 -35
- package/src/internal/generateGroupMap/one_runtime_compat.js +9 -12
- package/src/internal/generateGroupMap/runtime_compat.js +10 -15
- package/src/internal/generateGroupMap/runtime_compat_composition.js +2 -2
- package/src/internal/generateGroupMap/shake_babel_plugin_map.js +21 -0
- package/src/internal/import-resolution/importmap_default.js +52 -0
- package/src/internal/node_feature_detection/node_feature_detection.js +25 -19
- package/src/internal/runtime/s.js +101 -6
- package/src/internal/unevalException.js +1 -1
- package/src/jsenvServiceWorkerFinalizer.js +12 -17
- package/dist/browser_runtime/browser_runtime-bb0e3aa4.js.map +0 -1067
- package/src/internal/building/asset_url_versioning.js +0 -50
- package/src/internal/building/rollup_build_sourcemap.js +0 -54
- package/src/internal/building/url-versioning.js +0 -96
- package/src/internal/generateGroupMap/jsenvPluginCompatMap.js +0 -1
- package/src/internal/import-resolution/importmap-default.js +0 -34
- package/src/internal/renderNamePattern.js +0 -6
|
@@ -13,16 +13,16 @@
|
|
|
13
13
|
],
|
|
14
14
|
"names": [],
|
|
15
15
|
"mappings": "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EACE,4BAA4B;EAC5B,yBAAyB;AAC3B;AAEA;EACE,uCAAuC;EACvC,eAAe;AACjB;AAEA;;;EAGE,YAAY;AACd;AAEA;EACE,6BAA6B;AAC/B;AAEA;EACE,6BAA6B;AAC/B;AAEA;EACE,eAAe;AACjB;ACpNA,YAAY;AACZ;EACE,mBAAmB;AACrB;AACA,UAAU;AACV;EACE,aAAa;AACf;AACA;EACE,wBAAwB;AAC1B;AACA,YAAY;AACZ;EACE,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,aAAa;AACf;AACA;EACE,iCAAiC;AACnC;AACA,aAAa;AACb;;EAEE,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB;AACA;EACE,aAAa;AACf;AACA;;EAEE,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;;EAEE,sBAAsB;AACxB;AACA;;EAEE,yBAAyB;AAC3B;AACA,eAAe;AACf;EACE,qCAAqC;AACvC;AACA;EACE,cAAc;AAChB;AACA,aAAa;AACb;EACE,oCAAoC;EACpC,WAAW;AACb;AACA;EACE,kBAAkB;AACpB;AACA;EACE,oEAAoE;AACtE;AACA,kBAAkB;AAClB;EACE,mBAAmB;AACrB;AACA;;;EAGE,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;AACA,oBAAoB;AACpB;;EAEE,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;;EAEE,mBAAmB;AACrB;AACA;EACE,cAAc;EACd,mBAAmB;AACrB;AACA;;EAEE,mBAAmB;AACrB;AACA;EACE,mBAAmB;EACnB,cAAc;AAChB;ACnHA;EACE,aAAa;EACb,iCAAiC;EACjC,WAAW;EACX,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;AACjB;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,iEAAiE;AACnE;AAEA;;EAEE,cAAc;EACd,2BAA2B;AAC7B;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;AAEA;EACE,qBAAqB;EACrB,yBAAyB;EACzB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;AACjB;AAEA;EACE,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;AACvB;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,sBAAsB;AACxB;ACnDA;EACE,2BAA2B;EAC3B,iCAAiC;EACjC,8BAA8B;AAChC;AAEA;EACE,wBAAwB;AAC1B;AAEA;EACE,sBAAsB;AACxB;AAEA;;EAEE,SAAS;EACT,UAAU;AACZ;AAEA;EACE,wBAAwB;AAC1B;AAEA,iBAAiB;AACjB;EACE,wBAAwB;AAC1B;AAEA;EACE,eAAe;EACf,OAAO;EACP,MAAM;EACN,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,eAAe;EACf,SAAS;EACT,YAAY;EACZ,WAAW;EACX,mBAAmB;AACrB;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;AAEA;EACE,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACZ,UAAU;AACZ;AAEA;EACE,eAAe;AACjB;AAEA;EACE,eAAe;AACjB;AAEA,iCAAiC;AACjC;EACE,cAAc;EACd,gBAAgB;AAClB;AAEA;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,eAAe;EACf,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;AACzB;AAEA;EACE,6BAA6B;AAC/B;AAEA,4BAA4B;AAC5B;;EAEE,WAAW;AACb;AAEA;EACE,YAAY;EACZ,aAAa;EACb,cAAc;AAChB;AAEA;EACE,wBAAwB;AAC1B;AAEA;EACE,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,qBAAqB;AACvB;AAEA;EACE,mBAAmB;AACrB;AAEA;EACE,kCAAkC;AACpC;AAEA;EACE,mBAAmB;AACrB;AAEA,eAAe;AACf;EACE,WAAW;AACb;AAEA,4BAA4B;AAC5B;EACE,cAAc;EACd,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,WAAW;EACX,UAAU;EACV,0BAA0B;EAC1B,qCAAqC;EACrC,mBAAmB;EACnB,+CAA+C;EAC/C,uBAAuB;AACzB;AAEA;EACE,iBAAiB;AACnB;AAEA;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iBAAiB;AACnB;AAEA;EACE,aAAa;AACf;AAEA;EACE,eAAe;AACjB;AAEA;EACE,SAAS;AACX;AAEA;EACE,UAAU;AACZ;AAEA;;GAEG;AAEH;EACE,cAAc;AAChB",
|
|
16
|
-
"file": "toolbar.
|
|
16
|
+
"file": "toolbar.main_be90ae92.css",
|
|
17
17
|
"sourcesContent": [
|
|
18
|
-
"/* Loader icon */\n#loader-icon {\n width: 20px;\n height: 20px;\n margin: 10px;\n transform: scaleX(-1);\n color: #cecece;\n}\n#loader-icon[data-animate] {\n opacity: 0;\n transform-origin: center;\n animation: rotateLoader 1s linear infinite !important;\n}\n@keyframes rotateLoader {\n 0% {\n transform: scaleX(-1) rotate(360deg);\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n transform: scaleX(-1) rotate(0deg);\n opacity: 1;\n }\n}\n/* Check icon */\n#check-icon {\n width: 25px;\n height: 25px;\n margin: 7px;\n opacity: 0;\n stroke-width: 5;\n}\n#check-icon[data-animate] {\n opacity: 1;\n}\n#check-icon[data-animate] path {\n transform-origin: 50% 50%;\n stroke-dasharray: 48;\n stroke-dashoffset: 48;\n animation: stroke 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n stroke: green;\n}\n@keyframes stroke {\n 100% {\n stroke-dashoffset: 0;\n }\n}\n/* Cross icon */\n#cross-icon {\n width: 20px;\n height: 20px;\n margin: 10px;\n opacity: 0;\n stroke-width: 5;\n}\n#cross-icon rect {\n width: 33px;\n height: 0;\n fill: #d74640;\n}\n#cross-icon[data-animate] {\n opacity: 1;\n}\n#cross-icon[data-animate] #cross_p1 {\n animation: draw 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n}\n#cross-icon[data-animate] #cross_p2 {\n animation: draw 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards 0.2s;\n}\n@keyframes draw {\n 100% {\n height: 376.964px;\n width: 45px;\n }\n}\n\n/*# sourceMappingURL=execution.
|
|
19
|
-
"#file_info_svg {\n width: 20px;\n height: 20px;\n margin: 10px;\n color: #cecece;\n}\n\n#file_info ul {\n margin: 0;\n margin-bottom: 0.7em;\n padding-left: 1em;\n}\n\n#file_info ul li {\n text-align: left;\n}\n\n.browser_support_text[data-warning],\n.files_compilation_text[data-warning] {\n background: orange;\n color: black;\n}\n\n/*# sourceMappingURL=compilation.
|
|
20
|
-
"button:focus,\na:focus,\ninput:focus,\n*[data-contains-hidden-input] input:focus + * {\n outline-style: none;\n outline-offset: -2px;\n}\n\n*[data-contains-hidden-input] input:focus + * {\n outline-width: 4px;\n outline-offset: -2px;\n}\n\nhtml[data-last-interaction=\"keyboard\"] button:focus,\nhtml[data-last-interaction=\"keyboard\"] a:focus,\nhtml[data-last-interaction=\"keyboard\"] input:focus,\nhtml[data-last-interaction=\"keyboard\"]\n *[data-contains-hidden-input]\n input:focus\n + * {\n outline-style: auto;\n}\n\nhtml[data-last-interaction=\"keyboard\"]\n *[data-contains-hidden-input]\n input:focus\n + * {\n outline-color: rgb(0, 150, 255);\n}\n\n/*\nDon't try to replace @-moz-document url-prefix() this by\n\n-moz-outline or -moz-outline-color\nBecause firefox would take into account outline instead of -moz-outline\n\n:moz-focus-ring\nBecause for some element we set the focus outline on a div which would not match :focusring\n*/\n\n@-moz-document url-prefix() {\n html[data-last-interaction=\"keyboard\"] button:focus,\n html[data-last-interaction=\"keyboard\"] a:focus,\n html[data-last-interaction=\"keyboard\"] input:focus,\n html[data-last-interaction=\"keyboard\"]\n *[data-input-customized]\n input:focus\n + * {\n outline-width: 2px;\n outline-offset: 0;\n outline-style: solid;\n /*\n force a blue color for firefox otherwise\n it uses outline-color: inherit\n making it unpredictible and sometimes hard to see\n */\n outline-color: rgb(0, 150, 255);\n }\n}\n\n::-moz-focus-inner {\n border: 0;\n}\n\n/*# sourceMappingURL=focus.
|
|
21
|
-
"#eventsource-indicator button {\n position: relative;\n}\n\n#eventsource-indicator button svg {\n width: 40px;\n height: 40px;\n}\n\n#eventsource-indicator .event-source-livereload {\n position: absolute;\n width: 32px;\n height: 32px;\n margin: 4px;\n left: 0;\n top: 0;\n}\n\n.event-source-livereload[data-variant=\"enabled\"] {\n color: green;\n}\n\n#eventsource-indicator .event-source-icon {\n width: 40px;\n height: 40px;\n}\n\n.eventsource-circle {\n stroke: black;\n stroke-width: 0;\n}\n\n.eventsource-circle[data-variant=\"off\"] {\n fill: #cecece;\n}\n\n.eventsource-circle[data-variant=\"connecting\"] {\n fill: #cecece;\n animation: wink 1.2s ease-out infinite;\n transform-origin: center;\n}\n\n@keyframes wink {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.eventsource-ring {\n stroke: rgba(206, 206, 206, 0.46);\n stroke-width: 4;\n fill: transparent;\n animation: pulse 1.2s ease-out infinite;\n transform-origin: center;\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n opacity: 0;\n }\n}\n\n.eventsource-circle[data-variant=\"connected\"] {\n fill: green;\n}\n\n.eventsource-circle[data-variant=\"failed\"] {\n fill: #cc0000;\n}\n\n/*# sourceMappingURL=eventsource.
|
|
22
|
-
"#overflow-menu-button {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 40px;\n background: #404040;\n}\n\n#dotsIconSvg {\n width: 25px;\n}\n\n#overflow-menu {\n visibility: hidden; /* disable keyboard navigation */\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: #404040;\n opacity: 0;\n}\n\n#overflow-menu[data-animate] {\n transition-property: left, opacity;\n transition-duration: 0.3s;\n}\n\n#overflow-menu > * {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n\n#toolbar[data-overflow-menu-enabled] #overflow-menu-button {\n display: block;\n}\n\n#toolbar[data-overflow-menu-visible] #overflow-menu-button {\n background: #030713;\n}\n\n#toolbar[data-overflow-menu-enabled][data-overflow-menu-visible]\n #toolbar-wrapper {\n visibility: hidden; /* disable keyboard navigation */\n}\n\n#toolbar[data-overflow-menu-visible] #overflow-menu {\n visibility: visible; /* restore keyboard navigation */\n display: block;\n opacity: 1;\n left: 0;\n margin-left: -40px;\n}\n\n#toolbar[data-overflow-menu-enabled] #settings-box {\n right: -40px;\n}\n\n/*# sourceMappingURL=overflow-menu.
|
|
23
|
-
"#settings-button {\n position: relative;\n}\n\n#settings-button[data-warning] svg {\n fill: orange;\n stroke: darkorange;\n}\n\n#settings-button[data-warning] svg:hover {\n fill: darkorange !important;\n}\n\n#settings-box {\n display: none;\n position: absolute;\n bottom: 40px;\n right: 0;\n text-align: center;\n padding: 17px;\n font-size: 14px;\n color: #fff;\n background-color: #030713;\n border-radius: 5px 5px 0 0;\n min-width: 250px;\n min-height: 150px;\n z-index: -1;\n}\n\n[data-active] #settings-box {\n display: block;\n animation: comeUp ease 0.3s;\n}\n\n@keyframes comeUp {\n 0% {\n opacity: 0;\n transform: translate(0, 90px);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n#settings-box-body {\n text-align: left;\n padding: 18px 0;\n max-height: 80vh;\n overflow: auto;\n width: 100vw;\n display: flex;\n justify-content: center;\n}\n\n.settings-box-items-wrapper {\n max-width: 700px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.settings-box-item {\n padding: 15px;\n background: #0c111b;\n width: 250px;\n margin: 9px 18px;\n}\n\n#settings-box-header .settings-icon {\n fill: none;\n stroke: #24b1b0;\n stroke-width: 2;\n margin-right: 10px;\n width: 22px;\n height: 22px;\n position: relative;\n top: 4px;\n}\n\n#settings-box h3 {\n display: inline-block;\n font-size: 20px;\n margin: 10px 0;\n color: #24b1b0;\n}\n\n#button-close-settings {\n float: right;\n fill: #24b1b0;\n}\n\n#button-close-settings:hover {\n opacity: 0.6;\n}\n\nlabel {\n color: #a9a8a8;\n font-size: 14px;\n padding-bottom: 3px;\n display: block;\n}\n\n#settings-box .category-title {\n color: #24b1b0;\n font-size: 16px;\n display: inline-block;\n margin-bottom: 15px;\n margin-top: 4px;\n}\n\n#settings-box .category-title svg {\n fill: currentColor;\n vertical-align: top;\n margin-right: 5px;\n width: 18px;\n height: 18px;\n}\n\n#settings-box .category-subtitle {\n color: #a9a8a8;\n font-size: 14px;\n max-width: 220px;\n}\n\n/* checkbox switch */\n\n.switch {\n position: relative;\n float: right;\n width: 3.5em;\n height: 2em;\n padding: 0;\n cursor: pointer;\n}\n\n.switch input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.switch .slider {\n position: absolute;\n vertical-align: middle;\n height: 0.3em;\n left: 0.5em;\n right: 0.5em;\n top: 50%;\n margin-top: -0.15em;\n background-color: #4c4c4c;\n transition: 0.4s;\n border-radius: 0.15em;\n}\n\n.switch .square {\n position: absolute;\n content: \"\";\n height: 1em;\n width: 1em;\n left: 0.5em;\n top: 50%;\n margin-top: -0.5em;\n background-color: #4c4c4c;\n color: #030713;\n transition: 0.4s;\n border-radius: 0.15em;\n}\n\n.switch input + * {\n position: relative;\n width: 100%;\n height: 100%;\n\n /* It's important to have a border (event transparent)\nTo be able to apply an outline to this element later*/\n border-width: 1px;\n border-color: transparent;\n border-style: solid;\n}\n\n.switch input:checked + * .slider {\n background-color: #24b1b0;\n}\n\n.switch input:checked + * .square {\n transform: translateX(1.6em);\n background-color: #24b1b0;\n}\n\n.settings-box-item[data-disabled] {\n background-color: rgba(12, 17, 27, 0.4);\n cursor: default;\n}\n\n.settings-box-item[data-disabled] .category-title,\n.settings-box-item[data-disabled] .switch,\n.settings-box-item[data-disabled] .category-subtitle {\n opacity: 0.4;\n}\n\n.settings-box-item[data-disabled] .category-title span {\n text-decoration: line-through;\n}\n\n.settings-box-item[data-disabled] .category-subtitle {\n text-decoration: line-through;\n}\n\n.settings-box-item[data-disabled] .switch {\n cursor: default;\n}\n\n/*# sourceMappingURL=settings.
|
|
24
|
-
"/* general */\nhtml[data-theme=\"light\"] #toolbar {\n background: #e8eff3;\n}\n/* icons */\nhtml[data-theme=\"light\"] .iconToolbar {\n fill: #404040;\n}\nhtml[data-theme=\"light\"] .iconToolbar:hover {\n fill: #757575 !important;\n}\n/* loaders */\nhtml[data-theme=\"light\"] #loader-icon {\n color: #404040;\n}\nhtml[data-theme=\"light\"] .livereload-circle[data-variant=\"off\"] {\n fill: #757575;\n}\nhtml[data-theme=\"light\"] .livereload-circle[data-variant=\"connecting\"] {\n fill: #717171;\n}\nhtml[data-theme=\"light\"] .livereload-ring {\n stroke: rgba(138, 136, 136, 0.46);\n}\n/* settings */\nhtml[data-theme=\"light\"] #settings-box,\nhtml[data-theme=\"light\"] #settings[data-active] button {\n background: #87acd3;\n}\nhtml[data-theme=\"light\"] .settings-box-item {\n background: #97b9da;\n}\nhtml[data-theme=\"light\"] #settings-box-header .settings-icon {\n stroke: #076570;\n}\nhtml[data-theme=\"light\"] #button-close-settings {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box h3,\nhtml[data-theme=\"light\"] #settings-box .category-title {\n color: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box .category-title svg {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box .category-subtitle {\n color: #5d5d5d;\n}\nhtml[data-theme=\"light\"] label {\n color: #002e33;\n}\nhtml[data-theme=\"light\"] .switch input + * .slider,\nhtml[data-theme=\"light\"] .switch input + * .square {\n background-color: grey;\n}\nhtml[data-theme=\"light\"] .switch input:checked + * .slider,\nhtml[data-theme=\"light\"] .switch input:checked + * .square {\n background-color: #076570;\n}\n/* file input */\nhtml[data-theme=\"light\"] #file[data-active] {\n background: rgba(129, 177, 214, 0.34);\n}\nhtml[data-theme=\"light\"] #file-input {\n color: #076570;\n}\n/* tooltips */\nhtml[data-theme=\"light\"] .tooltip {\n background-color: rgb(138, 145, 154);\n color: #fff;\n}\nhtml[data-theme=\"light\"] .tooltipAction {\n border-color: #fff;\n}\nhtml[data-theme=\"light\"] .tooltip::after {\n border-color: rgb(138, 145, 154) transparent transparent transparent;\n}\n/* overflow menu */\nhtml[data-theme=\"light\"] #overflow-menu-button {\n background: #e8eff3;\n}\nhtml[data-theme=\"light\"]\n #toolbar[data-overflow-menu-visible]\n #overflow-menu-button {\n background: #a5a9ad;\n}\nhtml[data-theme=\"light\"] #overflow-menu {\n background: #dfe4e7;\n}\n/* page file list */\nhtml[data-theme=\"light\"] h2,\nhtml[data-theme=\"light\"] h4 {\n color: #076570;\n}\nhtml[data-theme=\"light\"] #fileIconSvgConfig {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #explorables h2 span {\n color: #ff8d00;\n}\nhtml[data-theme=\"light\"] article[data-page=\"file-list\"],\nhtml[data-theme=\"light\"] #file-list-link[data-active] a {\n background: #bbd5ea;\n}\nhtml[data-theme=\"light\"] #explorables fieldset input:checked + * {\n color: #ff8d00;\n background: #bbd5ea;\n}\nhtml[data-theme=\"light\"] #explorables #explorables-header,\nhtml[data-theme=\"light\"] #explorables fieldset label input + * {\n background: #ddf0ff;\n}\nhtml[data-theme=\"light\"] .execution-link {\n background: #ddf0ff;\n color: #076570;\n}\n\n/*# sourceMappingURL=light-theme.
|
|
25
|
-
".tooltip {\n display: none;\n background-color: rgb(94, 94, 94);\n color: #fff;\n text-align: center;\n border-radius: 6px;\n position: absolute;\n bottom: 120%;\n padding: 10px;\n font-size: 14px;\n margin-left: -40px;\n max-width: 160px;\n cursor: default;\n}\n\n.tooltip::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 60px;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: rgb(94, 94, 94) transparent transparent transparent;\n}\n\n[data-tooltip-visible] .tooltip,\n[data-tooltip-auto-visible] .tooltip {\n display: block;\n animation: fadeIn ease 0.4s;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.tooltipAction {\n display: inline-block;\n border: 1px solid #a0a0a0;\n border-radius: 3px;\n padding: 3px 7px;\n margin-top: 6px;\n}\n\n.tooltipAction a {\n vertical-align: middle;\n color: white;\n text-decoration: none;\n}\n\n.tooltipIcon {\n fill: white;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n\n/*# sourceMappingURL=tooltip.
|
|
18
|
+
"/* Loader icon */\n#loader-icon {\n width: 20px;\n height: 20px;\n margin: 10px;\n transform: scaleX(-1);\n color: #cecece;\n}\n#loader-icon[data-animate] {\n opacity: 0;\n transform-origin: center;\n animation: rotateLoader 1s linear infinite !important;\n}\n@keyframes rotateLoader {\n 0% {\n transform: scaleX(-1) rotate(360deg);\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n transform: scaleX(-1) rotate(0deg);\n opacity: 1;\n }\n}\n/* Check icon */\n#check-icon {\n width: 25px;\n height: 25px;\n margin: 7px;\n opacity: 0;\n stroke-width: 5;\n}\n#check-icon[data-animate] {\n opacity: 1;\n}\n#check-icon[data-animate] path {\n transform-origin: 50% 50%;\n stroke-dasharray: 48;\n stroke-dashoffset: 48;\n animation: stroke 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n stroke: green;\n}\n@keyframes stroke {\n 100% {\n stroke-dashoffset: 0;\n }\n}\n/* Cross icon */\n#cross-icon {\n width: 20px;\n height: 20px;\n margin: 10px;\n opacity: 0;\n stroke-width: 5;\n}\n#cross-icon rect {\n width: 33px;\n height: 0;\n fill: #d74640;\n}\n#cross-icon[data-animate] {\n opacity: 1;\n}\n#cross-icon[data-animate] #cross_p1 {\n animation: draw 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n}\n#cross-icon[data-animate] #cross_p2 {\n animation: draw 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards 0.2s;\n}\n@keyframes draw {\n 100% {\n height: 376.964px;\n width: 45px;\n }\n}\n\n/*# sourceMappingURL=execution.css_f3377c10.map */",
|
|
19
|
+
"#file_info_svg {\n width: 20px;\n height: 20px;\n margin: 10px;\n color: #cecece;\n}\n\n#file_info ul {\n margin: 0;\n margin-bottom: 0.7em;\n padding-left: 1em;\n}\n\n#file_info ul li {\n text-align: left;\n}\n\n.browser_support_text[data-warning],\n.files_compilation_text[data-warning] {\n background: orange;\n color: black;\n}\n\n/*# sourceMappingURL=compilation.css_e37c747b.map */",
|
|
20
|
+
"button:focus,\na:focus,\ninput:focus,\n*[data-contains-hidden-input] input:focus + * {\n outline-style: none;\n outline-offset: -2px;\n}\n\n*[data-contains-hidden-input] input:focus + * {\n outline-width: 4px;\n outline-offset: -2px;\n}\n\nhtml[data-last-interaction=\"keyboard\"] button:focus,\nhtml[data-last-interaction=\"keyboard\"] a:focus,\nhtml[data-last-interaction=\"keyboard\"] input:focus,\nhtml[data-last-interaction=\"keyboard\"]\n *[data-contains-hidden-input]\n input:focus\n + * {\n outline-style: auto;\n}\n\nhtml[data-last-interaction=\"keyboard\"]\n *[data-contains-hidden-input]\n input:focus\n + * {\n outline-color: rgb(0, 150, 255);\n}\n\n/*\nDon't try to replace @-moz-document url-prefix() this by\n\n-moz-outline or -moz-outline-color\nBecause firefox would take into account outline instead of -moz-outline\n\n:moz-focus-ring\nBecause for some element we set the focus outline on a div which would not match :focusring\n*/\n\n@-moz-document url-prefix() {\n html[data-last-interaction=\"keyboard\"] button:focus,\n html[data-last-interaction=\"keyboard\"] a:focus,\n html[data-last-interaction=\"keyboard\"] input:focus,\n html[data-last-interaction=\"keyboard\"]\n *[data-input-customized]\n input:focus\n + * {\n outline-width: 2px;\n outline-offset: 0;\n outline-style: solid;\n /*\n force a blue color for firefox otherwise\n it uses outline-color: inherit\n making it unpredictible and sometimes hard to see\n */\n outline-color: rgb(0, 150, 255);\n }\n}\n\n::-moz-focus-inner {\n border: 0;\n}\n\n/*# sourceMappingURL=focus.css_896f3e45.map */",
|
|
21
|
+
"#eventsource-indicator button {\n position: relative;\n}\n\n#eventsource-indicator button svg {\n width: 40px;\n height: 40px;\n}\n\n#eventsource-indicator .event-source-livereload {\n position: absolute;\n width: 32px;\n height: 32px;\n margin: 4px;\n left: 0;\n top: 0;\n}\n\n.event-source-livereload[data-variant=\"enabled\"] {\n color: green;\n}\n\n#eventsource-indicator .event-source-icon {\n width: 40px;\n height: 40px;\n}\n\n.eventsource-circle {\n stroke: black;\n stroke-width: 0;\n}\n\n.eventsource-circle[data-variant=\"off\"] {\n fill: #cecece;\n}\n\n.eventsource-circle[data-variant=\"connecting\"] {\n fill: #cecece;\n animation: wink 1.2s ease-out infinite;\n transform-origin: center;\n}\n\n@keyframes wink {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.eventsource-ring {\n stroke: rgba(206, 206, 206, 0.46);\n stroke-width: 4;\n fill: transparent;\n animation: pulse 1.2s ease-out infinite;\n transform-origin: center;\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n opacity: 0;\n }\n}\n\n.eventsource-circle[data-variant=\"connected\"] {\n fill: green;\n}\n\n.eventsource-circle[data-variant=\"failed\"] {\n fill: #cc0000;\n}\n\n/*# sourceMappingURL=eventsource.css_c0c71e7b.map */",
|
|
22
|
+
"#overflow-menu-button {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 40px;\n background: #404040;\n}\n\n#dotsIconSvg {\n width: 25px;\n}\n\n#overflow-menu {\n visibility: hidden; /* disable keyboard navigation */\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: #404040;\n opacity: 0;\n}\n\n#overflow-menu[data-animate] {\n transition-property: left, opacity;\n transition-duration: 0.3s;\n}\n\n#overflow-menu > * {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n\n#toolbar[data-overflow-menu-enabled] #overflow-menu-button {\n display: block;\n}\n\n#toolbar[data-overflow-menu-visible] #overflow-menu-button {\n background: #030713;\n}\n\n#toolbar[data-overflow-menu-enabled][data-overflow-menu-visible]\n #toolbar-wrapper {\n visibility: hidden; /* disable keyboard navigation */\n}\n\n#toolbar[data-overflow-menu-visible] #overflow-menu {\n visibility: visible; /* restore keyboard navigation */\n display: block;\n opacity: 1;\n left: 0;\n margin-left: -40px;\n}\n\n#toolbar[data-overflow-menu-enabled] #settings-box {\n right: -40px;\n}\n\n/*# sourceMappingURL=overflow-menu.css_2859d519.map */",
|
|
23
|
+
"#settings-button {\n position: relative;\n}\n\n#settings-button[data-warning] svg {\n fill: orange;\n stroke: darkorange;\n}\n\n#settings-button[data-warning] svg:hover {\n fill: darkorange !important;\n}\n\n#settings-box {\n display: none;\n position: absolute;\n bottom: 40px;\n right: 0;\n text-align: center;\n padding: 17px;\n font-size: 14px;\n color: #fff;\n background-color: #030713;\n border-radius: 5px 5px 0 0;\n min-width: 250px;\n min-height: 150px;\n z-index: -1;\n}\n\n[data-active] #settings-box {\n display: block;\n animation: comeUp ease 0.3s;\n}\n\n@keyframes comeUp {\n 0% {\n opacity: 0;\n transform: translate(0, 90px);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n#settings-box-body {\n text-align: left;\n padding: 18px 0;\n max-height: 80vh;\n overflow: auto;\n width: 100vw;\n display: flex;\n justify-content: center;\n}\n\n.settings-box-items-wrapper {\n max-width: 700px;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.settings-box-item {\n padding: 15px;\n background: #0c111b;\n width: 250px;\n margin: 9px 18px;\n}\n\n#settings-box-header .settings-icon {\n fill: none;\n stroke: #24b1b0;\n stroke-width: 2;\n margin-right: 10px;\n width: 22px;\n height: 22px;\n position: relative;\n top: 4px;\n}\n\n#settings-box h3 {\n display: inline-block;\n font-size: 20px;\n margin: 10px 0;\n color: #24b1b0;\n}\n\n#button-close-settings {\n float: right;\n fill: #24b1b0;\n}\n\n#button-close-settings:hover {\n opacity: 0.6;\n}\n\nlabel {\n color: #a9a8a8;\n font-size: 14px;\n padding-bottom: 3px;\n display: block;\n}\n\n#settings-box .category-title {\n color: #24b1b0;\n font-size: 16px;\n display: inline-block;\n margin-bottom: 15px;\n margin-top: 4px;\n}\n\n#settings-box .category-title svg {\n fill: currentColor;\n vertical-align: top;\n margin-right: 5px;\n width: 18px;\n height: 18px;\n}\n\n#settings-box .category-subtitle {\n color: #a9a8a8;\n font-size: 14px;\n max-width: 220px;\n}\n\n/* checkbox switch */\n\n.switch {\n position: relative;\n float: right;\n width: 3.5em;\n height: 2em;\n padding: 0;\n cursor: pointer;\n}\n\n.switch input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.switch .slider {\n position: absolute;\n vertical-align: middle;\n height: 0.3em;\n left: 0.5em;\n right: 0.5em;\n top: 50%;\n margin-top: -0.15em;\n background-color: #4c4c4c;\n transition: 0.4s;\n border-radius: 0.15em;\n}\n\n.switch .square {\n position: absolute;\n content: \"\";\n height: 1em;\n width: 1em;\n left: 0.5em;\n top: 50%;\n margin-top: -0.5em;\n background-color: #4c4c4c;\n color: #030713;\n transition: 0.4s;\n border-radius: 0.15em;\n}\n\n.switch input + * {\n position: relative;\n width: 100%;\n height: 100%;\n\n /* It's important to have a border (event transparent)\nTo be able to apply an outline to this element later*/\n border-width: 1px;\n border-color: transparent;\n border-style: solid;\n}\n\n.switch input:checked + * .slider {\n background-color: #24b1b0;\n}\n\n.switch input:checked + * .square {\n transform: translateX(1.6em);\n background-color: #24b1b0;\n}\n\n.settings-box-item[data-disabled] {\n background-color: rgba(12, 17, 27, 0.4);\n cursor: default;\n}\n\n.settings-box-item[data-disabled] .category-title,\n.settings-box-item[data-disabled] .switch,\n.settings-box-item[data-disabled] .category-subtitle {\n opacity: 0.4;\n}\n\n.settings-box-item[data-disabled] .category-title span {\n text-decoration: line-through;\n}\n\n.settings-box-item[data-disabled] .category-subtitle {\n text-decoration: line-through;\n}\n\n.settings-box-item[data-disabled] .switch {\n cursor: default;\n}\n\n/*# sourceMappingURL=settings.css_61548139.map */",
|
|
24
|
+
"/* general */\nhtml[data-theme=\"light\"] #toolbar {\n background: #e8eff3;\n}\n/* icons */\nhtml[data-theme=\"light\"] .iconToolbar {\n fill: #404040;\n}\nhtml[data-theme=\"light\"] .iconToolbar:hover {\n fill: #757575 !important;\n}\n/* loaders */\nhtml[data-theme=\"light\"] #loader-icon {\n color: #404040;\n}\nhtml[data-theme=\"light\"] .livereload-circle[data-variant=\"off\"] {\n fill: #757575;\n}\nhtml[data-theme=\"light\"] .livereload-circle[data-variant=\"connecting\"] {\n fill: #717171;\n}\nhtml[data-theme=\"light\"] .livereload-ring {\n stroke: rgba(138, 136, 136, 0.46);\n}\n/* settings */\nhtml[data-theme=\"light\"] #settings-box,\nhtml[data-theme=\"light\"] #settings[data-active] button {\n background: #87acd3;\n}\nhtml[data-theme=\"light\"] .settings-box-item {\n background: #97b9da;\n}\nhtml[data-theme=\"light\"] #settings-box-header .settings-icon {\n stroke: #076570;\n}\nhtml[data-theme=\"light\"] #button-close-settings {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box h3,\nhtml[data-theme=\"light\"] #settings-box .category-title {\n color: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box .category-title svg {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #settings-box .category-subtitle {\n color: #5d5d5d;\n}\nhtml[data-theme=\"light\"] label {\n color: #002e33;\n}\nhtml[data-theme=\"light\"] .switch input + * .slider,\nhtml[data-theme=\"light\"] .switch input + * .square {\n background-color: grey;\n}\nhtml[data-theme=\"light\"] .switch input:checked + * .slider,\nhtml[data-theme=\"light\"] .switch input:checked + * .square {\n background-color: #076570;\n}\n/* file input */\nhtml[data-theme=\"light\"] #file[data-active] {\n background: rgba(129, 177, 214, 0.34);\n}\nhtml[data-theme=\"light\"] #file-input {\n color: #076570;\n}\n/* tooltips */\nhtml[data-theme=\"light\"] .tooltip {\n background-color: rgb(138, 145, 154);\n color: #fff;\n}\nhtml[data-theme=\"light\"] .tooltipAction {\n border-color: #fff;\n}\nhtml[data-theme=\"light\"] .tooltip::after {\n border-color: rgb(138, 145, 154) transparent transparent transparent;\n}\n/* overflow menu */\nhtml[data-theme=\"light\"] #overflow-menu-button {\n background: #e8eff3;\n}\nhtml[data-theme=\"light\"]\n #toolbar[data-overflow-menu-visible]\n #overflow-menu-button {\n background: #a5a9ad;\n}\nhtml[data-theme=\"light\"] #overflow-menu {\n background: #dfe4e7;\n}\n/* page file list */\nhtml[data-theme=\"light\"] h2,\nhtml[data-theme=\"light\"] h4 {\n color: #076570;\n}\nhtml[data-theme=\"light\"] #fileIconSvgConfig {\n fill: #076570;\n}\nhtml[data-theme=\"light\"] #explorables h2 span {\n color: #ff8d00;\n}\nhtml[data-theme=\"light\"] article[data-page=\"file-list\"],\nhtml[data-theme=\"light\"] #file-list-link[data-active] a {\n background: #bbd5ea;\n}\nhtml[data-theme=\"light\"] #explorables fieldset input:checked + * {\n color: #ff8d00;\n background: #bbd5ea;\n}\nhtml[data-theme=\"light\"] #explorables #explorables-header,\nhtml[data-theme=\"light\"] #explorables fieldset label input + * {\n background: #ddf0ff;\n}\nhtml[data-theme=\"light\"] .execution-link {\n background: #ddf0ff;\n color: #076570;\n}\n\n/*# sourceMappingURL=light-theme.css_72a60fa3.map */",
|
|
25
|
+
".tooltip {\n display: none;\n background-color: rgb(94, 94, 94);\n color: #fff;\n text-align: center;\n border-radius: 6px;\n position: absolute;\n bottom: 120%;\n padding: 10px;\n font-size: 14px;\n margin-left: -40px;\n max-width: 160px;\n cursor: default;\n}\n\n.tooltip::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 60px;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: rgb(94, 94, 94) transparent transparent transparent;\n}\n\n[data-tooltip-visible] .tooltip,\n[data-tooltip-auto-visible] .tooltip {\n display: block;\n animation: fadeIn ease 0.4s;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.tooltipAction {\n display: inline-block;\n border: 1px solid #a0a0a0;\n border-radius: 3px;\n padding: 3px 7px;\n margin-top: 6px;\n}\n\n.tooltipAction a {\n vertical-align: middle;\n color: white;\n text-decoration: none;\n}\n\n.tooltipIcon {\n fill: white;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n\n/*# sourceMappingURL=tooltip.css_a94a8bdd.map */",
|
|
26
26
|
"@import \"./execution/execution.css\";\n@import \"./compilation/compilation.css\";\n@import \"./focus/focus.css\";\n@import \"./eventsource/eventsource.css\";\n@import \"./responsive/overflow-menu.css\";\n@import \"./settings/settings.css\";\n@import \"./theme/light-theme.css\";\n@import \"./tooltip/tooltip.css\";\n\nhtml[data-animation-disabled] * {\n transition: none !important;\n animation-duration: 0s !important;\n animation-delay: 0s !important;\n}\n\n[data-when] {\n display: none !important;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n font-family: arial, sans;\n}\n\n/* global utils */\n[data-force-hide] {\n display: none !important;\n}\n\n#toolbar-overlay {\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n filter: url(#better-blur);\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n#toolbar {\n position: fixed;\n bottom: 0;\n height: 40px;\n width: 100%;\n background: #404040;\n}\n\n#toolbar-wrapper {\n display: table;\n width: 100%;\n height: 100%;\n}\n\n#toolbar-wrapper > * {\n display: table-cell;\n vertical-align: middle;\n}\n\n#toolbar button {\n background: none;\n border: none;\n height: 100%;\n padding: 0;\n}\n\n#toolbar button:hover {\n cursor: pointer;\n}\n\n#toolbar a:hover {\n cursor: pointer;\n}\n\n/* file name input & indicators */\n#file {\n max-width: 40%;\n padding: 0 1.2em;\n}\n\n#file-input {\n width: 100%;\n padding: 0px;\n font-family: monospace;\n font-size: 15px;\n color: #cecece;\n background: transparent;\n border: transparent;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n#file-input:focus {\n border-bottom: 1px solid grey;\n}\n\n/* file and settings icons */\n#fileIconSvg,\n.settings-icon {\n width: 20px;\n}\n\n.iconToolbar {\n height: 40px;\n fill: #cecece;\n color: #cecece;\n}\n\n.iconToolbar:hover {\n fill: #909090 !important;\n}\n\n.toolbar-icon-wrapper {\n height: 100%;\n text-align: center;\n width: 40px;\n display: inline-block;\n}\n\n#file-list-link[data-active] a {\n background: #1f262c;\n}\n\n#file[data-active] {\n background: rgba(31, 38, 44, 0.72);\n}\n\n#settings[data-active] button {\n background: #030713;\n}\n\n/* close icon */\n#crossIconSvg {\n width: 18px;\n}\n\n/* re-open toolbar-trigger */\n#toolbar-trigger {\n display: block;\n overflow: hidden;\n position: absolute;\n bottom: -32px;\n right: 20px;\n height: 40px;\n width: 40px;\n padding: 0;\n border-radius: 5px 5px 0 0;\n border: 1px solid rgba(0, 0, 0, 0.33);\n border-bottom: none;\n box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n background: transparent;\n}\n\n#toolbar-trigger[data-animate] {\n transition: 600ms;\n}\n\n#toolbar-trigger #jsenvLogoSvg {\n width: 35px;\n height: 35px;\n opacity: 0;\n transition: 600ms;\n}\n\nhtml[data-toolbar-visible] #toolbar-trigger {\n display: none;\n}\n\n#toolbar-trigger:hover {\n cursor: pointer;\n}\n\n#toolbar-trigger[data-expanded] {\n bottom: 0;\n}\n\n#toolbar-trigger[data-expanded] #jsenvLogoSvg {\n opacity: 1;\n}\n\n/* #jsenvLogo {\n transition: 600ms;\n} */\n\n#toolbar a {\n color: inherit;\n}\n"
|
|
27
27
|
]
|
|
28
28
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
],
|
|
6
6
|
"names": [],
|
|
7
7
|
"mappings": "AAAA;EACE,aAAa;EACb,iCAAiC;EACjC,WAAW;EACX,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,iEAAiE;AACnE;;AAEA;;EAEE,cAAc;EACd,2BAA2B;AAC7B;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE,qBAAqB;EACrB,yBAAyB;EACzB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;AACvB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,sBAAsB;AACxB",
|
|
8
|
-
"file": "
|
|
8
|
+
"file": "tooltip_b99a4b4d.css",
|
|
9
9
|
"sourcesContent": [
|
|
10
10
|
".tooltip {\n display: none;\n background-color: rgb(94, 94, 94);\n color: #fff;\n text-align: center;\n border-radius: 6px;\n position: absolute;\n bottom: 120%;\n padding: 10px;\n font-size: 14px;\n margin-left: -40px;\n max-width: 160px;\n cursor: default;\n}\n\n.tooltip::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 60px;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: rgb(94, 94, 94) transparent transparent transparent;\n}\n\n[data-tooltip-visible] .tooltip,\n[data-tooltip-auto-visible] .tooltip {\n display: block;\n animation: fadeIn ease 0.4s;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.tooltipAction {\n display: inline-block;\n border: 1px solid #a0a0a0;\n border-radius: 3px;\n padding: 3px 7px;\n margin-top: 6px;\n}\n\n.tooltipAction a {\n vertical-align: middle;\n color: white;\n text-decoration: none;\n}\n\n.tooltipIcon {\n fill: white;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n"
|
|
11
11
|
]
|