@wcardinal/wcardinal-ui 0.441.0 → 0.443.0

package/dist/wcardinal-ui-theme-dark.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.441.0
+ Winter Cardinal UI v0.443.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -6016,16 +6016,27 @@
         DThemes.setDefaultThemeClass(DThemeDark);
     };
 
+    var newSvgRoundedRect = function (x, y, width, height, fill, stroke, strokeWidth, strokeOpacity) {
+        var sw = strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 0;
+        var o = sw * 0.5;
+        var r = Math.max(0, 3 - o);
+        var w = width - sw - r - r;
+        var h = height - sw - r - r;
+        x += o + r;
+        y += o;
+        return ("<path d=\"M".concat(x, ",").concat(y, " h").concat(w, " a").concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(r, " v").concat(h, " a").concat(r, ",").concat(r, " 0 0 1 -").concat(r, ",").concat(r, " h-").concat(w, " a").concat(r, ",").concat(r, " 0 0 1 -").concat(r, ",-").concat(r, " v-").concat(h, " a").concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",-").concat(r, "z\" fill=\"").concat(fill, "\"") +
+            (stroke ? " stroke=\"".concat(stroke, "\"") : "") +
+            (strokeWidth != null ? " stroke-width=\"".concat(strokeWidth, "\"") : "") +
+            (strokeOpacity != null ? " stroke-opacity=\"".concat(strokeOpacity, "\"") : "") +
+            " />");
+    };
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    // Material Design icons by Google.
-    // Apache license version 2.0.
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("button_color_sample", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" fill=\"#fff\"/>" +
-        "</g>");
+    DThemeDarkAtlas.add("button_color_sample", 21, 21, newSvgRoundedRect(3, 3, 15, 15, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var formatter$8 = function (colorAndAlpha) {
         return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
@@ -6036,7 +6047,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         DThemeDarkButtonColor.prototype.getImageTintColor = function (state) {
-            return null;
+            return 0xffffff;
         };
         DThemeDarkButtonColor.prototype.getImageSource = function (state) {
             return DThemeDarkAtlas.mappings.button_color_sample;
@@ -6067,25 +6078,35 @@
 
     const DColorType = wcardinal.ui.DColorType;
 
+    var isPatternInjected = false;
+    var newSvgRoundedCheckerboard = function (width, height, color1, color2, stroke, strokeWidth, strokeOpacity) {
+        var result = "";
+        if (!isPatternInjected) {
+            isPatternInjected = true;
+            result =
+                "<defs>" +
+                    "<pattern id=\"rounded-checkerboard-pattern\" patternUnits=\"userSpaceOnUse\" width=\"18\" height=\"18\">" +
+                    "<rect x=\"0\" y=\"0\" width=\"9\" height=\"9\" fill=\"".concat(color1, "\" />") +
+                    "<rect x=\"9\" y=\"0\" width=\"9\" height=\"9\" fill=\"".concat(color2, "\" />") +
+                    "<rect x=\"0\" y=\"9\" width=\"9\" height=\"9\" fill=\"".concat(color2, "\" />") +
+                    "<rect x=\"9\" y=\"9\" width=\"9\" height=\"9\" fill=\"".concat(color1, "\" />") +
+                    "</pattern>" +
+                    "</defs>";
+        }
+        result += newSvgRoundedRect(0, 0, width, height, "url(#rounded-checkerboard-pattern)", stroke, strokeWidth, strokeOpacity);
+        return result;
+    };
+
+    var newDarkSvgRoundedCheckerboard = function (width, height, stroke, strokeWidth, strokeOpacity) {
+        return newSvgRoundedCheckerboard(width, height, "#5f5f5f", "#454545", stroke, strokeWidth, strokeOpacity);
+    };
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var makeCheckerboard = function (width, height) {
-        var LIGHT = "#5f5f5f";
-        var DARK = "#454545";
-        var result = "<g>";
-        for (var ih = 0; ih < height; ++ih) {
-            for (var iw = 0; iw < width; ++iw) {
-                var color = (iw + ih) % 2 === 0 ? LIGHT : DARK;
-                result += "<rect x=\"".concat(9 * iw, "\" y=\"").concat(9 * ih, "\" width=\"9\" height=\"9\" fill=\"").concat(color, "\" />");
-            }
-        }
-        result += "</g>";
-        return result;
-    };
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("picker_color_main", 236, 164, "<g>" +
+    DThemeDarkAtlas.add("picker_color_main", 234, 162, "<g>" +
         "<linearGradient id=\"fs7w3iusfdnb\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"0\" offset=\"0\"/>" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" offset=\"1\"/>" +
@@ -6094,13 +6115,11 @@
         "<stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"0\"/>" +
         "<stop stop-color=\"#000000\" stop-opacity=\"1\" offset=\"1\"/>" +
         "</linearGradient>" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"url(#fs7w3iusfdnb)\" />" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"url(#2rfcfe9874bw)\" />" +
-        "</g>", 1, 1, 234, 162);
-    DThemeDarkAtlas.add("picker_color_main_base", 236, 164, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"#fff\" />" +
-        "</g>", 1, 1, 234, 162);
-    DThemeDarkAtlas.add("picker_color_alpha_checkerboard", 234, 18, makeCheckerboard(26, 2));
+        newSvgRoundedRect(0, 0, 234, 162, "url(#fs7w3iusfdnb)") +
+        newSvgRoundedRect(0, 0, 234, 162, "url(#2rfcfe9874bw)") +
+        "</g>");
+    DThemeDarkAtlas.add("picker_color_main_base", 234, 162, "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"#fff\" />");
+    DThemeDarkAtlas.add("picker_color_alpha_checkerboard", 234, 18, newDarkSvgRoundedCheckerboard(234, 18));
     DThemeDarkAtlas.add("picker_color_alpha", 234, 18, "<g>" +
         "<linearGradient id=\"s48afbuh44\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"0\" offset=\"0\"/>" +
@@ -6118,20 +6137,15 @@
         "<stop stop-color=\"#FF00FF\" offset=\"0.833\"/>" +
         "<stop stop-color=\"#FF0000\" offset=\"1\"/>" +
         "</linearGradient>" +
-        "<rect x=\"0\" y=\"0\" width=\"234\" height=\"18\" fill=\"url(#ni2rbisdf3)\" />" +
+        newSvgRoundedRect(0, 0, 234, 18, "url(#ni2rbisdf3)") +
         "</g>");
     DThemeDarkAtlas.add("picker_color_base_pointer", 16.2, 31.8, "<rect x=\"4.5\" y=\"4.5\" width=\"7.2\" height=\"22.8\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" />");
     DThemeDarkAtlas.add("picker_color_pointer", 25.8, 25.8, "<circle cx=\"12.9\" cy=\"12.9\" r=\"4.8\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />" +
         "<circle cx=\"12.9\" cy=\"12.9\" r=\"7.2\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" />");
-    DThemeDarkAtlas.add("picker_color_recent_checkerboard", 36, 36, makeCheckerboard(4, 4), 9, 9, 18, 18);
-    DThemeDarkAtlas.add("picker_color_recent", 36, 36, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"36\" height=\"36\" fill=\"#fff\" />" +
-        "<path x=\"0\" y=\"0\" d=\"M9 9 h18 v18 h-18 v-18 m1 1 v16 h16 v-16 h-16 z\" fill=\"#eee\" />" +
-        "</g>", 9, 9, 18, 18);
-    DThemeDarkAtlas.add("picker_color_sample_checkerboard", 45, 63, makeCheckerboard(5, 7));
-    DThemeDarkAtlas.add("picker_color_sample", 47, 65, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"47\" height=\"65\" fill=\"#fff\" />" +
-        "</g>", 1, 1, 45, 63);
+    DThemeDarkAtlas.add("picker_color_recent_checkerboard", 18, 18, newDarkSvgRoundedCheckerboard(18, 18));
+    DThemeDarkAtlas.add("picker_color_recent", 18, 18, newSvgRoundedRect(0, 0, 18, 18, "#fff", "#eee", 1));
+    DThemeDarkAtlas.add("picker_color_sample_checkerboard", 42, 66, newDarkSvgRoundedCheckerboard(42, 66, "#fff", 1, 0));
+    DThemeDarkAtlas.add("picker_color_sample", 42, 66, newSvgRoundedRect(0, 0, 42, 66, "#fff", "#eee", 1));
     DThemeDarkAtlas.add("picker_color_anchor_outlined", 25.8, 25.8, "<circle cx=\"12.9\" cy=\"12.9\" r=\"8.4\" stroke=\"none\" fill=\"#ffffff\" />" +
         "<circle cx=\"12.9\" cy=\"12.9\" r=\"9.6\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />");
     DThemeDarkAtlas.add("picker_color_anchor", 28.2, 28.2, "<circle cx=\"14.1\" cy=\"14.1\" r=\"6\" stroke=\"none\" fill=\"#ffffff\" />" +
@@ -6139,9 +6153,7 @@
     DThemeDarkAtlas.add("picker_color_direction", 12, 30, "<path d=\"M0.6 25.8 L 12.0375 5.9895\" stroke=\"#5f5f5f\" stroke-width=\"1.2\" fill=\"none\" />" +
         "<path d=\"M8.5125 25.8 A 8.475 8.475 0 0 0 4.275 18.4605\" stroke=\"#5f5f5f\" stroke-width=\"1.2\" fill=\"none\" />" +
         "<rect x=\"0.6\" y=\"24.6\" width=\"11.4375\" height=\"1.2\" rx=\"0.6\" ry=\"0.6\" stroke=\"none\" fill=\"#5f5f5f\" />");
-    DThemeDarkAtlas.add("picker_color_standard", 18, 18, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"18\" height=\"18\" fill=\"#fff\" stroke-width=\"1\" stroke=\"#eee\" />" +
-        "</g>");
+    DThemeDarkAtlas.add("picker_color_standard", 18, 18, newSvgRoundedRect(0, 0, 18, 18, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var DThemeDarkPickerColor = /** @class */ (function (_super) {
         __extends(DThemeDarkPickerColor, _super);
@@ -6233,7 +6245,16 @@
             return this.getBaseMargin();
         };
         DThemeDarkPickerColor.prototype.getInputLabelWidth = function () {
-            return 15;
+            return 18;
+        };
+        DThemeDarkPickerColor.prototype.getSampleWidth = function () {
+            return 42;
+        };
+        DThemeDarkPickerColor.prototype.getSampleHeight = function () {
+            return 66;
+        };
+        DThemeDarkPickerColor.prototype.getSampleMargin = function () {
+            return this.getBaseMargin();
         };
         DThemeDarkPickerColor.prototype.getSampleCheckerboardOldTexture = function () {
             return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
@@ -6330,12 +6351,8 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    // Material Design icons by Google.
-    // Apache license version 2.0.
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("button_color_gradient_sample", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" fill=\"#fff\"/>" +
-        "</g>");
+    DThemeDarkAtlas.add("button_color_gradient_sample", 21, 21, newSvgRoundedRect(3, 3, 15, 15, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var formatter$7 = function () {
         return "";
@@ -8430,8 +8447,13 @@
             return DThemeDarkConstants.COLOR;
         };
         DThemeDarkTableBodyCells.getAlpha = function (state) {
-            if (state.inEnabled) {
-                return 1.0;
+            if (state.in(DTableState.HAS_DATA)) {
+                if (state.inEnabled) {
+                    return 1.0;
+                }
+                else {
+                    return 0.5;
+                }
             }
             return 0;
         };