wijmo 5.20261.45-nightly.d20251218.t163151 → 5.20261.45-nightly.d20260105.t163143

package/styles/misc/_mixins.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -11,105 +11,101 @@
     *
     */
 
-// darken a color or return an almost transparent black 
+// darken a color or return an almost transparent black
 @function safedarken($color, $amount) {
-    @if type-of($color) == 'color' and $color != transparent {
-        @return darken($color, $amount);
-    } @else {
-        @return rgba(0, 0, 0, .08);
-    }
+  @if type-of($color) == "color" and $color != transparent {
+    @return darken($color, $amount);
+  } @else {
+    @return rgba(0, 0, 0, 0.08);
+  }
 }
 
 // lighten a color or return an almost transparent white
 @function safelighten($color, $amount) {
-    @if type-of($color) == 'color' and $color != transparent {
-        @return lighten($color, $amount);
-    }
-    @else {
-        @return rgba(255, 255, 255, 0.08);
-    }
+  @if type-of($color) == "color" and $color != transparent {
+    @return lighten($color, $amount);
+  } @else {
+    @return rgba(255, 255, 255, 0.08);
+  }
 }
 
 // darken light colors, lighten dark colors
 @function safechangecolor($color, $amount) {
-    @if type-of($color) == 'color' and lightness($color) > 50% {
-        @return safedarken($color, $amount);
-    }
-    @else {
-        @return safelighten($color, $amount);
-    }
+  @if type-of($color) == "color" and lightness($color) > 50% {
+    @return safedarken($color, $amount);
+  } @else {
+    @return safelighten($color, $amount);
+  }
 }
 
 // create a background with an optional gradient
 @mixin backgradient($color, $gradient, $transparentColor: null, $replacementColor: null) {
-    // if color is null, render nothing (e.g. backgradient($wj-cell-frz, true))
-    @if $color {
-        // is color is the same as the background, darken slightly
-        @if $transparentColor == transparent {
-            $color: $replacementColor;
-        }
-        // output the background
-        background: $color;
-        // output the optional gradient
-        @if $gradient {
-            @if type-of($color) == 'color' and lightness($color) > 50% {
-                $otherColor: safedarken($color, 12%);
-                background-image: linear-gradient($color, $otherColor);
-            }
-            @else {
-                $otherColor: safelighten($color, 12%);
-                background-image: linear-gradient($color, $otherColor);
-            }
-        }
+  // if color is null, render nothing (e.g. backgradient($wj-cell-frz, true))
+  @if $color {
+    // is color is the same as the background, darken slightly
+    @if $transparentColor == transparent {
+      $color: $replacementColor;
+    }
+    // output the background
+    background: $color;
+    // output the optional gradient
+    @if $gradient {
+      @if type-of($color) == "color" and lightness($color) > 50% {
+        $otherColor: safedarken($color, 12%);
+        background-image: linear-gradient($color, $otherColor);
+      } @else {
+        $otherColor: safelighten($color, 12%);
+        background-image: linear-gradient($color, $otherColor);
+      }
     }
+  }
 }
 
 // add prefixes to a property
 // https://css-tricks.com/snippets/sass/mixin-prefix-properties/
 @mixin prefix($property, $value, $prefixes: ()) {
-    #{$property}: $value;
+  #{$property}: $value;
 
-    @each $prefix in $prefixes {
-        #{'-' + $prefix + '-' + $property}: $value;
-    }
+  @each $prefix in $prefixes {
+    #{'-' + $prefix + '-' + $property}: $value;
+  }
 }
 
 @mixin wjButton($wj-btn-bkg, $wj-btn-grd, $wj-btn-txt, $wj-btn-hvr, $wj-tdn-focus, $wj-disabled-opacity) {
+  // button elements
+  @include backgradient($wj-btn-bkg, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, 0.1));
+  cursor: pointer;
+  color: $wj-btn-txt;
+  display: inline-block;
+  border-style: none;
+  padding: 0 10px;
+  text-align: center;
+  min-width: 30px;
+  white-space: nowrap;
 
-    // button elements
-    @include backgradient($wj-btn-bkg, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, .1));
-    cursor: pointer;
-    color: $wj-btn-txt;
-    display: inline-block;
-    border-style: none;
-    padding: 0 10px;
-    text-align: center;
-    min-width: 30px;
-    white-space: nowrap;
-
-    &:focus,
-    &:hover {
-        @include backgradient($wj-btn-hvr, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, .2));
-        transition-duration: $wj-tdn-focus;
-    }
+  &:focus,
+  &:hover {
+    @include backgradient($wj-btn-hvr, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, 0.2));
+    transition-duration: $wj-tdn-focus;
+  }
 
-    &.wj-state-active {
-        background: safechangecolor($wj-btn-bkg, 10%);
-        //@include backgradient($wj-btn-hvr, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, .8));
-    }
+  &.wj-state-active {
+    background: safechangecolor($wj-btn-bkg, 10%);
+    //@include backgradient($wj-btn-hvr, $wj-btn-grd, $wj-btn-bkg, rgba(0, 0, 0, .8));
+  }
 
-    &[disabled] {
-        cursor: default;
-        pointer-events: none;
-        opacity: $wj-disabled-opacity;
-    }
+  &[disabled] {
+    cursor: default;
+    pointer-events: none;
+    opacity: $wj-disabled-opacity;
+  }
 }
 
 @mixin wjButtonStyledLinks($wj-bdr-rad) {
-    // not for buttons in input controls
-    border-radius: $wj-bdr-rad;
-    padding: 6px 15px;
-    text-decoration: none;
-    font-weight: bold;
-    font-size: 12px;
-}
+  // not for buttons in input controls
+  border-radius: $wj-bdr-rad;
+  padding: 6px 15px;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 12px;
+}

package/styles/misc/_variables.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -18,17 +18,17 @@
 
 $wj-bkg: white !default; // content background
 $wj-txt: black !default; // content foreground
-$wj-link: #0000EE !default; // link color
-$wj-bdr-clr: rgba(0,0,0,.2) !default; // content border color
+$wj-link: #0000ee !default; // link color
+$wj-bdr-clr: rgba(0, 0, 0, 0.2) !default; // content border color
 $wj-bdr-wid: 1px !default; // content border width
 $wj-bdr: $wj-bdr-wid solid $wj-bdr-clr !default; // content border
 $wj-bdr-rad: 4px !default; // content border radius
-$wj-box-shadow: 0 6px 13px rgba(0,0,0,.2) !default; // box shadow for drop-downs/dialogs
+$wj-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.2) !default; // box shadow for drop-downs/dialogs
 $wj-invalid: red !default; // invalid state markers
 $wj-item-pdg: 4px 6px 3px 6px !default; // item padding (listbox items, grid cells, etc)
-$wj-item-hvr: rgba(0,0,0,.05) !default; // item hover
-$wj-tdn-focus: .4s !default; // focus/hover transition duration
-$wj-disabled-opacity: .6 !default; // opacity for disabled controls/items
+$wj-item-hvr: rgba(0, 0, 0, 0.05) !default; // item hover
+$wj-tdn-focus: 0.4s !default; // focus/hover transition duration
+$wj-disabled-opacity: 0.6 !default; // opacity for disabled controls/items
 $wj-disabled-bkg: safechangecolor($wj-bkg, 6%) !default; // background for disabled controls/items
 
 $wj-hdr-bkg: #eee !default; // header element background
@@ -40,13 +40,13 @@ $wj-btn-hvr: safedarken($wj-btn-bkg, 5%) !default; // button hover background
 $wj-btn-txt: $wj-txt !default; // button text
 $wj-btn-grp-bdr: $wj-bdr !default; // button group border
 
-$wj-sel-bkg: #007CBE !default; // selected element background
+$wj-sel-bkg: #007cbe !default; // selected element background
 $wj-sel-txt: white !default; // selected element foreground
-$wj-msel-bkg: #4E7B8D !default; // extended selection background
+$wj-msel-bkg: #4e7b8d !default; // extended selection background
 $wj-msel-txt: white !default; // extended selection foreground
 $wj-accent-bkg: $wj-sel-bkg !default; // accent background (like drag markers)
 $wj-accent-txt: $wj-sel-txt !default; // accent background (like drag markers)
-$wj-sort-index-txt: #00648F !default; // Sort index color
+$wj-sort-index-txt: #00648f !default; // Sort index color
 
 $wj-cell: $wj-bkg !default; // cell background
 $wj-cell-alt: safedarken($wj-cell, 3%) !default; // alternating cell background
@@ -54,7 +54,7 @@ $wj-cell-frz: null !default; // frozen cell background
 $wj-cell-frz-alt: null !default; // alternating frozen cell background
 $wj-cell-frz-txt: $wj-txt !default; // frozen cell foreground
 $wj-cell-pdg: $wj-item-pdg !default; // cell padding
-$wj-cell-bdr-clr: rgba(0,0,0,.2) !default; // cell border color
+$wj-cell-bdr-clr: rgba(0, 0, 0, 0.2) !default; // cell border color
 $wj-cell-bdr: 1px solid $wj-cell-bdr-clr !default; // cell border
 $wj-cell-bdr-vrt: $wj-cell-bdr !default; // cell vertical border
 $wj-cell-bdr-hrz: $wj-cell-bdr !default; // cell horizontal border
@@ -68,10 +68,10 @@ $wj-cell-maker-svg: #376092 !default; // sparkLine color
 
 $wj-tooltip: $wj-bkg !default; // tooltip background
 $wj-tooltip-txt: $wj-txt !default; // tooltip text
-$wj-error-tooltip: #EE0000!default; // error tooltip background
+$wj-error-tooltip: #ee0000 !default; // error tooltip background
 $wj-error-tooltip-txt: white !default; // error tooltip text
 
 $wj-bkg-grd: false !default; // content background gradient
 $wj-btn-grd: false !default; // button background gradient
 $wj-hdr-grd: false !default; // header background gradient
-$wj-input-grd: false !default; // input element background gradient
+$wj-input-grd: false !default; // input element background gradient

package/styles/parts/_barcode.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -14,18 +14,18 @@
 // wijmo.barcode.*
 
 .wj-barcode {
-    // width: 100%;
-    height: 60px;
-    display: inline-block;
+  // width: 100%;
+  height: 60px;
+  display: inline-block;
 
-    &.wj-state-invalid {
-        border: 1.2px solid $wj-invalid;
-    }
+  &.wj-state-invalid {
+    border: 1.2px solid $wj-invalid;
+  }
 }
 
 .wj-barcode-qrcode {
-    width: 100px;
-    height: 100px;
+  width: 100px;
+  height: 100px;
 }
 
 // no width - variable width barcode
@@ -34,11 +34,11 @@
 // }
 
 .wj-barcode-ean8 {
-    width: 85px;
+  width: 85px;
 }
 
 .wj-barcode-ean13 {
-    width: 140px;
+  width: 140px;
 }
 
 // no width - variable width barcode
@@ -57,35 +57,35 @@
 // }
 
 .wj-barcode-upca {
-    width: 115px;
+  width: 115px;
 }
 
 .wj-barcode-upce0 {
-    width: 70px;
+  width: 70px;
 }
 
 .wj-barcode-upce1 {
-    width: 70px;
+  width: 70px;
 }
 
 .wj-barcode-gs1databar-omnidirectional {
-    width: 100px;
+  width: 100px;
 }
 
 .wj-barcode-gs1databar-truncated {
-    width: 100px;
+  width: 100px;
 }
 
 .wj-barcode-gs1databar-stacked {
-    width: 60px;
+  width: 60px;
 }
 
 .wj-barcode-gs1databar-stacked-omnidirectional {
-    width: 60px;
+  width: 60px;
 }
 
 .wj-barcode-gs1databar-limited {
-    width: 85px;
+  width: 85px;
 }
 
 // no width - variable width barcode
@@ -104,16 +104,16 @@
 // }
 
 .wj-barcode-micropdf417 {
-    width: 105px;
+  width: 105px;
 }
 
 .wj-barcode-datamatrix {
-    width: 85px;
-    height: 85px;
+  width: 85px;
+  height: 85px;
 }
 
 .wj-barcode-code49 {
-    width: 85px;
+  width: 85px;
 }
 
 // no width - variable width barcode
@@ -122,7 +122,7 @@
 // }
 
 .wj-barcode-itf14 {
-    width: 170px;
+  width: 170px;
 }
 
 // no width - variable width barcode
@@ -131,7 +131,6 @@
 // }
 
 .wj-barcode-japanese-postal {
-    width: 140px;
-    height: 40px;
+  width: 140px;
+  height: 40px;
 }
-

package/styles/parts/_chart.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -13,116 +13,118 @@
 
 // flex-chart
 .wj-flexchart {
-    height: 400px;
-    padding: 15px 10px;
-    margin-bottom: 12px;
-    border: 1px solid #e4e4e4;
-    display: block;
+  height: 400px;
+  padding: 15px 10px;
+  margin-bottom: 12px;
+  border: 1px solid #e4e4e4;
+  display: block;
+  background: transparent;
+
+  .wj-header .wj-title {
+    font-size: 16pt;
+    fill: #666;
+    font-weight: normal;
     background: transparent;
-
-    .wj-header .wj-title {
-        font-size: 16pt;
-        fill: #666;
-        font-weight: normal;
-        background: transparent;
-    }
-
-    .wj-footer .wj-title {
-        fill: #666;
-        font-weight: normal;
-    }
-
-    .wj-label, .wj-data-label {
-        fill: #666;
-    }
-
-    .wj-data-label-border {
-        stroke: rgba(128,128,128,0.5);
-    }
-
-    .wj-data-label-line {
-        stroke: rgba(128,128,128,1);
-    }
-
-    .wj-axis-x .wj-title,
-    .wj-axis-y .wj-title,
-    .wj-legend .wj-title {
-        font-style: italic;
-    }
-
-    .wj-axis-x .wj-line {
-        stroke: #aaa;
-        stroke-width: 1px;
-    }
-
-    .wj-gridline {
-        stroke: #666;
-        stroke-width: 1px;
-        opacity: .75;
-    }
-
-    .wj-gridline-minor {
-        @extend .wj-gridline;
-        opacity: .25;
-    }
-
-    .wj-tick, .wj-tick-minor {
-        stroke: #aaa;
-        stroke-width: 1px;
-    }
-
-    .wj-state-selected {
-        stroke-width: 3px;
-        stroke-dasharray: 6;
-        stroke-linecap: square;
-    }
-    // markers
-    &.wj-flexchart-touch-disabled {
-        @include prefix(touch-action, none, ms);
-    }
-
-    .wj-chart-linemarker {
-        background: rgba(128,128,128,0.3);
-        position: absolute;
-        padding: 2px;
-
-        .wj-chart-linemarker-hline {
-            height: 2px;
-            background: rgba(128,128,128,1);
-            position: absolute;
-            @include prefix(touch-action, none, ms);
-        }
-
-        .wj-chart-linemarker-vline {
-            width: 2px;
-            background: rgba(128,128,128,1);
-            position: absolute;
-            @include prefix(touch-action, none, ms);
-        }
-    }
-
-    .wj-chart-linemarker-container {
-        position: relative;
-    }
-
-    &.wj-chart-linemarker-draggable,
-    .wj-chart-linemarker .wj-chart-linemarker-draggable {
-        //-khtml-user-drag: element;
-        cursor: move;
-    }
+  }
+
+  .wj-footer .wj-title {
+    fill: #666;
+    font-weight: normal;
+  }
+
+  .wj-label,
+  .wj-data-label {
+    fill: #666;
+  }
+
+  .wj-data-label-border {
+    stroke: rgba(128, 128, 128, 0.5);
+  }
+
+  .wj-data-label-line {
+    stroke: rgba(128, 128, 128, 1);
+  }
+
+  .wj-axis-x .wj-title,
+  .wj-axis-y .wj-title,
+  .wj-legend .wj-title {
+    font-style: italic;
+  }
+
+  .wj-axis-x .wj-line {
+    stroke: #aaa;
+    stroke-width: 1px;
+  }
+
+  .wj-gridline {
+    stroke: #666;
+    stroke-width: 1px;
+    opacity: 0.75;
+  }
+
+  .wj-gridline-minor {
+    @extend .wj-gridline;
+    opacity: 0.25;
+  }
+
+  .wj-tick,
+  .wj-tick-minor {
+    stroke: #aaa;
+    stroke-width: 1px;
+  }
+
+  .wj-state-selected {
+    stroke-width: 3px;
+    stroke-dasharray: 6;
+    stroke-linecap: square;
+  }
+  // markers
+  &.wj-flexchart-touch-disabled {
+    @include prefix(touch-action, none, ms);
+  }
+
+  .wj-chart-linemarker {
+    background: rgba(128, 128, 128, 0.3);
+    position: absolute;
+    padding: 2px;
+
+    .wj-chart-linemarker-hline {
+      height: 2px;
+      background: rgba(128, 128, 128, 1);
+      position: absolute;
+      @include prefix(touch-action, none, ms);
+    }
+
+    .wj-chart-linemarker-vline {
+      width: 2px;
+      background: rgba(128, 128, 128, 1);
+      position: absolute;
+      @include prefix(touch-action, none, ms);
+    }
+  }
+
+  .wj-chart-linemarker-container {
+    position: relative;
+  }
+
+  &.wj-chart-linemarker-draggable,
+  .wj-chart-linemarker .wj-chart-linemarker-draggable {
+    //-khtml-user-drag: element;
+    cursor: move;
+  }
 }
 
 // selected items on the chart - smaller screens
-@media(max-width: 1025px) {
-    .wj-flexchart .wj-state-selected {
-        stroke-width: 2px;
-        stroke-dasharray: 4;
-    }
+@media (max-width: 1025px) {
+  .wj-flexchart .wj-state-selected {
+    stroke-width: 2px;
+    stroke-dasharray: 4;
+  }
 }
 
-@media(max-width: 767px) {
-    .wj-flexchart .wj-state-selected {
-        stroke-width: 1px;
-        stroke-dasharray: 3;
-    }
+@media (max-width: 767px) {
+  .wj-flexchart .wj-state-selected {
+    stroke-width: 1px;
+    stroke-dasharray: 3;
+  }
 }

package/styles/parts/_chart_finance.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -13,8 +13,8 @@
 
 // flex-chart.finance
 .wj-flexchart {
-    .fibonacci-arcs path.wj-state-selected {
-        stroke-dasharray: 5 10;
-        stroke-linecap: butt;
-    }
-}
+  .fibonacci-arcs path.wj-state-selected {
+    stroke-dasharray: 5 10;
+    stroke-linecap: butt;
+  }
+}

package/styles/parts/_chart_hierarchical.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t163143
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -13,7 +13,7 @@
 
 // flex-chart.hierarchical
 .wj-treemap {
-    .wj-data-label {
-        fill: $wj-bkg;
-    }
+  .wj-data-label {
+    fill: $wj-bkg;
+  }
 }