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

package/styles/parts/_olap.scss

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.45-nightly.d20251218.t163151
+    * Wijmo Library 5.20261.45-nightly.d20260105.t014601
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -15,147 +15,149 @@
 
 // PivotPanel
 .wj-pivotpanel {
-    position: relative;
-    padding: 3px 6px;
-    overflow: auto;
-    min-height: 25em;
+  position: relative;
+  padding: 3px 6px;
+  overflow: auto;
+  min-height: 25em;
+  width: 100%;
+
+  table {
+    table-layout: fixed;
     width: 100%;
+  }
 
-    table {
-        table-layout: fixed;
-        width: 100%;
-    }
+  div {
+    width: 100%;
+  }
 
-    div {
-        width: 100%;
-    }
+  tr,
+  td {
+    border: 1px none #e0e0e0;
+    padding: 3px;
+  }
 
-    tr, td {
-        border: 1px none #e0e0e0;
-        padding: 3px;
-    }
+  label {
+    display: block; // TFS 457276
+    font-weight: bold;
+    margin: 0;
+  }
 
-    label {
-        display: block; // TFS 457276
-        font-weight: bold;
-        margin: 0;
-    }
+  .wj-marker {
+    position: absolute;
+    background: $wj-accent-bkg;
+    opacity: 0.5;
+    pointer-events: none;
+  }
 
-    .wj-marker {
-        position: absolute;
-        background: $wj-accent-bkg;
-        opacity: 0.5;
-        pointer-events: none;
-    }
+  .wj-flexgrid {
+    border: none;
+    border-radius: 0;
+    min-height: 8em;
+    max-height: 20em;
+    margin-left: 6px;
+    background: inherit;
 
-    .wj-flexgrid {
-        border: none;
-        border-radius: 0;
-        min-height: 8em;
-        max-height: 20em;
-        margin-left: 6px;
+    .wj-cell {
+      border: none;
+      background: inherit;
+      color: inherit;
+
+      &.wj-group {
         background: inherit;
+        color: inherit;
 
-        .wj-cell {
-            border: none;
-            background: inherit;
-            color: inherit;
-
-            &.wj-group {
-                background: inherit;
-                color: inherit;
-
-                &:not(.wj-header):hover {
-                    background: $wj-item-hvr;
-                    border-radius: $wj-bdr-rad;
-                }
-            }
-
-            label {
-                font-weight: normal;
-                margin: 0;
-
-                input[type=checkbox] {
-                    margin: 0;
-                }
-            }
+        &:not(.wj-header):hover {
+          background: $wj-item-hvr;
+          border-radius: $wj-bdr-rad;
         }
+      }
 
-        .wj-glyph-filter {
-            cursor: default;
-            opacity: 0.5;
-        }
+      label {
+        font-weight: normal;
+        margin: 0;
 
-        .wj-glyph-dimension, .wj-glyph-measure {
-            cursor: default;
+        input[type="checkbox"] {
+          margin: 0;
         }
+      }
+    }
 
-        .wj-aggregate {
-            font-size: 80%;
-            opacity: 0.5;
-        }
+    .wj-glyph-filter {
+      cursor: default;
+      opacity: 0.5;
     }
 
-    table .wj-flexgrid {
-        min-height: 5em;
-        height: 5em;
-        width: 95%;
+    .wj-glyph-dimension,
+    .wj-glyph-measure {
+      cursor: default;
     }
+
+    .wj-aggregate {
+      font-size: 80%;
+      opacity: 0.5;
+    }
+  }
+
+  table .wj-flexgrid {
+    min-height: 5em;
+    height: 5em;
+    width: 95%;
+  }
 }
 
 // PivotFieldEditor
 .wj-pivotfieldeditor {
-    min-width: 400px;
+  min-width: 400px;
 
-    tr.wj-separator {
-        border-top: 10px solid transparent;
-    }
+  tr.wj-separator {
+    border-top: 10px solid transparent;
+  }
 
-    td:first-child {
-        text-align: right;
-        padding-right: .5em;
-    }
+  td:first-child {
+    text-align: right;
+    padding-right: 0.5em;
+  }
 }
 
 // PivotFilterEditor
 .wj-pivotfiltereditor {
-    padding: 10px;
-    min-width: 230px;
+  padding: 10px;
+  min-width: 230px;
 
-    .wj-control {
-        margin-bottom: 6px;
-        width: 100%;
-    }
+  .wj-control {
+    margin-bottom: 6px;
+    width: 100%;
+  }
 
-    .wj-listbox {
-        max-height: 150px;
+  .wj-listbox {
+    max-height: 150px;
 
-        .wj-listbox-item label {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
+    .wj-listbox-item label {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
     }
+  }
 }
 
 // _ListContextMenu, _GridContextMenu
 .wj-olap-context-menu {
-    font-size: 90%;
-    padding: 6px;
-
-    .menu-icon {
-        display: inline-block;
-        width: 1em;
-        margin-right: 6px;
-        opacity: .75;
-        text-align: center;
-        //color: #0000C0; // doesn't look good on most custom themes
-    }
+  font-size: 90%;
+  padding: 6px;
+
+  .menu-icon {
+    display: inline-block;
+    width: 1em;
+    margin-right: 6px;
+    opacity: 0.75;
+    text-align: center;
+    //color: #0000C0; // doesn't look good on most custom themes
+  }
 
-    .menu-icon.menu-icon-remove {
-        color: #800000;
-        font-weight: bold;
-    }
+  .menu-icon.menu-icon-remove {
+    color: #800000;
+    font-weight: bold;
+  }
 }
 
 // Detail Dialog
@@ -165,9 +167,9 @@
   min-width: 15em;
   min-height: 20em;
   width: 60vw;
-  height: 55vh;  // important for nonzero initial flexgrid height
+  height: 55vh; // important for nonzero initial flexgrid height
 
-  &>div {
+  & > div {
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -206,148 +208,152 @@
 
 // PivotGrid
 .wj-pivotgrid {
-    //.wj-colheaders  {
-    //    text-align: center;
-    //}
-
-    .wj-cell {
-
-        &.wj-aggregate {
-            font-weight: bold;
+  //.wj-colheaders  {
+  //    text-align: center;
+  //}
 
-            &:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
-                //background: rgba(0,133,199,0.15); // slightly highlight scrollable totals cells
-                background: #d9edf7; // transparency interferes with frozen cells (TFS 427128)
-            }
-        }
+  .wj-cell {
+    &.wj-aggregate {
+      font-weight: bold;
 
-        &.wj-align-vcenter {
-            display: flex;
-            align-items: center;
-            align-items: safe center;
-
-            // IMPORTANT: vertical-align is technically invalid on flex elements (has no visual effect),
-            // but it's required for Excel export compatibility. The export code reads this property
-            // via getComputedStyle() to set vertical alignment in the exported Excel file.
-            // DO NOT REMOVE even though it appears redundant with flexbox alignment.
-            // See: WJM-36714
-            vertical-align: middle;
-
-            padding-top: 0;
-            padding-bottom: 0;
-            &.wj-align-right {
-                justify-content: flex-end;
-            }
-            &.wj-align-center {
-                justify-content: center;
-            }
-        }
+      &:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
+        //background: rgba(0,133,199,0.15); // slightly highlight scrollable totals cells
+        background: #d9edf7; // transparency interferes with frozen cells (TFS 427128)
+      }
     }
 
-    .wj-topleft .wj-cell.wj-col-field-hdr {
-        text-align: right;
-        justify-content: flex-end; // TFS 421660
+    &.wj-align-vcenter {
+      display: flex;
+      align-items: center;
+      align-items: safe center;
+
+      // IMPORTANT: vertical-align is technically invalid on flex elements (has no visual effect),
+      // but it's required for Excel export compatibility. The export code reads this property
+      // via getComputedStyle() to set vertical alignment in the exported Excel file.
+      // DO NOT REMOVE even though it appears redundant with flexbox alignment.
+      // See: WJM-36714
+      vertical-align: middle;
+
+      padding-top: 0;
+      padding-bottom: 0;
+      &.wj-align-right {
+        justify-content: flex-end;
+      }
+      &.wj-align-center {
+        justify-content: center;
+      }
     }
+  }
 
-    .wj-colheaders .wj-cell.wj-header {
-        text-align: center;
-        justify-content: center; // TFS 438508
-    }
+  .wj-topleft .wj-cell.wj-col-field-hdr {
+    text-align: right;
+    justify-content: flex-end; // TFS 421660
+  }
 
-    .wj-pivot-collapse {
-        display: inline;
-        margin-right: 4px;
-        cursor: pointer;
-    }
+  .wj-colheaders .wj-cell.wj-header {
+    text-align: center;
+    justify-content: center; // TFS 438508
+  }
+
+  .wj-pivot-collapse {
+    display: inline;
+    margin-right: 4px;
+    cursor: pointer;
+  }
 }
 
 // PivotChart
 .wj-pivotchart {
-    position: relative;
+  position: relative;
 
-    .wj-dropdown {
-        position: absolute;
-        margin-right: 15px;
-        z-index: 999;
-    }
+  .wj-dropdown {
+    position: absolute;
+    margin-right: 15px;
+    z-index: 999;
+  }
 
-    .wj-flexchart {
-        padding: 35px 15px 10px;
-    }
+  .wj-flexchart {
+    padding: 35px 15px 10px;
+  }
 }
 
 // Slicer
 .wj-slicer {
-    > div { /* slicer root */
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        height: 100%;
-        max-height: inherit;
+  > div {
+    /* slicer root */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    height: 100%;
+    max-height: inherit;
+  }
+
+  .wj-header {
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+
+    div:first-child {
+      -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+      flex-grow: 1;
+      padding: 6px;
     }
 
-    .wj-header {
-        -ms-flex-negative: 0;
-        flex-shrink: 0;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-
-        div:first-child {
-            -webkit-box-flex: 1;
-            -ms-flex-positive: 1;
-            flex-grow: 1;
-            padding: 6px;
-        }
+    .wj-btn.wj-state-active {
+      background: rgba(0, 0, 0, 0.2); // pressed buttons
+    }
+  }
 
-        .wj-btn.wj-state-active {
-            background: rgba(0, 0, 0, .2); // pressed buttons
-        }
+  .wj-listbox {
+    border: none;
+    border-radius: 0;
+
+    .wj-listbox-item label {
+      width: 100%;
     }
+  }
 
+  &.wj-nocheck {
+    // no checkboxes
     .wj-listbox {
-        border: none;
-        border-radius: 0;
+      .wj-listbox-item {
+        border: 2px solid transparent;
+        padding: 6px;
+        margin: 4px;
+        border-radius: $wj-bdr-rad;
+
+        &.wj-state-checked:not(:hover) {
+          // checked, not hovering
+          background-color: $wj-sel-bkg;
+          color: $wj-sel-txt;
+        }
 
-        .wj-listbox-item label {
-            width: 100%;
+        &.wj-state-selected {
+          // selected
+          border-color: $wj-msel-bkg;
+
+          &:not(.wj-state-checked) {
+            // selected but not checked
+            background-color: transparent;
+            color: $wj-txt;
+          }
         }
-    }
 
-    &.wj-nocheck { // no checkboxes
-        .wj-listbox {
-            .wj-listbox-item {
-                border: 2px solid transparent;
-                padding: 6px;
-                margin: 4px;
-                border-radius: $wj-bdr-rad;
-
-                &.wj-state-checked:not(:hover) { // checked, not hovering
-                    background-color: $wj-sel-bkg;
-                    color: $wj-sel-txt;
-                }
-
-                &.wj-state-selected { // selected
-                    border-color: $wj-msel-bkg;
-
-                    &:not(.wj-state-checked) { // selected but not checked
-                        background-color: transparent;
-                        color: $wj-txt;
-                    }
-                }
-
-                input { // hide checkboxes
-                    display: none;
-                }
-            }
+        input {
+          // hide checkboxes
+          display: none;
         }
+      }
     }
+  }
 }
-