@jsenv/core 25.4.7 → 25.4.9
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/build_manifest.js +2 -2
- package/dist/toolbar/asset-manifest.json +4 -4
- package/dist/toolbar/assets/{compilation.css_e37c747b.map → compilation.css_7421bd55.map} +3 -3
- package/dist/toolbar/assets/settings.css_942b5a9e.map +12 -0
- package/dist/toolbar/assets/{toolbar.main.css_269d7ce2.map → toolbar.main.css_b7d8bec1.map} +4 -4
- package/dist/toolbar/{toolbar_17abd09a.html → toolbar_9a52325b.html} +10 -7
- package/dist/toolbar_injector/asset-manifest.json +2 -2
- package/dist/toolbar_injector/{toolbar_injector_0f93509c.js → toolbar_injector_1e193101.js} +2 -2
- package/dist/toolbar_injector/{toolbar_injector_0f93509c.js.map → toolbar_injector_1e193101.js.map} +2 -2
- package/package.json +1 -1
- package/src/buildProject.js +9 -6
- package/src/executeTestPlan.js +12 -8
- package/src/internal/dev_server/toolbar/compilation/compilation.css +3 -2
- package/src/internal/dev_server/toolbar/settings/settings.css +1 -2
- package/src/internal/dev_server/toolbar/toolbar.html +8 -4
- package/dist/toolbar/assets/settings.css_61548139.map +0 -12
package/dist/build_manifest.js
CHANGED
|
@@ -7,6 +7,6 @@ export const COMPILE_PROXY_BUILD_URL = new URL("compile_proxy/compile_proxy_ab52
|
|
|
7
7
|
|
|
8
8
|
export const EVENT_SOURCE_CLIENT_BUILD_URL = new URL("event_source_client/event_source_client_80644aee.js", import.meta.url).href
|
|
9
9
|
|
|
10
|
-
export const TOOLBAR_BUILD_URL = new URL("toolbar/
|
|
10
|
+
export const TOOLBAR_BUILD_URL = new URL("toolbar/toolbar_9a52325b.html", import.meta.url).href
|
|
11
11
|
|
|
12
|
-
export const TOOLBAR_INJECTOR_BUILD_URL = new URL("toolbar_injector/
|
|
12
|
+
export const TOOLBAR_INJECTOR_BUILD_URL = new URL("toolbar_injector/toolbar_injector_1e193101.js", import.meta.url).href
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
|
-
"assets/compilation.css.map": "assets/compilation.
|
|
2
|
+
"assets/compilation.css.map": "assets/compilation.css_7421bd55.map",
|
|
3
3
|
"assets/eventsource.css.map": "assets/eventsource.css_c0c71e7b.map",
|
|
4
4
|
"assets/execution.css.map": "assets/execution.css_f3377c10.map",
|
|
5
5
|
"assets/focus.css.map": "assets/focus.css_896f3e45.map",
|
|
6
6
|
"assets/light-theme.css.map": "assets/light-theme.css_72a60fa3.map",
|
|
7
7
|
"assets/overflow-menu.css.map": "assets/overflow-menu.css_2859d519.map",
|
|
8
|
-
"assets/settings.css.map": "assets/settings.
|
|
9
|
-
"assets/toolbar.main.css.map": "assets/toolbar.main.
|
|
8
|
+
"assets/settings.css.map": "assets/settings.css_942b5a9e.map",
|
|
9
|
+
"assets/toolbar.main.css.map": "assets/toolbar.main.css_b7d8bec1.map",
|
|
10
10
|
"assets/tooltip.css.map": "assets/tooltip.css_a94a8bdd.map",
|
|
11
|
-
"toolbar.html": "
|
|
11
|
+
"toolbar.html": "toolbar_9a52325b.html",
|
|
12
12
|
"toolbar.main.js.map": "toolbar.main_2c56a4e0.js.map"
|
|
13
13
|
}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
"../../../src/internal/dev_server/toolbar/compilation/compilation.css"
|
|
5
5
|
],
|
|
6
6
|
"names": [],
|
|
7
|
-
"mappings": "AAAA;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,kBAAkB;EAClB,
|
|
8
|
-
"file": "
|
|
7
|
+
"mappings": "AAAA;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,cAAc;EACd,kBAAkB;EAClB,cAAc;AAChB",
|
|
8
|
+
"file": "compilation_a79fa00d.css",
|
|
9
9
|
"sourcesContent": [
|
|
10
|
-
"#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
|
|
10
|
+
"#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 color: #cb5909;\n margin-bottom: 5px;\n display: block;\n}\n"
|
|
11
11
|
]
|
|
12
12
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": [
|
|
4
|
+
"../../../src/internal/dev_server/toolbar/settings/settings.css"
|
|
5
|
+
],
|
|
6
|
+
"names": [],
|
|
7
|
+
"mappings": "AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,WAAW;EACX,yBAAyB;EACzB,0BAA0B;EAC1B,gBAAgB;EAChB,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,cAAc;EACd,2BAA2B;AAC7B;;AAEA;EACE;IACE,UAAU;IACV,6BAA6B;EAC/B;EACA;IACE,UAAU;IACV,0BAA0B;EAC5B;AACF;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,YAAY;EACZ,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;EACd,eAAe;EACf,mBAAmB;EACnB,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,qBAAqB;EACrB,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,cAAc;EACd,eAAe;EACf,gBAAgB;AAClB;;AAEA,oBAAoB;;AACpB;EACE,kBAAkB;EAClB,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,UAAU;EACV,eAAe;AACjB;;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,QAAQ;EACR,SAAS;AACX;;AACA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,mBAAmB;EACnB,yBAAyB;EACzB,gBAAgB;EAChB,qBAAqB;AACvB;;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,WAAW;EACX,UAAU;EACV,WAAW;EACX,QAAQ;EACR,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,gBAAgB;EAChB,qBAAqB;AACvB;;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;;EAEZ;qDACmD;EACnD,iBAAiB;EACjB,yBAAyB;EACzB,mBAAmB;AACrB;;AACA;EACE,yBAAyB;AAC3B;;AACA;EACE,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,uCAAuC;EACvC,eAAe;AACjB;;AACA;;;EAGE,YAAY;AACd;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,eAAe;AACjB",
|
|
8
|
+
"file": "settings_ff751d6d.css",
|
|
9
|
+
"sourcesContent": [
|
|
10
|
+
"#settings-button {\n position: relative;\n}\n\n#settings-button[data-warning] svg {\n fill: #cb5909;\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.switch {\n position: relative;\n float: right;\n width: 3.5em;\n height: 2em;\n padding: 0;\n cursor: pointer;\n}\n.switch input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\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.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.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.switch input:checked + * .slider {\n background-color: #24b1b0;\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.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.settings-box-item[data-disabled] .category-title span {\n text-decoration: line-through;\n}\n.settings-box-item[data-disabled] .category-subtitle {\n text-decoration: line-through;\n}\n.settings-box-item[data-disabled] .switch {\n cursor: default;\n}\n"
|
|
11
|
+
]
|
|
12
|
+
}
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
"../../../src/internal/dev_server/toolbar/toolbar.main.css"
|
|
13
13
|
],
|
|
14
14
|
"names": [],
|
|
15
|
-
"mappings": "AAAA,gBAAgB;AAChB;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,qBAAqB;EACrB,cAAc;AAChB;AACA;EACE,UAAU;EACV,wBAAwB;EACxB,qDAAqD;AACvD;AACA;EACE;IACE,oCAAoC;IACpC,UAAU;EACZ;EACA;IACE,UAAU;EACZ;EACA;IACE,kCAAkC;IAClC,UAAU;EACZ;AACF;AACA,eAAe;AACf;EACE,WAAW;EACX,YAAY;EACZ,WAAW;EACX,UAAU;EACV,eAAe;AACjB;AACA;EACE,UAAU;AACZ;AACA;EACE,yBAAyB;EACzB,oBAAoB;EACpB,qBAAqB;EACrB,8DAA8D;EAC9D,aAAa;AACf;AACA;EACE;IACE,oBAAoB;EACtB;AACF;AACA,eAAe;AACf;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;AACjB;AACA;EACE,WAAW;EACX,SAAS;EACT,aAAa;AACf;AACA;EACE,UAAU;AACZ;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,iEAAiE;AACnE;AACA;EACE;IACE,iBAAiB;IACjB,WAAW;EACb;AACF;AC5EA;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,cAAc;AAChB;AAEA;EACE,SAAS;EACT,oBAAoB;EACpB,iBAAiB;AACnB;AAEA;EACE,gBAAgB;AAClB;AAEA;;EAEE,kBAAkB;EAClB,
|
|
16
|
-
"file": "toolbar.
|
|
15
|
+
"mappings": "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CE,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;ACnNA,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.main_3d05f494.css",
|
|
17
17
|
"sourcesContent": [
|
|
18
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
|
|
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 color: #cb5909;\n margin-bottom: 5px;\n display: block;\n}\n\n/*# sourceMappingURL=compilation.css_7421bd55.map */",
|
|
20
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
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
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:
|
|
23
|
+
"#settings-button {\n position: relative;\n}\n\n#settings-button[data-warning] svg {\n fill: #cb5909;\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_942b5a9e.map */",
|
|
24
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
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"
|
|
@@ -96,8 +96,9 @@
|
|
|
96
96
|
}
|
|
97
97
|
.browser_support_text[data-warning],
|
|
98
98
|
.files_compilation_text[data-warning] {
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
color: #cb5909;
|
|
100
|
+
margin-bottom: 5px;
|
|
101
|
+
display: block;
|
|
101
102
|
}
|
|
102
103
|
button:focus,
|
|
103
104
|
a:focus,
|
|
@@ -283,8 +284,7 @@ Because for some element we set the focus outline on a div which would not match
|
|
|
283
284
|
position: relative;
|
|
284
285
|
}
|
|
285
286
|
#settings-button[data-warning] svg {
|
|
286
|
-
fill:
|
|
287
|
-
stroke: darkorange;
|
|
287
|
+
fill: #cb5909;
|
|
288
288
|
}
|
|
289
289
|
#settings-button[data-warning] svg:hover {
|
|
290
290
|
fill: darkorange !important;
|
|
@@ -790,7 +790,7 @@ html[data-toolbar-visible] #toolbar-trigger {
|
|
|
790
790
|
color: inherit;
|
|
791
791
|
}
|
|
792
792
|
|
|
793
|
-
/*# sourceMappingURL=assets/toolbar.main.
|
|
793
|
+
/*# sourceMappingURL=assets/toolbar.main.css_b7d8bec1.map */</style>
|
|
794
794
|
<script id="jsenv_inject_systemjs">/*
|
|
795
795
|
* SJS 6.11.0
|
|
796
796
|
* Minimal SystemJS Build
|
|
@@ -1929,8 +1929,11 @@ html[data-toolbar-visible] #toolbar-trigger {
|
|
|
1929
1929
|
</div>
|
|
1930
1930
|
<button id="settings-button" class="toolbar-icon-wrapper">
|
|
1931
1931
|
<div data-when="has_warning:yes">
|
|
1932
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
1933
|
-
<path d="
|
|
1932
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.818 45.818" width="20px" height="20px" class="iconToolbar" style="transform: rotate(180deg)">
|
|
1933
|
+
<path d="M22.909,0C10.258,0,0,10.257,0,22.908c0,12.652,10.258,22.91,22.909,22.91s22.909-10.258,22.909-22.91
|
|
1934
|
+
C45.818,10.257,35.561,0,22.909,0z M26.411,35.417c0,1.921-1.573,3.478-3.492,3.478c-1.92,0-3.492-1.557-3.492-3.478V20.201
|
|
1935
|
+
c0-1.92,1.572-3.477,3.492-3.477c1.919,0,3.492,1.556,3.492,3.477V35.417z M22.909,13.851c-2.119,0-3.837-1.718-3.837-3.836
|
|
1936
|
+
c0-2.12,1.718-3.836,3.837-3.836c2.118,0,3.837,1.716,3.837,3.836C26.746,12.133,25.027,13.851,22.909,13.851z"></path>
|
|
1934
1937
|
</svg>
|
|
1935
1938
|
</div>
|
|
1936
1939
|
<div data-when="has_warning:no">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
2
|
"assets/jsenv-logo.svg": "assets/jsenv-logo_188b9ca6.svg",
|
|
3
|
-
"toolbar_injector.js": "
|
|
4
|
-
"toolbar_injector.js.map": "
|
|
3
|
+
"toolbar_injector.js": "toolbar_injector_1e193101.js",
|
|
4
|
+
"toolbar_injector.js.map": "toolbar_injector_1e193101.js.map"
|
|
5
5
|
}
|
|
@@ -746,7 +746,7 @@
|
|
|
746
746
|
return then ? value.then(then) : value;
|
|
747
747
|
}
|
|
748
748
|
|
|
749
|
-
var TOOLBAR_BUILD_RELATIVE_URL = "dist/toolbar/
|
|
749
|
+
var TOOLBAR_BUILD_RELATIVE_URL = "dist/toolbar/toolbar_9a52325b.html";
|
|
750
750
|
|
|
751
751
|
function _call(body, then, direct) {
|
|
752
752
|
if (direct) {
|
|
@@ -973,4 +973,4 @@
|
|
|
973
973
|
|
|
974
974
|
})();
|
|
975
975
|
|
|
976
|
-
//# sourceMappingURL=
|
|
976
|
+
//# sourceMappingURL=toolbar_injector_1e193101.js.map
|
package/dist/toolbar_injector/{toolbar_injector_0f93509c.js.map → toolbar_injector_1e193101.js.map}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"file": "
|
|
3
|
+
"file": "toolbar_injector_1e193101.js",
|
|
4
4
|
"sources": [
|
|
5
5
|
"../../helpers/babel/typeof/typeof.js",
|
|
6
6
|
"../../helpers/babel/defineProperty/defineProperty.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"import { fetchUrl } from \"./fetch_browser.js\"\n\nexport const fetchJson = async (url, options = {}) => {\n const response = await fetchUrl(url, options)\n const object = await response.json()\n return object\n}\n",
|
|
26
26
|
"import { fetchJson } from \"../../browser_utils/fetchJson.js\"\n\nexport const fetchExploringJson = async ({ signal } = {}) => {\n try {\n const exploringInfo = await fetchJson(\"/.jsenv/exploring.json\", {\n signal,\n })\n return exploringInfo\n } catch (e) {\n if (signal && signal.aborted && e.name === \"AbortError\") {\n throw e\n }\n throw new Error(\n `Cannot communicate with exploring server due to a network error\n--- error stack ---\n${e.stack}`,\n )\n }\n}\n",
|
|
27
27
|
"export const updateIframeOverflowOnParentWindow = () => {\n if (!window.parent) {\n // can happen while parent iframe reloads\n return\n }\n\n const aTooltipIsOpened =\n document.querySelector(\"[data-tooltip-visible]\") ||\n document.querySelector(\"[data-tooltip-auto-visible]\")\n const settingsAreOpened = document.querySelector(\"#settings[data-active]\")\n\n if (aTooltipIsOpened || settingsAreOpened) {\n enableIframeOverflowOnParentWindow()\n } else {\n disableIframeOverflowOnParentWindow()\n }\n}\n\nlet iframeOverflowEnabled = false\nconst enableIframeOverflowOnParentWindow = () => {\n if (iframeOverflowEnabled) return\n iframeOverflowEnabled = true\n\n const iframe = getToolbarIframe()\n const transitionDuration = iframe.style.transitionDuration\n setStyles(iframe, { \"height\": \"100%\", \"transition-duration\": \"0ms\" })\n if (transitionDuration) {\n setTimeout(() => {\n setStyles(iframe, { \"transition-duration\": transitionDuration })\n })\n }\n}\n\nconst disableIframeOverflowOnParentWindow = () => {\n if (!iframeOverflowEnabled) return\n iframeOverflowEnabled = false\n\n const iframe = getToolbarIframe()\n const transitionDuration = iframe.style.transitionDuration\n setStyles(iframe, { \"height\": \"40px\", \"transition-duration\": \"0ms\" })\n if (transitionDuration) {\n setTimeout(() => {\n setStyles(iframe, { \"transition-duration\": transitionDuration })\n })\n }\n}\n\nexport const getToolbarIframe = () => {\n const iframes = Array.from(window.parent.document.querySelectorAll(\"iframe\"))\n return iframes.find((iframe) => iframe.contentWindow === window)\n}\n\nexport const forceHideElement = (element) => {\n element.setAttribute(\"data-force-hide\", \"\")\n}\n\nexport const removeForceHideElement = (element) => {\n element.removeAttribute(\"data-force-hide\")\n}\n\nexport const setStyles = (element, styles) => {\n const elementStyle = element.style\n const restoreStyles = Object.keys(styles).map((styleName) => {\n let restore\n if (styleName in elementStyle) {\n const currentStyle = elementStyle[styleName]\n restore = () => {\n elementStyle[styleName] = currentStyle\n }\n } else {\n restore = () => {\n delete elementStyle[styleName]\n }\n }\n\n elementStyle[styleName] = styles[styleName]\n\n return restore\n })\n return () => {\n restoreStyles.forEach((restore) => restore())\n }\n}\n\nexport const setAttributes = (element, attributes) => {\n Object.keys(attributes).forEach((name) => {\n element.setAttribute(name, attributes[name])\n })\n}\n\nexport const getDocumentScroll = () => {\n return {\n x: document.documentElement.scrollLeft,\n y: document.documentElement.scrollTop,\n }\n}\n\nexport const toolbarSectionIsActive = (element) => {\n return element.hasAttribute(\"data-active\")\n}\n\nexport const activateToolbarSection = (element) => {\n element.setAttribute(\"data-active\", \"\")\n}\n\nexport const deactivateToolbarSection = (element) => {\n element.removeAttribute(\"data-active\")\n}\n",
|
|
28
|
-
"import { fetchExploringJson } from \"@jsenv/core/src/internal/dev_server/exploring/fetchExploringJson.js\"\nimport { setAttributes, setStyles } from \"./util/dom.js\"\n\n// eslint-disable-next-line no-undef\nconst TOOLBAR_BUILD_RELATIVE_URL = \"dist/toolbar/
|
|
28
|
+
"import { fetchExploringJson } from \"@jsenv/core/src/internal/dev_server/exploring/fetchExploringJson.js\"\nimport { setAttributes, setStyles } from \"./util/dom.js\"\n\n// eslint-disable-next-line no-undef\nconst TOOLBAR_BUILD_RELATIVE_URL = \"dist/toolbar/toolbar_9a52325b.html\"\nconst jsenvLogoSvgUrl = new URL(\"./jsenv-logo.svg\", import.meta.url)\n\nconst injectToolbar = async () => {\n await new Promise((resolve) => {\n if (window.requestIdleCallback) {\n window.requestIdleCallback(resolve, { timeout: 400 })\n } else {\n window.requestAnimationFrame(resolve)\n }\n })\n const exploringJSON = await fetchExploringJson()\n const placeholder = getToolbarPlaceholder()\n\n const iframe = document.createElement(\"iframe\")\n setAttributes(iframe, {\n tabindex: -1,\n // sandbox: \"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation\",\n // allow: \"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr\",\n allowtransparency: true,\n })\n setStyles(iframe, {\n \"position\": \"fixed\",\n \"zIndex\": 1000,\n \"bottom\": 0,\n \"left\": 0,\n \"width\": \"100%\",\n \"height\": 0,\n /* ensure toolbar children are not focusable when hidden */\n \"visibility\": \"hidden\",\n \"transition-duration\": \"300ms\",\n \"transition-property\": \"height, visibility\",\n \"border\": \"none\",\n })\n const iframeLoadedPromise = iframeToLoadedPromise(iframe)\n const jsenvCoreDirectoryServerUrl = new URL(\n exploringJSON.jsenvCoreDirectoryRelativeUrl,\n document.location.origin,\n ).href\n const jsenvToolbarHtmlServerUrl = new URL(\n TOOLBAR_BUILD_RELATIVE_URL,\n jsenvCoreDirectoryServerUrl,\n )\n // set iframe src BEFORE putting it into the DOM (prevent firefox adding an history entry)\n iframe.setAttribute(\"src\", jsenvToolbarHtmlServerUrl)\n placeholder.parentNode.replaceChild(iframe, placeholder)\n\n addToolbarEventCallback(iframe, \"toolbar_ready\", () => {\n sendCommandToToolbar(iframe, \"renderToolbar\", { exploringJSON })\n })\n\n await iframeLoadedPromise\n iframe.removeAttribute(\"tabindex\")\n\n const div = document.createElement(\"div\")\n div.innerHTML = `\n<div id=\"jsenv-toolbar-trigger\">\n <svg id=\"jsenv-toolbar-trigger-icon\">\n <use xlink:href=\"${jsenvLogoSvgUrl}#jsenv-logo\"></use>\n </svg>\n <style>\n #jsenv-toolbar-trigger {\n display: block;\n overflow: hidden;\n position: fixed;\n z-index: 1000;\n bottom: -32px;\n right: 20px;\n height: 40px;\n width: 40px;\n padding: 0;\n margin: 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 text-align: center;\n transition: 600ms;\n }\n\n #jsenv-toolbar-trigger:hover {\n cursor: pointer;\n }\n\n #jsenv-toolbar-trigger[data-expanded] {\n bottom: 0;\n }\n\n #jsenv-toolbar-trigger-icon {\n width: 35px;\n height: 35px;\n opacity: 0;\n transition: 600ms;\n }\n\n #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n opacity: 1;\n }\n </style>\n</div>`\n const toolbarTrigger = div.firstElementChild\n iframe.parentNode.appendChild(toolbarTrigger)\n\n let timer\n toolbarTrigger.onmouseenter = () => {\n toolbarTrigger.setAttribute(\"data-animate\", \"\")\n timer = setTimeout(expandToolbarTrigger, 500)\n }\n toolbarTrigger.onmouseleave = () => {\n clearTimeout(timer)\n collapseToolbarTrigger()\n }\n toolbarTrigger.onfocus = () => {\n toolbarTrigger.removeAttribute(\"data-animate\")\n expandToolbarTrigger()\n }\n toolbarTrigger.onblur = () => {\n toolbarTrigger.removeAttribute(\"data-animate\")\n clearTimeout(timer)\n collapseToolbarTrigger()\n }\n toolbarTrigger.onclick = () => {\n sendCommandToToolbar(iframe, \"showToolbar\")\n }\n\n const showToolbarTrigger = () => {\n toolbarTrigger.style.display = \"block\"\n }\n\n const hideToolbarTrigger = () => {\n toolbarTrigger.style.display = \"none\"\n }\n\n const expandToolbarTrigger = () => {\n toolbarTrigger.setAttribute(\"data-expanded\", \"\")\n }\n\n const collapseToolbarTrigger = () => {\n toolbarTrigger.removeAttribute(\"data-expanded\", \"\")\n }\n\n hideToolbarTrigger()\n addToolbarEventCallback(iframe, \"toolbar-visibility-change\", (visible) => {\n if (visible) {\n hideToolbarTrigger()\n } else {\n showToolbarTrigger()\n }\n })\n\n return iframe\n}\n\nconst addToolbarEventCallback = (iframe, eventName, callback) => {\n const messageEventCallback = (messageEvent) => {\n const { data } = messageEvent\n if (typeof data !== \"object\") {\n return\n }\n const { __jsenv__ } = data\n if (!__jsenv__) {\n return\n }\n if (__jsenv__.event !== eventName) {\n return\n }\n callback(__jsenv__.data)\n }\n\n window.addEventListener(\"message\", messageEventCallback, false)\n return () => {\n window.removeEventListener(\"message\", messageEventCallback, false)\n }\n}\n\nconst sendCommandToToolbar = (iframe, command, ...args) => {\n iframe.contentWindow.postMessage(\n {\n __jsenv__: {\n command,\n args,\n },\n },\n window.origin,\n )\n}\n\nconst getToolbarPlaceholder = () => {\n const placeholder = queryPlaceholder()\n if (placeholder) {\n if (document.body.contains(placeholder)) {\n return placeholder\n }\n // otherwise iframe would not be visible because in <head>\n console.warn(\n \"element with [data-jsenv-toolbar-placeholder] must be inside document.body\",\n )\n return createTooolbarPlaceholder()\n }\n return createTooolbarPlaceholder()\n}\n\nconst queryPlaceholder = () => {\n return document.querySelector(\"[data-jsenv-toolbar-placeholder]\")\n}\n\nconst createTooolbarPlaceholder = () => {\n const placeholder = document.createElement(\"span\")\n document.body.appendChild(placeholder)\n return placeholder\n}\n\nconst iframeToLoadedPromise = (iframe) => {\n return new Promise((resolve) => {\n const onload = () => {\n iframe.removeEventListener(\"load\", onload, true)\n resolve()\n }\n iframe.addEventListener(\"load\", onload, true)\n })\n}\n\nif (document.readyState === \"complete\") {\n injectToolbar()\n} else {\n window.addEventListener(\"load\", injectToolbar)\n // document.addEventListener(\"readystatechange\", () => {\n // if (document.readyState === \"complete\") {\n // injectToolbar()\n // }\n // })\n}\n"
|
|
29
29
|
],
|
|
30
30
|
"names": [
|
|
31
31
|
"nativeTypeOf",
|
package/package.json
CHANGED
package/src/buildProject.js
CHANGED
|
@@ -19,13 +19,16 @@ import {
|
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* Generate optimized version of source files into a directory
|
|
22
|
-
* @param {
|
|
23
|
-
* @param {string|url}
|
|
24
|
-
* @param {
|
|
25
|
-
* @param {
|
|
26
|
-
* @param {
|
|
27
|
-
* @param {
|
|
22
|
+
* @param {Object} buildProjectParameters
|
|
23
|
+
* @param {string|url} buildProjectParameters.projectDirectoryUrl Root directory of the project
|
|
24
|
+
* @param {string|url} buildProjectParameters.buildDirectoryRelativeUrl Directory where optimized files are written
|
|
25
|
+
* @param {object} buildProjectParameters.entryPoints Describe entry point paths and control their names in the build directory
|
|
26
|
+
* @param {"esmodule" | "systemjs" | "commonjs" | "global"} buildProjectParameters.format Code generated will use this module format
|
|
27
|
+
* @param {object} buildProjectParameters.runtimeSupport Code generated will be compatible with these runtimes
|
|
28
|
+
* @param {boolean} [buildProjectParameters.minify=false] Minify file content in the build directory (HTML, CSS, JS, JSON, SVG)
|
|
29
|
+
* @return {Object} An object containing the result of building files
|
|
28
30
|
*/
|
|
31
|
+
|
|
29
32
|
export const buildProject = async ({
|
|
30
33
|
signal = new AbortController().signal,
|
|
31
34
|
handleSIGINT = true,
|
package/src/executeTestPlan.js
CHANGED
|
@@ -21,14 +21,18 @@ import { jsenvCoverageConfig } from "./jsenvCoverageConfig.js"
|
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Execute a list of files and log how it goes
|
|
24
|
-
* @param {
|
|
25
|
-
* @param {string|url} projectDirectoryUrl Root directory of the project
|
|
26
|
-
* @param {
|
|
27
|
-
* @param {
|
|
28
|
-
* @param {
|
|
29
|
-
* @param {
|
|
30
|
-
* @param {
|
|
31
|
-
* @param {
|
|
24
|
+
* @param {Object} testPlanParameters
|
|
25
|
+
* @param {string|url} testPlanParameters.projectDirectoryUrl Root directory of the project
|
|
26
|
+
* @param {Object} testPlanParameters.testPlan Object associating patterns leading to files to runtimes where they should be executed
|
|
27
|
+
* @param {boolean} [testPlanParameters.completedExecutionLogAbbreviation=false] Abbreviate completed execution information to shorten terminal output
|
|
28
|
+
* @param {boolean} [testPlanParameters.completedExecutionLogMerging=false] Merge completed execution logs to shorten terminal output
|
|
29
|
+
* @param {number} [testPlanParameters.maxExecutionsInParallel=1] Maximum amount of execution in parallel
|
|
30
|
+
* @param {number} [testPlanParameters.defaultMsAllocatedPerExecution=30000] Milliseconds after which execution is aborted and considered as failed by timeout
|
|
31
|
+
* @param {number} [testPlanParameters.cooldownBetweenExecutions=0] Millisecond to wait between each execution
|
|
32
|
+
* @param {boolean} [testPlanParameters.logMemoryHeapUsage=false] Add memory heap usage during logs
|
|
33
|
+
* @param {boolean} [testPlanParameters.coverage=false] Controls if coverage is collected during files executions
|
|
34
|
+
* @param {boolean} [testPlanParameters.coverageV8ConflictWarning=true] Warn when coverage from 2 executions cannot be merged
|
|
35
|
+
* @return {Object} An object containing the result of all file executions
|
|
32
36
|
*/
|
|
33
37
|
export const executeTestPlan = async ({
|
|
34
38
|
signal = new AbortController().signal,
|
|
@@ -475,13 +475,17 @@
|
|
|
475
475
|
<div data-when="has_warning:yes">
|
|
476
476
|
<svg
|
|
477
477
|
xmlns="http://www.w3.org/2000/svg"
|
|
478
|
-
viewBox="0 0
|
|
479
|
-
width="
|
|
480
|
-
height="
|
|
478
|
+
viewBox="0 0 45.818 45.818"
|
|
479
|
+
width="20px"
|
|
480
|
+
height="20px"
|
|
481
481
|
class="iconToolbar"
|
|
482
|
+
style="transform: rotate(180deg)"
|
|
482
483
|
>
|
|
483
484
|
<path
|
|
484
|
-
d="
|
|
485
|
+
d="M22.909,0C10.258,0,0,10.257,0,22.908c0,12.652,10.258,22.91,22.909,22.91s22.909-10.258,22.909-22.91
|
|
486
|
+
C45.818,10.257,35.561,0,22.909,0z M26.411,35.417c0,1.921-1.573,3.478-3.492,3.478c-1.92,0-3.492-1.557-3.492-3.478V20.201
|
|
487
|
+
c0-1.92,1.572-3.477,3.492-3.477c1.919,0,3.492,1.556,3.492,3.477V35.417z M22.909,13.851c-2.119,0-3.837-1.718-3.837-3.836
|
|
488
|
+
c0-2.12,1.718-3.836,3.837-3.836c2.118,0,3.837,1.716,3.837,3.836C26.746,12.133,25.027,13.851,22.909,13.851z"
|
|
485
489
|
/>
|
|
486
490
|
</svg>
|
|
487
491
|
</div>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": [
|
|
4
|
-
"../../../src/internal/dev_server/toolbar/settings/settings.css"
|
|
5
|
-
],
|
|
6
|
-
"names": [],
|
|
7
|
-
"mappings": "AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,WAAW;EACX,yBAAyB;EACzB,0BAA0B;EAC1B,gBAAgB;EAChB,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,cAAc;EACd,2BAA2B;AAC7B;;AAEA;EACE;IACE,UAAU;IACV,6BAA6B;EAC/B;EACA;IACE,UAAU;IACV,0BAA0B;EAC5B;AACF;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,YAAY;EACZ,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;EACd,eAAe;EACf,mBAAmB;EACnB,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,qBAAqB;EACrB,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,cAAc;EACd,eAAe;EACf,gBAAgB;AAClB;;AAEA,oBAAoB;;AACpB;EACE,kBAAkB;EAClB,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,UAAU;EACV,eAAe;AACjB;;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,QAAQ;EACR,SAAS;AACX;;AACA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,mBAAmB;EACnB,yBAAyB;EACzB,gBAAgB;EAChB,qBAAqB;AACvB;;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,WAAW;EACX,UAAU;EACV,WAAW;EACX,QAAQ;EACR,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,gBAAgB;EAChB,qBAAqB;AACvB;;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;;EAEZ;qDACmD;EACnD,iBAAiB;EACjB,yBAAyB;EACzB,mBAAmB;AACrB;;AACA;EACE,yBAAyB;AAC3B;;AACA;EACE,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,uCAAuC;EACvC,eAAe;AACjB;;AACA;;;EAGE,YAAY;AACd;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,6BAA6B;AAC/B;;AACA;EACE,eAAe;AACjB",
|
|
8
|
-
"file": "settings_b414e53b.css",
|
|
9
|
-
"sourcesContent": [
|
|
10
|
-
"#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.switch {\n position: relative;\n float: right;\n width: 3.5em;\n height: 2em;\n padding: 0;\n cursor: pointer;\n}\n.switch input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\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.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.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.switch input:checked + * .slider {\n background-color: #24b1b0;\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.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.settings-box-item[data-disabled] .category-title span {\n text-decoration: line-through;\n}\n.settings-box-item[data-disabled] .category-subtitle {\n text-decoration: line-through;\n}\n.settings-box-item[data-disabled] .switch {\n cursor: default;\n}\n"
|
|
11
|
-
]
|
|
12
|
-
}
|