@mescius/wijmo.styles 5.20232.939

package/parts/_chart.scss

@@ -0,0 +1,128 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// flex-chart
+.wj-flexchart {
+    height: 400px;
+    padding: 15px 10px;
+    margin-bottom: 12px;
+    background: $wj-bkg;
+    border: 1px solid #e4e4e4;
+    display: block;
+    background: transparent;
+
+    .wj-header .wj-title {
+        font-size: 16pt;
+        fill: #666;
+        font-weight: normal;
+    }
+
+    .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;
+    }
+}
+
+// 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: 767px) {
+    wj-flexchart .wj-state-selected {
+        stroke-width: 1px;
+        stroke-dasharray: 3;
+    }
+}

package/parts/_chart_finance.scss

@@ -0,0 +1,20 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// flex-chart.finance
+.wj-flexchart {
+    .fibonacci-arcs path.wj-state-selected {
+        stroke-dasharray: 5 10;
+        stroke-linecap: butt;
+    }
+}

package/parts/_chart_hierarchical.scss

@@ -0,0 +1,19 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// flex-chart.hierarchical
+.wj-treemap {
+    .wj-data-label {
+        fill: $wj-bkg;
+    }
+}

package/parts/_chart_interaction.scss

@@ -0,0 +1,250 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// flex-chart.interaction
+.wj-flexchart {
+    // ranges
+    .wj-chart-rangeslider {
+        position: absolute;
+        @include prefix(touch-action, none, ms);
+
+        button {
+            position: absolute;
+            text-align: center;
+            vertical-align: middle;
+            padding: 0;
+            line-height: 16px;
+            border-radius: 2px;
+        }
+
+        .wj-rangeslider-content {
+            background: #eaeaea;
+            height: 100%;
+            position: relative;
+        }
+
+        .wj-rangeslider-rangehandle {
+            position: absolute;
+            text-align: center;
+            vertical-align: middle;
+            background: #bdbdbd;
+            height: 100%;
+            width: 100%;
+        }
+
+        .wj-rangeslider-minhandle,
+        .wj-rangeslider-maxhandle {
+            border: 1px solid gray;
+            display: block;
+            position: absolute;
+            border-radius: 4px;
+        }
+
+        .wj-rangeslider-handle-active {
+            z-index: 2;
+        }
+
+        .wj-glyph-left {
+            border-top: 5px solid transparent;
+            border-right: 4px solid;
+            border-bottom: 4px solid transparent;
+            margin-right: 2px;
+        }
+
+        .wj-glyph-right {
+            border-bottom: 5px solid transparent;
+            border-left: 4px solid;
+            border-top: 4px solid transparent;
+            margin-left: 2px;
+        }
+
+        .wj-glyph-down {
+            border-top: 5px solid;
+            border-right: 4px solid transparent;
+            border-left: 4px solid transparent;
+            margin-bottom: 3px;
+        }
+
+        .wj-glyph-up {
+            border-right: 4px solid transparent;
+            border-bottom: 5px solid;
+            border-left: 4px solid transparent;
+            margin-bottom: 4px;
+        }
+    }
+
+    .wj-chart-hrangeslider {
+        .wj-rangeslider-minhandle,
+        .wj-rangeslider-maxhandle {
+            background: #bdbdbd;
+            cursor: ew-resize;
+            height: 22px;
+            margin-top: -2px;
+            width: 14px;
+        }
+
+        .wj-rangeslider-decbtn {
+            left: 0;
+        }
+
+        .wj-rangeslider-incbtn {
+            right: 0;
+        }
+
+        button {
+            width: 16px;
+            height: 100%;
+        }
+    }
+
+    .wj-chart-vrangeslider {
+        .wj-rangeslider-minhandle,
+        .wj-rangeslider-maxhandle {
+            background: #bdbdbd;
+            cursor: ns-resize;
+            width: 22px;
+            margin-left: -2px;
+            height: 14px;
+        }
+
+        .wj-rangeslider-decbtn {
+            bottom: 0;
+        }
+
+        .wj-rangeslider-incbtn {
+            top: 0;
+        }
+
+        button {
+            height: 16px;
+            width: 100%;
+        }
+    }
+
+    .wj-chart-rangeselector-container {
+        position: relative;
+
+        .wj-chart-rangeslider,
+        .wj-rangeslider-content {
+            background: transparent;
+            border-color: transparent;
+        }
+
+        .wj-rangeslider-rangehandle {
+            opacity: 0.3;
+        }
+
+        .wj-rangeslider-minhandle, .wj-rangeslider-maxhandle {
+            background: transparent;
+            opacity: 0.6;
+            border: 2px solid Gray;
+            border-radius: 0.5em;
+        }
+
+        .wj-chart-hrangeslider {
+            .wj-rangeslider-minhandle, .wj-rangeslider-maxhandle {
+                height: 20px;
+                width: 20px;
+                border-radius: 50%;
+                top: 0;
+                bottom: 0;
+                margin: auto;
+                border: 1px solid hsla(0,0%,50.2%,0.75);
+                color: hsl(0,0%,50.2%);
+                background: #d3d3d3;
+                opacity: 1;
+            }
+        }
+
+        .wj-chart-hrangeslider {
+            .wj-rangeslider-minhandle:after, .wj-rangeslider-maxhandle:after {
+                content: "\2551";
+                text-align: center;
+                width: 100%;
+                display: inline-block;
+                position: absolute;
+                margin: 0;
+                top: 50%;
+                transform: translateY(-55%);
+                opacity: 0.75;
+                font-size: 10px;
+            }
+        }
+
+        .wj-chart-vrangeslider {
+            .wj-rangeslider-minhandle, .wj-rangeslider-maxhandle {
+                height: 20px;
+                width: 20px;
+                left: 50%;
+                border-radius: 50%;
+                border: 1px solid hsla(0,0%,50.2%,0.75);
+                top: 0;
+                bottom: 0;
+                color: hsl(0,0%,50.2%);
+                background: #d3d3d3;
+                opacity: 1;
+            }
+        }
+
+        .wj-chart-vrangeslider {
+            .wj-rangeslider-minhandle:after, .wj-rangeslider-maxhandle:after {
+                content: "\2550";
+                text-align: center;
+                height: 100%;
+                display: inline-block;
+                position: absolute;
+                margin: 0;
+                left: 50%;
+                transform: translate(-50%,15%);
+                opacity: 0.75;
+                font-size: 12px;
+            }
+        }
+
+        .wj-chart-rangeslider {
+            .wj-rangeslider-minhandle.wj-rangeslider-handle-active,
+            .wj-rangeslider-maxhandle.wj-rangeslider-handle-active {
+                background: rgba(136,189,230,0.7);
+            }
+        }
+    }
+
+    .wj-rangeselector {
+        .wj-scroller-center {
+            background: rgba(128,128,128,0.1);
+            position: absolute;
+            display: block;
+            @include prefix(touch-action, none, ms);
+        }
+    }
+    // gestures
+    &.wj-panable {
+        cursor: pointer;
+    }
+
+    .wj-zoom {
+        visibility: hidden;
+        position: relative;
+    }
+
+    .wj-zoom-overlay {
+        background: rgba(128,128,128,0.2);
+        position: absolute;
+        display: block;
+        @include prefix(touch-action, none, ms);
+    }
+
+    .wj-block-other-interaction {
+        display: none;
+    }
+}

package/parts/_chart_map.scss

@@ -0,0 +1,21 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// flex-map
+.wj-flexmap {
+    .wj-btn {
+        opacity: 0.9;
+        padding: 10px 10px 6px 10px !important; 
+        border: solid 0.5px gray;
+    }
+}

package/parts/_core.scss

@@ -0,0 +1,172 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// wijmo core
+
+// primary control class: applies to all Wijmo controls
+.wj-control {
+    display: block;
+    box-sizing: border-box;
+    color: $wj-txt;
+    @include backgradient($wj-bkg, $wj-bkg-grd);
+    @include prefix(user-select, none, webkit moz ms);
+
+    * {
+        box-sizing: inherit;
+    }
+
+    // to make contenteditable work on iOS
+    // http://stackoverflow.com/questions/21295698/html5-contenteditable-attribute-not-working-properly-on-ios7-mobile-safari
+    [contenteditable] {
+        @include prefix(user-select, text, webkit moz ms); // Required on iOS
+    }
+
+    // remove focus outline
+    &:focus,
+    *:not(.wj-tabpane *):focus,//WJM-25309, set outline to all elements that are not descendants of wj-tabpane on focus
+    .wj-tabpane .wj-control *:focus, //WJM-25430, but still keep removing outline from all wj-control under wj-tabpane
+    a:focus {
+        outline: none;
+    }
+
+    // remove browser-specific elements from input controls
+    input {
+
+        &::-ms-clear {
+            // remove IE clear button
+            display: none;
+        }
+
+        &:-ms-input-placeholder {
+            // set IE placeholder opacity (like Firefox, need single colon): TFS 457902
+            opacity: 0.7; // C1WEB-26755
+        }        
+
+        &[type=number] {
+
+            // remove spinner buttons in Chrome
+            &::-webkit-inner-spin-button,
+            &::-webkit-outer-spin-button {
+                -webkit-appearance: none;
+                margin: 0;
+            }
+        }
+
+        &:invalid {
+            // remove red outline validation in Firefox
+            box-shadow: none;
+            outline: none; // TFS 327581
+        }
+    }
+
+    // button elements
+    .wj-btn {
+        @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;
+        }
+
+        &.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;
+        }
+    }
+
+    // button-styled links
+    a.wj-btn,
+    button.wj-btn:not(.wj-btn-default) {
+        // not for buttons in input controls
+        border-radius: $wj-bdr-rad;
+        padding: 6px 15px;
+        text-decoration: none;
+        font-weight: bold;
+        font-size: 12px;
+    }
+}
+
+// moved to top level for backward compatibility
+.wj-header {
+    @include backgradient($wj-hdr-bkg, $wj-hdr-grd);
+    color: $wj-hdr-txt;
+    font-weight: bold;
+}
+
+.wj-state-multi-selected {
+    background: $wj-msel-bkg;
+    color: $wj-msel-txt;
+}
+
+.wj-state-selected,
+.wj-state-last-selected {
+    background: $wj-sel-bkg;
+    color: $wj-sel-txt;
+}
+
+.wj-state-disabled:not(.wj-popup) { // WJM-19483
+    cursor: default;
+    pointer-events: none; // TFS 466794
+    opacity: $wj-disabled-opacity; // TFS 472233
+}
+
+// inline control class: includes border
+.wj-content {
+    display: inline-block;
+    border: $wj-bdr;
+    border-radius: $wj-bdr-rad;
+    overflow: hidden;
+}
+
+.wj-tooltip {
+    box-sizing: border-box;
+    position: absolute;
+    pointer-events: none;
+    max-width: 400px;
+    padding: $wj-item-pdg;
+    background: $wj-tooltip;
+    color: $wj-tooltip-txt;
+    border: $wj-bdr;
+    border-radius: $wj-bdr-rad;
+    box-shadow: $wj-box-shadow;
+    word-break: break-word; // TFS 426377
+    -ms-word-break: break-all;
+
+    &.wj-error-tip {
+        background: $wj-error-tooltip;
+        color: $wj-error-tooltip-txt;
+        white-space: pre-line;
+        font-weight: bold;
+    }
+}
+
+// used in drop-downs and other controls
+.wj-dropdown-panel {
+    pointer-events: auto; // TFS 390659
+    box-shadow: $wj-box-shadow;
+}

package/parts/_gauge.scss

@@ -0,0 +1,69 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+// wijmo.gauge
+.wj-gauge {
+    background: transparent;
+
+    &:not(.wj-state-readonly) {
+        touch-action: none;
+    }
+
+    .wj-face path {
+        fill: #f5f5f5;
+        stroke: #cbcbcb;
+        stroke-width: 1px;
+        stroke-linejoin: round;
+    }
+
+    .wj-pointer,
+    .wj-needle {
+        fill: $wj-sel-bkg;
+    }
+
+    .wj-ticks {
+        stroke-width: 2px;
+        stroke: $wj-bkg;
+    }
+
+    .wj-min,
+    .wj-max,
+    .wj-tick-text text {
+        font-size: 60%;
+        opacity: .5;
+    }
+
+    text {
+        fill: currentColor;
+    }
+
+    svg { // the :not(:root) is to override normalize.css (TFS 422761)
+        overflow: visible;
+    }
+
+    g {
+        cursor: inherit;
+    }
+}
+
+.wj-radialgauge .wj-value {
+    font-size: 150%;
+}
+
+.wj-lineargauge {
+    height: 1.2em;
+
+    .wj-value {
+        fill: $wj-sel-txt;
+    }
+}