From c7e9bff5e23d75c6ac4ca9393d055be337f0aa14 Mon Sep 17 00:00:00 2001 From: Kilian Hofmann Date: Fri, 4 Jul 2025 17:25:50 +0200 Subject: [PATCH] 2024 compatible --- EFB/efb-html.patch | 16 +- EFB/efb-js.patch | 6 +- EFB/efb.css | 1813 +++++++++++++++++ .../TFDi_Design_MD-11F_GE/panel/PANEL.CFG | 2 +- .../TFDi_Design_MD-11F_PW/panel/PANEL.CFG | 2 +- .../TFDi_Design_MD-11_GE/panel/PANEL.CFG | 2 +- .../TFDi_Design_MD-11_PW/panel/PANEL.CFG | 2 +- PackageSources/js-bundle/package.json | 2 +- PackageSources/js-bundle/rollup.config.js | 2 +- README.md | 5 + insert-efb.js | 3 +- 11 files changed, 1838 insertions(+), 17 deletions(-) create mode 100644 EFB/efb.css diff --git a/EFB/efb-html.patch b/EFB/efb-html.patch index 5f09295..8014e06 100644 --- a/EFB/efb-html.patch +++ b/EFB/efb-html.patch @@ -1,11 +1,13 @@ -diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html +diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html index a2e14f7..515e0d9 100644 ---- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html -+++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html +--- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html ++++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html @@ -7,4 +7,6 @@ - -+ - -+ +- ++ ++ +- ++ ++ diff --git a/EFB/efb-js.patch b/EFB/efb-js.patch index f24a22b..b61bb8a 100644 --- a/EFB/efb-js.patch +++ b/EFB/efb-js.patch @@ -1,7 +1,7 @@ -diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js +diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js index a490abd..be2703b 100644 ---- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js -+++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js +--- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js ++++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js @@ -42191,9 +42191,16 @@ Take a look at the reducer(s) handling this action type: ${action.type}. /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( "button", diff --git a/EFB/efb.css b/EFB/efb.css new file mode 100644 index 0000000..a77e955 --- /dev/null +++ b/EFB/efb.css @@ -0,0 +1,1813 @@ +/* temp_stylePlugin:src\index.css */ +:root { + --has-fgp: initial; + --element-has-fgp: initial; + --parent-has-fgp: initial; +} +*, +::before, +::after { + box-sizing: border-box; + border-width: 0; + border-style: solid; + border-color: #e5e7eb; +} +::before, +::after { + --tw-content: ""; +} +html, +:host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + -moz-tab-size: 4; + tab-size: 4; + font-family: + ui-sans-serif, + system-ui, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol", + "Noto Color Emoji"; + font-feature-settings: normal; + font-variation-settings: normal; + -webkit-tap-highlight-color: transparent; +} +body > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +body { + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 0px; + --orig-margin-right: 0px; + --orig-margin-bottom: 0px; + --orig-margin-left: 0px; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); + line-height: inherit; +} +hr { + --fgp-height: var(--element-has-fgp) calc(0 + var(--fgp-gap-row, 0%)); +} +hr { + height: var(--fgp-height, 0); + color: inherit; + border-top-width: 1px; +} +abbr:where([title]) { + text-decoration: underline dotted; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} +a { + color: inherit; + text-decoration: inherit; +} +b, +strong { + font-weight: bolder; +} +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Menlo, + Monaco, + Consolas, + "Liberation Mono", + "Courier New", + monospace; + font-feature-settings: normal; + font-variation-settings: normal; + font-size: 1em; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; +} +button > *, +input > *, +optgroup > *, +select > *, +textarea > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + font-size: 100%; + font-weight: inherit; + line-height: inherit; + letter-spacing: inherit; + color: inherit; + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 0px; + --orig-margin-right: 0px; + --orig-margin-bottom: 0px; + --orig-margin-left: 0px; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); + padding: 0; +} +button, +select { + text-transform: none; +} +button, +input:where([type="button"]), +input:where([type="reset"]), +input:where([type="submit"]) { + -webkit-appearance: button; + background-color: transparent; + background-image: none; +} +:-moz-focusring { + outline: auto; +} +:-moz-ui-invalid { + box-shadow: none; +} +progress { + vertical-align: baseline; +} +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + --fgp-height: var(--element-has-fgp) calc(auto + var(--fgp-gap-row, 0%)); +} +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: var(--fgp-height, auto); +} +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} +summary { + display: list-item; +} +blockquote > *, +dl > *, +dd > *, +h1 > *, +h2 > *, +h3 > *, +h4 > *, +h5 > *, +h6 > *, +hr > *, +figure > *, +p > *, +pre > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 0px; + --orig-margin-right: 0px; + --orig-margin-bottom: 0px; + --orig-margin-left: 0px; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); +} +fieldset > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +fieldset { + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 0px; + --orig-margin-right: 0px; + --orig-margin-bottom: 0px; + --orig-margin-left: 0px; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); + padding: 0; +} +legend { + padding: 0; +} +ol > *, +ul > *, +menu > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +ol, +ul, +menu { + list-style: none; + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 0px; + --orig-margin-right: 0px; + --orig-margin-bottom: 0px; + --orig-margin-left: 0px; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); + padding: 0; +} +dialog { + padding: 0; +} +textarea { + resize: vertical; +} +input::placeholder, +textarea::placeholder { + opacity: 1; + color: #9ca3af; +} +button, +[role=button] { + cursor: pointer; +} +:disabled { + cursor: default; +} +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + vertical-align: middle; +} +img, +video { + --fgp-max-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-row, 0%)); + --fgp-height: var(--element-has-fgp) calc(auto + var(--fgp-gap-row, 0%)); +} +img, +video { + max-width: var(--fgp-max-width, 100%); + height: var(--fgp-height, auto); +} +[hidden] { + display: none; +} +*, +::before, +::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} +.container { + --fgp-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-column, 0%)); +} +.container { + width: var(--fgp-width, 100%); +} +@media (min-width: 640px) { + .container { + --fgp-max-width: var(--element-has-fgp) calc(640px + var(--fgp-gap-row, 0%)); + } + .container { + max-width: var(--fgp-max-width, 640px); + } +} +@media (min-width: 768px) { + .container { + --fgp-max-width: var(--element-has-fgp) calc(768px + var(--fgp-gap-row, 0%)); + } + .container { + max-width: var(--fgp-max-width, 768px); + } +} +@media (min-width: 1024px) { + .container { + --fgp-max-width: var(--element-has-fgp) calc(1024px + var(--fgp-gap-row, 0%)); + } + .container { + max-width: var(--fgp-max-width, 1024px); + } +} +@media (min-width: 1280px) { + .container { + --fgp-max-width: var(--element-has-fgp) calc(1280px + var(--fgp-gap-row, 0%)); + } + .container { + max-width: var(--fgp-max-width, 1280px); + } +} +@media (min-width: 1536px) { + .container { + --fgp-max-width: var(--element-has-fgp) calc(1536px + var(--fgp-gap-row, 0%)); + } + .container { + max-width: var(--fgp-max-width, 1536px); + } +} +.pointer-events-none { + pointer-events: none; +} +.static { + position: static; +} +.fixed { + position: fixed; +} +.absolute { + position: absolute; +} +.relative { + position: relative; +} +.-inset-x-3 { + left: -0.75rem; + right: -0.75rem; +} +.-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; +} +.bottom-0 { + bottom: 0px; +} +.bottom-16 { + bottom: 4rem; +} +.left-0 { + left: 0px; +} +.left-1\/2 { + left: 50%; +} +.right-0 { + right: 0px; +} +.right-2 { + right: 0.5rem; +} +.right-4 { + right: 1rem; +} +.top-0 { + top: 0px; +} +.top-1\/2 { + top: 50%; +} +.top-16 { + top: 4rem; +} +.z-0 { + z-index: 0; +} +.z-10 { + z-index: 10; +} +.z-20 { + z-index: 20; +} +.col-span-2 { + grid-column: span 2 / span 2; +} +.row-span-5 { + grid-row: span 5 / span 5; +} +.float-right { + float: right; +} +.m-4 > * { + --orig-margin-top: initial; + --orig-margin-right: initial; + --orig-margin-bottom: initial; + --orig-margin-left: initial; +} +.m-4 { + --fgp-margin-top: initial; + --fgp-margin-left: initial; + --orig-margin-top: 1rem; + --orig-margin-right: 1rem; + --orig-margin-bottom: 1rem; + --orig-margin-left: 1rem; + margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left)); +} +.mx-2 > * { + --orig-margin-left: initial; +} +.mx-2 { + --fgp-margin-left: initial; + --orig-margin-left: 0.5rem; + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); + margin-right: 0.5rem; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.my-2 > * { + --orig-margin-top: initial; +} +.my-2 { + --fgp-margin-top: initial; + --orig-margin-top: 0.5rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + margin-bottom: 0.5rem; +} +.my-3 > * { + --orig-margin-top: initial; +} +.my-3 { + --fgp-margin-top: initial; + --orig-margin-top: 0.75rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + margin-bottom: 0.75rem; +} +.my-4 > * { + --orig-margin-top: initial; +} +.my-4 { + --fgp-margin-top: initial; + --orig-margin-top: 1rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + margin-bottom: 1rem; +} +.-mt-\[\.5px\] > * { + --orig-margin-top: initial; +} +.-mt-\[\.5px\] { + --fgp-margin-top: initial; + --orig-margin-top: -.5px; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.mb-1 { + margin-bottom: 0.25rem; +} +.mb-2 { + margin-bottom: 0.5rem; +} +.mb-3 { + margin-bottom: 0.75rem; +} +.mb-4 { + margin-bottom: 1rem; +} +.mb-5 { + margin-bottom: 1.25rem; +} +.mb-6 { + margin-bottom: 1.5rem; +} +.mb-8 { + margin-bottom: 2rem; +} +.ml-4 > * { + --orig-margin-left: initial; +} +.ml-4 { + --fgp-margin-left: initial; + --orig-margin-left: 1rem; + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.ml-8 > * { + --orig-margin-left: initial; +} +.ml-8 { + --fgp-margin-left: initial; + --orig-margin-left: 2rem; + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.mr-2 { + margin-right: 0.5rem; +} +.mr-4 { + margin-right: 1rem; +} +.mr-8 { + margin-right: 2rem; +} +.mt-2 > * { + --orig-margin-top: initial; +} +.mt-2 { + --fgp-margin-top: initial; + --orig-margin-top: 0.5rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.mt-3 > * { + --orig-margin-top: initial; +} +.mt-3 { + --fgp-margin-top: initial; + --orig-margin-top: 0.75rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.mt-4 > * { + --orig-margin-top: initial; +} +.mt-4 { + --fgp-margin-top: initial; + --orig-margin-top: 1rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.mt-6 > * { + --orig-margin-top: initial; +} +.mt-6 { + --fgp-margin-top: initial; + --orig-margin-top: 1.5rem; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.block { + display: block; +} +.flex > * > * { + --parent-has-fgp: initial; +} +.flex > * { + --parent-has-fgp: !important; + --element-has-fgp: initial; + pointer-events: var(--parent-has-fgp) auto; +} +.flex { + --has-fgp: ; + --element-has-fgp: ; + pointer-events: var(--has-fgp) none; +} +.flex { + display: flex; +} +.inline-flex > * > * { + --parent-has-fgp: initial; +} +.inline-flex > * { + --parent-has-fgp: !important; + --element-has-fgp: initial; + pointer-events: var(--parent-has-fgp) auto; +} +.inline-flex { + --has-fgp: ; + --element-has-fgp: ; + pointer-events: var(--has-fgp) none; +} +.inline-flex { + display: inline-flex; +} +.grid { + display: grid; +} +.hidden { + display: none; +} +.h-0 { + --fgp-height: var(--element-has-fgp) calc(0px + var(--fgp-gap-row, 0%)); +} +.h-0 { + height: var(--fgp-height, 0px); +} +.h-1\/4 { + --fgp-height: var(--element-has-fgp) calc(25% + var(--fgp-gap-row, 0%)); +} +.h-1\/4 { + height: var(--fgp-height, 25%); +} +.h-1\/6 { + --fgp-height: var(--element-has-fgp) calc(16.666667% + var(--fgp-gap-row, 0%)); +} +.h-1\/6 { + height: var(--fgp-height, 16.666667%); +} +.h-16 { + --fgp-height: var(--element-has-fgp) calc(4rem + var(--fgp-gap-row, 0%)); +} +.h-16 { + height: var(--fgp-height, 4rem); +} +.h-3\/4 { + --fgp-height: var(--element-has-fgp) calc(75% + var(--fgp-gap-row, 0%)); +} +.h-3\/4 { + height: var(--fgp-height, 75%); +} +.h-36 { + --fgp-height: var(--element-has-fgp) calc(9rem + var(--fgp-gap-row, 0%)); +} +.h-36 { + height: var(--fgp-height, 9rem); +} +.h-6 { + --fgp-height: var(--element-has-fgp) calc(1.5rem + var(--fgp-gap-row, 0%)); +} +.h-6 { + height: var(--fgp-height, 1.5rem); +} +.h-7 { + --fgp-height: var(--element-has-fgp) calc(1.75rem + var(--fgp-gap-row, 0%)); +} +.h-7 { + height: var(--fgp-height, 1.75rem); +} +.h-8 { + --fgp-height: var(--element-has-fgp) calc(2rem + var(--fgp-gap-row, 0%)); +} +.h-8 { + height: var(--fgp-height, 2rem); +} +.h-\[96px\] { + --fgp-height: var(--element-has-fgp) calc(96px + var(--fgp-gap-row, 0%)); +} +.h-\[96px\] { + height: var(--fgp-height, 96px); +} +.h-full { + --fgp-height: var(--element-has-fgp) calc(100% + var(--fgp-gap-row, 0%)); +} +.h-full { + height: var(--fgp-height, 100%); +} +.h-min { + --fgp-height: var(--element-has-fgp) calc(min-content + var(--fgp-gap-row, 0%)); +} +.h-min { + height: var(--fgp-height, min-content); +} +.h-screen { + --fgp-height: var(--element-has-fgp) calc(100vh + var(--fgp-gap-row, 0%)); +} +.h-screen { + height: var(--fgp-height, 100vh); +} +.w-0 { + --fgp-width: var(--element-has-fgp) calc(0px + var(--fgp-gap-column, 0%)); +} +.w-0 { + width: var(--fgp-width, 0px); +} +.w-1 { + --fgp-width: var(--element-has-fgp) calc(0.25rem + var(--fgp-gap-column, 0%)); +} +.w-1 { + width: var(--fgp-width, 0.25rem); +} +.w-1\/12 { + --fgp-width: var(--element-has-fgp) calc(8.333333% + var(--fgp-gap-column, 0%)); +} +.w-1\/12 { + width: var(--fgp-width, 8.333333%); +} +.w-1\/2 { + --fgp-width: var(--element-has-fgp) calc(50% + var(--fgp-gap-column, 0%)); +} +.w-1\/2 { + width: var(--fgp-width, 50%); +} +.w-1\/4 { + --fgp-width: var(--element-has-fgp) calc(25% + var(--fgp-gap-column, 0%)); +} +.w-1\/4 { + width: var(--fgp-width, 25%); +} +.w-1\/5 { + --fgp-width: var(--element-has-fgp) calc(20% + var(--fgp-gap-column, 0%)); +} +.w-1\/5 { + width: var(--fgp-width, 20%); +} +.w-10\/12 { + --fgp-width: var(--element-has-fgp) calc(83.333333% + var(--fgp-gap-column, 0%)); +} +.w-10\/12 { + width: var(--fgp-width, 83.333333%); +} +.w-2 { + --fgp-width: var(--element-has-fgp) calc(0.5rem + var(--fgp-gap-column, 0%)); +} +.w-2 { + width: var(--fgp-width, 0.5rem); +} +.w-3\/4 { + --fgp-width: var(--element-has-fgp) calc(75% + var(--fgp-gap-column, 0%)); +} +.w-3\/4 { + width: var(--fgp-width, 75%); +} +.w-6 { + --fgp-width: var(--element-has-fgp) calc(1.5rem + var(--fgp-gap-column, 0%)); +} +.w-6 { + width: var(--fgp-width, 1.5rem); +} +.w-\[96px\] { + --fgp-width: var(--element-has-fgp) calc(96px + var(--fgp-gap-column, 0%)); +} +.w-\[96px\] { + width: var(--fgp-width, 96px); +} +.w-full { + --fgp-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-column, 0%)); +} +.w-full { + width: var(--fgp-width, 100%); +} +.w-min { + --fgp-width: var(--element-has-fgp) calc(min-content + var(--fgp-gap-column, 0%)); +} +.w-min { + width: var(--fgp-width, min-content); +} +.w-screen { + --fgp-width: var(--element-has-fgp) calc(100vw + var(--fgp-gap-column, 0%)); +} +.w-screen { + width: var(--fgp-width, 100vw); +} +.flex-\[48\%\] { + flex: 48%; +} +.flex-grow { + flex-grow: 1; +} +.grow { + flex-grow: 1; +} +.basis-1 { + flex-basis: 0.25rem; +} +.basis-full { + flex-basis: 100%; +} +.-translate-x-1\/2 { + --tw-translate-x: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.-translate-y-1\/2 { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.rotate-45 { + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +@keyframes spin { + to { + transform: rotate(360deg); + } +} +.animate-spin { + animation: spin 1s linear infinite; +} +.list-none { + list-style-type: none; +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.flex-wrap { + flex-wrap: wrap; +} +.place-content-center { + place-content: center; +} +.place-content-stretch { + place-content: stretch; +} +.place-items-center { + place-items: center; +} +.items-center { + align-items: center; +} +.justify-start { + justify-content: flex-start; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.justify-between { + justify-content: space-between; +} +.justify-around { + justify-content: space-around; +} +.justify-evenly { + justify-content: space-evenly; +} +.justify-stretch { + justify-content: stretch; +} +.gap-3 > * > * { + --fgp-parent-gap-row: initial; + --fgp-parent-gap-column: initial; +} +.gap-3 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-row: 0.75rem; + --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px)); + margin-top: var(--fgp-margin-top); + --fgp-parent-gap-column: 0.75rem; + --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px)); + margin-left: var(--fgp-margin-left); +} +.gap-3 { + pointer-events: var(--has-fgp) none; + --fgp-gap-row: 0.75rem; + --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important; + --fgp-gap-column: 0.75rem; + --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important; +} +.gap-3 { + --fgp-gap: var(--has-fgp, 0.75rem); + gap: var(--fgp-gap, 0px); + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.gap-4 > * > * { + --fgp-parent-gap-row: initial; + --fgp-parent-gap-column: initial; +} +.gap-4 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-row: 1rem; + --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px)); + margin-top: var(--fgp-margin-top); + --fgp-parent-gap-column: 1rem; + --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px)); + margin-left: var(--fgp-margin-left); +} +.gap-4 { + pointer-events: var(--has-fgp) none; + --fgp-gap-row: 1rem; + --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important; + --fgp-gap-column: 1rem; + --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important; +} +.gap-4 { + --fgp-gap: var(--has-fgp, 1rem); + gap: var(--fgp-gap, 0px); + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.gap-x-2 > * > * { + --fgp-parent-gap-column: initial; +} +.gap-x-2 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-column: 0.5rem; + --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px)); + margin-left: var(--fgp-margin-left); +} +.gap-x-2 { + pointer-events: var(--has-fgp) none; + --fgp-gap-column: 0.5rem; + --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important; +} +.gap-x-2 { + --fgp-column-gap: var(--has-fgp, 0.5rem); + column-gap: var(--fgp-column-gap, 0px); + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.gap-x-3 > * > * { + --fgp-parent-gap-column: initial; +} +.gap-x-3 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-column: 0.75rem; + --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px)); + margin-left: var(--fgp-margin-left); +} +.gap-x-3 { + pointer-events: var(--has-fgp) none; + --fgp-gap-column: 0.75rem; + --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important; +} +.gap-x-3 { + --fgp-column-gap: var(--has-fgp, 0.75rem); + column-gap: var(--fgp-column-gap, 0px); + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.gap-x-6 > * > * { + --fgp-parent-gap-column: initial; +} +.gap-x-6 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-column: 1.5rem; + --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px)); + margin-left: var(--fgp-margin-left); +} +.gap-x-6 { + pointer-events: var(--has-fgp) none; + --fgp-gap-column: 1.5rem; + --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important; +} +.gap-x-6 { + --fgp-column-gap: var(--has-fgp, 1.5rem); + column-gap: var(--fgp-column-gap, 0px); + margin-left: var(--fgp-margin-left, var(--orig-margin-left)); +} +.gap-y-2 > * > * { + --fgp-parent-gap-row: initial; +} +.gap-y-2 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-row: 0.5rem; + --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px)); + margin-top: var(--fgp-margin-top); +} +.gap-y-2 { + pointer-events: var(--has-fgp) none; + --fgp-gap-row: 0.5rem; + --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important; +} +.gap-y-2 { + --fgp-row-gap: var(--has-fgp, 0.5rem); + row-gap: var(--fgp-row-gap, 0px); + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.gap-y-4 > * > * { + --fgp-parent-gap-row: initial; +} +.gap-y-4 > * { + pointer-events: var(--parent-has-fgp) auto; + --fgp-parent-gap-row: 1rem; + --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px)); + margin-top: var(--fgp-margin-top); +} +.gap-y-4 { + pointer-events: var(--has-fgp) none; + --fgp-gap-row: 1rem; + --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important; +} +.gap-y-4 { + --fgp-row-gap: var(--has-fgp, 1rem); + row-gap: var(--fgp-row-gap, 0px); + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); +} +.overflow-hidden { + overflow: hidden; +} +.overflow-scroll { + overflow: scroll; +} +.overflow-y-auto { + overflow-y: auto; +} +.whitespace-nowrap { + white-space: nowrap; +} +.rounded { + border-radius: 0.25rem; +} +.rounded-lg { + border-radius: 0.5rem; +} +.rounded-md { + border-radius: 0.375rem; +} +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} +.rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} +.rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem; +} +.rounded-br-lg { + border-bottom-right-radius: 0.5rem; +} +.border { + border-width: 1px; +} +.border-2 { + border-width: 2px; +} +.border-x-0 { + border-left-width: 0px; + border-right-width: 0px; +} +.border-b { + border-bottom-width: 1px; +} +.border-b-0 { + border-bottom-width: 0px; +} +.border-b-2 { + border-bottom-width: 2px; +} +.border-l-0 { + border-left-width: 0px; +} +.border-l-2 { + border-left-width: 2px; +} +.border-t { + border-top-width: 1px; +} +.border-t-0 { + border-top-width: 0px; +} +.border-t-2 { + border-top-width: 2px; +} +.border-green-600 { + --tw-border-opacity: 1; + border-color: rgba(22, 163, 74, var(--tw-border-opacity)); +} +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +} +.border-slate-100 { + --tw-border-opacity: 1; + border-color: rgba(241, 245, 249, var(--tw-border-opacity)); +} +.border-transparent { + border-color: transparent; +} +.border-white { + --tw-border-opacity: 1; + border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +} +.bg-amber-500 { + --tw-bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); +} +.bg-black { + --tw-bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); +} +.bg-blue-500 { + --tw-bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +} +.bg-blue-700 { + --tw-bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); +} +.bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); +} +.bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +} +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgba(34, 197, 94, var(--tw-bg-opacity)); +} +.bg-green-600 { + --tw-bg-opacity: 1; + background-color: rgba(22, 163, 74, var(--tw-bg-opacity)); +} +.bg-green-700 { + --tw-bg-opacity: 1; + background-color: rgba(21, 128, 61, var(--tw-bg-opacity)); +} +.bg-navigraph-background { + --tw-bg-opacity: 1; + background-color: rgba(25, 34, 48, var(--tw-bg-opacity)); +} +.bg-navigraph-sidebar { + --tw-bg-opacity: 1; + background-color: rgba(21, 29, 41, var(--tw-bg-opacity)); +} +.bg-orange-600 { + --tw-bg-opacity: 1; + background-color: rgba(234, 88, 12, var(--tw-bg-opacity)); +} +.bg-pink-500 { + --tw-bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +} +.bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgba(168, 85, 247, var(--tw-bg-opacity)); +} +.bg-red-400 { + --tw-bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); +} +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); +} +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); +} +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); +} +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); +} +.bg-transparent { + background-color: transparent; +} +.bg-white { + --tw-bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +} +.bg-zinc-400 { + --tw-bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--tw-bg-opacity)); +} +.bg-zinc-600 { + --tw-bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--tw-bg-opacity)); +} +.bg-zinc-700 { + --tw-bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--tw-bg-opacity)); +} +.bg-zinc-900 { + --tw-bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--tw-bg-opacity)); +} +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} +.from-red-500 { + --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); + --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.to-red-700 { + --tw-gradient-to: #b91c1c var(--tw-gradient-to-position); +} +.bg-size-200 { + background-size: 200% 200%; +} +.fill-green-400 { + fill: #4ade80; +} +.fill-none { + fill: none; +} +.fill-white { + fill: #fff; +} +.stroke-green-400 { + stroke: #4ade80; +} +.stroke-white { + stroke: #fff; +} +.stroke-\[3\] { + stroke-width: 3; +} +.p-1 { + padding: 0.25rem; +} +.p-2 { + padding: 0.5rem; +} +.p-4 { + padding: 1rem; +} +.p-8 { + padding: 2rem; +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} +.pb-3 { + padding-bottom: 0.75rem; +} +.pb-4 { + padding-bottom: 1rem; +} +.pb-5 { + padding-bottom: 1.25rem; +} +.pl-0 { + padding-left: 0px; +} +.pl-1 { + padding-left: 0.25rem; +} +.pt-2 { + padding-top: 0.5rem; +} +.pt-3 { + padding-top: 0.75rem; +} +.pt-4 { + padding-top: 1rem; +} +.text-left { + text-align: left; +} +.text-center { + text-align: center; +} +.text-right { + text-align: right; +} +.font-mono { + font-family: + ui-monospace, + SFMono-Regular, + Menlo, + Monaco, + Consolas, + "Liberation Mono", + "Courier New", + monospace; +} +.font-sans { + font-family: + ui-sans-serif, + system-ui, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol", + "Noto Color Emoji"; +} +.text-2xl { + font-size: 3rem; +} +.text-3xl { + font-size: 3.5rem; +} +.text-4xl { + font-size: 4rem; +} +.text-5xl { + font-size: 5rem; +} +.text-6xl { + font-size: 6rem; +} +.text-base { + font-size: 2rem; +} +.text-lg { + font-size: 2.5rem; +} +.text-sm { + font-size: 1.75rem; +} +.text-xl { + font-size: 3rem; +} +.text-xs { + font-size: 1.25rem; +} +.font-bold { + font-weight: 700; +} +.font-extrabold { + font-weight: 800; +} +.font-medium { + font-weight: 500; +} +.font-semibold { + font-weight: 600; +} +.uppercase { + text-transform: uppercase; +} +.text-amber-500 { + --tw-text-opacity: 1; + color: rgba(245, 158, 11, var(--tw-text-opacity)); +} +.text-blue-300 { + --tw-text-opacity: 1; + color: rgba(147, 197, 253, var(--tw-text-opacity)); +} +.text-blue-500 { + --tw-text-opacity: 1; + color: rgba(59, 130, 246, var(--tw-text-opacity)); +} +.text-gray-400 { + --tw-text-opacity: 1; + color: rgba(156, 163, 175, var(--tw-text-opacity)); +} +.text-green-400 { + --tw-text-opacity: 1; + color: rgba(74, 222, 128, var(--tw-text-opacity)); +} +.text-green-500 { + --tw-text-opacity: 1; + color: rgba(34, 197, 94, var(--tw-text-opacity)); +} +.text-green-600 { + --tw-text-opacity: 1; + color: rgba(22, 163, 74, var(--tw-text-opacity)); +} +.text-neutral-500 { + --tw-text-opacity: 1; + color: rgba(115, 115, 115, var(--tw-text-opacity)); +} +.text-pink-500 { + --tw-text-opacity: 1; + color: rgba(236, 72, 153, var(--tw-text-opacity)); +} +.text-purple-500 { + --tw-text-opacity: 1; + color: rgba(168, 85, 247, var(--tw-text-opacity)); +} +.text-red-300 { + --tw-text-opacity: 1; + color: rgba(252, 165, 165, var(--tw-text-opacity)); +} +.text-red-400 { + --tw-text-opacity: 1; + color: rgba(248, 113, 113, var(--tw-text-opacity)); +} +.text-red-500 { + --tw-text-opacity: 1; + color: rgba(239, 68, 68, var(--tw-text-opacity)); +} +.text-white { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} +.text-zinc-400 { + --tw-text-opacity: 1; + color: rgba(161, 161, 170, var(--tw-text-opacity)); +} +.underline { + text-decoration-line: underline; +} +.opacity-10 { + opacity: 0.1; +} +.opacity-100 { + opacity: 1; +} +.opacity-50 { + opacity: 0.5; +} +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.shadow-blue-500\/20 { + --tw-shadow-color: rgba(59, 130, 246, 0.2); + --tw-shadow: var(--tw-shadow-colored); +} +.shadow-green-500\/20 { + --tw-shadow-color: rgba(34, 197, 94, 0.2); + --tw-shadow: var(--tw-shadow-colored); +} +.shadow-red-500\/20 { + --tw-shadow-color: rgba(239, 68, 68, 0.2); + --tw-shadow: var(--tw-shadow-colored); +} +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.transition-\[font-weight\] { + transition-property: font-weight; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} +.duration-150 { + transition-duration: 150ms; +} +.ease-linear { + transition-timing-function: linear; +} +@keyframes bg-gradient-fade { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 100% 100%; + } + 100% { + background-position: 0% 0%; + } +} +.bg-pos-fade { + animation: bg-gradient-fade 10s ease infinite; +} +@keyframes stroke-flash { + 0% { + stroke: #fb923c; + } + 49% { + stroke: #fb923c; + } + 50% { + stroke: #fed7aa; + } + 99% { + stroke: #fed7aa; + } + 100% { + stroke: #fb923c; + } +} +.stroke-flash { + animation: stroke-flash 1s ease infinite; +} +.hover\:bg-amber-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); +} +.hover\:bg-blue-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); +} +.hover\:bg-gray-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); +} +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); +} +.hover\:bg-green-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(22, 163, 74, var(--tw-bg-opacity)); +} +.hover\:bg-green-700:hover { + --tw-bg-opacity: 1; + background-color: rgba(21, 128, 61, var(--tw-bg-opacity)); +} +.hover\:bg-green-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(20, 83, 45, var(--tw-bg-opacity)); +} +.hover\:bg-pink-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); +} +.hover\:bg-purple-900:hover { + --tw-bg-opacity: 1; + background-color: rgba(88, 28, 135, var(--tw-bg-opacity)); +} +.hover\:font-bold:hover { + font-weight: 700; +} +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} +.hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.hover\:shadow-blue-500\/40:hover { + --tw-shadow-color: rgba(59, 130, 246, 0.4); + --tw-shadow: var(--tw-shadow-colored); +} +.hover\:shadow-green-500\/40:hover { + --tw-shadow-color: rgba(34, 197, 94, 0.4); + --tw-shadow: var(--tw-shadow-colored); +} +.hover\:shadow-red-500\/40:hover { + --tw-shadow-color: rgba(239, 68, 68, 0.4); + --tw-shadow: var(--tw-shadow-colored); +} +.focus\:border-blue-600:focus { + --tw-border-opacity: 1; + border-color: rgba(37, 99, 235, var(--tw-border-opacity)); +} +.focus\:opacity-\[0\.85\]:focus { + opacity: 0.85; +} +.focus\:shadow-none:focus { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.focus\:ring-blue-600:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); +} +.active\:opacity-\[0\.85\]:active { + opacity: 0.85; +} +.active\:shadow-none:active { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.disabled\:pointer-events-none:disabled { + pointer-events: none; +} +.disabled\:text-zinc-400:disabled { + --tw-text-opacity: 1; + color: rgba(161, 161, 170, var(--tw-text-opacity)); +} +.disabled\:opacity-50:disabled { + opacity: 0.5; +} +.disabled\:opacity-75:disabled { + opacity: 0.75; +} +.disabled\:shadow-none:disabled { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: + var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.group:hover .group-hover\:font-bold { + font-weight: 700; +} +@media (min-width: 768px) { + .md\:mt-0 > * { + --orig-margin-top: initial; + } + .md\:mt-0 { + --fgp-margin-top: initial; + --orig-margin-top: 0px; + margin-top: var(--fgp-margin-top, var(--orig-margin-top)); + } + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .md\:divide-x-\[1px\] > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + } + .md\:border-l-\[1px\] { + border-left-width: 1px; + } +} diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG index 5c8333b..460cdb8 100644 --- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG +++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG @@ -56,4 +56,4 @@ visible=1 pixel_size=1536,1024 texture=$EFB -htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file +htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG index 1e6a804..f9ec4c2 100644 --- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG +++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG @@ -56,4 +56,4 @@ visible=1 pixel_size=1536,1024 texture=$EFB -htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file +htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG index 5c8333b..460cdb8 100644 --- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG +++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG @@ -56,4 +56,4 @@ visible=1 pixel_size=1536,1024 texture=$EFB -htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file +htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG index 1e6a804..f9ec4c2 100644 --- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG +++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG @@ -56,4 +56,4 @@ visible=1 pixel_size=1536,1024 texture=$EFB -htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file +htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024 \ No newline at end of file diff --git a/PackageSources/js-bundle/package.json b/PackageSources/js-bundle/package.json index 95b6586..42ab7af 100644 --- a/PackageSources/js-bundle/package.json +++ b/PackageSources/js-bundle/package.json @@ -1,6 +1,6 @@ { "name": "tfdidesign-md11-load-manager", - "version": "0.1.63", + "version": "0.1.64", "description": "", "main": "index.js", "type": "module", diff --git a/PackageSources/js-bundle/rollup.config.js b/PackageSources/js-bundle/rollup.config.js index 7ac54c7..5e2d3be 100644 --- a/PackageSources/js-bundle/rollup.config.js +++ b/PackageSources/js-bundle/rollup.config.js @@ -13,7 +13,7 @@ import versionInjector from 'rollup-plugin-version-injector'; const { NODE_ENV: targetEnv = 'development' } = process.env; const outDirBase = '../html_ui'; -const panelDirBase = `${outDirBase}/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb`; +const panelDirBase = `${outDirBase}/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb`; export default { input: 'src/App.tsx', diff --git a/README.md b/README.md index 349c025..9d4ded1 100644 --- a/README.md +++ b/README.md @@ -10,3 +10,8 @@ Build in sim - LAMM - https://www.satco-inc.com/product-pallet/?part_number=31086-595 - https://www.satco-inc.com/product-container/?part_number=34124-901 + +TODO: + +- Disallow override of SB data +- Check if WSB can be overridden diff --git a/insert-efb.js b/insert-efb.js index 3778e97..fbabc15 100644 --- a/insert-efb.js +++ b/insert-efb.js @@ -4,10 +4,11 @@ const exec = util.promisify(require("node:child_process").exec); const readline = require("readline"); const outPath = - "./PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb"; + "./PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb"; fs.copyFileSync("./EFB/efb.js", `${outPath}/efb.js`); fs.copyFileSync("./EFB/efb.html", `${outPath}/efb.html`); +fs.copyFileSync("./EFB/efb.css", `${outPath}/efb.css`); console.log("Files transferred."); exec("git apply ./EFB/efb-js.patch").then(({ stdout, stderr }) => {