@wcardinal/wcardinal-ui 0.383.0 → 0.384.0

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

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.383.0
+ Winter Cardinal UI v0.384.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -781,7 +781,53 @@
         DThemeDark.set("DButtonCheck", DThemeDarkButtonCheck);
     };
 
-    const DColorGradientObservable = wcardinal.ui.DColorGradientObservable;
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkButtonDanger = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonDanger, _super);
+        function DThemeDarkButtonDanger() {
+            return _super.call(this, 0xef9a9a, 0.1, 0.2) || this;
+        }
+        DThemeDarkButtonDanger.prototype.getBackgroundColor = function (state) {
+            if (state.inDisabled) {
+                return null;
+            }
+            else if (state.isPressed || state.isActive) {
+                return this.BACKGROUND_COLOR_PRESSED;
+            }
+            else if (state.isHovered) {
+                return this.BACKGROUND_COLOR_HOVERED;
+            }
+            else {
+                return this.BACKGROUND_COLOR;
+            }
+        };
+        DThemeDarkButtonDanger.prototype.getOutlineColor = function (state) {
+            return this.getOutlineColorActive(state);
+        };
+        DThemeDarkButtonDanger.prototype.getOutlineOffset = function (state) {
+            return this.getOutlineOffsetActive(state);
+        };
+        DThemeDarkButtonDanger.prototype.getColor = function (state) {
+            if (state.inDisabled) {
+                return _super.prototype.getColor.call(this, state);
+            }
+            else {
+                return DThemeDarkConstants.ACTIVE_COLOR;
+            }
+        };
+        return DThemeDarkButtonDanger;
+    }(DThemeDarkButtonBase));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButtonDanger = function () {
+        DThemeDark.set("DButtonDanger", DThemeDarkButtonDanger);
+    };
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
@@ -799,1115 +845,486 @@
      * 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>");
-    /* eslint-enable prettier/prettier */
-    var formatter$a = function () {
-        return "";
-    };
-    var DThemeDarkButtonColorGradient = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonColorGradient, _super);
-        function DThemeDarkButtonColorGradient() {
+    var DThemeDarkButtonFile = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonFile, _super);
+        function DThemeDarkButtonFile() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkButtonColorGradient.prototype.getViewBaseTexture = function () {
-            return DThemeDarkAtlas.mappings.button_color_gradient_sample;
-        };
-        DThemeDarkButtonColorGradient.prototype.getTextFormatter = function () {
-            return formatter$a;
-        };
-        DThemeDarkButtonColorGradient.prototype.newTextValue = function () {
-            return new DColorGradientObservable();
-        };
-        DThemeDarkButtonColorGradient.prototype.getCheckerColors = function () {
-            return [0x37255, 0.27];
-        };
-        return DThemeDarkButtonColorGradient;
+        return DThemeDarkButtonFile;
     }(DThemeDarkButton));
 
-    const DAnimationFadeIn = wcardinal.ui.DAnimationFadeIn;
-
-    const DDialogAlign = wcardinal.ui.DDialogAlign;
-
-    const DDialogCloseOn = wcardinal.ui.DDialogCloseOn;
-
-    const DDialogGestureMode = wcardinal.ui.DDialogGestureMode;
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButtonFile = function () {
+        DThemeDark.set("DButtonFile", DThemeDarkButtonFile);
+    };
 
-    const DDialogMode = wcardinal.ui.DDialogMode;
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkButtonLink = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonLink, _super);
+        function DThemeDarkButtonLink() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return DThemeDarkButtonLink;
+    }(DThemeDarkButtonAmbient));
 
-    const DDialogState = wcardinal.ui.DDialogState;
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButtonLink = function () {
+        DThemeDark.set("DButtonLink", DThemeDarkButtonLink);
+    };
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkDialog = /** @class */ (function (_super) {
-        __extends(DThemeDarkDialog, _super);
-        function DThemeDarkDialog() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var DThemeDarkButtonPrimary = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonPrimary, _super);
+        function DThemeDarkButtonPrimary() {
+            return _super.call(this, DThemeDarkConstants.HIGHLIGHT_COLOR, 0.1, 0.2) || this;
         }
-        DThemeDarkDialog.prototype.getMode = function () {
-            return DDialogMode.MODAL;
-        };
-        DThemeDarkDialog.prototype.closeOn = function (mode) {
-            switch (mode) {
-                case DDialogMode.MODAL:
-                case DDialogMode.MENU:
-                    return DDialogCloseOn.ESC | DDialogCloseOn.CLICK_OUTSIDE;
-                case DDialogMode.MODELESS:
-                    return DDialogCloseOn.NONE;
-            }
-        };
-        DThemeDarkDialog.prototype.isSticky = function (mode) {
-            return false;
-        };
-        DThemeDarkDialog.prototype.isGestureEnabled = function (mode) {
-            switch (mode) {
-                case DDialogMode.MODAL:
-                case DDialogMode.MODELESS:
-                    return true;
-                case DDialogMode.MENU:
-                    return false;
+        DThemeDarkButtonPrimary.prototype.getBackgroundColor = function (state) {
+            if (state.inDisabled) {
+                return null;
             }
-        };
-        DThemeDarkDialog.prototype.getGestureMode = function (mode) {
-            return DDialogGestureMode.DIRTY;
-        };
-        DThemeDarkDialog.prototype.getOffsetX = function (mode) {
-            return 5;
-        };
-        DThemeDarkDialog.prototype.getOffsetY = function (mode) {
-            return 5;
-        };
-        DThemeDarkDialog.prototype.getAlign = function (mode) {
-            return DDialogAlign.BOTTOM;
-        };
-        DThemeDarkDialog.prototype.newAnimation = function (mode) {
-            switch (mode) {
-                case DDialogMode.MODAL:
-                    return new DAnimationFadeIn();
-                case DDialogMode.MODELESS:
-                    return null;
-                case DDialogMode.MENU:
-                    return null;
+            else if (state.isPressed || state.isActive) {
+                return this.BACKGROUND_COLOR_PRESSED;
             }
-        };
-        DThemeDarkDialog.prototype.getBackgroundColor = function (state) {
-            if (state.is(DDialogState.MENU)) {
-                return DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+            else if (state.isHovered) {
+                return this.BACKGROUND_COLOR_HOVERED;
             }
             else {
-                return DThemeDarkConstants.BACKGROUND_COLOR;
+                return this.BACKGROUND_COLOR;
             }
         };
-        DThemeDarkDialog.prototype.getBorderColor = function (state) {
-            if (state.is(DDialogState.MENU)) {
-                return null;
+        DThemeDarkButtonPrimary.prototype.getOutlineColor = function (state) {
+            return this.getOutlineColorActive(state);
+        };
+        DThemeDarkButtonPrimary.prototype.getOutlineOffset = function (state) {
+            return this.getOutlineOffsetActive(state);
+        };
+        DThemeDarkButtonPrimary.prototype.getColor = function (state) {
+            if (state.inDisabled) {
+                return _super.prototype.getColor.call(this, state);
             }
             else {
-                return 0x393939;
+                return DThemeDarkConstants.ACTIVE_COLOR;
             }
         };
-        DThemeDarkDialog.prototype.getOutlineColor = function (state) {
-            return null;
-        };
-        DThemeDarkDialog.prototype.getPaddingLeft = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getPaddingTop = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getPaddingRight = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getPaddingBottom = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getX = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getY = function () {
-            return 0;
-        };
-        DThemeDarkDialog.prototype.getWidth = function () {
-            return 400;
-        };
-        DThemeDarkDialog.prototype.getHeight = function () {
-            return "auto";
-        };
-        DThemeDarkDialog.prototype.getShadow = function () {
-            return this.newShadow();
-        };
-        DThemeDarkDialog.prototype.getInteractive = function () {
-            return DBaseInteractive.BOTH;
-        };
-        return DThemeDarkDialog;
-    }(DThemeDarkBase));
+        return DThemeDarkButtonPrimary;
+    }(DThemeDarkButtonBase));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkDialogLayered = /** @class */ (function (_super) {
-        __extends(DThemeDarkDialogLayered, _super);
-        function DThemeDarkDialogLayered() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkDialogLayered.prototype.getLayout = function () {
-            return undefined;
-        };
-        DThemeDarkDialogLayered.prototype.getHeader = function () {
-            return null;
-        };
-        DThemeDarkDialogLayered.prototype.getContent = function () {
-            return undefined;
-        };
-        DThemeDarkDialogLayered.prototype.getFooter = function () {
-            return undefined;
-        };
-        return DThemeDarkDialogLayered;
-    }(DThemeDarkDialog));
+    var loadThemeDarkButtonPrimary = function () {
+        DThemeDark.set("DButtonPrimary", DThemeDarkButtonPrimary);
+    };
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkDialogFitted = /** @class */ (function (_super) {
-        __extends(DThemeDarkDialogFitted, _super);
-        function DThemeDarkDialogFitted() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkDialogFitted.prototype.getWidth = function () {
-            return "auto";
-        };
-        return DThemeDarkDialogFitted;
-    }(DThemeDarkDialogLayered));
+    // Material Design icons by Google.
+    // Apache license version 2.0.
+    /* eslint-disable prettier/prettier */
+    DThemeDarkAtlas.add("button_radio_mark_on", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
+        "<path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48" +
+        " 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8" +
+        " 8 3.58 8 8-3.58 8-8 8z\" fill=\"#fff\" />" +
+        "</g>");
+    DThemeDarkAtlas.add("button_radio_mark_off", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
+        "<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42" +
+        " 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" fill=\"#fff\" />" +
+        "</g>");
+    /* eslint-enable prettier/prettier */
+    var DThemeDarkButtonRadio = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonRadio, _super);
+        function DThemeDarkButtonRadio() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkButtonRadio.prototype.getBackgroundColor = function (state) {
+            return DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
+        };
+        DThemeDarkButtonRadio.prototype.getColor = function (state) {
+            return DThemeDarkConstants.COLOR;
+        };
+        DThemeDarkButtonRadio.prototype.getBackgroundAlpha = function (state) {
+            if (state.inEnabled) {
+                if (state.isHovered) {
+                    return DThemeDarkConstants.WEAK_HIGHLIGHT_ALPHA;
+                }
+            }
+            return 0;
+        };
+        DThemeDarkButtonRadio.prototype.getOutlineColor = function (state) {
+            return this.getOutlineColorNonActive(state);
+        };
+        DThemeDarkButtonRadio.prototype.getOutlineOffset = function (state) {
+            return this.getOutlineOffsetNonActive(state);
+        };
+        DThemeDarkButtonRadio.prototype.getImageTintColor = function (state) {
+            if (state.inDisabled || !state.isActive) {
+                return DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
+            }
+            else {
+                return DThemeDarkConstants.HIGHLIGHT_COLOR;
+            }
+        };
+        DThemeDarkButtonRadio.prototype.isToggle = function () {
+            return true;
+        };
+        DThemeDarkButtonRadio.prototype.getImageSource = function (state) {
+            if (state.isActive) {
+                return DThemeDarkAtlas.mappings.button_radio_mark_on;
+            }
+            else {
+                return DThemeDarkAtlas.mappings.button_radio_mark_off;
+            }
+        };
+        return DThemeDarkButtonRadio;
+    }(DThemeDarkButtonAmbient));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkDialogColorGradient = /** @class */ (function (_super) {
-        __extends(DThemeDarkDialogColorGradient, _super);
-        function DThemeDarkDialogColorGradient() {
+    var DThemeDarkButtonRadioRight = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonRadioRight, _super);
+        function DThemeDarkButtonRadioRight() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        return DThemeDarkDialogColorGradient;
-    }(DThemeDarkDialogFitted));
+        DThemeDarkButtonRadioRight.prototype.getImageAlignWith = function () {
+            return DAlignWith.PADDING;
+        };
+        DThemeDarkButtonRadioRight.prototype.getImageAlignHorizontal = function () {
+            return DAlignHorizontal.RIGHT;
+        };
+        DThemeDarkButtonRadioRight.prototype.getImageMarginHorizontal = function () {
+            return 0;
+        };
+        DThemeDarkButtonRadioRight.prototype.getTextAlignHorizontal = function () {
+            return DAlignHorizontal.LEFT;
+        };
+        return DThemeDarkButtonRadioRight;
+    }(DThemeDarkButtonRadio));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkPickerColorGradient = /** @class */ (function (_super) {
-        __extends(DThemeDarkPickerColorGradient, _super);
-        function DThemeDarkPickerColorGradient() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var loadThemeDarkButtonRadioRight = function () {
+        DThemeDark.set("DButtonRadioRight", DThemeDarkButtonRadioRight);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButtonRadio = function () {
+        DThemeDark.set("DButtonRadio", DThemeDarkButtonRadio);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkButtonSecondary = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonSecondary, _super);
+        function DThemeDarkButtonSecondary() {
+            return _super.call(this, 0xb894f6, 0.1, 0.2) || this;
         }
-        DThemeDarkPickerColorGradient.prototype.getGradientPointsWidth = function () {
-            return 30;
-        };
-        DThemeDarkPickerColorGradient.prototype.getGradientPointsMargin = function () {
-            return 24;
+        DThemeDarkButtonSecondary.prototype.getBackgroundColor = function (state) {
+            if (state.inDisabled) {
+                return null;
+            }
+            else if (state.isPressed || state.isActive) {
+                return this.BACKGROUND_COLOR_PRESSED;
+            }
+            else if (state.isHovered) {
+                return this.BACKGROUND_COLOR_HOVERED;
+            }
+            else {
+                return this.BACKGROUND_COLOR;
+            }
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientAnchorTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_anchor;
+        DThemeDarkButtonSecondary.prototype.getOutlineColor = function (state) {
+            return this.getOutlineColorActive(state);
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientAnchorOutlinedTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_anchor_outlined;
+        DThemeDarkButtonSecondary.prototype.getOutlineOffset = function (state) {
+            return this.getOutlineOffsetActive(state);
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientAnchorOutlineTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_anchor_outline;
+        DThemeDarkButtonSecondary.prototype.getColor = function (state) {
+            if (state.inDisabled) {
+                return _super.prototype.getColor.call(this, state);
+            }
+            else {
+                return 0x000000;
+            }
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientDirectionMargin = function () {
-            return 5;
+        return DThemeDarkButtonSecondary;
+    }(DThemeDarkButtonBase));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButtonSecondary = function () {
+        DThemeDark.set("DButtonSecondary", DThemeDarkButtonSecondary);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkButton = function () {
+        DThemeDark.set("DButton", DThemeDarkButton);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkCanvas = /** @class */ (function (_super) {
+        __extends(DThemeDarkCanvas, _super);
+        function DThemeDarkCanvas() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkCanvas.prototype.getBackgroundColor = function () {
+            return 0x484848;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientDirectionTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_direction;
+        DThemeDarkCanvas.prototype.getBorderColor = function (state) {
+            return null;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientRecentColumn = function () {
-            return 4;
+        DThemeDarkCanvas.prototype.getCornerMask = function () {
+            return DCornerMask.ALL;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientRecentWidth = function () {
-            return 30;
+        DThemeDarkCanvas.prototype.getInteractive = function () {
+            return DBaseInteractive.BOTH;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientRecentMargin = function () {
-            return 5;
+        return DThemeDarkCanvas;
+    }(DThemeDarkBase));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkCanvasContainer = /** @class */ (function (_super) {
+        __extends(DThemeDarkCanvasContainer, _super);
+        function DThemeDarkCanvasContainer() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkCanvasContainer.prototype.getBackgroundColor = function (state) {
+            return null;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientRecentCount = function () {
-            return 16;
+        DThemeDarkCanvasContainer.prototype.getBorderColor = function (state) {
+            return null;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientRecents = function () {
-            return [];
+        DThemeDarkCanvasContainer.prototype.getPaddingLeft = function () {
+            return 32;
         };
-        DThemeDarkPickerColorGradient.prototype.getGradientCheckerColors = function () {
-            return [0.37255, 0.27];
+        DThemeDarkCanvasContainer.prototype.getPaddingTop = function () {
+            return 32;
         };
-        DThemeDarkPickerColorGradient.prototype.getBackgroundColor = function (state) {
-            return null;
+        DThemeDarkCanvasContainer.prototype.getPaddingRight = function () {
+            return 32;
         };
-        DThemeDarkPickerColorGradient.prototype.getBorderColor = function (state) {
-            return null;
+        DThemeDarkCanvasContainer.prototype.getPaddingBottom = function () {
+            return 32;
         };
-        DThemeDarkPickerColorGradient.prototype.getInteractive = function () {
-            return DBaseInteractive.CHILDREN;
+        DThemeDarkCanvasContainer.prototype.isOverflowMaskEnabled = function () {
+            return false;
         };
-        DThemeDarkPickerColorGradient.prototype.newState = function (state) {
-            _super.prototype.newState.call(this, state);
-            state.isFocusable = false;
+        DThemeDarkCanvasContainer.prototype.getInteractive = function () {
+            return DBaseInteractive.BOTH;
         };
-        return DThemeDarkPickerColorGradient;
+        return DThemeDarkCanvasContainer;
     }(DThemeDarkBase));
 
     /*
      * 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;
+    var loadThemeDarkCanvasContainer = function () {
+        DThemeDark.set("DCanvasContainer", DThemeDarkCanvasContainer);
+        DThemeDark.set("DCanvas", DThemeDarkCanvas);
     };
-    /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("picker_color_main", 236, 164, "<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\"/>" +
-        "</linearGradient>" +
-        "<linearGradient id=\"2rfcfe9874bw\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">" +
-        "<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));
-    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\"/>" +
-        "<stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" offset=\"1\"/>" +
-        "</linearGradient>" +
-        "<rect x=\"0\" y=\"0\" width=\"234\" height=\"18\" fill=\"url(#s48afbuh44)\" />" +
-        "</g>");
-    DThemeDarkAtlas.add("picker_color_base", 234, 18, "<g>" +
-        "<linearGradient id=\"ni2rbisdf3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
-        "<stop stop-color=\"#FF0000\" offset=\"0\"/>" +
-        "<stop stop-color=\"#FFFF00\" offset=\"0.167\"/>" +
-        "<stop stop-color=\"#00FF00\" offset=\"0.333\"/>" +
-        "<stop stop-color=\"#00FFFF\" offset=\"0.5\"/>" +
-        "<stop stop-color=\"#0000FF\" offset=\"0.667\"/>" +
-        "<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)\" />" +
-        "</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_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\" />" +
-        "<circle cx=\"14.1\" cy=\"14.1\" r=\"7.2\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />");
-    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>");
-    /* eslint-enable prettier/prettier */
-    var DThemeDarkPickerColor = /** @class */ (function (_super) {
-        __extends(DThemeDarkPickerColor, _super);
-        function DThemeDarkPickerColor() {
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkChart = /** @class */ (function (_super) {
+        __extends(DThemeDarkChart, _super);
+        function DThemeDarkChart() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkPickerColor.prototype.getMainWidth = function () {
-            return 234;
+        DThemeDarkChart.prototype.getPaddingLeft = function () {
+            return 80;
         };
-        DThemeDarkPickerColor.prototype.getMainHeight = function () {
-            return 162;
+        DThemeDarkChart.prototype.getPaddingRight = function () {
+            return 10;
         };
-        DThemeDarkPickerColor.prototype.getMainTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_main;
+        DThemeDarkChart.prototype.getPaddingTop = function () {
+            return 10;
         };
-        DThemeDarkPickerColor.prototype.getMainBaseTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_main_base;
+        DThemeDarkChart.prototype.getPaddingBottom = function () {
+            return 70;
         };
-        DThemeDarkPickerColor.prototype.getMainPointerTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_pointer;
+        DThemeDarkChart.prototype.getBorderColor = function (state) {
+            return null;
         };
-        DThemeDarkPickerColor.prototype.getMainPointerColor = function () {
-            return 0xffffff;
+        DThemeDarkChart.prototype.getInteractive = function () {
+            return DBaseInteractive.BOTH;
         };
-        DThemeDarkPickerColor.prototype.getMainPointerAlpha = function () {
-            return 1;
+        DThemeDarkChart.prototype.isOverflowMaskEnabled = function () {
+            return true;
         };
-        DThemeDarkPickerColor.prototype.getBaseHeight = function () {
-            return 18;
+        DThemeDarkChart.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
         };
-        DThemeDarkPickerColor.prototype.getBaseMargin = function () {
-            return 6;
+        return DThemeDarkChart;
+    }(DThemeDarkBase));
+
+    const DChartAxisPosition = wcardinal.ui.DChartAxisPosition;
+
+    const DChartAxisTickPosition = wcardinal.ui.DChartAxisTickPosition;
+
+    const EShapeTextAlignHorizontal = wcardinal.ui.EShapeTextAlignHorizontal;
+
+    const EShapeTextAlignVertical = wcardinal.ui.EShapeTextAlignVertical;
+
+    const EShapeTextDirection = wcardinal.ui.EShapeTextDirection;
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkChartAxisBase = /** @class */ (function () {
+        function DThemeDarkChartAxisBase() {
+        }
+        DThemeDarkChartAxisBase.prototype.getPosition = function () {
+            return DChartAxisPosition.BOTTOM;
         };
-        DThemeDarkPickerColor.prototype.getBaseTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_base;
+        DThemeDarkChartAxisBase.prototype.getPadding = function () {
+            return 75;
         };
-        DThemeDarkPickerColor.prototype.getBasePointerTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_base_pointer;
+        DThemeDarkChartAxisBase.prototype.getLabelAlignHorizontal = function (position) {
+            switch (position) {
+                case DChartAxisPosition.TOP:
+                    return EShapeTextAlignHorizontal.CENTER;
+                case DChartAxisPosition.BOTTOM:
+                    return EShapeTextAlignHorizontal.CENTER;
+                case DChartAxisPosition.LEFT:
+                    return EShapeTextAlignHorizontal.OUTSIDE_LEFT;
+                case DChartAxisPosition.RIGHT:
+                    return EShapeTextAlignHorizontal.OUTSIDE_RIGHT;
+            }
         };
-        DThemeDarkPickerColor.prototype.getBasePointerColor = function () {
-            return 0xffffff;
+        DThemeDarkChartAxisBase.prototype.getLabelAlignVertical = function (position) {
+            switch (position) {
+                case DChartAxisPosition.TOP:
+                    return EShapeTextAlignVertical.OUTSIDE_TOP;
+                case DChartAxisPosition.BOTTOM:
+                    return EShapeTextAlignVertical.OUTSIDE_BOTTOM;
+                case DChartAxisPosition.LEFT:
+                    return EShapeTextAlignVertical.MIDDLE;
+                case DChartAxisPosition.RIGHT:
+                    return EShapeTextAlignVertical.MIDDLE;
+            }
         };
-        DThemeDarkPickerColor.prototype.getBasePointerAlpha = function () {
-            return this.getMainPointerAlpha();
+        DThemeDarkChartAxisBase.prototype.getLabelPaddingHorizontal = function () {
+            return 60;
         };
-        DThemeDarkPickerColor.prototype.getAlphaHeight = function () {
-            return this.getBaseHeight();
+        DThemeDarkChartAxisBase.prototype.getLabelPaddingVertical = function () {
+            return 50;
         };
-        DThemeDarkPickerColor.prototype.getAlphaMargin = function () {
-            return this.getBaseMargin();
+        DThemeDarkChartAxisBase.prototype.getLabelDirection = function () {
+            return EShapeTextDirection.LEFT_TO_RIGHT;
         };
-        DThemeDarkPickerColor.prototype.getAlphaTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_alpha;
+        DThemeDarkChartAxisBase.prototype.getLabelColor = function () {
+            return this.getStrokeColor();
         };
-        DThemeDarkPickerColor.prototype.getAlphaCheckerboardTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_alpha_checkerboard;
+        DThemeDarkChartAxisBase.prototype.getStyle = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getAlphaPointerTexture = function () {
-            return this.getBasePointerTexture();
+        DThemeDarkChartAxisBase.prototype.getStrokeEnable = function () {
+            return true;
         };
-        DThemeDarkPickerColor.prototype.getAlphaPointerColor = function () {
-            return this.getBasePointerColor();
+        DThemeDarkChartAxisBase.prototype.getStrokeColor = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getAlphaPointerAlpha = function () {
-            return this.getMainPointerAlpha();
+        DThemeDarkChartAxisBase.prototype.getStrokeAlpha = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getRecentMargin = function () {
-            return this.getBaseMargin();
+        DThemeDarkChartAxisBase.prototype.getStrokeWidth = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getRecentColorWidth = function () {
-            return this.getBaseHeight();
+        DThemeDarkChartAxisBase.prototype.getStrokeAlign = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getRecentColorHeight = function () {
-            return this.getRecentColorWidth();
+        DThemeDarkChartAxisBase.prototype.getStrokeSide = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getRecentColorMargin = function () {
-            return this.getRecentMargin();
+        DThemeDarkChartAxisBase.prototype.getStrokeStyle = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getRecentColorCount = function () {
-            return 10;
+        DThemeDarkChartAxisBase.prototype.getTickEnable = function () {
+            return true;
         };
-        DThemeDarkPickerColor.prototype.getRecentCheckerboardTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_recent_checkerboard;
+        DThemeDarkChartAxisBase.prototype.getMajorTickCount = function () {
+            return 3;
         };
-        DThemeDarkPickerColor.prototype.getRecentTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_recent;
+        DThemeDarkChartAxisBase.prototype.getMajorTickCapacity = function (count) {
+            return count * 2;
         };
-        DThemeDarkPickerColor.prototype.getInputMargin = function () {
-            return this.getBaseMargin();
+        DThemeDarkChartAxisBase.prototype.getMajorTickStep = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getInputLabelWidth = function () {
-            return 15;
+        DThemeDarkChartAxisBase.prototype.getMajorTickSize = function () {
+            return 10;
         };
-        DThemeDarkPickerColor.prototype.getSampleCheckerboardOldTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
+        DThemeDarkChartAxisBase.prototype.getMajorTickPosition = function () {
+            return DChartAxisTickPosition.OUTSIDE;
         };
-        DThemeDarkPickerColor.prototype.getSampleCheckerboardNewTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
+        DThemeDarkChartAxisBase.prototype.getMajorTickStyle = function () {
+            return undefined;
         };
-        DThemeDarkPickerColor.prototype.getSampleOldTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_sample;
+        DThemeDarkChartAxisBase.prototype.getMajorTickTextAlignHorizontal = function (position) {
+            switch (position) {
+                case DChartAxisPosition.TOP:
+                    return EShapeTextAlignHorizontal.CENTER;
+                case DChartAxisPosition.BOTTOM:
+                    return EShapeTextAlignHorizontal.CENTER;
+                case DChartAxisPosition.LEFT:
+                    return EShapeTextAlignHorizontal.OUTSIDE_LEFT;
+                case DChartAxisPosition.RIGHT:
+                    return EShapeTextAlignHorizontal.OUTSIDE_RIGHT;
+            }
         };
-        DThemeDarkPickerColor.prototype.getSampleNewTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_sample;
+        DThemeDarkChartAxisBase.prototype.getMajorTickTextAlignVertical = function (position) {
+            switch (position) {
+                case DChartAxisPosition.TOP:
+                    return EShapeTextAlignVertical.OUTSIDE_TOP;
+                case DChartAxisPosition.BOTTOM:
+                    return EShapeTextAlignVertical.OUTSIDE_BOTTOM;
+                case DChartAxisPosition.LEFT:
+                    return EShapeTextAlignVertical.MIDDLE;
+                case DChartAxisPosition.RIGHT:
+                    return EShapeTextAlignVertical.MIDDLE;
+            }
         };
-        DThemeDarkPickerColor.prototype.getStandardColorCount = function () {
-            return 80;
-        };
-        DThemeDarkPickerColor.prototype.getStandardColorWidth = function () {
-            return this.getBaseHeight();
-        };
-        DThemeDarkPickerColor.prototype.getStandardColorHeight = function () {
-            return this.getStandardColorWidth();
-        };
-        DThemeDarkPickerColor.prototype.getStandardColorMargin = function () {
-            return this.getBaseMargin();
-        };
-        DThemeDarkPickerColor.prototype.getStandardTexture = function () {
-            return DThemeDarkAtlas.mappings.picker_color_standard;
-        };
-        DThemeDarkPickerColor.prototype.getBackgroundColor = function (state) {
-            return null;
-        };
-        DThemeDarkPickerColor.prototype.getBorderColor = function (state) {
-            return null;
-        };
-        DThemeDarkPickerColor.prototype.getInteractive = function () {
-            return DBaseInteractive.CHILDREN;
-        };
-        DThemeDarkPickerColor.prototype.newState = function (state) {
-            _super.prototype.newState.call(this, state);
-            state.isFocusable = false;
-        };
-        return DThemeDarkPickerColor;
-    }(DThemeDarkBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkPickerColor = function () {
-        DThemeDark.set("DPickerColor", DThemeDarkPickerColor);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkPickerColorGradient = function () {
-        DThemeDark.set("DPickerColorGradient", DThemeDarkPickerColorGradient);
-        loadThemeDarkPickerColor();
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkDialogColorGradient = function () {
-        DThemeDark.set("DDialogColorGradient", DThemeDarkDialogColorGradient);
-        loadThemeDarkPickerColorGradient();
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonColorGradient = function () {
-        DThemeDark.set("DButtonColorGradient", DThemeDarkButtonColorGradient);
-        loadThemeDarkDialogColorGradient();
-    };
-
-    /*
-     * 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>");
-    /* eslint-enable prettier/prettier */
-    var formatter$9 = function (colorAndAlpha) {
-        return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
-    };
-    var DThemeDarkButtonColor = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonColor, _super);
-        function DThemeDarkButtonColor() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkButtonColor.prototype.getImageTintColor = function (state) {
-            return null;
-        };
-        DThemeDarkButtonColor.prototype.getImageSource = function (state) {
-            return DThemeDarkAtlas.mappings.button_color_sample;
-        };
-        DThemeDarkButtonColor.prototype.getTextFormatter = function () {
-            return formatter$9;
-        };
-        DThemeDarkButtonColor.prototype.newTextValue = function () {
-            return {
-                color: 0xdedede,
-                alpha: 1
-            };
-        };
-        return DThemeDarkButtonColor;
-    }(DThemeDarkButton));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkDialogColor = /** @class */ (function (_super) {
-        __extends(DThemeDarkDialogColor, _super);
-        function DThemeDarkDialogColor() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return DThemeDarkDialogColor;
-    }(DThemeDarkDialogFitted));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkDialogColor = function () {
-        DThemeDark.set("DDialogColor", DThemeDarkDialogColor);
-        loadThemeDarkPickerColor();
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonColor = function () {
-        DThemeDark.set("DButtonColor", DThemeDarkButtonColor);
-        loadThemeDarkDialogColor();
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonDanger = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonDanger, _super);
-        function DThemeDarkButtonDanger() {
-            return _super.call(this, 0xef9a9a, 0.1, 0.2) || this;
-        }
-        DThemeDarkButtonDanger.prototype.getBackgroundColor = function (state) {
-            if (state.inDisabled) {
-                return null;
-            }
-            else if (state.isPressed || state.isActive) {
-                return this.BACKGROUND_COLOR_PRESSED;
-            }
-            else if (state.isHovered) {
-                return this.BACKGROUND_COLOR_HOVERED;
-            }
-            else {
-                return this.BACKGROUND_COLOR;
-            }
-        };
-        DThemeDarkButtonDanger.prototype.getOutlineColor = function (state) {
-            return this.getOutlineColorActive(state);
-        };
-        DThemeDarkButtonDanger.prototype.getOutlineOffset = function (state) {
-            return this.getOutlineOffsetActive(state);
-        };
-        DThemeDarkButtonDanger.prototype.getColor = function (state) {
-            if (state.inDisabled) {
-                return _super.prototype.getColor.call(this, state);
-            }
-            else {
-                return DThemeDarkConstants.ACTIVE_COLOR;
-            }
-        };
-        return DThemeDarkButtonDanger;
-    }(DThemeDarkButtonBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonDanger = function () {
-        DThemeDark.set("DButtonDanger", DThemeDarkButtonDanger);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonFile = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonFile, _super);
-        function DThemeDarkButtonFile() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return DThemeDarkButtonFile;
-    }(DThemeDarkButton));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonFile = function () {
-        DThemeDark.set("DButtonFile", DThemeDarkButtonFile);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonLink = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonLink, _super);
-        function DThemeDarkButtonLink() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return DThemeDarkButtonLink;
-    }(DThemeDarkButtonAmbient));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonLink = function () {
-        DThemeDark.set("DButtonLink", DThemeDarkButtonLink);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonPrimary = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonPrimary, _super);
-        function DThemeDarkButtonPrimary() {
-            return _super.call(this, DThemeDarkConstants.HIGHLIGHT_COLOR, 0.1, 0.2) || this;
-        }
-        DThemeDarkButtonPrimary.prototype.getBackgroundColor = function (state) {
-            if (state.inDisabled) {
-                return null;
-            }
-            else if (state.isPressed || state.isActive) {
-                return this.BACKGROUND_COLOR_PRESSED;
-            }
-            else if (state.isHovered) {
-                return this.BACKGROUND_COLOR_HOVERED;
-            }
-            else {
-                return this.BACKGROUND_COLOR;
-            }
-        };
-        DThemeDarkButtonPrimary.prototype.getOutlineColor = function (state) {
-            return this.getOutlineColorActive(state);
-        };
-        DThemeDarkButtonPrimary.prototype.getOutlineOffset = function (state) {
-            return this.getOutlineOffsetActive(state);
-        };
-        DThemeDarkButtonPrimary.prototype.getColor = function (state) {
-            if (state.inDisabled) {
-                return _super.prototype.getColor.call(this, state);
-            }
-            else {
-                return DThemeDarkConstants.ACTIVE_COLOR;
-            }
-        };
-        return DThemeDarkButtonPrimary;
-    }(DThemeDarkButtonBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonPrimary = function () {
-        DThemeDark.set("DButtonPrimary", DThemeDarkButtonPrimary);
-    };
-
-    /*
-     * 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_radio_mark_on", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48" +
-        " 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8" +
-        " 8 3.58 8 8-3.58 8-8 8z\" fill=\"#fff\" />" +
-        "</g>");
-    DThemeDarkAtlas.add("button_radio_mark_off", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42" +
-        " 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" fill=\"#fff\" />" +
-        "</g>");
-    /* eslint-enable prettier/prettier */
-    var DThemeDarkButtonRadio = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonRadio, _super);
-        function DThemeDarkButtonRadio() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkButtonRadio.prototype.getBackgroundColor = function (state) {
-            return DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
-        };
-        DThemeDarkButtonRadio.prototype.getColor = function (state) {
-            return DThemeDarkConstants.COLOR;
-        };
-        DThemeDarkButtonRadio.prototype.getBackgroundAlpha = function (state) {
-            if (state.inEnabled) {
-                if (state.isHovered) {
-                    return DThemeDarkConstants.WEAK_HIGHLIGHT_ALPHA;
-                }
-            }
-            return 0;
-        };
-        DThemeDarkButtonRadio.prototype.getOutlineColor = function (state) {
-            return this.getOutlineColorNonActive(state);
-        };
-        DThemeDarkButtonRadio.prototype.getOutlineOffset = function (state) {
-            return this.getOutlineOffsetNonActive(state);
-        };
-        DThemeDarkButtonRadio.prototype.getImageTintColor = function (state) {
-            if (state.inDisabled || !state.isActive) {
-                return DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
-            }
-            else {
-                return DThemeDarkConstants.HIGHLIGHT_COLOR;
-            }
-        };
-        DThemeDarkButtonRadio.prototype.isToggle = function () {
-            return true;
-        };
-        DThemeDarkButtonRadio.prototype.getImageSource = function (state) {
-            if (state.isActive) {
-                return DThemeDarkAtlas.mappings.button_radio_mark_on;
-            }
-            else {
-                return DThemeDarkAtlas.mappings.button_radio_mark_off;
-            }
-        };
-        return DThemeDarkButtonRadio;
-    }(DThemeDarkButtonAmbient));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonRadioRight = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonRadioRight, _super);
-        function DThemeDarkButtonRadioRight() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkButtonRadioRight.prototype.getImageAlignWith = function () {
-            return DAlignWith.PADDING;
-        };
-        DThemeDarkButtonRadioRight.prototype.getImageAlignHorizontal = function () {
-            return DAlignHorizontal.RIGHT;
-        };
-        DThemeDarkButtonRadioRight.prototype.getImageMarginHorizontal = function () {
-            return 0;
-        };
-        DThemeDarkButtonRadioRight.prototype.getTextAlignHorizontal = function () {
-            return DAlignHorizontal.LEFT;
-        };
-        return DThemeDarkButtonRadioRight;
-    }(DThemeDarkButtonRadio));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonRadioRight = function () {
-        DThemeDark.set("DButtonRadioRight", DThemeDarkButtonRadioRight);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonRadio = function () {
-        DThemeDark.set("DButtonRadio", DThemeDarkButtonRadio);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkButtonSecondary = /** @class */ (function (_super) {
-        __extends(DThemeDarkButtonSecondary, _super);
-        function DThemeDarkButtonSecondary() {
-            return _super.call(this, 0xb894f6, 0.1, 0.2) || this;
-        }
-        DThemeDarkButtonSecondary.prototype.getBackgroundColor = function (state) {
-            if (state.inDisabled) {
-                return null;
-            }
-            else if (state.isPressed || state.isActive) {
-                return this.BACKGROUND_COLOR_PRESSED;
-            }
-            else if (state.isHovered) {
-                return this.BACKGROUND_COLOR_HOVERED;
-            }
-            else {
-                return this.BACKGROUND_COLOR;
-            }
-        };
-        DThemeDarkButtonSecondary.prototype.getOutlineColor = function (state) {
-            return this.getOutlineColorActive(state);
-        };
-        DThemeDarkButtonSecondary.prototype.getOutlineOffset = function (state) {
-            return this.getOutlineOffsetActive(state);
-        };
-        DThemeDarkButtonSecondary.prototype.getColor = function (state) {
-            if (state.inDisabled) {
-                return _super.prototype.getColor.call(this, state);
-            }
-            else {
-                return 0x000000;
-            }
-        };
-        return DThemeDarkButtonSecondary;
-    }(DThemeDarkButtonBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButtonSecondary = function () {
-        DThemeDark.set("DButtonSecondary", DThemeDarkButtonSecondary);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkButton = function () {
-        DThemeDark.set("DButton", DThemeDarkButton);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkCanvas = /** @class */ (function (_super) {
-        __extends(DThemeDarkCanvas, _super);
-        function DThemeDarkCanvas() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkCanvas.prototype.getBackgroundColor = function () {
-            return 0x484848;
-        };
-        DThemeDarkCanvas.prototype.getBorderColor = function (state) {
-            return null;
-        };
-        DThemeDarkCanvas.prototype.getCornerMask = function () {
-            return DCornerMask.ALL;
-        };
-        DThemeDarkCanvas.prototype.getInteractive = function () {
-            return DBaseInteractive.BOTH;
-        };
-        return DThemeDarkCanvas;
-    }(DThemeDarkBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkCanvasContainer = /** @class */ (function (_super) {
-        __extends(DThemeDarkCanvasContainer, _super);
-        function DThemeDarkCanvasContainer() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkCanvasContainer.prototype.getBackgroundColor = function (state) {
-            return null;
-        };
-        DThemeDarkCanvasContainer.prototype.getBorderColor = function (state) {
-            return null;
-        };
-        DThemeDarkCanvasContainer.prototype.getPaddingLeft = function () {
-            return 32;
-        };
-        DThemeDarkCanvasContainer.prototype.getPaddingTop = function () {
-            return 32;
-        };
-        DThemeDarkCanvasContainer.prototype.getPaddingRight = function () {
-            return 32;
-        };
-        DThemeDarkCanvasContainer.prototype.getPaddingBottom = function () {
-            return 32;
-        };
-        DThemeDarkCanvasContainer.prototype.isOverflowMaskEnabled = function () {
-            return false;
-        };
-        DThemeDarkCanvasContainer.prototype.getInteractive = function () {
-            return DBaseInteractive.BOTH;
-        };
-        return DThemeDarkCanvasContainer;
-    }(DThemeDarkBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkCanvasContainer = function () {
-        DThemeDark.set("DCanvasContainer", DThemeDarkCanvasContainer);
-        DThemeDark.set("DCanvas", DThemeDarkCanvas);
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkChart = /** @class */ (function (_super) {
-        __extends(DThemeDarkChart, _super);
-        function DThemeDarkChart() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkChart.prototype.getPaddingLeft = function () {
-            return 80;
-        };
-        DThemeDarkChart.prototype.getPaddingRight = function () {
-            return 10;
-        };
-        DThemeDarkChart.prototype.getPaddingTop = function () {
-            return 10;
-        };
-        DThemeDarkChart.prototype.getPaddingBottom = function () {
-            return 70;
-        };
-        DThemeDarkChart.prototype.getBorderColor = function (state) {
-            return null;
-        };
-        DThemeDarkChart.prototype.getInteractive = function () {
-            return DBaseInteractive.BOTH;
-        };
-        DThemeDarkChart.prototype.isOverflowMaskEnabled = function () {
-            return true;
-        };
-        DThemeDarkChart.prototype.newState = function (state) {
-            _super.prototype.newState.call(this, state);
-            state.isFocusable = false;
-        };
-        return DThemeDarkChart;
-    }(DThemeDarkBase));
-
-    const DChartAxisPosition = wcardinal.ui.DChartAxisPosition;
-
-    const DChartAxisTickPosition = wcardinal.ui.DChartAxisTickPosition;
-
-    const EShapeTextAlignHorizontal = wcardinal.ui.EShapeTextAlignHorizontal;
-
-    const EShapeTextAlignVertical = wcardinal.ui.EShapeTextAlignVertical;
-
-    const EShapeTextDirection = wcardinal.ui.EShapeTextDirection;
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkChartAxisBase = /** @class */ (function () {
-        function DThemeDarkChartAxisBase() {
-        }
-        DThemeDarkChartAxisBase.prototype.getPosition = function () {
-            return DChartAxisPosition.BOTTOM;
-        };
-        DThemeDarkChartAxisBase.prototype.getPadding = function () {
-            return 75;
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelAlignHorizontal = function (position) {
-            switch (position) {
-                case DChartAxisPosition.TOP:
-                    return EShapeTextAlignHorizontal.CENTER;
-                case DChartAxisPosition.BOTTOM:
-                    return EShapeTextAlignHorizontal.CENTER;
-                case DChartAxisPosition.LEFT:
-                    return EShapeTextAlignHorizontal.OUTSIDE_LEFT;
-                case DChartAxisPosition.RIGHT:
-                    return EShapeTextAlignHorizontal.OUTSIDE_RIGHT;
-            }
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelAlignVertical = function (position) {
-            switch (position) {
-                case DChartAxisPosition.TOP:
-                    return EShapeTextAlignVertical.OUTSIDE_TOP;
-                case DChartAxisPosition.BOTTOM:
-                    return EShapeTextAlignVertical.OUTSIDE_BOTTOM;
-                case DChartAxisPosition.LEFT:
-                    return EShapeTextAlignVertical.MIDDLE;
-                case DChartAxisPosition.RIGHT:
-                    return EShapeTextAlignVertical.MIDDLE;
-            }
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelPaddingHorizontal = function () {
-            return 60;
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelPaddingVertical = function () {
-            return 50;
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelDirection = function () {
-            return EShapeTextDirection.LEFT_TO_RIGHT;
-        };
-        DThemeDarkChartAxisBase.prototype.getLabelColor = function () {
-            return this.getStrokeColor();
-        };
-        DThemeDarkChartAxisBase.prototype.getStyle = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeEnable = function () {
-            return true;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeColor = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeAlpha = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeWidth = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeAlign = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeSide = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getStrokeStyle = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getTickEnable = function () {
-            return true;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickCount = function () {
-            return 3;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickCapacity = function (count) {
-            return count * 2;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickStep = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickSize = function () {
-            return 10;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickPosition = function () {
-            return DChartAxisTickPosition.OUTSIDE;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickStyle = function () {
-            return undefined;
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickTextAlignHorizontal = function (position) {
-            switch (position) {
-                case DChartAxisPosition.TOP:
-                    return EShapeTextAlignHorizontal.CENTER;
-                case DChartAxisPosition.BOTTOM:
-                    return EShapeTextAlignHorizontal.CENTER;
-                case DChartAxisPosition.LEFT:
-                    return EShapeTextAlignHorizontal.OUTSIDE_LEFT;
-                case DChartAxisPosition.RIGHT:
-                    return EShapeTextAlignHorizontal.OUTSIDE_RIGHT;
-            }
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickTextAlignVertical = function (position) {
-            switch (position) {
-                case DChartAxisPosition.TOP:
-                    return EShapeTextAlignVertical.OUTSIDE_TOP;
-                case DChartAxisPosition.BOTTOM:
-                    return EShapeTextAlignVertical.OUTSIDE_BOTTOM;
-                case DChartAxisPosition.LEFT:
-                    return EShapeTextAlignVertical.MIDDLE;
-                case DChartAxisPosition.RIGHT:
-                    return EShapeTextAlignVertical.MIDDLE;
-            }
-        };
-        DThemeDarkChartAxisBase.prototype.getMajorTickTextDirection = function () {
-            return EShapeTextDirection.LEFT_TO_RIGHT;
+        DThemeDarkChartAxisBase.prototype.getMajorTickTextDirection = function () {
+            return EShapeTextDirection.LEFT_TO_RIGHT;
         };
         DThemeDarkChartAxisBase.prototype.getMajorTickTextColor = function () {
             return this.getStrokeColor();
@@ -2650,41 +2067,199 @@
         EThemeDarkShape.prototype.getTextSize = function () {
             return 14;
         };
-        EThemeDarkShape.prototype.getRadius = function () {
-            return 0.25;
+        EThemeDarkShape.prototype.getRadius = function () {
+            return 0.25;
+        };
+        EThemeDarkShape.prototype.getSizeX = function () {
+            return 100;
+        };
+        EThemeDarkShape.prototype.getSizeY = function () {
+            return 100;
+        };
+        EThemeDarkShape.prototype.getHighlightColor = function () {
+            return 0x1e87f0;
+        };
+        EThemeDarkShape.prototype.getCurveSegmentCount = function () {
+            return 24;
+        };
+        return EThemeDarkShape;
+    }());
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkShape = function () {
+        DThemeDark.set("EShape", EThemeDarkShape);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkDiagram = function () {
+        DThemeDark.set("DDiagram", DThemeDarkDiagram);
+        DThemeDark.set("DDiagramCanvas", DThemeDarkDiagramCanvas);
+        loadThemeDarkShape();
+    };
+
+    const DAnimationFadeIn = wcardinal.ui.DAnimationFadeIn;
+
+    const DDialogAlign = wcardinal.ui.DDialogAlign;
+
+    const DDialogCloseOn = wcardinal.ui.DDialogCloseOn;
+
+    const DDialogGestureMode = wcardinal.ui.DDialogGestureMode;
+
+    const DDialogMode = wcardinal.ui.DDialogMode;
+
+    const DDialogState = wcardinal.ui.DDialogState;
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkDialog = /** @class */ (function (_super) {
+        __extends(DThemeDarkDialog, _super);
+        function DThemeDarkDialog() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkDialog.prototype.getMode = function () {
+            return DDialogMode.MODAL;
+        };
+        DThemeDarkDialog.prototype.closeOn = function (mode) {
+            switch (mode) {
+                case DDialogMode.MODAL:
+                case DDialogMode.MENU:
+                    return DDialogCloseOn.ESC | DDialogCloseOn.CLICK_OUTSIDE;
+                case DDialogMode.MODELESS:
+                    return DDialogCloseOn.NONE;
+            }
+        };
+        DThemeDarkDialog.prototype.isSticky = function (mode) {
+            return false;
+        };
+        DThemeDarkDialog.prototype.isGestureEnabled = function (mode) {
+            switch (mode) {
+                case DDialogMode.MODAL:
+                case DDialogMode.MODELESS:
+                    return true;
+                case DDialogMode.MENU:
+                    return false;
+            }
+        };
+        DThemeDarkDialog.prototype.getGestureMode = function (mode) {
+            return DDialogGestureMode.DIRTY;
+        };
+        DThemeDarkDialog.prototype.getOffsetX = function (mode) {
+            return 5;
+        };
+        DThemeDarkDialog.prototype.getOffsetY = function (mode) {
+            return 5;
+        };
+        DThemeDarkDialog.prototype.getAlign = function (mode) {
+            return DDialogAlign.BOTTOM;
+        };
+        DThemeDarkDialog.prototype.newAnimation = function (mode) {
+            switch (mode) {
+                case DDialogMode.MODAL:
+                    return new DAnimationFadeIn();
+                case DDialogMode.MODELESS:
+                    return null;
+                case DDialogMode.MENU:
+                    return null;
+            }
+        };
+        DThemeDarkDialog.prototype.getBackgroundColor = function (state) {
+            if (state.is(DDialogState.MENU)) {
+                return DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+            }
+            else {
+                return DThemeDarkConstants.BACKGROUND_COLOR;
+            }
+        };
+        DThemeDarkDialog.prototype.getBorderColor = function (state) {
+            if (state.is(DDialogState.MENU)) {
+                return null;
+            }
+            else {
+                return 0x393939;
+            }
+        };
+        DThemeDarkDialog.prototype.getOutlineColor = function (state) {
+            return null;
+        };
+        DThemeDarkDialog.prototype.getPaddingLeft = function () {
+            return 0;
+        };
+        DThemeDarkDialog.prototype.getPaddingTop = function () {
+            return 0;
+        };
+        DThemeDarkDialog.prototype.getPaddingRight = function () {
+            return 0;
+        };
+        DThemeDarkDialog.prototype.getPaddingBottom = function () {
+            return 0;
+        };
+        DThemeDarkDialog.prototype.getX = function () {
+            return 0;
+        };
+        DThemeDarkDialog.prototype.getY = function () {
+            return 0;
         };
-        EThemeDarkShape.prototype.getSizeX = function () {
-            return 100;
+        DThemeDarkDialog.prototype.getWidth = function () {
+            return 400;
         };
-        EThemeDarkShape.prototype.getSizeY = function () {
-            return 100;
+        DThemeDarkDialog.prototype.getHeight = function () {
+            return "auto";
         };
-        EThemeDarkShape.prototype.getHighlightColor = function () {
-            return 0x1e87f0;
+        DThemeDarkDialog.prototype.getShadow = function () {
+            return this.newShadow();
         };
-        EThemeDarkShape.prototype.getCurveSegmentCount = function () {
-            return 24;
+        DThemeDarkDialog.prototype.getInteractive = function () {
+            return DBaseInteractive.BOTH;
         };
-        return EThemeDarkShape;
-    }());
+        return DThemeDarkDialog;
+    }(DThemeDarkBase));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkShape = function () {
-        DThemeDark.set("EShape", EThemeDarkShape);
-    };
+    var DThemeDarkDialogLayered = /** @class */ (function (_super) {
+        __extends(DThemeDarkDialogLayered, _super);
+        function DThemeDarkDialogLayered() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkDialogLayered.prototype.getLayout = function () {
+            return undefined;
+        };
+        DThemeDarkDialogLayered.prototype.getHeader = function () {
+            return null;
+        };
+        DThemeDarkDialogLayered.prototype.getContent = function () {
+            return undefined;
+        };
+        DThemeDarkDialogLayered.prototype.getFooter = function () {
+            return undefined;
+        };
+        return DThemeDarkDialogLayered;
+    }(DThemeDarkDialog));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkDiagram = function () {
-        DThemeDark.set("DDiagram", DThemeDarkDiagram);
-        DThemeDark.set("DDiagramCanvas", DThemeDarkDiagramCanvas);
-        loadThemeDarkShape();
-    };
+    var DThemeDarkDialogFitted = /** @class */ (function (_super) {
+        __extends(DThemeDarkDialogFitted, _super);
+        function DThemeDarkDialogFitted() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkDialogFitted.prototype.getWidth = function () {
+            return "auto";
+        };
+        return DThemeDarkDialogFitted;
+    }(DThemeDarkDialogLayered));
 
     const DLayoutDirection = wcardinal.ui.DLayoutDirection;
 
@@ -5354,7 +4929,7 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var formatter$8 = function (value) {
+    var formatter$a = function (value) {
         if (value) {
             var text = value.text;
             if (isString(text)) {
@@ -5375,7 +4950,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         DThemeDarkSelect.prototype.getTextFormatter = function () {
-            return formatter$8;
+            return formatter$a;
         };
         DThemeDarkSelect.prototype.newTextValue = function () {
             return null;
@@ -5387,7 +4962,7 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var formatter$7 = function (values) {
+    var formatter$9 = function (values) {
         if (values) {
             var result = "";
             var delimiter = "";
@@ -5416,7 +4991,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         DThemeDarkSelectMultiple.prototype.getTextFormatter = function () {
-            return formatter$7;
+            return formatter$9;
         };
         DThemeDarkSelectMultiple.prototype.newTextValue = function () {
             return [];
@@ -5846,618 +5421,1065 @@
             }
             return "Unknown";
         };
-        return EThemeDarkShapeActionValue;
-    }());
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var loadThemeDarkShapeActionValue = function () {
-        DThemeDark.set("EShapeActionValue", EThemeDarkShapeActionValue);
-    };
+        return EThemeDarkShapeActionValue;
+    }());
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkShapeActionValue = function () {
+        DThemeDark.set("EShapeActionValue", EThemeDarkShapeActionValue);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkSlider = /** @class */ (function (_super) {
+        __extends(DThemeDarkSlider, _super);
+        function DThemeDarkSlider() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkSlider.prototype.getInteractive = function () {
+            return DBaseInteractive.CHILDREN;
+        };
+        DThemeDarkSlider.prototype.getOutlineColor = function (state) {
+            return null;
+        };
+        return DThemeDarkSlider;
+    }(DThemeDarkBase));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkSliderHorizontal = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderHorizontal, _super);
+        function DThemeDarkSliderHorizontal() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkSliderHorizontal.prototype.getHeight = function () {
+            return 33;
+        };
+        DThemeDarkSliderHorizontal.prototype.getWidth = function () {
+            return 300;
+        };
+        DThemeDarkSliderHorizontal.prototype.getX = function () {
+            return "CENTER";
+        };
+        return DThemeDarkSliderHorizontal;
+    }(DThemeDarkSlider));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkSliderLabel = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderLabel, _super);
+        function DThemeDarkSliderLabel() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkSliderLabel.prototype.getHeight = function () {
+            return 15;
+        };
+        DThemeDarkSliderLabel.prototype.getWidth = function () {
+            return 30;
+        };
+        DThemeDarkSliderLabel.prototype.getTextAlignHorizontal = function () {
+            return DAlignHorizontal.CENTER;
+        };
+        DThemeDarkSliderLabel.prototype.getTextAlignVertical = function () {
+            return DAlignVertical.MIDDLE;
+        };
+        DThemeDarkSliderLabel.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
+        };
+        return DThemeDarkSliderLabel;
+    }(DThemeDarkTextBase));
+
+    var DThemeDarkSliders = /** @class */ (function () {
+        function DThemeDarkSliders() {
+        }
+        DThemeDarkSliders.getBackgroundColor = function (state, isActive) {
+            if (state.isActive || isActive) {
+                if (state.inDisabled) {
+                    return this.BACKGROUND_COLOR;
+                }
+                else if (state.isPressed && state.isHovered) {
+                    return this.BACKGROUND_COLOR_ACTIVE_PRESSED;
+                }
+                else if (state.isPressed || state.isHovered) {
+                    return this.BACKGROUND_COLOR_ACTIVE_HOVERED;
+                }
+                else {
+                    return this.BACKGROUND_COLOR_ACTIVE;
+                }
+            }
+            else {
+                if (state.inDisabled) {
+                    return this.BACKGROUND_COLOR_DISABLED;
+                }
+                else if (state.isPressed && state.isHovered) {
+                    return this.BACKGROUND_COLOR_PRESSED;
+                }
+                else if (state.isPressed || state.isHovered) {
+                    return this.BACKGROUND_COLOR_HOVERED;
+                }
+                else {
+                    return this.BACKGROUND_COLOR;
+                }
+            }
+        };
+        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE = DThemeDarkConstants.HIGHLIGHT_COLOR;
+        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE_HOVERED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE, 0.1);
+        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE_PRESSED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE, 0.2);
+        DThemeDarkSliders.BACKGROUND_COLOR = DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
+        DThemeDarkSliders.BACKGROUND_COLOR_HOVERED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR, 0.1);
+        DThemeDarkSliders.BACKGROUND_COLOR_PRESSED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR, 0.2);
+        DThemeDarkSliders.BACKGROUND_COLOR_DISABLED = UtilRgb.blend(DThemeDarkSliders.BACKGROUND_COLOR, DThemeDarkConstants.BACKGROUND_COLOR, 0.5);
+        return DThemeDarkSliders;
+    }());
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    /* eslint-disable prettier/prettier */
+    DThemeDarkAtlas.add("slider_thumb", 16, 16, "<circle cx=\"8\" cy=\"8\" r=\"7.5\" stroke=\"none\" fill=\"#ffffff\" />");
+    /* eslint-enable prettier/prettier */
+    var DThemeDarkSliderThumb = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderThumb, _super);
+        function DThemeDarkSliderThumb() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkSliderThumb.prototype.getX = function () {
+            return "CENTER";
+        };
+        DThemeDarkSliderThumb.prototype.getY = function () {
+            return "CENTER";
+        };
+        DThemeDarkSliderThumb.prototype.getWidth = function () {
+            return 16;
+        };
+        DThemeDarkSliderThumb.prototype.getHeight = function () {
+            return 16;
+        };
+        DThemeDarkSliderThumb.prototype.getBackgroundColor = function (state) {
+            return null;
+        };
+        DThemeDarkSliderThumb.prototype.getBorderColor = function (state) {
+            return null;
+        };
+        DThemeDarkSliderThumb.prototype.getImageSource = function (state) {
+            return DThemeDarkAtlas.mappings.slider_thumb;
+        };
+        DThemeDarkSliderThumb.prototype.getImageTintColor = function (state) {
+            return DThemeDarkSliders.getBackgroundColor(state, true);
+        };
+        DThemeDarkSliderThumb.prototype.getImageTintAlpha = function (state) {
+            return 1;
+        };
+        DThemeDarkSliderThumb.prototype.getImageAlignHorizontal = function () {
+            return DAlignHorizontal.CENTER;
+        };
+        DThemeDarkSliderThumb.prototype.getOutlineColor = function (state) {
+            return null;
+        };
+        return DThemeDarkSliderThumb;
+    }(DThemeDarkButton));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkSliderTrack = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderTrack, _super);
+        function DThemeDarkSliderTrack() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkSliderTrack.prototype.getBackgroundColor = function (state) {
+            return DThemeDarkSliders.getBackgroundColor(state);
+        };
+        DThemeDarkSliderTrack.prototype.getBorderColor = function (state) {
+            return null;
+        };
+        DThemeDarkSliderTrack.prototype.getOutlineColor = function (state) {
+            return _super.prototype.getOutlineColorNonActive.call(this, state);
+        };
+        DThemeDarkSliderTrack.prototype.getOutlineOffset = function (state) {
+            return _super.prototype.getOutlineOffsetNonActive.call(this, state);
+        };
+        DThemeDarkSliderTrack.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
+        };
+        return DThemeDarkSliderTrack;
+    }(DThemeDarkButton));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSlider = /** @class */ (function (_super) {
-        __extends(DThemeDarkSlider, _super);
-        function DThemeDarkSlider() {
+    var DThemeDarkSliderTrackHorizontal = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderTrackHorizontal, _super);
+        function DThemeDarkSliderTrackHorizontal() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSlider.prototype.getInteractive = function () {
-            return DBaseInteractive.CHILDREN;
+        DThemeDarkSliderTrackHorizontal.prototype.getX = function () {
+            return 0;
         };
-        DThemeDarkSlider.prototype.getOutlineColor = function (state) {
-            return null;
+        DThemeDarkSliderTrackHorizontal.prototype.getY = function () {
+            return "CENTER";
         };
-        return DThemeDarkSlider;
-    }(DThemeDarkBase));
+        DThemeDarkSliderTrackHorizontal.prototype.getWidth = function () {
+            return "100%";
+        };
+        DThemeDarkSliderTrackHorizontal.prototype.getHeight = function () {
+            return 5;
+        };
+        return DThemeDarkSliderTrackHorizontal;
+    }(DThemeDarkSliderTrack));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSliderHorizontal = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderHorizontal, _super);
-        function DThemeDarkSliderHorizontal() {
+    var DThemeDarkSliderTrackVertical = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderTrackVertical, _super);
+        function DThemeDarkSliderTrackVertical() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSliderHorizontal.prototype.getHeight = function () {
-            return 33;
+        DThemeDarkSliderTrackVertical.prototype.getX = function () {
+            return "CENTER";
         };
-        DThemeDarkSliderHorizontal.prototype.getWidth = function () {
-            return 300;
+        DThemeDarkSliderTrackVertical.prototype.getY = function () {
+            return 0;
         };
-        DThemeDarkSliderHorizontal.prototype.getX = function () {
-            return "CENTER";
+        DThemeDarkSliderTrackVertical.prototype.getWidth = function () {
+            return 5;
         };
-        return DThemeDarkSliderHorizontal;
-    }(DThemeDarkSlider));
+        DThemeDarkSliderTrackVertical.prototype.getHeight = function () {
+            return "100%";
+        };
+        return DThemeDarkSliderTrackVertical;
+    }(DThemeDarkSliderTrack));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSliderLabel = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderLabel, _super);
-        function DThemeDarkSliderLabel() {
+    var DThemeDarkSliderValue = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderValue, _super);
+        function DThemeDarkSliderValue() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSliderLabel.prototype.getHeight = function () {
-            return 15;
+        DThemeDarkSliderValue.prototype.getX = function () {
+            return "CENTER";
         };
-        DThemeDarkSliderLabel.prototype.getWidth = function () {
-            return 30;
+        DThemeDarkSliderValue.prototype.getY = function () {
+            return "CENTER";
         };
-        DThemeDarkSliderLabel.prototype.getTextAlignHorizontal = function () {
+        DThemeDarkSliderValue.prototype.getWidth = function () {
+            return this.getLineHeight() * 2;
+        };
+        DThemeDarkSliderValue.prototype.getHeight = function () {
+            return this.getLineHeight();
+        };
+        DThemeDarkSliderValue.prototype.getBackgroundColor = function (state) {
+            if (state.inDisabled) {
+                return 0x646464;
+            }
+            return DThemeDarkConstants.HIGHLIGHT_COLOR;
+        };
+        DThemeDarkSliderValue.prototype.getBorderColor = function (state) {
+            return null;
+        };
+        DThemeDarkSliderValue.prototype.getColor = function (state) {
+            return DThemeDarkConstants.ACTIVE_COLOR;
+        };
+        DThemeDarkSliderValue.prototype.getAlpha = function (state) {
+            if (state.inDisabled) {
+                return 0.38;
+            }
+            return 1;
+        };
+        DThemeDarkSliderValue.prototype.getTextAlignHorizontal = function () {
             return DAlignHorizontal.CENTER;
         };
-        DThemeDarkSliderLabel.prototype.getTextAlignVertical = function () {
-            return DAlignVertical.MIDDLE;
+        DThemeDarkSliderValue.prototype.getTextAlignVertical = function () {
+            return DAlignVertical.TOP;
         };
-        DThemeDarkSliderLabel.prototype.newState = function (state) {
+        DThemeDarkSliderValue.prototype.getPrecision = function () {
+            return 0;
+        };
+        DThemeDarkSliderValue.prototype.newState = function (state) {
             _super.prototype.newState.call(this, state);
             state.isFocusable = false;
         };
-        return DThemeDarkSliderLabel;
+        return DThemeDarkSliderValue;
     }(DThemeDarkTextBase));
 
-    var DThemeDarkSliders = /** @class */ (function () {
-        function DThemeDarkSliders() {
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkSliderVertical = /** @class */ (function (_super) {
+        __extends(DThemeDarkSliderVertical, _super);
+        function DThemeDarkSliderVertical() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSliders.getBackgroundColor = function (state, isActive) {
-            if (state.isActive || isActive) {
-                if (state.inDisabled) {
-                    return this.BACKGROUND_COLOR;
-                }
-                else if (state.isPressed && state.isHovered) {
-                    return this.BACKGROUND_COLOR_ACTIVE_PRESSED;
-                }
-                else if (state.isPressed || state.isHovered) {
-                    return this.BACKGROUND_COLOR_ACTIVE_HOVERED;
-                }
-                else {
-                    return this.BACKGROUND_COLOR_ACTIVE;
-                }
-            }
-            else {
-                if (state.inDisabled) {
-                    return this.BACKGROUND_COLOR_DISABLED;
-                }
-                else if (state.isPressed && state.isHovered) {
-                    return this.BACKGROUND_COLOR_PRESSED;
-                }
-                else if (state.isPressed || state.isHovered) {
-                    return this.BACKGROUND_COLOR_HOVERED;
+        DThemeDarkSliderVertical.prototype.getHeight = function () {
+            return 322;
+        };
+        DThemeDarkSliderVertical.prototype.getWidth = function () {
+            return 35;
+        };
+        return DThemeDarkSliderVertical;
+    }(DThemeDarkSlider));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkSlider = function () {
+        DThemeDark.set("DSlider", DThemeDarkSlider);
+        DThemeDark.set("DSliderValue", DThemeDarkSliderValue);
+        DThemeDark.set("DSliderLabel", DThemeDarkSliderLabel);
+        DThemeDark.set("DSliderThumb", DThemeDarkSliderThumb);
+        DThemeDark.set("DSliderVertical", DThemeDarkSliderVertical);
+        DThemeDark.set("DSliderHorizontal", DThemeDarkSliderHorizontal);
+        DThemeDark.set("DSliderTrack", DThemeDarkSliderTrack);
+        DThemeDark.set("DSliderTrackVertical", DThemeDarkSliderTrackVertical);
+        DThemeDark.set("DSliderTrackHorizontal", DThemeDarkSliderTrackHorizontal);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkText = function () {
+        DThemeDark.set("DText", DThemeDarkText);
+    };
+
+    const DTableState = wcardinal.ui.DTableState;
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkTableBodyCellTrees = /** @class */ (function () {
+        function DThemeDarkTableBodyCellTrees() {
+        }
+        DThemeDarkTableBodyCellTrees.init = function () {
+            DThemeDarkExpandables.init();
+        };
+        DThemeDarkTableBodyCellTrees.getImageSource = function (state) {
+            if (state.is(DTableState.HAS_CHILDREN)) {
+                if (state.is(DTableState.OPENED)) {
+                    return DThemeDarkExpandables.getImageOpened();
                 }
                 else {
-                    return this.BACKGROUND_COLOR;
+                    return DThemeDarkExpandables.getImageClosed();
                 }
             }
+            return null;
         };
-        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE = DThemeDarkConstants.HIGHLIGHT_COLOR;
-        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE_HOVERED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE, 0.1);
-        DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE_PRESSED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR_ACTIVE, 0.2);
-        DThemeDarkSliders.BACKGROUND_COLOR = DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR;
-        DThemeDarkSliders.BACKGROUND_COLOR_HOVERED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR, 0.1);
-        DThemeDarkSliders.BACKGROUND_COLOR_PRESSED = UtilRgb.darken(DThemeDarkSliders.BACKGROUND_COLOR, 0.2);
-        DThemeDarkSliders.BACKGROUND_COLOR_DISABLED = UtilRgb.blend(DThemeDarkSliders.BACKGROUND_COLOR, DThemeDarkConstants.BACKGROUND_COLOR, 0.5);
-        return DThemeDarkSliders;
+        return DThemeDarkTableBodyCellTrees;
     }());
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("slider_thumb", 16, 16, "<circle cx=\"8\" cy=\"8\" r=\"7.5\" stroke=\"none\" fill=\"#ffffff\" />");
-    /* eslint-enable prettier/prettier */
-    var DThemeDarkSliderThumb = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderThumb, _super);
-        function DThemeDarkSliderThumb() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var DThemeDarkTreeItems = /** @class */ (function (_super) {
+        __extends(DThemeDarkTreeItems, _super);
+        function DThemeDarkTreeItems() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkTreeItems.prototype.getSecondaryImageSource = function (state) {
+            return DThemeDarkTableBodyCellTrees.getImageSource(state);
+        };
+        DThemeDarkTreeItems.prototype.getSecondaryImageTintColor = function (state) {
+            return this.getColor(state);
+        };
+        DThemeDarkTreeItems.prototype.getSecondaryImageTintAlpha = function (state) {
+            return this.getAlpha(state) * 0.5;
+        };
+        DThemeDarkTreeItems.prototype.getSecondaryImageAlignWith = function () {
+            return DAlignWith.PADDING;
+        };
+        DThemeDarkTreeItems.prototype.getSecondaryImageMarginHorizontal = function () {
+            return -19;
+        };
+        return DThemeDarkTreeItems;
+    }(DThemeDarkListItems));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkTree = /** @class */ (function (_super) {
+        __extends(DThemeDarkTree, _super);
+        function DThemeDarkTree() {
+            var _this = _super.call(this) || this;
+            _this._style = _this.newStyle();
+            return _this;
+        }
+        DThemeDarkTree.prototype.newStyle = function () {
+            return new DThemeDarkTreeItems(null, true, false);
+        };
+        DThemeDarkTree.prototype.getBackgroundColor = function (state) {
+            return DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+        };
+        return DThemeDarkTree;
+    }(DThemeDarkPane));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkTreeItemText = /** @class */ (function (_super) {
+        __extends(DThemeDarkTreeItemText, _super);
+        function DThemeDarkTreeItemText() {
+            var _this = _super.call(this) || this;
+            _this._style = _this.newStyle();
+            return _this;
         }
-        DThemeDarkSliderThumb.prototype.getX = function () {
-            return "CENTER";
+        DThemeDarkTreeItemText.prototype.newStyle = function () {
+            return new DThemeDarkTreeItems(null, true, false);
         };
-        DThemeDarkSliderThumb.prototype.getY = function () {
-            return "CENTER";
+        DThemeDarkTreeItemText.prototype.getBackgroundColor = function (state) {
+            return this._style.getBackgroundColor(state);
         };
-        DThemeDarkSliderThumb.prototype.getWidth = function () {
-            return 16;
+        DThemeDarkTreeItemText.prototype.getBackgroundAlpha = function (state) {
+            return this._style.getBackgroundAlpha(state);
         };
-        DThemeDarkSliderThumb.prototype.getHeight = function () {
-            return 16;
+        DThemeDarkTreeItemText.prototype.getBorderColor = function (state) {
+            return this._style.getBorderColor(state);
         };
-        DThemeDarkSliderThumb.prototype.getBackgroundColor = function (state) {
-            return null;
+        DThemeDarkTreeItemText.prototype.getBorderMask = function (state) {
+            return this._style.getBorderMask(state);
         };
-        DThemeDarkSliderThumb.prototype.getBorderColor = function (state) {
-            return null;
+        DThemeDarkTreeItemText.prototype.getColor = function (state) {
+            return this._style.getColor(state);
         };
-        DThemeDarkSliderThumb.prototype.getImageSource = function (state) {
-            return DThemeDarkAtlas.mappings.slider_thumb;
+        DThemeDarkTreeItemText.prototype.getAlpha = function (state) {
+            return this._style.getAlpha(state);
         };
-        DThemeDarkSliderThumb.prototype.getImageTintColor = function (state) {
-            return DThemeDarkSliders.getBackgroundColor(state, true);
+        DThemeDarkTreeItemText.prototype.getHeight = function () {
+            return this._style.getHeight();
         };
-        DThemeDarkSliderThumb.prototype.getImageTintAlpha = function (state) {
-            return 1;
+        DThemeDarkTreeItemText.prototype.getCornerMask = function () {
+            return this._style.getCornerMask();
         };
-        DThemeDarkSliderThumb.prototype.getImageAlignHorizontal = function () {
-            return DAlignHorizontal.CENTER;
+        DThemeDarkTreeItemText.prototype.getImageTintColor = function (state) {
+            return this._style.getImageTintColor(state);
         };
-        DThemeDarkSliderThumb.prototype.getOutlineColor = function (state) {
-            return null;
+        DThemeDarkTreeItemText.prototype.getCursor = function (state) {
+            return this._style.getCursor(state);
         };
-        return DThemeDarkSliderThumb;
-    }(DThemeDarkButton));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkSliderTrack = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderTrack, _super);
-        function DThemeDarkSliderTrack() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkSliderTrack.prototype.getBackgroundColor = function (state) {
-            return DThemeDarkSliders.getBackgroundColor(state);
+        DThemeDarkTreeItemText.prototype.getPaddingLeft = function () {
+            return 10;
         };
-        DThemeDarkSliderTrack.prototype.getBorderColor = function (state) {
-            return null;
+        DThemeDarkTreeItemText.prototype.getPaddingRight = function () {
+            return 10;
         };
-        DThemeDarkSliderTrack.prototype.getOutlineColor = function (state) {
-            return _super.prototype.getOutlineColorNonActive.call(this, state);
+        DThemeDarkTreeItemText.prototype.newTextValue = function () {
+            return undefined;
         };
-        DThemeDarkSliderTrack.prototype.getOutlineOffset = function (state) {
-            return _super.prototype.getOutlineOffsetNonActive.call(this, state);
+        DThemeDarkTreeItemText.prototype.getWidth = function () {
+            return "padding";
         };
-        DThemeDarkSliderTrack.prototype.newState = function (state) {
+        DThemeDarkTreeItemText.prototype.getLevelPadding = function (level) {
+            return 24 + level * 20 - this.getPaddingLeft();
+        };
+        DThemeDarkTreeItemText.prototype.newState = function (state) {
             _super.prototype.newState.call(this, state);
-            state.isFocusable = false;
+            state.isDisabled = true;
         };
-        return DThemeDarkSliderTrack;
-    }(DThemeDarkButton));
+        return DThemeDarkTreeItemText;
+    }(DThemeDarkImageBase));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSliderTrackHorizontal = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderTrackHorizontal, _super);
-        function DThemeDarkSliderTrackHorizontal() {
+    var DThemeDarkTreeItemButton = /** @class */ (function (_super) {
+        __extends(DThemeDarkTreeItemButton, _super);
+        function DThemeDarkTreeItemButton() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSliderTrackHorizontal.prototype.getX = function () {
-            return 0;
-        };
-        DThemeDarkSliderTrackHorizontal.prototype.getY = function () {
-            return "CENTER";
-        };
-        DThemeDarkSliderTrackHorizontal.prototype.getWidth = function () {
-            return "100%";
-        };
-        DThemeDarkSliderTrackHorizontal.prototype.getHeight = function () {
-            return 5;
+        DThemeDarkTreeItemButton.prototype.getCursor = function (state) {
+            if (!state.isActionable) {
+                return "";
+            }
+            return "pointer";
         };
-        return DThemeDarkSliderTrackHorizontal;
-    }(DThemeDarkSliderTrack));
+        return DThemeDarkTreeItemButton;
+    }(DThemeDarkTreeItemText));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSliderTrackVertical = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderTrackVertical, _super);
-        function DThemeDarkSliderTrackVertical() {
+    DThemeDarkTableBodyCellTrees.init();
+    var DThemeDarkTreeItemNonEditable = /** @class */ (function (_super) {
+        __extends(DThemeDarkTreeItemNonEditable, _super);
+        function DThemeDarkTreeItemNonEditable() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkSliderTrackVertical.prototype.getX = function () {
-            return "CENTER";
+        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageSource = function (state) {
+            return this._style.getSecondaryImageSource(state);
         };
-        DThemeDarkSliderTrackVertical.prototype.getY = function () {
-            return 0;
+        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageTintColor = function (state) {
+            return this._style.getSecondaryImageTintColor(state);
         };
-        DThemeDarkSliderTrackVertical.prototype.getWidth = function () {
-            return 5;
+        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageTintAlpha = function (state) {
+            return this._style.getSecondaryImageTintAlpha(state);
         };
-        DThemeDarkSliderTrackVertical.prototype.getHeight = function () {
-            return "100%";
+        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageAlignWith = function () {
+            return this._style.getSecondaryImageAlignWith();
         };
-        return DThemeDarkSliderTrackVertical;
-    }(DThemeDarkSliderTrack));
+        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageMarginHorizontal = function () {
+            return this._style.getSecondaryImageMarginHorizontal();
+        };
+        return DThemeDarkTreeItemNonEditable;
+    }(DThemeDarkTreeItemButton));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkSliderValue = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderValue, _super);
-        function DThemeDarkSliderValue() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var loadThemeDarkTree = function () {
+        DThemeDark.set("DTree", DThemeDarkTree);
+        DThemeDark.set("DTreeItemText", DThemeDarkTreeItemText);
+        DThemeDark.set("DTreeItemButton", DThemeDarkTreeItemButton);
+        DThemeDark.set("DTreeItemNonEditable", DThemeDarkTreeItemNonEditable);
+    };
+
+    const UtilGestureModifier = wcardinal.ui.UtilGestureModifier;
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkView = /** @class */ (function () {
+        function DThemeDarkView() {
         }
-        DThemeDarkSliderValue.prototype.getX = function () {
-            return "CENTER";
+        DThemeDarkView.prototype.isWheelZoomEnabled = function () {
+            return true;
         };
-        DThemeDarkSliderValue.prototype.getY = function () {
-            return "CENTER";
+        DThemeDarkView.prototype.getWheelZoomSpeed = function () {
+            return 0.004;
         };
-        DThemeDarkSliderValue.prototype.getWidth = function () {
-            return this.getLineHeight() * 2;
+        DThemeDarkView.prototype.getWheelZoomModifier = function () {
+            return UtilGestureModifier.NOT_NONE;
         };
-        DThemeDarkSliderValue.prototype.getHeight = function () {
-            return this.getLineHeight();
+        DThemeDarkView.prototype.isWheelTranslationEnabled = function () {
+            return true;
         };
-        DThemeDarkSliderValue.prototype.getBackgroundColor = function (state) {
-            if (state.inDisabled) {
-                return 0x646464;
-            }
-            return DThemeDarkConstants.HIGHLIGHT_COLOR;
+        DThemeDarkView.prototype.getWheelTranslationSpeed = function () {
+            return 14 * 0.16;
         };
-        DThemeDarkSliderValue.prototype.getBorderColor = function (state) {
-            return null;
+        DThemeDarkView.prototype.getWheelTranslationModifier = function () {
+            return UtilGestureModifier.NONE;
         };
-        DThemeDarkSliderValue.prototype.getColor = function (state) {
-            return DThemeDarkConstants.ACTIVE_COLOR;
+        DThemeDarkView.prototype.isDblClickZoomEnabled = function () {
+            return true;
         };
-        DThemeDarkSliderValue.prototype.getAlpha = function (state) {
-            if (state.inDisabled) {
-                return 0.38;
-            }
-            return 1;
+        DThemeDarkView.prototype.getDblClickZoomSpeed = function () {
+            return 2;
         };
-        DThemeDarkSliderValue.prototype.getTextAlignHorizontal = function () {
-            return DAlignHorizontal.CENTER;
+        DThemeDarkView.prototype.getDblClickZoomModifier = function () {
+            return UtilGestureModifier.NONE;
         };
-        DThemeDarkSliderValue.prototype.getTextAlignVertical = function () {
-            return DAlignVertical.TOP;
+        DThemeDarkView.prototype.getDblClickZoomDuration = function () {
+            return 333;
         };
-        DThemeDarkSliderValue.prototype.getPrecision = function () {
-            return 0;
+        DThemeDarkView.prototype.getZoomMin = function () {
+            return 0.01;
         };
-        DThemeDarkSliderValue.prototype.newState = function (state) {
-            _super.prototype.newState.call(this, state);
-            state.isFocusable = false;
+        DThemeDarkView.prototype.getZoomMax = function () {
+            return 100;
         };
-        return DThemeDarkSliderValue;
-    }(DThemeDarkTextBase));
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkSliderVertical = /** @class */ (function (_super) {
-        __extends(DThemeDarkSliderVertical, _super);
-        function DThemeDarkSliderVertical() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DThemeDarkSliderVertical.prototype.getHeight = function () {
-            return 322;
+        DThemeDarkView.prototype.getZoomKeepRatio = function () {
+            return true;
         };
-        DThemeDarkSliderVertical.prototype.getWidth = function () {
-            return 35;
+        DThemeDarkView.prototype.getGestureMode = function () {
+            return UtilGestureMode.ON;
         };
-        return DThemeDarkSliderVertical;
-    }(DThemeDarkSlider));
+        DThemeDarkView.prototype.getGestureModifier = function () {
+            return UtilGestureModifier.NONE;
+        };
+        DThemeDarkView.prototype.getGestureDuration = function () {
+            return 1;
+        };
+        return DThemeDarkView;
+    }());
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkSlider = function () {
-        DThemeDark.set("DSlider", DThemeDarkSlider);
-        DThemeDark.set("DSliderValue", DThemeDarkSliderValue);
-        DThemeDark.set("DSliderLabel", DThemeDarkSliderLabel);
-        DThemeDark.set("DSliderThumb", DThemeDarkSliderThumb);
-        DThemeDark.set("DSliderVertical", DThemeDarkSliderVertical);
-        DThemeDark.set("DSliderHorizontal", DThemeDarkSliderHorizontal);
-        DThemeDark.set("DSliderTrack", DThemeDarkSliderTrack);
-        DThemeDark.set("DSliderTrackVertical", DThemeDarkSliderTrackVertical);
-        DThemeDark.set("DSliderTrackHorizontal", DThemeDarkSliderTrackHorizontal);
+    var loadThemeDarkView = function () {
+        DThemeDark.set("DView", DThemeDarkView);
     };
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkText = function () {
-        DThemeDark.set("DText", DThemeDarkText);
+    var loadThemeDark = function () {
+        DThemes.setDefaultThemeClass(DThemeDark);
     };
 
-    const DTableState = wcardinal.ui.DTableState;
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DThemeDarkTableBodyCellTrees = /** @class */ (function () {
-        function DThemeDarkTableBodyCellTrees() {
-        }
-        DThemeDarkTableBodyCellTrees.init = function () {
-            DThemeDarkExpandables.init();
-        };
-        DThemeDarkTableBodyCellTrees.getImageSource = function (state) {
-            if (state.is(DTableState.HAS_CHILDREN)) {
-                if (state.is(DTableState.OPENED)) {
-                    return DThemeDarkExpandables.getImageOpened();
-                }
-                else {
-                    return DThemeDarkExpandables.getImageClosed();
-                }
-            }
-            return null;
-        };
-        return DThemeDarkTableBodyCellTrees;
-    }());
-
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkTreeItems = /** @class */ (function (_super) {
-        __extends(DThemeDarkTreeItems, _super);
-        function DThemeDarkTreeItems() {
+    // 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>");
+    /* eslint-enable prettier/prettier */
+    var formatter$8 = function (colorAndAlpha) {
+        return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
+    };
+    var DThemeDarkButtonColor = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonColor, _super);
+        function DThemeDarkButtonColor() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkTreeItems.prototype.getSecondaryImageSource = function (state) {
-            return DThemeDarkTableBodyCellTrees.getImageSource(state);
-        };
-        DThemeDarkTreeItems.prototype.getSecondaryImageTintColor = function (state) {
-            return this.getColor(state);
+        DThemeDarkButtonColor.prototype.getImageTintColor = function (state) {
+            return null;
         };
-        DThemeDarkTreeItems.prototype.getSecondaryImageTintAlpha = function (state) {
-            return this.getAlpha(state) * 0.5;
+        DThemeDarkButtonColor.prototype.getImageSource = function (state) {
+            return DThemeDarkAtlas.mappings.button_color_sample;
         };
-        DThemeDarkTreeItems.prototype.getSecondaryImageAlignWith = function () {
-            return DAlignWith.PADDING;
+        DThemeDarkButtonColor.prototype.getTextFormatter = function () {
+            return formatter$8;
         };
-        DThemeDarkTreeItems.prototype.getSecondaryImageMarginHorizontal = function () {
-            return -19;
+        DThemeDarkButtonColor.prototype.newTextValue = function () {
+            return {
+                color: 0xdedede,
+                alpha: 1
+            };
         };
-        return DThemeDarkTreeItems;
-    }(DThemeDarkListItems));
+        return DThemeDarkButtonColor;
+    }(DThemeDarkButton));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkTree = /** @class */ (function (_super) {
-        __extends(DThemeDarkTree, _super);
-        function DThemeDarkTree() {
-            var _this = _super.call(this) || this;
-            _this._style = _this.newStyle();
-            return _this;
+    var DThemeDarkDialogColor = /** @class */ (function (_super) {
+        __extends(DThemeDarkDialogColor, _super);
+        function DThemeDarkDialogColor() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkTree.prototype.newStyle = function () {
-            return new DThemeDarkTreeItems(null, true, false);
-        };
-        DThemeDarkTree.prototype.getBackgroundColor = function (state) {
-            return DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-        };
-        return DThemeDarkTree;
-    }(DThemeDarkPane));
+        return DThemeDarkDialogColor;
+    }(DThemeDarkDialogFitted));
+
+    const DColorType = wcardinal.ui.DColorType;
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkTreeItemText = /** @class */ (function (_super) {
-        __extends(DThemeDarkTreeItemText, _super);
-        function DThemeDarkTreeItemText() {
-            var _this = _super.call(this) || this;
-            _this._style = _this.newStyle();
-            return _this;
+    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, "\" />");
+            }
         }
-        DThemeDarkTreeItemText.prototype.newStyle = function () {
-            return new DThemeDarkTreeItems(null, true, false);
+        result += "</g>";
+        return result;
+    };
+    /* eslint-disable prettier/prettier */
+    DThemeDarkAtlas.add("picker_color_main", 236, 164, "<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\"/>" +
+        "</linearGradient>" +
+        "<linearGradient id=\"2rfcfe9874bw\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">" +
+        "<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));
+    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\"/>" +
+        "<stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" offset=\"1\"/>" +
+        "</linearGradient>" +
+        "<rect x=\"0\" y=\"0\" width=\"234\" height=\"18\" fill=\"url(#s48afbuh44)\" />" +
+        "</g>");
+    DThemeDarkAtlas.add("picker_color_base", 234, 18, "<g>" +
+        "<linearGradient id=\"ni2rbisdf3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
+        "<stop stop-color=\"#FF0000\" offset=\"0\"/>" +
+        "<stop stop-color=\"#FFFF00\" offset=\"0.167\"/>" +
+        "<stop stop-color=\"#00FF00\" offset=\"0.333\"/>" +
+        "<stop stop-color=\"#00FFFF\" offset=\"0.5\"/>" +
+        "<stop stop-color=\"#0000FF\" offset=\"0.667\"/>" +
+        "<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)\" />" +
+        "</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_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\" />" +
+        "<circle cx=\"14.1\" cy=\"14.1\" r=\"7.2\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />");
+    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>");
+    /* eslint-enable prettier/prettier */
+    var DThemeDarkPickerColor = /** @class */ (function (_super) {
+        __extends(DThemeDarkPickerColor, _super);
+        function DThemeDarkPickerColor() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkPickerColor.prototype.getMainWidth = function () {
+            return 234;
+        };
+        DThemeDarkPickerColor.prototype.getMainHeight = function () {
+            return 162;
+        };
+        DThemeDarkPickerColor.prototype.getMainTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_main;
+        };
+        DThemeDarkPickerColor.prototype.getMainBaseTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_main_base;
+        };
+        DThemeDarkPickerColor.prototype.getMainPointerTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_pointer;
+        };
+        DThemeDarkPickerColor.prototype.getMainPointerColor = function () {
+            return 0xffffff;
+        };
+        DThemeDarkPickerColor.prototype.getMainPointerAlpha = function () {
+            return 1;
+        };
+        DThemeDarkPickerColor.prototype.getBaseHeight = function () {
+            return 18;
+        };
+        DThemeDarkPickerColor.prototype.getBaseMargin = function () {
+            return 6;
+        };
+        DThemeDarkPickerColor.prototype.getBaseTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_base;
+        };
+        DThemeDarkPickerColor.prototype.getBasePointerTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_base_pointer;
+        };
+        DThemeDarkPickerColor.prototype.getBasePointerColor = function () {
+            return 0xffffff;
+        };
+        DThemeDarkPickerColor.prototype.getBasePointerAlpha = function () {
+            return this.getMainPointerAlpha();
+        };
+        DThemeDarkPickerColor.prototype.getAlphaHeight = function () {
+            return this.getBaseHeight();
+        };
+        DThemeDarkPickerColor.prototype.getAlphaMargin = function () {
+            return this.getBaseMargin();
+        };
+        DThemeDarkPickerColor.prototype.getAlphaTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_alpha;
+        };
+        DThemeDarkPickerColor.prototype.getAlphaCheckerboardTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_alpha_checkerboard;
+        };
+        DThemeDarkPickerColor.prototype.getAlphaPointerTexture = function () {
+            return this.getBasePointerTexture();
+        };
+        DThemeDarkPickerColor.prototype.getAlphaPointerColor = function () {
+            return this.getBasePointerColor();
+        };
+        DThemeDarkPickerColor.prototype.getAlphaPointerAlpha = function () {
+            return this.getMainPointerAlpha();
+        };
+        DThemeDarkPickerColor.prototype.getRecentMargin = function () {
+            return this.getBaseMargin();
+        };
+        DThemeDarkPickerColor.prototype.getRecentColorWidth = function () {
+            return this.getBaseHeight();
+        };
+        DThemeDarkPickerColor.prototype.getRecentColorHeight = function () {
+            return this.getRecentColorWidth();
         };
-        DThemeDarkTreeItemText.prototype.getBackgroundColor = function (state) {
-            return this._style.getBackgroundColor(state);
+        DThemeDarkPickerColor.prototype.getRecentColorMargin = function () {
+            return this.getRecentMargin();
         };
-        DThemeDarkTreeItemText.prototype.getBackgroundAlpha = function (state) {
-            return this._style.getBackgroundAlpha(state);
+        DThemeDarkPickerColor.prototype.getRecentColorCount = function () {
+            return 10;
         };
-        DThemeDarkTreeItemText.prototype.getBorderColor = function (state) {
-            return this._style.getBorderColor(state);
+        DThemeDarkPickerColor.prototype.getRecentCheckerboardTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_recent_checkerboard;
         };
-        DThemeDarkTreeItemText.prototype.getBorderMask = function (state) {
-            return this._style.getBorderMask(state);
+        DThemeDarkPickerColor.prototype.getRecentTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_recent;
         };
-        DThemeDarkTreeItemText.prototype.getColor = function (state) {
-            return this._style.getColor(state);
+        DThemeDarkPickerColor.prototype.getInputMargin = function () {
+            return this.getBaseMargin();
         };
-        DThemeDarkTreeItemText.prototype.getAlpha = function (state) {
-            return this._style.getAlpha(state);
+        DThemeDarkPickerColor.prototype.getInputLabelWidth = function () {
+            return 15;
         };
-        DThemeDarkTreeItemText.prototype.getHeight = function () {
-            return this._style.getHeight();
+        DThemeDarkPickerColor.prototype.getSampleCheckerboardOldTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
         };
-        DThemeDarkTreeItemText.prototype.getCornerMask = function () {
-            return this._style.getCornerMask();
+        DThemeDarkPickerColor.prototype.getSampleCheckerboardNewTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
         };
-        DThemeDarkTreeItemText.prototype.getImageTintColor = function (state) {
-            return this._style.getImageTintColor(state);
+        DThemeDarkPickerColor.prototype.getSampleOldTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_sample;
         };
-        DThemeDarkTreeItemText.prototype.getCursor = function (state) {
-            return this._style.getCursor(state);
+        DThemeDarkPickerColor.prototype.getSampleNewTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_sample;
         };
-        DThemeDarkTreeItemText.prototype.getPaddingLeft = function () {
-            return 10;
+        DThemeDarkPickerColor.prototype.getStandardColorCount = function () {
+            return 80;
         };
-        DThemeDarkTreeItemText.prototype.getPaddingRight = function () {
-            return 10;
+        DThemeDarkPickerColor.prototype.getStandardColorWidth = function () {
+            return this.getBaseHeight();
         };
-        DThemeDarkTreeItemText.prototype.newTextValue = function () {
-            return undefined;
+        DThemeDarkPickerColor.prototype.getStandardColorHeight = function () {
+            return this.getStandardColorWidth();
         };
-        DThemeDarkTreeItemText.prototype.getWidth = function () {
-            return "padding";
+        DThemeDarkPickerColor.prototype.getStandardColorMargin = function () {
+            return this.getBaseMargin();
         };
-        DThemeDarkTreeItemText.prototype.getLevelPadding = function (level) {
-            return 24 + level * 20 - this.getPaddingLeft();
+        DThemeDarkPickerColor.prototype.getStandardTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_standard;
         };
-        DThemeDarkTreeItemText.prototype.newState = function (state) {
+        DThemeDarkPickerColor.prototype.getBackgroundColor = function (state) {
+            return null;
+        };
+        DThemeDarkPickerColor.prototype.getBorderColor = function (state) {
+            return null;
+        };
+        DThemeDarkPickerColor.prototype.getInteractive = function () {
+            return DBaseInteractive.CHILDREN;
+        };
+        DThemeDarkPickerColor.prototype.newState = function (state) {
             _super.prototype.newState.call(this, state);
-            state.isDisabled = true;
+            state.isFocusable = false;
         };
-        return DThemeDarkTreeItemText;
-    }(DThemeDarkImageBase));
+        return DThemeDarkPickerColor;
+    }(DThemeDarkBase));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkTreeItemButton = /** @class */ (function (_super) {
-        __extends(DThemeDarkTreeItemButton, _super);
-        function DThemeDarkTreeItemButton() {
+    var DThemeDarkEnUsPickerColor = /** @class */ (function (_super) {
+        __extends(DThemeDarkEnUsPickerColor, _super);
+        function DThemeDarkEnUsPickerColor() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkTreeItemButton.prototype.getCursor = function (state) {
-            if (!state.isActionable) {
-                return "";
+        DThemeDarkEnUsPickerColor.prototype.toColorTypeLabel = function (type) {
+            switch (type) {
+                case DColorType.STANDARD:
+                    return "Standard";
+                case DColorType.CUSTOM:
+                    return "Custom";
             }
-            return "pointer";
         };
-        return DThemeDarkTreeItemButton;
-    }(DThemeDarkTreeItemText));
+        return DThemeDarkEnUsPickerColor;
+    }(DThemeDarkPickerColor));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    DThemeDarkTableBodyCellTrees.init();
-    var DThemeDarkTreeItemNonEditable = /** @class */ (function (_super) {
-        __extends(DThemeDarkTreeItemNonEditable, _super);
-        function DThemeDarkTreeItemNonEditable() {
+    var loadThemeDarkEnUsPickerColor = function () {
+        DThemeDark.set("DPickerColor", DThemeDarkEnUsPickerColor);
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkEnUsDialogColor = function () {
+        DThemeDark.set("DDialogColor", DThemeDarkDialogColor);
+        loadThemeDarkEnUsPickerColor();
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkEnUsButtonColor = function () {
+        DThemeDark.set("DButtonColor", DThemeDarkButtonColor);
+        loadThemeDarkEnUsDialogColor();
+    };
+
+    const DColorGradientObservable = wcardinal.ui.DColorGradientObservable;
+
+    /*
+     * 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>");
+    /* eslint-enable prettier/prettier */
+    var formatter$7 = function () {
+        return "";
+    };
+    var DThemeDarkButtonColorGradient = /** @class */ (function (_super) {
+        __extends(DThemeDarkButtonColorGradient, _super);
+        function DThemeDarkButtonColorGradient() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageSource = function (state) {
-            return this._style.getSecondaryImageSource(state);
-        };
-        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageTintColor = function (state) {
-            return this._style.getSecondaryImageTintColor(state);
+        DThemeDarkButtonColorGradient.prototype.getViewBaseTexture = function () {
+            return DThemeDarkAtlas.mappings.button_color_gradient_sample;
         };
-        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageTintAlpha = function (state) {
-            return this._style.getSecondaryImageTintAlpha(state);
+        DThemeDarkButtonColorGradient.prototype.getTextFormatter = function () {
+            return formatter$7;
         };
-        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageAlignWith = function () {
-            return this._style.getSecondaryImageAlignWith();
+        DThemeDarkButtonColorGradient.prototype.newTextValue = function () {
+            return new DColorGradientObservable();
         };
-        DThemeDarkTreeItemNonEditable.prototype.getSecondaryImageMarginHorizontal = function () {
-            return this._style.getSecondaryImageMarginHorizontal();
+        DThemeDarkButtonColorGradient.prototype.getCheckerColors = function () {
+            return [0x37255, 0.27];
         };
-        return DThemeDarkTreeItemNonEditable;
-    }(DThemeDarkTreeItemButton));
+        return DThemeDarkButtonColorGradient;
+    }(DThemeDarkButton));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkTree = function () {
-        DThemeDark.set("DTree", DThemeDarkTree);
-        DThemeDark.set("DTreeItemText", DThemeDarkTreeItemText);
-        DThemeDark.set("DTreeItemButton", DThemeDarkTreeItemButton);
-        DThemeDark.set("DTreeItemNonEditable", DThemeDarkTreeItemNonEditable);
-    };
-
-    const UtilGestureModifier = wcardinal.ui.UtilGestureModifier;
+    var DThemeDarkDialogColorGradient = /** @class */ (function (_super) {
+        __extends(DThemeDarkDialogColorGradient, _super);
+        function DThemeDarkDialogColorGradient() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return DThemeDarkDialogColorGradient;
+    }(DThemeDarkDialogFitted));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DThemeDarkView = /** @class */ (function () {
-        function DThemeDarkView() {
+    var DThemeDarkPickerColorGradient = /** @class */ (function (_super) {
+        __extends(DThemeDarkPickerColorGradient, _super);
+        function DThemeDarkPickerColorGradient() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        DThemeDarkView.prototype.isWheelZoomEnabled = function () {
-            return true;
+        DThemeDarkPickerColorGradient.prototype.getGradientPointsWidth = function () {
+            return 30;
         };
-        DThemeDarkView.prototype.getWheelZoomSpeed = function () {
-            return 0.004;
+        DThemeDarkPickerColorGradient.prototype.getGradientPointsMargin = function () {
+            return 24;
         };
-        DThemeDarkView.prototype.getWheelZoomModifier = function () {
-            return UtilGestureModifier.NOT_NONE;
+        DThemeDarkPickerColorGradient.prototype.getGradientAnchorTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_anchor;
         };
-        DThemeDarkView.prototype.isWheelTranslationEnabled = function () {
-            return true;
+        DThemeDarkPickerColorGradient.prototype.getGradientAnchorOutlinedTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_anchor_outlined;
         };
-        DThemeDarkView.prototype.getWheelTranslationSpeed = function () {
-            return 14 * 0.16;
+        DThemeDarkPickerColorGradient.prototype.getGradientAnchorOutlineTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_anchor_outline;
         };
-        DThemeDarkView.prototype.getWheelTranslationModifier = function () {
-            return UtilGestureModifier.NONE;
+        DThemeDarkPickerColorGradient.prototype.getGradientDirectionMargin = function () {
+            return 5;
         };
-        DThemeDarkView.prototype.isDblClickZoomEnabled = function () {
-            return true;
+        DThemeDarkPickerColorGradient.prototype.getGradientDirectionTexture = function () {
+            return DThemeDarkAtlas.mappings.picker_color_direction;
         };
-        DThemeDarkView.prototype.getDblClickZoomSpeed = function () {
-            return 2;
+        DThemeDarkPickerColorGradient.prototype.getGradientRecentColumn = function () {
+            return 4;
         };
-        DThemeDarkView.prototype.getDblClickZoomModifier = function () {
-            return UtilGestureModifier.NONE;
+        DThemeDarkPickerColorGradient.prototype.getGradientRecentWidth = function () {
+            return 30;
         };
-        DThemeDarkView.prototype.getDblClickZoomDuration = function () {
-            return 333;
+        DThemeDarkPickerColorGradient.prototype.getGradientRecentMargin = function () {
+            return 5;
         };
-        DThemeDarkView.prototype.getZoomMin = function () {
-            return 0.01;
+        DThemeDarkPickerColorGradient.prototype.getGradientRecentCount = function () {
+            return 16;
         };
-        DThemeDarkView.prototype.getZoomMax = function () {
-            return 100;
+        DThemeDarkPickerColorGradient.prototype.getGradientRecents = function () {
+            return [];
         };
-        DThemeDarkView.prototype.getZoomKeepRatio = function () {
-            return true;
+        DThemeDarkPickerColorGradient.prototype.getGradientCheckerColors = function () {
+            return [0.37255, 0.27];
         };
-        DThemeDarkView.prototype.getGestureMode = function () {
-            return UtilGestureMode.ON;
+        DThemeDarkPickerColorGradient.prototype.getBackgroundColor = function (state) {
+            return null;
         };
-        DThemeDarkView.prototype.getGestureModifier = function () {
-            return UtilGestureModifier.NONE;
+        DThemeDarkPickerColorGradient.prototype.getBorderColor = function (state) {
+            return null;
         };
-        DThemeDarkView.prototype.getGestureDuration = function () {
-            return 1;
+        DThemeDarkPickerColorGradient.prototype.getInteractive = function () {
+            return DBaseInteractive.CHILDREN;
         };
-        return DThemeDarkView;
-    }());
+        DThemeDarkPickerColorGradient.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
+        };
+        return DThemeDarkPickerColorGradient;
+    }(DThemeDarkBase));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDarkView = function () {
-        DThemeDark.set("DView", DThemeDarkView);
+    var loadThemeDarkEnUsPickerColorGradient = function () {
+        DThemeDark.set("DPickerColorGradient", DThemeDarkPickerColorGradient);
+        loadThemeDarkEnUsPickerColor();
     };
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var loadThemeDark = function () {
-        DThemes.setDefaultThemeClass(DThemeDark);
+    var loadThemeDarkEnUsDialogColorGradient = function () {
+        DThemeDark.set("DDialogColorGradient", DThemeDarkDialogColorGradient);
+        loadThemeDarkEnUsPickerColorGradient();
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var loadThemeDarkEnUsButtonColorGradient = function () {
+        DThemeDark.set("DButtonColorGradient", DThemeDarkButtonColorGradient);
+        loadThemeDarkEnUsDialogColorGradient();
     };
 
     const DPickerDates = wcardinal.ui.DPickerDates;
@@ -7131,8 +7153,8 @@
         loadThemeDarkButtonAmbient();
         loadThemeDarkButtonCheckRight();
         loadThemeDarkButtonCheck();
-        loadThemeDarkButtonColorGradient();
-        loadThemeDarkButtonColor();
+        loadThemeDarkEnUsButtonColorGradient();
+        loadThemeDarkEnUsButtonColor();
         loadThemeDarkEnUsButtonSelect();
         loadThemeDarkButtonDanger();
         loadThemeDarkEnUsButtonDate();
@@ -7772,8 +7794,8 @@
      * SPDX-License-Identifier: Apache-2.0
      */
     var loadThemeDarkEnUsDialogAll = function () {
-        loadThemeDarkDialogColorGradient();
-        loadThemeDarkDialogColor();
+        loadThemeDarkEnUsDialogColorGradient();
+        loadThemeDarkEnUsDialogColor();
         loadThemeDarkEnUsDialogConfirmDelete();
         loadThemeDarkEnUsDialogConfirmDiscard();
         loadThemeDarkEnUsDialogConfirm();
@@ -9588,7 +9610,7 @@
         DThemeDark.set("DTableRow", DThemeDarkTableRow);
         DThemeDark.set("DTable", DThemeDarkTable);
         loadThemeDarkButtonCheck();
-        loadThemeDarkButtonColor();
+        loadThemeDarkEnUsButtonColor();
         loadThemeDarkEnUsButtonDate();
         loadThemeDarkEnUsButtonDatetime();
         loadThemeDarkInputInteger();
@@ -9629,8 +9651,8 @@
         loadThemeDarkEnUsNote();
         loadThemeDarkPane();
         loadThemeDarkPagination();
-        loadThemeDarkPickerColorGradient();
-        loadThemeDarkPickerColor();
+        loadThemeDarkEnUsPickerColorGradient();
+        loadThemeDarkEnUsPickerColor();
         loadThemeDarkEnUsPickerDate();
         loadThemeDarkEnUsPickerDatetime();
         loadThemeDarkEnUsPickerTime();
@@ -9664,8 +9686,6 @@
         loadThemeDarkButtonAmbient: loadThemeDarkButtonAmbient,
         loadThemeDarkButtonCheckRight: loadThemeDarkButtonCheckRight,
         loadThemeDarkButtonCheck: loadThemeDarkButtonCheck,
-        loadThemeDarkButtonColorGradient: loadThemeDarkButtonColorGradient,
-        loadThemeDarkButtonColor: loadThemeDarkButtonColor,
         loadThemeDarkButtonDanger: loadThemeDarkButtonDanger,
         loadThemeDarkButtonFile: loadThemeDarkButtonFile,
         loadThemeDarkButtonLink: loadThemeDarkButtonLink,
@@ -9678,8 +9698,6 @@
         loadThemeDarkChart: loadThemeDarkChart,
         loadThemeDarkColor: loadThemeDarkColor,
         loadThemeDarkDiagram: loadThemeDarkDiagram,
-        loadThemeDarkDialogColorGradient: loadThemeDarkDialogColorGradient,
-        loadThemeDarkDialogColor: loadThemeDarkDialogColor,
         loadThemeDarkDialogFitted: loadThemeDarkDialogFitted,
         loadThemeDarkDialogInputBoolean: loadThemeDarkDialogInputBoolean,
         loadThemeDarkDialogInputInteger: loadThemeDarkDialogInputInteger,
@@ -9704,8 +9722,6 @@
         loadThemeDarkMenu: loadThemeDarkMenu,
         loadThemeDarkPagination: loadThemeDarkPagination,
         loadThemeDarkPane: loadThemeDarkPane,
-        loadThemeDarkPickerColorGradient: loadThemeDarkPickerColorGradient,
-        loadThemeDarkPickerColor: loadThemeDarkPickerColor,
         loadThemeDarkScrollBar: loadThemeDarkScrollBar,
         loadThemeDarkSelect: loadThemeDarkSelect,
         loadThemeDarkShapeActionValue: loadThemeDarkShapeActionValue,
@@ -9717,12 +9733,16 @@
         loadThemeDark: loadThemeDark,
         loadThemeDarkEnUsAll: loadThemeDarkEnUsAll,
         loadThemeDarkEnUsButtonAll: loadThemeDarkEnUsButtonAll,
+        loadThemeDarkEnUsButtonColorGradient: loadThemeDarkEnUsButtonColorGradient,
+        loadThemeDarkEnUsButtonColor: loadThemeDarkEnUsButtonColor,
         loadThemeDarkEnUsButtonDate: loadThemeDarkEnUsButtonDate,
         loadThemeDarkEnUsButtonDatetime: loadThemeDarkEnUsButtonDatetime,
         loadThemeDarkEnUsButtonSelect: loadThemeDarkEnUsButtonSelect,
         loadThemeDarkEnUsButtonTime: loadThemeDarkEnUsButtonTime,
         loadThemeDarkEnUsDiagramEditor: loadThemeDarkEnUsDiagramEditor,
         loadThemeDarkEnUsDialogAll: loadThemeDarkEnUsDialogAll,
+        loadThemeDarkEnUsDialogColorGradient: loadThemeDarkEnUsDialogColorGradient,
+        loadThemeDarkEnUsDialogColor: loadThemeDarkEnUsDialogColor,
         loadThemeDarkEnUsDialogConfirmDelete: loadThemeDarkEnUsDialogConfirmDelete,
         loadThemeDarkEnUsDialogConfirmDiscard: loadThemeDarkEnUsDialogConfirmDiscard,
         loadThemeDarkEnUsDialogConfirm: loadThemeDarkEnUsDialogConfirm,
@@ -9738,6 +9758,8 @@
         loadThemeDarkEnUsInputBoolean: loadThemeDarkEnUsInputBoolean,
         loadThemeDarkEnUsLink: loadThemeDarkEnUsLink,
         loadThemeDarkEnUsNote: loadThemeDarkEnUsNote,
+        loadThemeDarkEnUsPickerColorGradient: loadThemeDarkEnUsPickerColorGradient,
+        loadThemeDarkEnUsPickerColor: loadThemeDarkEnUsPickerColor,
         loadThemeDarkEnUsPickerDate: loadThemeDarkEnUsPickerDate,
         loadThemeDarkEnUsPickerDatetime: loadThemeDarkEnUsPickerDatetime,
         loadThemeDarkEnUsPickerTime: loadThemeDarkEnUsPickerTime,
@@ -9989,6 +10011,7 @@
         DThemeDarkEnUsNoteError: DThemeDarkEnUsNoteError,
         DThemeDarkEnUsNoteNoItemsFound: DThemeDarkEnUsNoteNoItemsFound,
         DThemeDarkEnUsNoteSearching: DThemeDarkEnUsNoteSearching,
+        DThemeDarkEnUsPickerColor: DThemeDarkEnUsPickerColor,
         DThemeDarkEnUsPickerDate: DThemeDarkEnUsPickerDate,
         DThemeDarkEnUsPickerDatetime: DThemeDarkEnUsPickerDatetime,
         DThemeDarkEnUsPickerTime: DThemeDarkEnUsPickerTime