energy-visualization-sankey 1.0.16 → 1.0.18

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.
Files changed (9) hide show
  1. package/dist/sankey.css +1 -1
  2. package/dist/sankey.css.map +1 -1
  3. package/dist/sankey.esm.js +1 -1
  4. package/dist/sankey.esm.js.map +1 -1
  5. package/dist/sankey.umd.js +1 -1
  6. package/dist/sankey.umd.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/services/AnimationService.ts +1 -1
  9. package/src/styles/controls.css +1 -1
package/dist/sankey.css CHANGED
@@ -535,7 +535,7 @@
535
535
  #evs-dynamic-year {
536
536
  color: black;
537
537
  position: absolute;
538
- height: 25px;
538
+ /*height: 25px;*/
539
539
  width: 50px;
540
540
  text-align: center;
541
541
  border: 1px solid black;
package/dist/sankey.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.css","sankey.css","controls.css"],"names":[],"mappings":"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","file":"sankey.css","sourcesContent":["/* Energy Visualization Sankey - Combined Styles */\n\n/* Import core Sankey diagram styles */\n@import './sankey.css';\n\n/* Import UI controls styles */\n@import './controls.css';\n","/* Energy Sankey - Core Styles */\n\n/* Typography - Scoped to evs-sankey wrapper */\n.evs-sankey text,\n.evs-sankey tspan {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 16px;\n}\n\n/* Flow Styles */\n.evs-flow {\n fill: none;\n stroke-opacity: 0.8;\n}\n\n.evs-flow:hover {\n stroke-opacity: 0.9;\n}\n\n.evs-flow.evs-heat {\n stroke: #98002e;\n}\n\n.evs-flow.evs-elec, .evs-flow.evs-waste.evs-heat {\n stroke: #e49942;\n}\n\n.evs-flow.evs-waste {\n stroke: #e49942;\n opacity: 0.4 !important;\n}\n\n.evs-flow.evs-solar {\n stroke: #fed530;\n}\n\n.evs-flow.evs-nuclear {\n stroke: #ca0813;\n}\n\n.evs-flow.evs-hydro {\n stroke: #0b24fb;\n}\n\n.evs-flow.evs-wind {\n stroke: #901d8f;\n}\n\n.evs-flow.evs-geo {\n stroke: #905a1c;\n}\n\n.evs-flow.evs-gas {\n stroke: #4cabf2;\n}\n\n.evs-flow.evs-coal {\n stroke: #000000;\n}\n\n.evs-flow.evs-bio {\n stroke: #46be48;\n}\n\n.evs-flow.evs-petro {\n stroke: #095f0b;\n}\n\n/* Box Styles */\n.evs-box.evs-sector {\n fill: #cccccc;\n}\n\n.evs-box.evs-solar {\n fill: #fed530;\n}\n\n.evs-box.evs-nuclear {\n fill: #ca0813;\n}\n\n.evs-box.evs-hydro {\n fill: #0b24fb;\n}\n\n.evs-box.evs-wind {\n fill: #901d8f;\n}\n\n.evs-box.evs-geo {\n fill: #905a1c;\n}\n\n.evs-box.evs-gas {\n fill: #4cabf2;\n}\n\n.evs-box.evs-coal {\n fill: #000000;\n}\n\n.evs-box.evs-bio {\n fill: #46be48;\n}\n\n.evs-box.evs-petro {\n fill: #095f0b;\n}\n\n/* Other Elements */\n.evs-maxline {\n stroke: #cccccc;\n stroke-width: 1px;\n}\n\n.evs-bkgd {\n fill: #000000;\n}\n\n/* Title Container - Responsive Header Layout */\n.evs-title-container {\n /*border-top: 2px solid #000000;*/\n /*border-bottom: 1px solid #000000;*/\n position: relative;\n min-height: 58px;\n padding: 8px 16px;\n /*background: white;*/\n}\n\n.evs-header-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 20px;\n flex-wrap: nowrap;\n}\n\n/* Logo Section */\n.evs-header-logo {\n flex: 0 0 auto;\n min-width: 60px;\n}\n\n.evs-header-logo img {\n max-height: 45px;\n height: auto;\n display: block;\n}\n\n/* Main Title Section - Contains title and energy usage */\n.evs-header-main {\n flex: 1;\n text-align: center;\n min-width: 160px;\n position: relative;\n}\n\n.evs-header-title-section {\n position: relative;\n min-height: 45px;\n}\n\n.evs-main-title {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 1em;\n font-weight: normal;\n color: black;\n margin: 0;\n line-height: 1.2;\n margin-bottom: 2px;\n}\n\n.evs-energy-usage-overlay {\n position: absolute;\n top: 22px;\n left: 0;\n width: 100%;\n height: 25px;\n pointer-events: none;\n}\n\n/* Year Section - Separate section for year display */\n.evs-header-year {\n flex: 1;\n min-width: 80px;\n height: 45px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.evs-year-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n/* Info Section */\n.evs-header-info {\n flex: 1.9;\n min-width: 160px;\n text-align: left;\n}\n\n.evs-subtitle {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: bolder;\n line-height: 1.2;\n margin-bottom: 2px;\n}\n\n.evs-attribution {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: normal;\n line-height: 1.2;\n}\n\n/* Affiliation Section */\n.evs-header-affiliation {\n flex: 1.7;\n text-align: center;\n min-width: 140px;\n}\n\n.evs-affiliation-text {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: normal;\n line-height: 1.2;\n}\n\n/* SVG Overlay Styles */\n.evs-energy-svg-overlay,\n.evs-year-svg-overlay {\n z-index: 10;\n}\n\n.evs-energy-svg-overlay text,\n.evs-year-svg-overlay text {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n fill: black;\n}\n\n/* Legacy SVG styles for compatibility */\n.evs-title-container svg {\n font-size: 15px;\n}\n\n.evs-title-container .evs-title {\n font-size: 1em;\n fill: black;\n}\n\n.evs-title-container .evs-title .evs-unit {\n font-size: .9em;\n font-weight: bold;\n}\n\n.evs-title-container .evs-title .evs-year {\n font-size: 3.1em;\n font-weight: bold;\n clear: left;\n letter-spacing: .05em;\n font-variant-numeric: tabular-nums;\n}\n\n/* Mobile Responsive Design */\n@media (max-width: 1024px) {\n .evs-header-content {\n gap: 15px;\n }\n\n .evs-main-title {\n font-size: 0.9em;\n }\n\n .evs-header-logo {\n min-width: 50px;\n }\n\n .evs-header-main,\n .evs-header-year,\n .evs-header-info,\n .evs-header-affiliation {\n flex: 1;\n min-width: 120px;\n }\n\n .evs-year-svg-overlay text {\n font-size: 2.8em !important;\n }\n\n .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n font-size: 0.9em;\n }\n}\n\n@media (max-width: 768px) {\n .evs-title-container {\n padding: 6px 12px;\n }\n\n .evs-header-content {\n gap: 10px;\n }\n\n .evs-header-logo {\n min-width: 40px;\n }\n\n .evs-header-logo img {\n max-height: 35px;\n }\n\n .evs-main-title {\n font-size: 0.8em;\n }\n\n .evs-header-main,\n .evs-header-year,\n .evs-header-info,\n .evs-header-affiliation {\n flex: 1;\n min-width: 100px;\n }\n\n .evs-header-year {\n height: 40px;\n }\n\n .evs-year-svg-overlay text {\n font-size: 2.5em !important;\n }\n\n .evs-energy-svg-overlay text {\n font-size: 0.8em !important;\n }\n\n .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n font-size: 0.8em;\n }\n}\n\n@media (max-width: 600px) {\n .evs-header-content {\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .evs-header-main {\n order: 1;\n flex: 1 1 100%;\n margin-bottom: 8px;\n }\n\n .evs-header-year {\n order: 2;\n flex: 1 1 100%;\n margin-bottom: 8px;\n justify-content: center;\n height: 50px;\n }\n\n .evs-header-logo {\n order: 3;\n flex: 1 1 50%;\n }\n\n .evs-header-info {\n order: 4;\n flex: 1 1 100%;\n margin-bottom: 8px;\n }\n\n .evs-header-affiliation {\n order: 5;\n flex: 1 1 50%;\n text-align: left;\n }\n\n .evs-main-title {\n text-align: center;\n margin-bottom: 5px;\n }\n\n .evs-energy-usage-overlay {\n position: relative;\n top: 0;\n text-align: center;\n margin-top: 5px;\n }\n}\n\n/* Totals */\n.evs-total.evs-sector {\n font-size: 0.7em;\n font-weight: bold;\n}\n\n.evs-total.evs-waste-level {\n fill: #e49942;\n opacity: 0.4;\n}\n\n/* Visibility */\n.evs-hidden {\n visibility: hidden;\n}\n\n/* Tooltip */\n.evs-tooltip {\n color: #000000;\n position: absolute;\n text-align: justify;\n width: auto;\n padding: 5px;\n background: #efefef;\n border: 1px solid black;\n pointer-events: none;\n z-index: 3;\n}\n\n.evs-fuel-value {\n text-align: center;\n vertical-align: middle;\n}\n\n/* Waste Heat Visibility Control */\n.evs-waste-heat-hidden .evs-flow.evs-waste {\n display: none !important;\n}\n\n.evs-waste-heat-hidden .evs-total.evs-waste-level {\n display: none !important;\n}\n\n/* Smooth transition for waste heat toggle (optional) */\n.evs-flow.evs-waste,\n.evs-total.evs-waste-level {\n transition: opacity 0.3s ease;\n}\n","/* Energy Sankey - Controls Styles */\n\n/* Range Slider */\n.evs-range-slider {\n width: 100%;\n margin-top: 5px;\n position: relative;\n overflow: visible;\n /*padding-top: 40px;*/\n}\n\n/* Axis text styling - matches global text style */\n.evs-range-slider text,\n.evs-range-slider tspan {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 16px;\n}\n\n.evs-range-slider__range {\n -webkit-appearance: none;\n width: 100%;\n border-radius: 5px;\n outline: none;\n padding: 0;\n margin: 0;\n}\n\n.evs-range-slider__range:first-child {\n background: #d7dcdf;\n}\n\n.evs-range-slider__range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n cursor: pointer;\n transition: background 0.15s ease-in-out;\n}\n\n.evs-range-slider__range::-moz-range-thumb {\n width: 11px;\n height: 11px;\n border: 0;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n cursor: pointer;\n transition: background 0.15s ease-in-out;\n}\n\n/* Dynamic Year Display */\n#evs-dynamic-year {\n color: black;\n position: absolute;\n height: 25px;\n width: 50px;\n text-align: center;\n border: 1px solid black;\n border-radius: 3px;\n display: block;\n font-size: 16px;\n top: 0;\n /*bottom: 100%;*/\n background: white;\n padding: 3px 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n/* Add downward arrow pointing to slider */\n#evs-dynamic-year::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -4px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 6px solid black;\n}\n\n/* Play/Pause Button */\n#evs-play-button {\n border-radius: 0;\n display: block;\n height: 0;\n}\n\n#evs-play-button:hover {\n background: transparent !important;\n}\n\n#evs-play-button.evs-playbutton {\n outline: 0;\n background: transparent;\n border-color: transparent transparent transparent #202020;\n transition: 100ms all ease;\n cursor: pointer;\n border-style: solid;\n border-width: 13px 0 13px 20px;\n}\n\n#evs-play-button.evs-playpaused {\n outline: 0;\n background: transparent;\n height: 26px;\n border-color: transparent transparent transparent #202020;\n transition: 100ms all ease;\n cursor: pointer;\n border-style: double;\n border-width: 0px 0 0px 20px;\n}\n\n#evs-play-button.evs-playbutton:hover {\n border-color: transparent transparent transparent #404040;\n}\n\n/* Waste Heat Toggle Switch */\n.evs-switch-box {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n min-width: 200px;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n\n.evs-box-1 {\n /*background: #ffffff;*/\n}\n\ninput[type=\"checkbox\"].evs-switch-1 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 3.5em;\n height: 1.5em;\n background: #666666;\n border-radius: 3em;\n position: relative;\n cursor: pointer;\n outline: none;\n -webkit-transition: all .2s ease-in-out;\n transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked {\n background: #e49942;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:after {\n position: absolute;\n content: \"\";\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n background: #fff;\n -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n -webkit-transform: scale(.7);\n transform: scale(.7);\n left: 0;\n -webkit-transition: all .2s ease-in-out;\n transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:after {\n left: calc(100% - 1.5em);\n}\n\n/* Hover effects for better interactivity */\ninput[type=\"checkbox\"].evs-switch-1:hover {\n background: #555555;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:hover {\n background: #e49942;\n}\n\n/* Focus states for accessibility */\ninput[type=\"checkbox\"].evs-switch-1:focus {\n box-shadow: 0 0 0 3px #F5DBBC;\n}\n\n/* Milestone Tick Markers */\n#evs-test-tick .tick text {\n cursor: pointer;\n}\n\n#evs-test-tick .tick text:hover {\n color: grey;\n transition: color 250ms;\n}\n\n#evs-lbl-waste-hide-show {\n margin-right: 10px;\n}"]}
1
+ {"version":3,"sources":["index.css","sankey.css","controls.css"],"names":[],"mappings":"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","file":"sankey.css","sourcesContent":["/* Energy Visualization Sankey - Combined Styles */\n\n/* Import core Sankey diagram styles */\n@import './sankey.css';\n\n/* Import UI controls styles */\n@import './controls.css';\n","/* Energy Sankey - Core Styles */\n\n/* Typography - Scoped to evs-sankey wrapper */\n.evs-sankey text,\n.evs-sankey tspan {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 16px;\n}\n\n/* Flow Styles */\n.evs-flow {\n fill: none;\n stroke-opacity: 0.8;\n}\n\n.evs-flow:hover {\n stroke-opacity: 0.9;\n}\n\n.evs-flow.evs-heat {\n stroke: #98002e;\n}\n\n.evs-flow.evs-elec, .evs-flow.evs-waste.evs-heat {\n stroke: #e49942;\n}\n\n.evs-flow.evs-waste {\n stroke: #e49942;\n opacity: 0.4 !important;\n}\n\n.evs-flow.evs-solar {\n stroke: #fed530;\n}\n\n.evs-flow.evs-nuclear {\n stroke: #ca0813;\n}\n\n.evs-flow.evs-hydro {\n stroke: #0b24fb;\n}\n\n.evs-flow.evs-wind {\n stroke: #901d8f;\n}\n\n.evs-flow.evs-geo {\n stroke: #905a1c;\n}\n\n.evs-flow.evs-gas {\n stroke: #4cabf2;\n}\n\n.evs-flow.evs-coal {\n stroke: #000000;\n}\n\n.evs-flow.evs-bio {\n stroke: #46be48;\n}\n\n.evs-flow.evs-petro {\n stroke: #095f0b;\n}\n\n/* Box Styles */\n.evs-box.evs-sector {\n fill: #cccccc;\n}\n\n.evs-box.evs-solar {\n fill: #fed530;\n}\n\n.evs-box.evs-nuclear {\n fill: #ca0813;\n}\n\n.evs-box.evs-hydro {\n fill: #0b24fb;\n}\n\n.evs-box.evs-wind {\n fill: #901d8f;\n}\n\n.evs-box.evs-geo {\n fill: #905a1c;\n}\n\n.evs-box.evs-gas {\n fill: #4cabf2;\n}\n\n.evs-box.evs-coal {\n fill: #000000;\n}\n\n.evs-box.evs-bio {\n fill: #46be48;\n}\n\n.evs-box.evs-petro {\n fill: #095f0b;\n}\n\n/* Other Elements */\n.evs-maxline {\n stroke: #cccccc;\n stroke-width: 1px;\n}\n\n.evs-bkgd {\n fill: #000000;\n}\n\n/* Title Container - Responsive Header Layout */\n.evs-title-container {\n /*border-top: 2px solid #000000;*/\n /*border-bottom: 1px solid #000000;*/\n position: relative;\n min-height: 58px;\n padding: 8px 16px;\n /*background: white;*/\n}\n\n.evs-header-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 20px;\n flex-wrap: nowrap;\n}\n\n/* Logo Section */\n.evs-header-logo {\n flex: 0 0 auto;\n min-width: 60px;\n}\n\n.evs-header-logo img {\n max-height: 45px;\n height: auto;\n display: block;\n}\n\n/* Main Title Section - Contains title and energy usage */\n.evs-header-main {\n flex: 1;\n text-align: center;\n min-width: 160px;\n position: relative;\n}\n\n.evs-header-title-section {\n position: relative;\n min-height: 45px;\n}\n\n.evs-main-title {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 1em;\n font-weight: normal;\n color: black;\n margin: 0;\n line-height: 1.2;\n margin-bottom: 2px;\n}\n\n.evs-energy-usage-overlay {\n position: absolute;\n top: 22px;\n left: 0;\n width: 100%;\n height: 25px;\n pointer-events: none;\n}\n\n/* Year Section - Separate section for year display */\n.evs-header-year {\n flex: 1;\n min-width: 80px;\n height: 45px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.evs-year-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n/* Info Section */\n.evs-header-info {\n flex: 1.9;\n min-width: 160px;\n text-align: left;\n}\n\n.evs-subtitle {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: bolder;\n line-height: 1.2;\n margin-bottom: 2px;\n}\n\n.evs-attribution {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: normal;\n line-height: 1.2;\n}\n\n/* Affiliation Section */\n.evs-header-affiliation {\n flex: 1.7;\n text-align: center;\n min-width: 140px;\n}\n\n.evs-affiliation-text {\n /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n font-size: 1em;\n color: #000000;\n font-weight: normal;\n line-height: 1.2;\n}\n\n/* SVG Overlay Styles */\n.evs-energy-svg-overlay,\n.evs-year-svg-overlay {\n z-index: 10;\n}\n\n.evs-energy-svg-overlay text,\n.evs-year-svg-overlay text {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n fill: black;\n}\n\n/* Legacy SVG styles for compatibility */\n.evs-title-container svg {\n font-size: 15px;\n}\n\n.evs-title-container .evs-title {\n font-size: 1em;\n fill: black;\n}\n\n.evs-title-container .evs-title .evs-unit {\n font-size: .9em;\n font-weight: bold;\n}\n\n.evs-title-container .evs-title .evs-year {\n font-size: 3.1em;\n font-weight: bold;\n clear: left;\n letter-spacing: .05em;\n font-variant-numeric: tabular-nums;\n}\n\n/* Mobile Responsive Design */\n@media (max-width: 1024px) {\n .evs-header-content {\n gap: 15px;\n }\n\n .evs-main-title {\n font-size: 0.9em;\n }\n\n .evs-header-logo {\n min-width: 50px;\n }\n\n .evs-header-main,\n .evs-header-year,\n .evs-header-info,\n .evs-header-affiliation {\n flex: 1;\n min-width: 120px;\n }\n\n .evs-year-svg-overlay text {\n font-size: 2.8em !important;\n }\n\n .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n font-size: 0.9em;\n }\n}\n\n@media (max-width: 768px) {\n .evs-title-container {\n padding: 6px 12px;\n }\n\n .evs-header-content {\n gap: 10px;\n }\n\n .evs-header-logo {\n min-width: 40px;\n }\n\n .evs-header-logo img {\n max-height: 35px;\n }\n\n .evs-main-title {\n font-size: 0.8em;\n }\n\n .evs-header-main,\n .evs-header-year,\n .evs-header-info,\n .evs-header-affiliation {\n flex: 1;\n min-width: 100px;\n }\n\n .evs-header-year {\n height: 40px;\n }\n\n .evs-year-svg-overlay text {\n font-size: 2.5em !important;\n }\n\n .evs-energy-svg-overlay text {\n font-size: 0.8em !important;\n }\n\n .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n font-size: 0.8em;\n }\n}\n\n@media (max-width: 600px) {\n .evs-header-content {\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .evs-header-main {\n order: 1;\n flex: 1 1 100%;\n margin-bottom: 8px;\n }\n\n .evs-header-year {\n order: 2;\n flex: 1 1 100%;\n margin-bottom: 8px;\n justify-content: center;\n height: 50px;\n }\n\n .evs-header-logo {\n order: 3;\n flex: 1 1 50%;\n }\n\n .evs-header-info {\n order: 4;\n flex: 1 1 100%;\n margin-bottom: 8px;\n }\n\n .evs-header-affiliation {\n order: 5;\n flex: 1 1 50%;\n text-align: left;\n }\n\n .evs-main-title {\n text-align: center;\n margin-bottom: 5px;\n }\n\n .evs-energy-usage-overlay {\n position: relative;\n top: 0;\n text-align: center;\n margin-top: 5px;\n }\n}\n\n/* Totals */\n.evs-total.evs-sector {\n font-size: 0.7em;\n font-weight: bold;\n}\n\n.evs-total.evs-waste-level {\n fill: #e49942;\n opacity: 0.4;\n}\n\n/* Visibility */\n.evs-hidden {\n visibility: hidden;\n}\n\n/* Tooltip */\n.evs-tooltip {\n color: #000000;\n position: absolute;\n text-align: justify;\n width: auto;\n padding: 5px;\n background: #efefef;\n border: 1px solid black;\n pointer-events: none;\n z-index: 3;\n}\n\n.evs-fuel-value {\n text-align: center;\n vertical-align: middle;\n}\n\n/* Waste Heat Visibility Control */\n.evs-waste-heat-hidden .evs-flow.evs-waste {\n display: none !important;\n}\n\n.evs-waste-heat-hidden .evs-total.evs-waste-level {\n display: none !important;\n}\n\n/* Smooth transition for waste heat toggle (optional) */\n.evs-flow.evs-waste,\n.evs-total.evs-waste-level {\n transition: opacity 0.3s ease;\n}\n","/* Energy Sankey - Controls Styles */\n\n/* Range Slider */\n.evs-range-slider {\n width: 100%;\n margin-top: 5px;\n position: relative;\n overflow: visible;\n /*padding-top: 40px;*/\n}\n\n/* Axis text styling - matches global text style */\n.evs-range-slider text,\n.evs-range-slider tspan {\n /*font-family: Fieldwork, Futura, sans-serif;*/\n font-size: 16px;\n}\n\n.evs-range-slider__range {\n -webkit-appearance: none;\n width: 100%;\n border-radius: 5px;\n outline: none;\n padding: 0;\n margin: 0;\n}\n\n.evs-range-slider__range:first-child {\n background: #d7dcdf;\n}\n\n.evs-range-slider__range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n cursor: pointer;\n transition: background 0.15s ease-in-out;\n}\n\n.evs-range-slider__range::-moz-range-thumb {\n width: 11px;\n height: 11px;\n border: 0;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n cursor: pointer;\n transition: background 0.15s ease-in-out;\n}\n\n/* Dynamic Year Display */\n#evs-dynamic-year {\n color: black;\n position: absolute;\n /*height: 25px;*/\n width: 50px;\n text-align: center;\n border: 1px solid black;\n border-radius: 3px;\n display: block;\n font-size: 16px;\n top: 0;\n /*bottom: 100%;*/\n background: white;\n padding: 3px 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n/* Add downward arrow pointing to slider */\n#evs-dynamic-year::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -4px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 6px solid black;\n}\n\n/* Play/Pause Button */\n#evs-play-button {\n border-radius: 0;\n display: block;\n height: 0;\n}\n\n#evs-play-button:hover {\n background: transparent !important;\n}\n\n#evs-play-button.evs-playbutton {\n outline: 0;\n background: transparent;\n border-color: transparent transparent transparent #202020;\n transition: 100ms all ease;\n cursor: pointer;\n border-style: solid;\n border-width: 13px 0 13px 20px;\n}\n\n#evs-play-button.evs-playpaused {\n outline: 0;\n background: transparent;\n height: 26px;\n border-color: transparent transparent transparent #202020;\n transition: 100ms all ease;\n cursor: pointer;\n border-style: double;\n border-width: 0px 0 0px 20px;\n}\n\n#evs-play-button.evs-playbutton:hover {\n border-color: transparent transparent transparent #404040;\n}\n\n/* Waste Heat Toggle Switch */\n.evs-switch-box {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n min-width: 200px;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n\n.evs-box-1 {\n /*background: #ffffff;*/\n}\n\ninput[type=\"checkbox\"].evs-switch-1 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 3.5em;\n height: 1.5em;\n background: #666666;\n border-radius: 3em;\n position: relative;\n cursor: pointer;\n outline: none;\n -webkit-transition: all .2s ease-in-out;\n transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked {\n background: #e49942;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:after {\n position: absolute;\n content: \"\";\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n background: #fff;\n -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n -webkit-transform: scale(.7);\n transform: scale(.7);\n left: 0;\n -webkit-transition: all .2s ease-in-out;\n transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:after {\n left: calc(100% - 1.5em);\n}\n\n/* Hover effects for better interactivity */\ninput[type=\"checkbox\"].evs-switch-1:hover {\n background: #555555;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:hover {\n background: #e49942;\n}\n\n/* Focus states for accessibility */\ninput[type=\"checkbox\"].evs-switch-1:focus {\n box-shadow: 0 0 0 3px #F5DBBC;\n}\n\n/* Milestone Tick Markers */\n#evs-test-tick .tick text {\n cursor: pointer;\n}\n\n#evs-test-tick .tick text:hover {\n color: grey;\n transition: color 250ms;\n}\n\n#evs-lbl-waste-hide-show {\n margin-right: 10px;\n}"]}
package/dist/sankey.esm.js CHANGED
@@ -7669,7 +7669,7 @@ class AnimationService {
7669
7669
  // Set up milestone years and dialogs
7670
7670
  this.setupMilestones(svgTopYear, svgTick);
7671
7671
  // Initialize slider range and position
7672
- const rangeSlider = document.getElementById('rangeSlider');
7672
+ const rangeSlider = document.getElementById('evs-range-slider');
7673
7673
  if (rangeSlider) {
7674
7674
  rangeSlider.min = this.dataService.firstYear.toString();
7675
7675
  rangeSlider.max = this.dataService.lastYear.toString();