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

package/styles/parts/_grid_cellmaker.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,105 +13,111 @@
 
 // wijmo.grid
 .wj-flexgrid .wj-cell {
+  // maker content
+  .wj-cell-maker {
+    width: 100%;
+    height: 100%;
+  }
 
-    // maker content
-    .wj-cell-maker {
-        width: 100%;
-        height: 100%;
-    }
-
-    // maker buttons
-    &:not([wj-state-measuring]) // WJM19444: no absolute positioning while measuring
-    button.wj-cell-maker { 
-        position: absolute;
-        left: 0;
-        top: 0;
-        color: $wj-txt;
-        background-color: $wj-btn-bkg;
-    }
+  // maker buttons
+  &:not([wj-state-measuring]) // WJM19444: no absolute positioning while measuring
+    button.wj-cell-maker {
+    position: absolute;
+    left: 0;
+    top: 0;
+    color: $wj-txt;
+    background-color: $wj-btn-bkg;
+  }
 
-    // maker links
+  // maker links
+  a.wj-cell-maker {
+    color: $wj-link;
+  }
+  &.wj-state-selected,
+  &.wj-state-multi-selected {
     a.wj-cell-maker {
-        color: $wj-link;
-    }
-    &.wj-state-selected, 
-    &.wj-state-multi-selected {
-        a.wj-cell-maker {
-            color: inherit;
-        }
-    }
-    
-    // maker images
-    img.wj-cell-maker {
-        width: unset;
+      color: inherit;
     }
+  }
 
-    // spark lines, bars, etc
-    .wj-cell-maker svg {
-        width: 100%;
-        height: 100%;
-        overflow: visible;
-        stroke: $wj-cell-maker-svg;
-        fill: $wj-cell-maker-svg;
+  // maker images
+  img.wj-cell-maker {
+    width: unset;
+  }
 
-        rect, circle {
-            stroke-width: 0;
-        }
+  // spark lines, bars, etc
+  .wj-cell-maker svg {
+    width: 100%;
+    height: 100%;
+    overflow: visible;
+    stroke: $wj-cell-maker-svg;
+    fill: $wj-cell-maker-svg;
 
-        line {
-            stroke-width: 2px;
+    rect,
+    circle {
+      stroke-width: 0;
+    }
 
-            &.x-axis {
-                stroke-width: 0.5px;
-                stroke-opacity: 0.5;
-            }
-        }
+    line {
+      stroke-width: 2px;
 
-        .wj-marker  {
-            fill: #d00000;
-            opacity: 1;
-        }
+      &.x-axis {
+        stroke-width: 0.5px;
+        stroke-opacity: 0.5;
+      }
     }
 
-    // rating
-    &.wj-cell-maker.wj-radio-map {
-        label {
-            position: relative;
-            width: 1em;
-            transform: scale(0.1);
-            color: orange;
-            margin: 0 1em 0 0; // space to click the cell between labels
+    .wj-marker {
+      fill: #d00000;
+      opacity: 1;
+    }
+  }
+
+  // rating
+  &.wj-cell-maker.wj-radio-map {
+    label {
+      position: relative;
+      width: 1em;
+      transform: scale(0.1);
+      color: orange;
+      margin: 0 1em 0 0; // space to click the cell between labels
+
+      input,
+      input:not(:checked) {
+        // hide input elements
+        opacity: 0;
+      }
 
-            input, input:not(:checked) { // hide input elements
-                opacity: 0;
-            }
+      &:after {
+        // show rating symbol (star)
+        position: absolute;
+        transform: scale(20); // twice the original size: big stars
+        cursor: pointer;
+        content: "\2605"; // \272a \2606 \272e \2729 https://www.htmlsymbols.xyz/star-symbols
+        height: 100%; // WJM-22009
+      }
+
+      &:hover {
+        // hovering over label (symbol)
+        opacity: 1;
+        color: orangered;
+        transition: color 600ms;
+      }
 
-            &:after { // show rating symbol (star)
-                position: absolute;
-                transform: scale(20); // twice the original size: big stars
-                cursor: pointer;
-                content: '\2605'; // \272a \2606 \272e \2729 https://www.htmlsymbols.xyz/star-symbols
-                height: 100%; // WJM-22009
-            }
+      &.wj-chk-hidden {
+        opacity: 0; // hide this label and
+        margin: 0 0 0 -1em; // position before the first one
+      }
 
-            &:hover { // hovering over label (symbol)
-                opacity: 1;
-                color: orangered;
-                transition: color 600ms;
-            }
+      &.wj-chk-off:not(:hover):not(.wj-chk-hidden) {
+        // dim options after the checked one
+        opacity: 0.15;
+      }
+    }
 
-            &.wj-chk-hidden {
-                opacity: 0; // hide this label and
-                margin: 0 0 0 -1em; // position before the first one
-            }
-            
-            &.wj-chk-off:not(:hover):not(.wj-chk-hidden) { // dim options after the checked one
-                opacity: .15;
-            }
-        }
-        
-        &[aria-readonly=true] label { // no hover effects on read-only grids
-            pointer-events: none;
-        }
+    &[aria-readonly="true"] label {
+      // no hover effects on read-only grids
+      pointer-events: none;
     }
+  }
 }

package/styles/parts/_grid_filter.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,219 +13,215 @@
 
 // wijmo.grid.filter
 .wj-flexgrid {
-    .wj-cell.wj-filter-on .wj-elem-filter {
-        // show filter on
-        opacity: .9;
-    }
-
-    .wj-cell.wj-filter-off .wj-elem-filter {
-        // hide filter off
-        opacity: .5;
-    }
+  .wj-cell.wj-filter-on .wj-elem-filter {
+    // show filter on
+    opacity: 0.9;
+  }
+
+  .wj-cell.wj-filter-off .wj-elem-filter {
+    // hide filter off
+    opacity: 0.5;
+  }
 }
 
 .wj-columnfiltereditor {
-    padding: 10px;
-    max-width: 400px;
+  padding: 10px;
+  max-width: 400px;
 
-    .wj-filtertype {
-        text-align: center;
-        margin: 14px 0px;
-        font-size: 12px;
-    }
+  .wj-filtertype {
+    text-align: center;
+    margin: 14px 0px;
+    font-size: 12px;
+  }
 
-    .wj-filter-header {
-        text-transform: unset !important;
-    }
+  .wj-filter-header {
+    text-transform: unset !important;
+  }
 
-    .wj-control {
-        margin-bottom: 6px;
-        width: 100%;
-    }
+  .wj-control {
+    margin-bottom: 6px;
+    width: 100%;
+  }
 
-    .wj-tabpanel {
-        .wj-filter-tabPanel-top-border {
-            border-top: 1px solid transparent;
-        }
+  .wj-tabpanel {
+    .wj-filter-tabPanel-top-border {
+      border-top: 1px solid transparent;
     }
+  }
 
-    [wj-part="tabpanes"] {
-        .wj-valuefilter-editor,
-        .wj-conditionfilter-editor {
-            margin-top: 1em;
-        }
+  [wj-part="tabpanes"] {
+    .wj-valuefilter-editor,
+    .wj-conditionfilter-editor {
+      margin-top: 1em;
     }
-    [wj-part="div-multi-filter"] {
-        min-width: 270px;        //fixbug wjm-36955
-        .wj-conditionfilter-editor {
-            margin-top: 10px;
-        }
+  }
+  [wj-part="div-multi-filter"] {
+    min-width: 270px; //fixbug wjm-36955
+    .wj-conditionfilter-editor {
+      margin-top: 10px;
     }
+  }
 
-    .wj-valuefilter-editor {
-        [wj-part="div-options"] {
-            margin-bottom: 6px;
+  .wj-valuefilter-editor {
+    [wj-part="div-options"] {
+      margin-bottom: 6px;
 
-            label {
-                display: inline-block; //wjm-35117
-            }
-        }
+      label {
+        display: inline-block; //wjm-35117
+      }
+    }
 
-        label[wj-part="lbl-include-sel"],
-        label[wj-part="select-all-container"] {
-            * {
-                vertical-align: middle;
-            }
+    label[wj-part="lbl-include-sel"],
+    label[wj-part="select-all-container"] {
+      * {
+        vertical-align: middle;
+      }
 
-            input {
-                margin-top: 0;
-                margin-bottom: 0;
-            }
-        }
+      input {
+        margin-top: 0;
+        margin-bottom: 0;
+      }
     }
+  }
 
-    .wj-filter-options label:has(input:focus-visible) {
-        outline: 1px dotted $wj-txt;
-        outline-offset: -1px;
-    }
+  .wj-filter-options label:has(input:focus-visible) {
+    outline: 1px dotted $wj-txt;
+    outline-offset: -1px;
+  }
 
-    @media (forced-colors: active) {
-        .wj-filter-options label:has(input:focus-visible) {
-            outline: 1px dotted WindowText;
-            outline-offset: -1px;
-        }
+  @media (forced-colors: active) {
+    .wj-filter-options label:has(input:focus-visible) {
+      outline: 1px dotted WindowText;
+      outline-offset: -1px;
     }
+  }
 
-    .wj-conditionfilter-editor>div>label {
-        //WJM-25857  
-        display: block;
-        margin-bottom: 0px;
-        font-weight: normal;
-    }
+  .wj-conditionfilter-editor > div > label {
+    //WJM-25857
+    display: block;
+    margin-bottom: 0px;
+    font-weight: normal;
+  }
 
-    .wj-listbox {
-        height: 150px;
+  .wj-listbox {
+    height: 150px;
 
-        &:not(.wj-state-focused) {
-            .wj-listbox-item.wj-state-selected {
-                color: inherit;
-                background: transparent;
+    &:not(.wj-state-focused) {
+      .wj-listbox-item.wj-state-selected {
+        color: inherit;
+        background: transparent;
 
-                &:hover {
-                    background: $wj-item-hvr;
-                    transition-duration: $wj-tdn-focus;
-                }
-            }
+        &:hover {
+          background: $wj-item-hvr;
+          transition-duration: $wj-tdn-focus;
         }
-
+      }
     }
+  }
 
-    label {
-        // TFS 399740
-        display: inline-block;
-        width: auto;
-    }
+  label {
+    // TFS 399740
+    display: inline-block;
+    width: auto;
+  }
 
-    a {
-        color: inherit;
-        font-size: inherit;
-        font-weight: bold;
+  a {
+    color: inherit;
+    font-size: inherit;
+    font-weight: bold;
 
-        &.wj-state-disabled {
-            text-decoration: none;
-        }
+    &.wj-state-disabled {
+      text-decoration: none;
     }
+  }
 
-    .wj-sort-buttons .wj-btn {
-        min-width: 95px;
-    }
+  .wj-sort-buttons .wj-btn {
+    min-width: 95px;
+  }
 
+  // WJM-35279, combobox NVDA table read issue
+  .wj-combobox {
+    display: inline-flex;
 
-    // WJM-35279, combobox NVDA table read issue
-    .wj-combobox {
-        display: inline-flex;
-        
-        @if global-variable-exists(wj-columnfiltereditor-outline) {
-            outline: $wj-columnfiltereditor-outline;
-            outline-offset: -1px;
-        }
-    
-        .wj-template {
-            width: 100%;
-        }
+    @if global-variable-exists(wj-columnfiltereditor-outline) {
+      outline: $wj-columnfiltereditor-outline;
+      outline-offset: -1px;
+    }
 
-        .wj-input-group {
-            display: flex;
+    .wj-template {
+      width: 100%;
+    }
 
-            [wj-part="input"] {
-                width: auto;
-                display: inline-block;
-                flex: 1;
-            }
+    .wj-input-group {
+      display: flex;
 
-            [wj-part="btn"] {
-                display: inline-block;
-                width: fit-content;
-            }
-        }
-    }
+      [wj-part="input"] {
+        width: auto;
+        display: inline-block;
+        flex: 1;
+      }
 
-    label:has(input[type="radio"]:focus-visible) {
-        outline: 1px dotted $wj-txt;
-        border-radius: 4px;
+      [wj-part="btn"] {
+        display: inline-block;
+        width: fit-content;
+      }
     }
+  }
 
-    @media (forced-colors: active) {
-        label:has(input[type="radio"]:focus-visible) {
-            outline: 1px dotted WindowText;
-            border-radius: 4px;
-        }
+  label:has(input[type="radio"]:focus-visible) {
+    outline: 1px dotted $wj-txt;
+    border-radius: 4px;
+  }
+
+  @media (forced-colors: active) {
+    label:has(input[type="radio"]:focus-visible) {
+      outline: 1px dotted WindowText;
+      border-radius: 4px;
     }
+  }
 }
 
 //WJM-32950
 .wj-popup .wj-valuefilter-modal-footer {
-    border-top: none;
-    text-align: center;
-    padding-top: 0;
+  border-top: none;
+  text-align: center;
+  padding-top: 0;
 }
 
 .wj-custom-modal-text p {
-    margin: 0;
-    text-align: center;
+  margin: 0;
+  text-align: center;
 }
 
-div[wj-part='div-exceeds'] {
-    font-size: 12px;
+div[wj-part="div-exceeds"] {
+  font-size: 12px;
 }
 
-.wj-columnfiltereditor .wj-tabpane [wj-part='div-exceeds']:focus-visible,
+.wj-columnfiltereditor .wj-tabpane [wj-part="div-exceeds"]:focus-visible,
 .wj-columnfiltereditor .wj-filter-header:focus-visible {
-    outline: 1px dotted $wj-txt;
-    outline-offset: -1px;
+  outline: 1px dotted $wj-txt;
+  outline-offset: -1px;
 }
 
-@media (prefers-contrast: high),
-(forced-colors: active) {
-    .wj-columnfiltereditor {
-
-        .wj-tabpane [wj-part='div-exceeds']:focus-visible,
-        .wj-filter-header:focus-visible {
-            outline: 1px dotted WindowText;
-            outline-offset: -1px;
-        }
+@media (prefers-contrast: high), (forced-colors: active) {
+  .wj-columnfiltereditor {
+    .wj-tabpane [wj-part="div-exceeds"]:focus-visible,
+    .wj-filter-header:focus-visible {
+      outline: 1px dotted WindowText;
+      outline-offset: -1px;
+    }
 
-        .wj-btn {
-            outline: 1px solid ButtonText;
-            outline-offset: -1px;
-            background-color: ButtonFace;
-            color: ButtonText;
-        }
+    .wj-btn {
+      outline: 1px solid ButtonText;
+      outline-offset: -1px;
+      background-color: ButtonFace;
+      color: ButtonText;
+    }
 
-        .wj-btn:focus-visible,
-        .wj-btn.wj-state-active {
-            outline: 1px dotted ButtonText;
-            outline-offset: -1px;
-        }
+    .wj-btn:focus-visible,
+    .wj-btn.wj-state-active {
+      outline: 1px dotted ButtonText;
+      outline-offset: -1px;
     }
-}
+  }
+}