energy-visualization-sankey 1.0.14 → 1.0.16

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 (10) hide show
  1. package/dist/sankey.css +17 -13
  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/core/Sankey.ts +1 -1
  9. package/src/styles/controls.css +9 -5
  10. package/src/styles/sankey.css +8 -8
package/dist/sankey.css CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  /* Import core Sankey diagram styles */
4
4
 
5
- /* US Energy Sankey - Core Styles */
5
+ /* Energy Sankey - Core Styles */
6
6
 
7
7
  /* Typography - Scoped to evs-sankey wrapper */
8
8
 
9
9
  .evs-sankey text,
10
10
  .evs-sankey tspan {
11
- font-family: Fieldwork, Futura, sans-serif;
11
+ /*font-family: Fieldwork, Futura, sans-serif;*/
12
12
  font-size: 16px;
13
13
  }
14
14
 
@@ -133,7 +133,7 @@
133
133
  position: relative;
134
134
  min-height: 58px;
135
135
  padding: 8px 16px;
136
- background: white;
136
+ /*background: white;*/
137
137
  }
138
138
 
139
139
  .evs-header-content {
@@ -173,7 +173,7 @@
173
173
  }
174
174
 
175
175
  .evs-main-title {
176
- font-family: Fieldwork, Futura, sans-serif;
176
+ /*font-family: Fieldwork, Futura, sans-serif;*/
177
177
  font-size: 1em;
178
178
  font-weight: normal;
179
179
  color: black;
@@ -221,7 +221,7 @@
221
221
  }
222
222
 
223
223
  .evs-subtitle {
224
- font-family: Fieldwork-HumThin, Futura, sans-serif;
224
+ /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/
225
225
  font-size: 1em;
226
226
  color: #000000;
227
227
  font-weight: bolder;
@@ -230,7 +230,7 @@
230
230
  }
231
231
 
232
232
  .evs-attribution {
233
- font-family: Fieldwork-HumThin, Futura, sans-serif;
233
+ /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/
234
234
  font-size: 1em;
235
235
  color: #000000;
236
236
  font-weight: normal;
@@ -246,7 +246,7 @@
246
246
  }
247
247
 
248
248
  .evs-affiliation-text {
249
- font-family: Fieldwork-HumThin, Futura, sans-serif;
249
+ /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/
250
250
  font-size: 1em;
251
251
  color: #000000;
252
252
  font-weight: normal;
@@ -262,7 +262,7 @@
262
262
 
263
263
  .evs-energy-svg-overlay text,
264
264
  .evs-year-svg-overlay text {
265
- font-family: Fieldwork, Futura, sans-serif;
265
+ /*font-family: Fieldwork, Futura, sans-serif;*/
266
266
  fill: black;
267
267
  }
268
268
 
@@ -474,7 +474,7 @@
474
474
 
475
475
  /* Import UI controls styles */
476
476
 
477
- /* US Energy Sankey - Controls Styles */
477
+ /* Energy Sankey - Controls Styles */
478
478
 
479
479
  /* Range Slider */
480
480
 
@@ -483,14 +483,14 @@
483
483
  margin-top: 5px;
484
484
  position: relative;
485
485
  overflow: visible;
486
- padding-top: 40px;
486
+ /*padding-top: 40px;*/
487
487
  }
488
488
 
489
489
  /* Axis text styling - matches global text style */
490
490
 
491
491
  .evs-range-slider text,
492
492
  .evs-range-slider tspan {
493
- font-family: Fieldwork, Futura, sans-serif;
493
+ /*font-family: Fieldwork, Futura, sans-serif;*/
494
494
  font-size: 16px;
495
495
  }
496
496
 
@@ -542,7 +542,7 @@
542
542
  border-radius: 3px;
543
543
  display: block;
544
544
  font-size: 16px;
545
- top: 40%;
545
+ top: 0;
546
546
  /*bottom: 100%;*/
547
547
  background: white;
548
548
  padding: 3px 5px;
@@ -620,7 +620,7 @@
620
620
  }
621
621
 
622
622
  .evs-box-1 {
623
- background: #ffffff;
623
+ /*background: #ffffff;*/
624
624
  }
625
625
 
626
626
  input[type="checkbox"].evs-switch-1 {
@@ -689,4 +689,8 @@ input[type="checkbox"].evs-switch-1:focus {
689
689
  transition: color 250ms;
690
690
  }
691
691
 
692
+ #evs-lbl-waste-hide-show {
693
+ margin-right: 10px;
694
+ }
695
+
692
696
  /*# sourceMappingURL=sankey.css.map */
package/dist/sankey.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.css","sankey.css","controls.css"],"names":[],"mappings":"AAAA,kDAAkD;;AAElD,sCAAsC;;ACFtC,mCAAmC;;AAEnC,8CAA8C;;AAC9C;;IAEI,0CAA0C;IAC1C,eAAe;AACnB;;AAEA,gBAAgB;;AAChB;IACI,UAAU;IACV,mBAAmB;AACvB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;IACf,uBAAuB;AAC3B;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;;AAEA,eAAe;;AACf;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA,mBAAmB;;AACnB;IACI,eAAe;IACf,iBAAiB;AACrB;;AAEA;IACI,aAAa;AACjB;;AAEA,+CAA+C;;AAC/C;IACI,iCAAiC;IACjC,oCAAoC;IACpC,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;AACrB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,WAAW;IACX,SAAS;IACT,iBAAiB;AACrB;;AAEA,iBAAiB;;AACjB;IACI,cAAc;IACd,eAAe;AACnB;;AAEA;IACI,gBAAgB;IAChB,YAAY;IACZ,cAAc;AAClB;;AAEA,yDAAyD;;AACzD;IACI,OAAO;IACP,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,kBAAkB;IAClB,gBAAgB;AACpB;;AAEA;IACI,0CAA0C;IAC1C,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,SAAS;IACT,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,YAAY;IACZ,oBAAoB;AACxB;;AAEA,qDAAqD;;AACrD;IACI,OAAO;IACP,eAAe;IACf,YAAY;IACZ,kBAAkB;IAClB,aAAa;IACb,mBAAmB;IACnB,uBAAuB;AAC3B;;AAEA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,WAAW;IACX,YAAY;IACZ,oBAAoB;AACxB;;AAEA,iBAAiB;;AACjB;IACI,SAAS;IACT,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,kDAAkD;IAClD,cAAc;IACd,cAAc;IACd,mBAAmB;IACnB,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,kDAAkD;IAClD,cAAc;IACd,cAAc;IACd,mBAAmB;IACnB,gBAAgB;AACpB;;AAEA,wBAAwB;;AACxB;IACI,SAAS;IACT,kBAAkB;IAClB,gBAAgB;AACpB;;AAEA;IACI,kDAAkD;IAClD,cAAc;IACd,cAAc;IACd,mBAAmB;IACnB,gBAAgB;AACpB;;AAEA,uBAAuB;;AACvB;;IAEI,WAAW;AACf;;AAEA;;IAEI,0CAA0C;IAC1C,WAAW;AACf;;AAEA,wCAAwC;;AACxC;IACI,eAAe;AACnB;;AAEA;IACI,cAAc;IACd,WAAW;AACf;;AAEA;IACI,eAAe;IACf,iBAAiB;AACrB;;AAEA;IACI,gBAAgB;IAChB,iBAAiB;IACjB,WAAW;IACX,qBAAqB;IACrB,kCAAkC;AACtC;;AAEA,6BAA6B;;AAC7B;IACI;QACI,SAAS;IACb;;IAEA;QACI,gBAAgB;IACpB;;IAEA;QACI,eAAe;IACnB;;IAEA;;;;QAII,OAAO;QACP,gBAAgB;IACpB;;IAEA;QACI,2BAA2B;IAC/B;;IAEA;QACI,gBAAgB;IACpB;AACJ;;AAEA;IACI;QACI,iBAAiB;IACrB;;IAEA;QACI,SAAS;IACb;;IAEA;QACI,eAAe;IACnB;;IAEA;QACI,gBAAgB;IACpB;;IAEA;QACI,gBAAgB;IACpB;;IAEA;;;;QAII,OAAO;QACP,gBAAgB;IACpB;;IAEA;QACI,YAAY;IAChB;;IAEA;QACI,2BAA2B;IAC/B;;IAEA;QACI,2BAA2B;IAC/B;;IAEA;QACI,gBAAgB;IACpB;AACJ;;AAEA;IACI;QACI,eAAe;QACf,QAAQ;IACZ;;IAEA;QACI,QAAQ;QACR,cAAc;QACd,kBAAkB;IACtB;;IAEA;QACI,QAAQ;QACR,cAAc;QACd,kBAAkB;QAClB,uBAAuB;QACvB,YAAY;IAChB;;IAEA;QACI,QAAQ;QACR,aAAa;IACjB;;IAEA;QACI,QAAQ;QACR,cAAc;QACd,kBAAkB;IACtB;;IAEA;QACI,QAAQ;QACR,aAAa;QACb,gBAAgB;IACpB;;IAEA;QACI,kBAAkB;QAClB,kBAAkB;IACtB;;IAEA;QACI,kBAAkB;QAClB,MAAM;QACN,kBAAkB;QAClB,eAAe;IACnB;AACJ;;AAEA,WAAW;;AACX;IACI,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;IACI,aAAa;IACb,YAAY;AAChB;;AAEA,eAAe;;AACf;IACI,kBAAkB;AACtB;;AAEA,YAAY;;AACZ;IACI,cAAc;IACd,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,uBAAuB;IACvB,oBAAoB;IACpB,UAAU;AACd;;AAEA;IACI,kBAAkB;IAClB,sBAAsB;AAC1B;;AAEA,kCAAkC;;AAClC;IACI,wBAAwB;AAC5B;;AAEA;IACI,wBAAwB;AAC5B;;AAEA,uDAAuD;;AACvD;;IAEI,6BAA6B;AACjC;;AD7bA,8BAA8B;;AEL9B,uCAAuC;;AAEvC,iBAAiB;;AACjB;IACI,WAAW;IACX,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;AACrB;;AAEA,kDAAkD;;AAClD;;IAEI,0CAA0C;IAC1C,eAAe;AACnB;;AAEA;IACI,wBAAwB;IACxB,WAAW;IACX,kBAAkB;IAClB,aAAa;IACb,UAAU;IACV,SAAS;AACb;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,wBAAwB;IACxB,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,sCAAsC;IACtC,eAAe;IACf,wCAAwC;AAC5C;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,SAAS;IACT,kBAAkB;IAClB,gBAAgB;IAChB,sCAAsC;IACtC,eAAe;IACf,wCAAwC;AAC5C;;AAEA,yBAAyB;;AACzB;IACI,YAAY;IACZ,kBAAkB;IAClB,YAAY;IACZ,WAAW;IACX,kBAAkB;IAClB,uBAAuB;IACvB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,QAAQ;IACR,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,wCAAwC;AAC5C;;AAEA,0CAA0C;;AAC1C;IACI,WAAW;IACX,kBAAkB;IAClB,SAAS;IACT,SAAS;IACT,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,kCAAkC;IAClC,mCAAmC;IACnC,2BAA2B;AAC/B;;AAEA,sBAAsB;;AACtB;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;AACb;;AAEA;IACI,kCAAkC;AACtC;;AAEA;IACI,UAAU;IACV,uBAAuB;IACvB,yDAAyD;IACzD,0BAA0B;IAC1B,eAAe;IACf,mBAAmB;IACnB,8BAA8B;AAClC;;AAEA;IACI,UAAU;IACV,uBAAuB;IACvB,YAAY;IACZ,yDAAyD;IACzD,0BAA0B;IAC1B,eAAe;IACf,oBAAoB;IACpB,4BAA4B;AAChC;;AAEA;IACI,yDAAyD;AAC7D;;AAEA,6BAA6B;;AAC7B;IACI,oBAAoB;IACpB,oBAAoB;IACpB,aAAa;IACb,gBAAgB;IAChB,wBAAwB;IACxB,qBAAqB;IACrB,uBAAuB;IACvB,yBAAyB;IACzB,sBAAsB;IACtB,mBAAmB;IACnB,mBAAmB;IACnB,WAAW;IACX,OAAO;AACX;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,wBAAwB;IACxB,qBAAqB;IACrB,gBAAgB;IAChB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,uCAAuC;IACvC,+BAA+B;AACnC;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,+CAA+C;IAC/C,uCAAuC;IACvC,4BAA4B;IAC5B,oBAAoB;IACpB,OAAO;IACP,uCAAuC;IACvC,+BAA+B;AACnC;;AAEA;IACI,wBAAwB;AAC5B;;AAEA,2CAA2C;;AAC3C;IACI,mBAAmB;AACvB;;AAEA;IACI,mBAAmB;AACvB;;AAEA,mCAAmC;;AACnC;IACI,6BAA6B;AACjC;;AAEA,2BAA2B;;AAC3B;IACI,eAAe;AACnB;;AAEA;IACI,WAAW;IACX,uBAAuB;AAC3B","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","/* US 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","/* US 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: 40%;\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"]}
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
@@ -7113,7 +7113,7 @@ class Sankey {
7113
7113
 
7114
7114
  <div id="evs-test-tick"></div>
7115
7115
 
7116
- <div class="evs-container" style="margin-left: 10px;margin-top: 40px;margin-bottom: 15px;padding: 0;">
7116
+ <div class="evs-container" style="margin-left: 10px;margin-top: 15px;margin-bottom: 15px;padding: 0;">
7117
7117
  `;
7118
7118
  }
7119
7119
  if (this.options.includeControls) {