From 79cd9b8158a0ebaa352e86df911dfac3d88226c8 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 29 Nov 2016 11:11:21 +0800
Subject: [PATCH 01/35] Iteration for 2.0-SNAPSHOT

---
 pom.xml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pom.xml b/pom.xml
index a2754aae8..e69b80ee2 100644
--- a/pom.xml
+++ b/pom.xml
@@ -4,24 +4,24 @@
     <parent>
         <artifactId>gwt-material-parent</artifactId>
         <groupId>com.github.gwtmaterialdesign</groupId>
-        <version>2.0-rc3</version>
+        <version>2.0-SNAPSHOT</version>
     </parent>
 
     <artifactId>gwt-material-addins</artifactId>
 
     <name>Gwt Material Addins</name>
-    <version>2.0-rc3</version>
+    <version>2.0-SNAPSHOT</version>
     <description>Extra Components of GWT Material Framework</description>
 
     <properties>
-        <gwt-material.version>2.0-rc3</gwt-material.version>
+        <gwt-material.version>2.0-SNAPSHOT</gwt-material.version>
     </properties>
 
     <scm>
         <connection>scm:git:git@github.com:GwtMaterialDesign/gwt-material-addins.git</connection>
         <developerConnection>scm:git:git@github.com:GwtMaterialDesign/gwt-material-addins.git</developerConnection>
         <url>http://github.com/GwtMaterialDesign/gwt-material-addins</url>
-        <tag>v2.0-rc3</tag>
+        <tag>v2.0-SNAPSHOT</tag>
     </scm>
 
     <licenses>

From 15a9b2f61ff98a8783f0707c363721fc0c0ba596 Mon Sep 17 00:00:00 2001
From: BenDol <dolb90@gmail.com>
Date: Thu, 1 Dec 2016 20:53:07 +1300
Subject: [PATCH 02/35] Fix build issues with Debug builds.

---
 .../client/richeditor/MaterialRichEditor.java |  2 -
 .../addins/client/window/MaterialWindow.java  |  9 ++---
 .../design/addins/GwtMaterialAddins.gwt.xml   | 14 +------
 .../addins/GwtMaterialAddinsBase.gwt.xml      | 38 +++++++++++++++++++
 .../addins/GwtMaterialAddinsDebug.gwt.xml     |  3 +-
 5 files changed, 44 insertions(+), 22 deletions(-)
 create mode 100644 src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml

diff --git a/src/main/java/gwt/material/design/addins/client/richeditor/MaterialRichEditor.java b/src/main/java/gwt/material/design/addins/client/richeditor/MaterialRichEditor.java
index 2446142a9..36ff56f39 100644
--- a/src/main/java/gwt/material/design/addins/client/richeditor/MaterialRichEditor.java
+++ b/src/main/java/gwt/material/design/addins/client/richeditor/MaterialRichEditor.java
@@ -89,8 +89,6 @@ public MaterialRichEditor(String placeholder, String value) {
         setValue(value);
     }
 
-    private boolean initialized;
-
     @Override
     protected void onLoad() {
         super.onLoad();
diff --git a/src/main/java/gwt/material/design/addins/client/window/MaterialWindow.java b/src/main/java/gwt/material/design/addins/client/window/MaterialWindow.java
index 2d4f1ea65..2ed40797b 100644
--- a/src/main/java/gwt/material/design/addins/client/window/MaterialWindow.java
+++ b/src/main/java/gwt/material/design/addins/client/window/MaterialWindow.java
@@ -101,8 +101,6 @@ public class MaterialWindow extends MaterialPanel implements HasCloseHandlers<Bo
     private MaterialIcon iconMaximize = new MaterialIcon(IconType.CHECK_BOX_OUTLINE_BLANK);
     private MaterialIcon iconClose = new MaterialIcon(IconType.CLOSE);
 
-    private Color toolbarColor;
-
     private final ColorsMixin<MaterialWidget> toolbarColorMixin = new ColorsMixin<>(toolbar);
     private final ToggleStyleMixin<MaterialWidget> maximizeMixin = new ToggleStyleMixin<>(this, AddinsCssName.MAXIMIZE);
     private final ToggleStyleMixin<MaterialWindow> openMixin = new ToggleStyleMixin<>(this, AddinsCssName.OPEN);
@@ -183,7 +181,7 @@ protected void initialize() {
 
         // Add a draggable header
         dnd = MaterialDnd.draggable(this, JsDragOptions.create(
-                new Restriction("body", true, 0, 0, 1.2, 1)));
+            new Restriction("body", true, 0, 0, 1.2, 1)));
         dnd.ignoreFrom(".content, .window-action");
     }
 
@@ -301,11 +299,10 @@ public void close() {
     }
 
     public Color getToolbarColor() {
-        return toolbarColor;
+        return toolbarColorMixin.getBackgroundColor();
     }
 
     public void setToolbarColor(Color toolbarColor) {
-        this.toolbarColor = toolbarColor;
         toolbarColorMixin.setBackgroundColor(toolbarColor);
     }
 
@@ -396,4 +393,4 @@ public void setDndArea(Object dndArea) {
             dnd.draggable(JsDragOptions.create(new Restriction(dndArea, true, 0, 0, 1.2, 1)));
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/main/resources/gwt/material/design/addins/GwtMaterialAddins.gwt.xml b/src/main/resources/gwt/material/design/addins/GwtMaterialAddins.gwt.xml
index 11e2e92f6..fe96f000e 100644
--- a/src/main/resources/gwt/material/design/addins/GwtMaterialAddins.gwt.xml
+++ b/src/main/resources/gwt/material/design/addins/GwtMaterialAddins.gwt.xml
@@ -22,18 +22,6 @@
 <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.7.0//EN"
         "http://gwtproject.org/doctype/2.7.0/gwt-module.dtd">
 <module rename-to='GwtMaterialAddins'>
-    <set-configuration-property name="CssResource.conversionMode" value="strict" />
-
-    <inherits name='com.google.gwt.user.User'/>
-    <inherits name="com.google.gwt.core.Core"/>
     <inherits name="gwt.material.design.GwtMaterialDesignBasic"/>
-
-    <!-- Specify the paths for translatable code                    -->
-    <source path='client'/>
-
-    <!-- Specify the app entry point class -->
-    <entry-point class='gwt.material.design.addins.client.MaterialAddins'/>
-
-    <set-configuration-property name="CssResource.enableGss" value="true"/>
-    <!--<set-configuration-property name="CssResource.legacy" value="true"/>-->
+    <inherits name="gwt.material.design.addins.GwtMaterialAddinsBase"/>
 </module>
diff --git a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
new file mode 100644
index 000000000..5995b7691
--- /dev/null
+++ b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  #%L
+  GwtMaterial
+  %%
+  Copyright (C) 2015 GwtMaterialDesign
+  %%
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  #L%
+  -->
+
+<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.7.0//EN"
+        "http://gwtproject.org/doctype/2.7.0/gwt-module.dtd">
+<module rename-to='GwtMaterialAddins'>
+    <set-configuration-property name="CssResource.conversionMode" value="strict" />
+
+    <inherits name='com.google.gwt.user.User'/>
+    <inherits name="com.google.gwt.core.Core"/>
+
+    <!-- Specify the paths for translatable code                    -->
+    <source path='client'/>
+
+    <set-configuration-property name="CssResource.enableGss" value="true"/>
+    <!--<set-configuration-property name="CssResource.legacy" value="true"/>-->
+
+    <!-- Specify the app entry point class -->
+    <entry-point class='gwt.material.design.addins.client.MaterialAddins'/>
+</module>
diff --git a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsDebug.gwt.xml b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsDebug.gwt.xml
index ae112cf9f..6970235fc 100644
--- a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsDebug.gwt.xml
+++ b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsDebug.gwt.xml
@@ -26,5 +26,6 @@
         <when-type-is class="gwt.material.design.addins.client.StartupState"/>
     </replace-with>
 
-    <inherits name='gwt.material.design.addins.GwtMaterialAddins'/>
+    <inherits name="gwt.material.design.GwtMaterialDesignBasicDebug"/>
+    <inherits name="gwt.material.design.addins.GwtMaterialAddinsBase"/>
 </module>

From 18c9fefd79171e9ad66264f365abe4fc846f31fb Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 6 Dec 2016 21:33:15 +0800
Subject: [PATCH 03/35] Added useful duration properties on Path Animator.

---
 .../pathanimator/MaterialPathAnimator.java    | 51 ++++++++++++++++++-
 .../pathanimator/js/JsPathAnimator.java       |  6 +++
 .../js/JsPathAnimatorOptions.java             | 37 ++++++++++++++
 3 files changed, 92 insertions(+), 2 deletions(-)
 create mode 100644 src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimatorOptions.java

diff --git a/src/main/java/gwt/material/design/addins/client/pathanimator/MaterialPathAnimator.java b/src/main/java/gwt/material/design/addins/client/pathanimator/MaterialPathAnimator.java
index 27fd151f9..0d1a59732 100644
--- a/src/main/java/gwt/material/design/addins/client/pathanimator/MaterialPathAnimator.java
+++ b/src/main/java/gwt/material/design/addins/client/pathanimator/MaterialPathAnimator.java
@@ -19,11 +19,13 @@
  */
 package gwt.material.design.addins.client.pathanimator;
 
+import com.google.gwt.core.client.GWT;
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.dom.client.Style;
 import com.google.gwt.user.client.ui.Widget;
 import gwt.material.design.addins.client.MaterialAddins;
 import gwt.material.design.addins.client.pathanimator.js.JsPathAnimator;
+import gwt.material.design.addins.client.pathanimator.js.JsPathAnimatorOptions;
 import gwt.material.design.client.MaterialDesignBase;
 import gwt.material.design.jquery.client.api.Functions;
 
@@ -68,6 +70,10 @@ public class MaterialPathAnimator {
     private Element targetElement;
     private Functions.Func animateCallback;
     private Functions.Func reverseCallback;
+    private double duration = 0.3;
+    private double targetShowDuration = 0;
+    private double extraTransitionDuration = 1;
+    private JsPathAnimatorOptions options = new JsPathAnimatorOptions();
 
     public MaterialPathAnimator() {
     }
@@ -77,7 +83,15 @@ public MaterialPathAnimator() {
      */
     public void animate() {
         $("document").ready(() -> {
-            JsPathAnimator.cta(sourceElement, targetElement, () -> {
+            options.duration = duration;
+            options.targetShowDuration = targetShowDuration;
+            options.extraTransitionDuration = extraTransitionDuration;
+
+            GWT.log("Duration " + duration);
+            GWT.log("Target Show Duration " + targetShowDuration);
+            GWT.log("Extra Transition Duration " + extraTransitionDuration);
+
+            JsPathAnimator.cta(sourceElement, targetElement, options, () -> {
                 if (animateCallback != null) {
                     animateCallback.call();
                 } else {
@@ -146,7 +160,7 @@ public void reverseAnimate() {
                 targetElement.getStyle().setVisibility(Style.Visibility.HIDDEN);
                 targetElement.getStyle().setOpacity(0);
             }
-            JsPathAnimator.cta(targetElement, sourceElement);
+            JsPathAnimator.cta(targetElement, sourceElement, options);
         });
     }
 
@@ -251,4 +265,37 @@ public Functions.Func getReverseCallback() {
     public void setReverseCallback(Functions.Func reverseCallback) {
         this.reverseCallback = reverseCallback;
     }
+
+    public double getDuration() {
+        return duration;
+    }
+
+    /**
+     * Duration (in seconds) of animation. Default is 0.3 seconds.
+     */
+    public void setDuration(double duration) {
+        this.duration = duration;
+    }
+
+    public double getTargetShowDuration() {
+        return targetShowDuration;
+    }
+
+    /**
+     * Duration (in seconds) of targetElement to become visible, if hidden initially. The library will automatically try to figure this out from the element's computed styles. Default is 0 seconds.
+     */
+    public void setTargetShowDuration(double targetShowDuration) {
+        this.targetShowDuration = targetShowDuration;
+    }
+
+    public double getExtraTransitionDuration() {
+        return extraTransitionDuration;
+    }
+
+    /**
+     * Extra duration (in seconds) of targetElement to provide visual continuity between the animation and the rendering of the targetElement. Default is 1 second
+     */
+    public void setExtraTransitionDuration(double extraTransitionDuration) {
+        this.extraTransitionDuration = extraTransitionDuration;
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimator.java b/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimator.java
index 296d59215..9ed7126ff 100644
--- a/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimator.java
+++ b/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimator.java
@@ -37,6 +37,12 @@ public class JsPathAnimator extends JQueryElement {
     @JsMethod(namespace = JsPackage.GLOBAL)
     public static native void cta(Element source, Element target, Functions.Func callback);
 
+    @JsMethod(namespace = JsPackage.GLOBAL)
+    public static native void cta(Element source, Element target, JsPathAnimatorOptions options, Functions.Func callback);
+
     @JsMethod(namespace = JsPackage.GLOBAL)
     public static native void cta(Element source, Element target);
+
+    @JsMethod(namespace = JsPackage.GLOBAL)
+    public static native void cta(Element source, Element target, JsPathAnimatorOptions options);
 }
diff --git a/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimatorOptions.java b/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimatorOptions.java
new file mode 100644
index 000000000..e2e9322b6
--- /dev/null
+++ b/src/main/java/gwt/material/design/addins/client/pathanimator/js/JsPathAnimatorOptions.java
@@ -0,0 +1,37 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2016 GwtMaterialDesign
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * #L%
+ */
+package gwt.material.design.addins.client.pathanimator.js;
+
+import jsinterop.annotations.JsPackage;
+import jsinterop.annotations.JsProperty;
+import jsinterop.annotations.JsType;
+
+@JsType(isNative = true, name = "Object", namespace = JsPackage.GLOBAL)
+public class JsPathAnimatorOptions {
+
+    @JsProperty
+    public double duration;
+
+    @JsProperty
+    public double targetShowDuration;
+
+    @JsProperty
+    public double extraTransitionDuration;
+}

From 732b246a637c1ea7597d266bb065b1eadcc03814 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 7 Dec 2016 11:00:47 +0800
Subject: [PATCH 04/35] Overlay - Added new recent duration options to
 pathanimator.

---
 .../client/overlay/MaterialOverlay.java       | 40 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
index f9b19c695..ec35fcb37 100644
--- a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
+++ b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
@@ -68,6 +68,7 @@ public class MaterialOverlay extends MaterialWidget implements HasOpenHandlers<M
     }
 
     private MaterialWidget source;
+    private MaterialPathAnimator animator = new MaterialPathAnimator();
 
     public MaterialOverlay() {
         super(Document.get().createDivElement(), AddinsCssName.OVERLAY_PANEL);
@@ -90,7 +91,9 @@ public MaterialOverlay(Color backgroundColor, Style.Visibility visibility, Doubl
     public void open(MaterialWidget source) {
         this.source = source;
         $("body").attr("style", "overflow: hidden !important");
-        MaterialPathAnimator.animate(source.getElement(), getElement());
+        animator.setSourceElement(source.getElement());
+        animator.setTargetElement(getElement());
+        animator.animate();
         OpenEvent.fire(this, this);
     }
 
@@ -99,7 +102,7 @@ public void open(MaterialWidget source) {
      */
     public void close() {
         body().attr("style", "overflow: auto !important");
-        MaterialPathAnimator.reverseAnimate(source.getElement(), getElement());
+        animator.reverseAnimate();
         CloseEvent.fire(this, this);
     }
 
@@ -141,4 +144,37 @@ public MaterialWidget getSource() {
     public void setSource(MaterialWidget source) {
         this.source = source;
     }
+
+    public double getDuration() {
+        return animator.getDuration();
+    }
+
+    /**
+     * Duration (in seconds) of animation. Default is 0.3 seconds.
+     */
+    public void setDuration(double duration) {
+        animator.setDuration(duration);
+    }
+
+    public double getTargetShowDuration() {
+        return animator.getTargetShowDuration();
+    }
+
+    /**
+     * Duration (in seconds) of targetElement to become visible, if hidden initially. The library will automatically try to figure this out from the element's computed styles. Default is 0 seconds.
+     */
+    public void setTargetShowDuration(double targetShowDuration) {
+        animator.setTargetShowDuration(targetShowDuration);
+    }
+
+    public double getExtraTransitionDuration() {
+        return animator.getExtraTransitionDuration();
+    }
+
+    /**
+     * Extra duration (in seconds) of targetElement to provide visual continuity between the animation and the rendering of the targetElement. Default is 1 second
+     */
+    public void setExtraTransitionDuration(double extraTransitionDuration) {
+        animator.setExtraTransitionDuration(extraTransitionDuration);
+    }
 }
\ No newline at end of file

From 9ca6bfc83b2ae3b75dd07c9d65d684c79033ebb9 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 7 Dec 2016 11:23:47 +0800
Subject: [PATCH 05/35] Fixed Issue on JQuery is not defined to module base.

---
 .../gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
index 5995b7691..43c5cefa9 100644
--- a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
+++ b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
@@ -26,6 +26,7 @@
 
     <inherits name='com.google.gwt.user.User'/>
     <inherits name="com.google.gwt.core.Core"/>
+    <inherits name="gwt.material.design.jquery.JQuery"/>
 
     <!-- Specify the paths for translatable code                    -->
     <source path='client'/>

From aaacc0c5c39dd795717b1092c9981d8777e485d5 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Sun, 11 Dec 2016 13:09:41 +0800
Subject: [PATCH 06/35] Fixed issue on window close animation

---
 .../design/addins/client/window/resources/css/window.css      | 4 ++--
 .../design/addins/client/window/resources/css/window.min.css  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
index 32faa5007..4d75705f8 100644
--- a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
+++ b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
@@ -1,7 +1,7 @@
 /** Window Modal **/
 .window {
     position: fixed;
-    visibility: hidden;
+    display: none;
     z-index: 1001;
     top: 0;
     left: 0;
@@ -67,7 +67,7 @@
 }
 
 .window.open {
-    visibility: visible !important;
+    display: block !important;
     opacity: 1 !important;
 }
 
diff --git a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
index a48d61dfb..275260436 100644
--- a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
@@ -1 +1 @@
-.window{position:fixed;visibility:hidden;z-index:1001;top:0;left:0;right:0;padding:0;width:50%;margin:auto;overflow:hidden;will-change:top,opacity;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);border-radius:4px;transition:150ms all;-moz-transition:150ms all;-webkit-transition:150ms all}.window-overlay{height:100%;width:100%;position:fixed;top:0;right:0;left:0;background:rgba(0,0,0,.3);bottom:0;z-index:1000}.window .window-toolbar{background-color:#2196f3;color:#fff;overflow:hidden;padding:8px}.window .window-title{color:#fff;font-size:1.1em;float:left}.window .window-action{font-size:16px;float:right;margin-left:12px}.window.maximize{width:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-height:100%!important;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-webkit-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-moz-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-o-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;transition:width 200ms ease-in-out,max-height 500ms ease-in-out}.window.open{visibility:visible!important;opacity:1!important}.window .content{background-color:#fafafa;width:100%;height:100%}@media only screen and (max-width:992px){.window .content{width:100%!important}}
\ No newline at end of file
+.window{position:fixed;display:none;z-index:1001;top:0;left:0;right:0;padding:0;width:50%;margin:auto;overflow:hidden;will-change:top,opacity;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);border-radius:4px;transition:150ms all;-moz-transition:150ms all;-webkit-transition:150ms all}.window-overlay{height:100%;width:100%;position:fixed;top:0;right:0;left:0;background:rgba(0,0,0,.3);bottom:0;z-index:1000}.window .window-toolbar{background-color:#2196f3;color:#fff;overflow:hidden;padding:8px}.window .window-title{color:#fff;font-size:1.1em;float:left}.window .window-action{font-size:16px;float:right;margin-left:12px}.window.maximize{width:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-height:100%!important;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-webkit-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-moz-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-o-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;transition:width 200ms ease-in-out,max-height 500ms ease-in-out}.window.open{display:block!important;opacity:1!important}.window .content{background-color:#fafafa;width:100%;height:100%}@media only screen and (max-width:992px){.window .content{width:100%!important}}
\ No newline at end of file

From 0a7baa0f6c72d2ce6c6e89230beb70b668b9d850 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 12 Dec 2016 21:26:04 +0800
Subject: [PATCH 07/35] Fixed - ComboBox setValue is not working for the first
 element. #171

---
 .../design/addins/client/combobox/MaterialComboBox.java         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index 293a90535..77de06eb8 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -330,7 +330,7 @@ public void setValue(T value) {
     @Override
     public void setValue(T value, boolean fireEvents) {
         int index = values.indexOf(value);
-        if (index > 0) {
+        if (index >= 0) {
             T before = getValue();
             setSelectedIndex(index);
 

From 7ba93c7f8ee7a15f6d8aa87942b0bf577e3fb8bc Mon Sep 17 00:00:00 2001
From: BenDol <dolb90@gmail.com>
Date: Tue, 13 Dec 2016 02:48:47 +1300
Subject: [PATCH 08/35] Fixes #170

---
 .../design/addins/client/combobox/MaterialComboBox.java    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index 77de06eb8..ae32e5fea 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -296,7 +296,6 @@ public boolean isMultiple() {
 
     @Override
     public void setAcceptableValues(Collection<T> values) {
-        this.values.clear();
         clear();
         for (T value : values) {
             addItem(value);
@@ -497,6 +496,12 @@ public void close() {
         $(listbox.getElement()).select2("close");
     }
 
+    @Override
+    public void clear() {
+        listbox.clear();
+        values.clear();
+    }
+
     /**
      * Use your own key factory for value keys.
      */

From 3d4a7cfef047f56446a925143540efe17e45c3a9 Mon Sep 17 00:00:00 2001
From: Alexander Leshkin <alexander.leshkin@gmail.com>
Date: Tue, 13 Dec 2016 00:15:40 +0300
Subject: [PATCH 09/35] Fixed NPE on TreeItem add/insert through API

Fixes #173
---
 .../addins/client/tree/MaterialTree.java      |  4 +-
 .../addins/client/tree/MaterialTreeItem.java  |  4 +-
 .../addins/client/MaterialTreeTest.java       | 37 ++++++++++++++++++-
 3 files changed, 40 insertions(+), 5 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/tree/MaterialTree.java b/src/main/java/gwt/material/design/addins/client/tree/MaterialTree.java
index e3c7837d7..2c5669a3a 100644
--- a/src/main/java/gwt/material/design/addins/client/tree/MaterialTree.java
+++ b/src/main/java/gwt/material/design/addins/client/tree/MaterialTree.java
@@ -110,8 +110,8 @@ protected void onLoad() {
     @Override
     protected void add(Widget child, com.google.gwt.user.client.Element container) {
         if (child instanceof MaterialTreeItem) {
-            ((MaterialTreeItem) child).setTree(this);
             super.add(child, container);
+            ((MaterialTreeItem) child).setTree(this);
         } else {
             throw new IllegalArgumentException("MaterialTree can only contain MaterialTreeItem");
         }
@@ -120,8 +120,8 @@ protected void add(Widget child, com.google.gwt.user.client.Element container) {
     @Override
     protected void insert(Widget child, com.google.gwt.user.client.Element container, int beforeIndex, boolean domInsert) {
         if (child instanceof MaterialTreeItem) {
-            ((MaterialTreeItem) child).setTree(this);
             super.insert(child, container, beforeIndex, domInsert);
+            ((MaterialTreeItem) child).setTree(this);
         } else {
             throw new IllegalArgumentException("MaterialTree can only contain MaterialTreeItem");
         }
diff --git a/src/main/java/gwt/material/design/addins/client/tree/MaterialTreeItem.java b/src/main/java/gwt/material/design/addins/client/tree/MaterialTreeItem.java
index 34e81072b..1752c69a4 100644
--- a/src/main/java/gwt/material/design/addins/client/tree/MaterialTreeItem.java
+++ b/src/main/java/gwt/material/design/addins/client/tree/MaterialTreeItem.java
@@ -273,18 +273,18 @@ public boolean isHide() {
 
     @Override
     protected void add(Widget child, com.google.gwt.user.client.Element container) {
+        super.add(child, container);
         if (child instanceof MaterialTreeItem) {
             ((MaterialTreeItem) child).setTree(getTree());
         }
-        super.add(child, container);
     }
 
     @Override
     protected void insert(Widget child, com.google.gwt.user.client.Element container, int beforeIndex, boolean domInsert) {
+        super.insert(child, container, beforeIndex, domInsert);
         if (child instanceof MaterialTreeItem) {
             ((MaterialTreeItem) child).setTree(getTree());
         }
-        super.insert(child, container, beforeIndex, domInsert);
     }
 
     @Override
diff --git a/src/test/java/gwt/material/design/addins/client/MaterialTreeTest.java b/src/test/java/gwt/material/design/addins/client/MaterialTreeTest.java
index 35440b78d..41e8bd66c 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialTreeTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialTreeTest.java
@@ -26,7 +26,6 @@
 import gwt.material.design.addins.client.tree.MaterialTree;
 import gwt.material.design.addins.client.tree.MaterialTreeItem;
 import gwt.material.design.client.base.MaterialWidget;
-import gwt.material.design.client.constants.CssName;
 import gwt.material.design.client.constants.IconType;
 import gwt.material.design.client.ui.MaterialIcon;
 import gwt.material.design.client.ui.MaterialImage;
@@ -45,6 +44,42 @@ public void init() {
         checkStructure(tree);
         checkSelectedItem(tree);
         checkExpandAndColapse(tree);
+        checkCreateItemAndSelect(tree);
+        checkInsertItemAndSelect(tree);
+        checkCreateSubItemAndSelect(tree);
+        checkInsertSubItemAndSelect(tree);
+    }
+
+    protected void checkCreateItemAndSelect(MaterialTree tree) {
+        MaterialTreeItem treeItem = new MaterialTreeItem();
+        treeItem.setText("Child");
+        tree.add(treeItem);
+        treeItem.select();
+    }
+
+    protected void checkInsertItemAndSelect(MaterialTree tree) {
+        MaterialTreeItem treeItem = new MaterialTreeItem();
+        treeItem.setText("Child");
+        tree.insert(treeItem, 0);
+        treeItem.select();
+    }
+
+    protected void checkCreateSubItemAndSelect(MaterialTree tree) {
+        MaterialTreeItem root = new MaterialTreeItem("Root");
+        tree.add(root);
+        MaterialTreeItem child = new MaterialTreeItem("Child");
+        root.add(child);
+        tree.expand();
+        child.select();
+    }
+
+    protected void checkInsertSubItemAndSelect(MaterialTree tree) {
+        MaterialTreeItem root = new MaterialTreeItem("Root");
+        tree.add(root);
+        MaterialTreeItem child = new MaterialTreeItem("Child");
+        root.insert(child, 0);
+        tree.expand();
+        child.select();
     }
 
     protected <T extends MaterialTree> void checkExpandAndColapse(T tree) {

From 089e37af7bcc557a7bc0fe5587cb6b72419f8c16 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Fri, 23 Dec 2016 10:27:25 +0800
Subject: [PATCH 10/35] MaterialFileUploader - Added check to avoid
 IndexOutOfBounds

---
 .../fileuploader/MaterialFileUploader.java    | 44 +++++++++++--------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
index ab37a5199..129af2d96 100644
--- a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
+++ b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
@@ -19,6 +19,7 @@
  */
 package gwt.material.design.addins.client.fileuploader;
 
+import com.google.gwt.core.client.GWT;
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.event.shared.HandlerRegistration;
@@ -131,28 +132,33 @@ protected void onLoad() {
     }
 
     public void initDropzone() {
-        String previews = DOM.createUniqueId();
-        uploadPreview.getUploadCollection().setId(previews);
-        if (options.clickable.isEmpty()) {
-            String clickable = DOM.createUniqueId();
-            if (getWidget(1) instanceof MaterialUploadLabel) {
-                MaterialUploadLabel label = (MaterialUploadLabel) getWidget(1);
-                label.getIcon().setId(clickable);
-            } else {
-                getWidget(1).getElement().setId(clickable);
+        if (getWidgetCount() > 1) {
+            String previews = DOM.createUniqueId();
+            uploadPreview.getUploadCollection().setId(previews);
+            if (options.clickable.isEmpty()) {
+                String clickable = DOM.createUniqueId();
+
+                if (getWidget(1) instanceof MaterialUploadLabel) {
+                    MaterialUploadLabel label = (MaterialUploadLabel) getWidget(1);
+                    label.getIcon().setId(clickable);
+                } else {
+                    getWidget(1).getElement().setId(clickable);
+                }
+                setClickable(clickable);
             }
-            setClickable(clickable);
-        }
 
-        if (!isPreview()) {
-            uploadPreview.setDisplay(Display.NONE);
-        }
+            if (!isPreview()) {
+                uploadPreview.setDisplay(Display.NONE);
+            }
 
-        initDropzone(getElement(),
-                uploadPreview.getUploadCollection().getItem().getElement(),
-                previews,
-                uploadPreview.getElement(),
-                uploadPreview.getUploadHeader().getUploadedFiles().getElement());
+            initDropzone(getElement(),
+                    uploadPreview.getUploadCollection().getItem().getElement(),
+                    previews,
+                    uploadPreview.getElement(),
+                    uploadPreview.getUploadHeader().getUploadedFiles().getElement());
+        }else {
+            GWT.log("You don't have any child widget to use as a upload label");
+        }
     }
 
     /**

From aa041565ff0ac9af18045d662d5517a378137016 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 3 Jan 2017 08:12:10 +0800
Subject: [PATCH 11/35] Fixed MaterialAutoComplete does not work in TEXT mode
 #184

---
 .../autocomplete/MaterialAutoComplete.java       | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
index 8995b56bd..c329cdb53 100644
--- a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
+++ b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
@@ -37,6 +37,7 @@
 import gwt.material.design.client.constants.ProgressType;
 import gwt.material.design.client.ui.MaterialChip;
 import gwt.material.design.client.ui.MaterialLabel;
+import gwt.material.design.client.ui.MaterialToast;
 import gwt.material.design.client.ui.html.Label;
 import gwt.material.design.client.ui.html.ListItem;
 import gwt.material.design.client.ui.html.UnorderedList;
@@ -260,7 +261,11 @@ protected void generateAutoComplete(SuggestOracle suggestions) {
                             directInput.setDisplay(value);
                             directInput.setSuggestion(value);
                             changed = addItem(directInput);
-                            itemBox.setValue("");
+                            if (getType() == AutocompleteType.TEXT) {
+                                itemBox.setText(value);
+                            } else {
+                                itemBox.setValue("");
+                            }
                             itemBox.setFocus(true);
                         }
                     }
@@ -382,9 +387,8 @@ protected boolean addItem(final Suggestion suggestion) {
 
             suggestionMap.put(suggestion, chip);
             displayItem.add(chip);
+            list.insert(displayItem, list.getWidgetCount() - 1);
         }
-
-        list.insert(displayItem, list.getWidgetCount() - 1);
         return true;
     }
 
@@ -643,7 +647,7 @@ public boolean isToggleReadOnly() {
      * Interface that defines how a {@link MaterialChip} is created, given a
      * {@link Suggestion}.
      *
-     * @see gwt.material.design.addins.client.autocomplete.MaterialAutoComplete#setChipProvider(MaterialChipProvider)
+     * @see MaterialAutoComplete#setChipProvider(MaterialChipProvider)
      */
     public static interface MaterialChipProvider {
 
@@ -683,13 +687,13 @@ public static interface MaterialChipProvider {
 
     /**
      * Default implementation of the {@link MaterialChipProvider} interface,
-     * used by the {@link gwt.material.design.addins.client.autocomplete.MaterialAutoComplete}.
+     * used by the {@link MaterialAutoComplete}.
      * <p>
      * <p>
      * By default all chips are selectable and removable. The default {@link IconType} used by the chips provided is the {@link IconType#CLOSE}.
      * </p>
      *
-     * @see gwt.material.design.addins.client.autocomplete.MaterialAutoComplete#setChipProvider(MaterialChipProvider)
+     * @see MaterialAutoComplete#setChipProvider(MaterialChipProvider)
      */
     public static class DefaultMaterialChipProvider implements MaterialChipProvider {
 

From 53288dcdb19229da3851ffb4b24f25f43b72560a Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 4 Jan 2017 07:52:39 +0800
Subject: [PATCH 12/35] Fixed Window content size 100% but some content is not
 visible #182

---
 .../design/addins/client/window/resources/css/window.css      | 4 ++--
 .../design/addins/client/window/resources/css/window.min.css  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
index 4d75705f8..f74077e2a 100644
--- a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
+++ b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.css
@@ -73,8 +73,8 @@
 
 .window .content {
     background-color: #fafafa;
-    width: 100%;
-    height: 100%;
+    height: calc(100% - 40px);
+    overflow: auto;
 }
 
 @media only screen and (max-width: 992px) {
diff --git a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
index 275260436..d7544602b 100644
--- a/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/window/resources/css/window.min.css
@@ -1 +1 @@
-.window{position:fixed;display:none;z-index:1001;top:0;left:0;right:0;padding:0;width:50%;margin:auto;overflow:hidden;will-change:top,opacity;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);border-radius:4px;transition:150ms all;-moz-transition:150ms all;-webkit-transition:150ms all}.window-overlay{height:100%;width:100%;position:fixed;top:0;right:0;left:0;background:rgba(0,0,0,.3);bottom:0;z-index:1000}.window .window-toolbar{background-color:#2196f3;color:#fff;overflow:hidden;padding:8px}.window .window-title{color:#fff;font-size:1.1em;float:left}.window .window-action{font-size:16px;float:right;margin-left:12px}.window.maximize{width:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-height:100%!important;transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-webkit-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-moz-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;-o-transition:width 200ms ease-in-out,max-height 500ms ease-in-out;transition:width 200ms ease-in-out,max-height 500ms ease-in-out}.window.open{display:block!important;opacity:1!important}.window .content{background-color:#fafafa;width:100%;height:100%}@media only screen and (max-width:992px){.window .content{width:100%!important}}
\ No newline at end of file
+.window,.window-overlay{position:fixed;top:0;right:0;left:0}.window{display:none;z-index:1001;padding:0;width:50%;margin:auto;overflow:hidden;will-change:top,opacity;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);border-radius:4px;transition:150ms all;-moz-transition:150ms all;-webkit-transition:150ms all}.window-overlay{height:100%;width:100%;background:rgba(0,0,0,.3);bottom:0;z-index:1000}.window .window-toolbar{background-color:#2196f3;color:#fff;overflow:hidden;padding:8px}.window .window-title{color:#fff;font-size:1.1em;float:left}.window .window-action{font-size:16px;float:right;margin-left:12px}.window.maximize{width:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-height:100%!important;transform:translate(0 ,0)!important;-webkit-transform:translate(0 ,0)!important;-moz-transform:translate(0 ,0)!important;-webkit-transition:width .2s ease-in-out,max-height .5s ease-in-out;-moz-transition:width .2s ease-in-out,max-height .5s ease-in-out;-o-transition:width .2s ease-in-out,max-height .5s ease-in-out;transition:width .2s ease-in-out,max-height .5s ease-in-out}.window.open{display:block!important;opacity:1!important}.window .content{background-color:#fafafa;height:calc(100% - 40px);overflow:auto}@media only screen and (max-width:992px){.window .content{width:100%!important}}
\ No newline at end of file

From 7dc151c3f8eb8a64c62809707c5c6728145786e7 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 17 Jan 2017 18:45:58 +0800
Subject: [PATCH 13/35] Fixed - MaterialAutocomplete Suggestion Chip
 placeholder bug #187

---
 .../design/addins/client/autocomplete/MaterialAutoComplete.java  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
index c329cdb53..07477f804 100644
--- a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
+++ b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
@@ -774,6 +774,7 @@ public List<? extends Suggestion> getValue() {
     public void setValue(List<? extends Suggestion> value, boolean fireEvents) {
         clear();
         if (value != null) {
+            lblPlaceholder.addStyleName(CssName.ACTIVE);
             for (Suggestion suggestion : value) {
                 addItem(suggestion);
             }

From bc92e8e051c6eb06442515a9a55b9a57cd34d674 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Fri, 27 Jan 2017 17:42:27 +0800
Subject: [PATCH 14/35] Overlay - Added open() method.

Stepper - Check if description is not null (To Avoid null pointer exception).
Stepper - Fixed style issue when navigating into the next steps.
---
 .../client/overlay/MaterialOverlay.java       |  37 +++++
 .../client/stepper/MaterialStepper.java       |  10 +-
 .../client/stepper/resources/css/stepper.css  |   3 +
 .../stepper/resources/css/stepper.min.css     | 151 +++++++++++++++++-
 4 files changed, 197 insertions(+), 4 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
index ec35fcb37..192a51f6c 100644
--- a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
+++ b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
@@ -19,6 +19,7 @@
  */
 package gwt.material.design.addins.client.overlay;
 
+import com.google.gwt.core.client.GWT;
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.dom.client.Style;
 import com.google.gwt.event.logical.shared.*;
@@ -29,6 +30,8 @@
 import gwt.material.design.client.MaterialDesignBase;
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.constants.Color;
+import gwt.material.design.client.constants.IconType;
+import gwt.material.design.client.ui.MaterialIcon;
 
 import static gwt.material.design.jquery.client.api.JQuery.$;
 
@@ -69,6 +72,8 @@ public class MaterialOverlay extends MaterialWidget implements HasOpenHandlers<M
 
     private MaterialWidget source;
     private MaterialPathAnimator animator = new MaterialPathAnimator();
+    private MaterialOverlayTab overlayTab;
+    private MaterialIcon minimizeIcon = new MaterialIcon(IconType.KEYBOARD_ARROW_DOWN);
 
     public MaterialOverlay() {
         super(Document.get().createDivElement(), AddinsCssName.OVERLAY_PANEL);
@@ -97,6 +102,15 @@ public void open(MaterialWidget source) {
         OpenEvent.fire(this, this);
     }
 
+    /**
+     * Open the Overlay Panel without Path Animator
+     */
+    public void open() {
+        setVisibility(Style.Visibility.VISIBLE);
+        setOpacity(1);
+        OpenEvent.fire(this, this);
+    }
+
     /**
      * Close the Overlay Panel with Path Animator applied
      */
@@ -177,4 +191,27 @@ public double getExtraTransitionDuration() {
     public void setExtraTransitionDuration(double extraTransitionDuration) {
         animator.setExtraTransitionDuration(extraTransitionDuration);
     }
+
+    public MaterialOverlayTab getOverlayTab() {
+        return overlayTab;
+    }
+
+    public void setOverlayTab(MaterialOverlayTab overlayTab) {
+        this.overlayTab = overlayTab;
+        minimizeIcon.addStyleName(AddinsCssName.MINIMIZE_ICON);
+        minimizeIcon.addMouseDownHandler(e -> minimize());
+        add(minimizeIcon);
+    }
+
+    protected void minimize() {
+        if (overlayTab != null) {
+            overlayTab.minimize(this);
+        } else {
+            GWT.log("You must set the overlay container before minimizing the overlay.", new IllegalStateException());
+        }
+    }
+
+    public MaterialIcon getMinimizeIcon() {
+        return minimizeIcon;
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
index 33634af14..6e34769bf 100644
--- a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
+++ b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
@@ -117,12 +117,12 @@ protected void onLoad() {
     public void setDetectOrientation(boolean detectOrientation) {
         this.detectOrientation = detectOrientation;
 
-        if(orientationHandler != null) {
+        if (orientationHandler != null) {
             orientationHandler.removeHandler();
             orientationHandler = null;
         }
 
-        if(detectOrientation) {
+        if (detectOrientation) {
             orientationHandler = com.google.gwt.user.client.Window.addResizeHandler(resizeEvent -> {
                 detectAndApplyOrientation();
             });
@@ -162,7 +162,10 @@ public void nextStep() {
             if (w instanceof MaterialStep) {
                 MaterialStep step = (MaterialStep) w;
                 step.setActive(false);
-                step.setSuccess(step.getDescription());
+
+                if (step.getDescription() != null) {
+                    step.setSuccess(step.getDescription());
+                }
 
                 // next step
                 int nextStepIndex = getWidgetIndex(step) + 1;
@@ -289,6 +292,7 @@ protected void setCurrentStepIndex(int currentStepIndex) {
             this.currentStepIndex = currentStepIndex;
             SelectionChangeEvent.fire(this);
         }
+
     }
 
     public int getCurrentStepIndex() {
diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
index 55ef45602..af9765197 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
@@ -99,6 +99,9 @@
     color: #C9C9C9;
     font-weight: 400;
 }
+.stepper .step.inactive > :nth-child(2) {
+    visibility: hidden;
+}
 .stepper .step.inactive .body{
     opacity: 0;
     transition: 0.6s all;
diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
index 26b790bf7..af9765197 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
@@ -1 +1,150 @@
-.stepper .step{position:relative;min-height:32px;padding:12px;cursor:pointer}.stepper .step:hover{background:#F6F6F6}.stepper .step>div:first-child{position:static;height:0}.stepper .step>div:last-child{margin-left:32px;padding-left:16px;min-height:24px}.stepper .step>div:first-child .circle{background:#4285f4;width:32px;height:32px;line-height:32px;border-radius:16px;position:relative;color:#fff;text-align:center}.stepper .line{position:absolute;border-left:1px solid #dcdcdc;left:28px;bottom:0;top:56px;z-index:1}.stepper .step:last-child .line{display:none!important}.stepper .title{line-height:32px;font-weight:500;margin-left:0}.stepper .body{padding-bottom:28px;padding-top:8px;opacity:1}.stepper .description{line-height:1.2;font-size:1em;padding-bottom:24px;color:#989898}.stepper.horizontal{line-height:0;position:relative}.stepper.horizontal .step{display:inline-block;height:72px;padding-top:20px;position:initial}.stepper.horizontal .step .line,.stepper.horizontal .step .title,.stepper.horizontal .step>div:first-child .circle{display:inline-block}.stepper.horizontal .step .line{border-left:0;position:inherit;border-top:1px solid #dcdcdc;width:100px;margin-bottom:5px;margin-left:8px;margin-right:-36px}.stepper.horizontal .step .title{margin-left:8px}.stepper.horizontal .step .description{margin-left:40px;font-size:.8em;margin-top:-12px}.stepper.horizontal .step .body{line-height:initial}.stepper.horizontal .step>div:last-child{position:absolute;width:100%;top:93px;padding-left:0;margin:auto;left:0}.stepper .step.inactive .title{color:#C9C9C9;font-weight:400}.stepper .step.inactive .body{opacity:0;transition:.6s all;-webkit-transition:.6s all;max-height:0;z-index:-1;position:relative}.stepper .step.active .body{opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;max-height:1400px;padding-bottom:28px;padding-top:8px;z-index:1!important}.stepper .step.inactive>div:first-child .circle{background-color:#9e9e9e}.stepper .step>div:first-child i{font-size:36px;vertical-align:middle}.stepper .step.success .description,.stepper .step.success .title,.stepper .step.success>div:first-child i{color:#2196f3}.stepper .step.error .description,.stepper .step.error .title,.stepper .step.error>div:first-child i{color:#f44336}.stepper .step.error>div:first-child .description,.stepper .step.success>div:first-child .description{margin-left:44px}.stepper .step.error .title,.stepper .step.success .title{font-weight:600}.feedback{position:absolute;left:0;font-size:1.1em;top:0;background:#fff;width:100%;height:100%;padding:36px}
\ No newline at end of file
+.stepper .step {
+    position: relative;
+    min-height: 32px;
+    padding: 12px;
+    cursor: pointer
+}
+.stepper .step:hover {
+    background: #F6F6F6;
+}
+.stepper .step > div:first-child {
+    position: static; height: 0;
+}
+.stepper .step > div:last-child {
+    margin-left: 32px;
+    padding-left: 16px;
+    min-height: 24px;
+}
+.stepper .step > div:first-child .circle {
+    background: #4285f4;
+    width: 32px;
+    height: 32px;
+    line-height: 32px;
+    border-radius: 16px;
+    position: relative;
+    color: white;
+    text-align: center;
+}
+.stepper .line {
+    position: absolute;
+    border-left: 1px solid gainsboro;
+    left: 28px;
+    bottom: 0px;
+    top: 56px;
+    z-index: 1;
+}
+.stepper .step:last-child .line {
+    display: none !important;
+}
+.stepper .title {
+    line-height: 32px;
+    font-weight: 500;
+    margin-left: 0px;
+}
+.stepper .body {
+    padding-bottom: 28px;
+    padding-top: 8px;
+    opacity: 1;
+}
+.stepper .description {
+    line-height: 1.2;
+    font-size: 1em;
+    padding-bottom: 24px;
+    color: #989898;
+}
+/** Horizontal **/
+.stepper.horizontal {
+    line-height: 0px;
+    position: relative;
+}
+.stepper.horizontal .step {
+    display: inline-block;
+    height: 72px;
+    padding-top: 20px;
+    position: initial;
+}
+.stepper.horizontal .step .line, .stepper.horizontal .step > div:first-child .circle, .stepper.horizontal .step .title {
+    display: inline-block;
+}
+.stepper.horizontal .step .line {
+    border-left: 0px;
+    position: inherit;
+    border-top: 1px solid gainsboro;
+    width: 100px;
+    margin-bottom: 5px;
+    margin-left: 8px;
+    margin-right: -36px;
+}
+.stepper.horizontal .step .title {
+    margin-left: 8px;
+}
+.stepper.horizontal .step .description{
+    margin-left: 40px;
+    font-size: 0.8em;
+    margin-top: -12px;
+}
+.stepper.horizontal .step .body {
+    line-height: initial;
+}
+.stepper.horizontal .step > div:last-child {
+    position: absolute;
+    width: 100%;
+    top: 93px;
+    margin-left: 0px;
+    padding-left: 0px;
+    margin: auto;
+    left: 0px;
+}
+.stepper .step.inactive .title{
+    color: #C9C9C9;
+    font-weight: 400;
+}
+.stepper .step.inactive > :nth-child(2) {
+    visibility: hidden;
+}
+.stepper .step.inactive .body{
+    opacity: 0;
+    transition: 0.6s all;
+    -webkit-transition: 0.6s all;
+    max-height: 0px;
+    z-index: -1;
+    position: relative;
+}
+.stepper .step.active .body {
+    opacity: 1;
+    transition-delay: 0.3s;
+    -webkit-transition-delay: 0.3s;
+    max-height: 1400px;
+    padding-bottom: 28px;
+    padding-top: 8px;
+    z-index: 1 !important;
+}
+.stepper .step.inactive > div:first-child .circle{
+    background-color: #9e9e9e;
+}
+.stepper .step > div:first-child i {
+    font-size: 36px;
+    vertical-align: middle;
+}
+.stepper .step.success > div:first-child i,.stepper .step.success .title, .stepper .step.success .description {
+    color: #2196f3;
+}
+.stepper .step.error > div:first-child i,.stepper .step.error .title, .stepper .step.error .description {
+    color: #f44336;
+}
+.stepper .step.success > div:first-child .description, .stepper .step.error > div:first-child .description {
+    margin-left: 44px;
+}
+.stepper .step.success .title, .stepper .step.error .title{
+    font-weight: 600;
+}
+.feedback{
+    position: absolute;
+    left: 0;
+    font-size: 1.1em;
+    top: 0;
+    background: #fff;
+    width: 100%;
+    height: 100%;
+    padding: 36px;
+}
\ No newline at end of file

From b4334bcae1bdfebfd84f7e424fd0a27da4bdcbdc Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 1 Feb 2017 04:33:26 +0800
Subject: [PATCH 15/35] Fixed - class MaterialOverlayTab is missing in
 2.0-SNAPSHOT #191

---
 .../client/overlay/MaterialOverlay.java       | 25 -------------------
 1 file changed, 25 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
index 192a51f6c..8d7915bbf 100644
--- a/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
+++ b/src/main/java/gwt/material/design/addins/client/overlay/MaterialOverlay.java
@@ -72,8 +72,6 @@ public class MaterialOverlay extends MaterialWidget implements HasOpenHandlers<M
 
     private MaterialWidget source;
     private MaterialPathAnimator animator = new MaterialPathAnimator();
-    private MaterialOverlayTab overlayTab;
-    private MaterialIcon minimizeIcon = new MaterialIcon(IconType.KEYBOARD_ARROW_DOWN);
 
     public MaterialOverlay() {
         super(Document.get().createDivElement(), AddinsCssName.OVERLAY_PANEL);
@@ -191,27 +189,4 @@ public double getExtraTransitionDuration() {
     public void setExtraTransitionDuration(double extraTransitionDuration) {
         animator.setExtraTransitionDuration(extraTransitionDuration);
     }
-
-    public MaterialOverlayTab getOverlayTab() {
-        return overlayTab;
-    }
-
-    public void setOverlayTab(MaterialOverlayTab overlayTab) {
-        this.overlayTab = overlayTab;
-        minimizeIcon.addStyleName(AddinsCssName.MINIMIZE_ICON);
-        minimizeIcon.addMouseDownHandler(e -> minimize());
-        add(minimizeIcon);
-    }
-
-    protected void minimize() {
-        if (overlayTab != null) {
-            overlayTab.minimize(this);
-        } else {
-            GWT.log("You must set the overlay container before minimizing the overlay.", new IllegalStateException());
-        }
-    }
-
-    public MaterialIcon getMinimizeIcon() {
-        return minimizeIcon;
-    }
 }
\ No newline at end of file

From b7d69ec24230d5218dabf51ce937a936d28af45f Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 1 Feb 2017 19:46:29 +0800
Subject: [PATCH 16/35] Follow up patches for ComboBox clear()

---
 .../design/addins/client/combobox/MaterialComboBox.java   | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index ae32e5fea..cd84f74c0 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -46,6 +46,7 @@
 
 import java.util.ArrayList;
 import java.util.Collection;
+import java.util.Iterator;
 import java.util.List;
 
 import static gwt.material.design.addins.client.combobox.js.JsComboBox.$;
@@ -498,6 +499,13 @@ public void close() {
 
     @Override
     public void clear() {
+        final Iterator<Widget> it = iterator();
+        while (it.hasNext()) {
+            final Widget widget = it.next();
+            if (widget != label && widget != lblError && widget != listbox) {
+                it.remove();
+            }
+        }
         listbox.clear();
         values.clear();
     }

From c6dc59de4f948691464152e5e572db47a205ee32 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 1 Feb 2017 19:49:49 +0800
Subject: [PATCH 17/35] Fixed - Material ComboBox bug: isEnabled is not
 working, always returns true #195

---
 .../design/addins/client/combobox/MaterialComboBox.java      | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index cd84f74c0..2e625a1a5 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -246,6 +246,11 @@ public void setEnabled(boolean enabled) {
         listbox.setEnabled(enabled);
     }
 
+    @Override
+    public boolean isEnabled() {
+        return listbox.isEnabled();
+    }
+
     /**
      * Check if allow clear option is enabled
      */

From cb4da5cb4c6d82618f0abbe5b733c5ea58cda9b1 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 8 Feb 2017 07:38:18 +0800
Subject: [PATCH 18/35] Added setState(ERROR/SUCCESS) to check each step.

Fixed stepper checking on description.
---
 .../design/addins/client/stepper/MaterialStep.java | 14 ++++++++++++--
 .../addins/client/stepper/MaterialStepper.java     |  9 +++++----
 .../addins/client/stepper/constants/State.java     |  6 ++++++
 3 files changed, 23 insertions(+), 6 deletions(-)
 create mode 100644 src/main/java/gwt/material/design/addins/client/stepper/constants/State.java

diff --git a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStep.java b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStep.java
index c2cb1b4b2..93ed118fe 100644
--- a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStep.java
+++ b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStep.java
@@ -28,6 +28,7 @@
 import com.google.gwt.safehtml.shared.SafeHtmlUtils;
 import com.google.gwt.user.client.ui.Widget;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
+import gwt.material.design.addins.client.stepper.constants.State;
 import gwt.material.design.client.base.*;
 import gwt.material.design.client.base.mixin.ActiveMixin;
 import gwt.material.design.client.constants.Axis;
@@ -69,7 +70,7 @@ public class MaterialStep extends MaterialWidget implements HasActive, HasTitle,
 
     private int step;
     private String title;
-    private String description;
+    private String description = "";
 
     // containers
     private Div conCircle = new Div();
@@ -87,6 +88,7 @@ public class MaterialStep extends MaterialWidget implements HasActive, HasTitle,
     private final ActiveMixin<MaterialStep> activeMixin = new ActiveMixin<>(this);
 
     private Axis axis = Axis.VERTICAL;
+    private State state;
 
     public MaterialStep() {
         super(Document.get().createDivElement(), AddinsCssName.STEP);
@@ -176,6 +178,7 @@ public void setError(String error) {
         removeStyleName(AddinsCssName.SUCCESS);
         addStyleName(AddinsCssName.ERROR);
         applyIconStatus(iconError, error);
+        state = State.ERROR;
     }
 
     @Override
@@ -183,6 +186,7 @@ public void setSuccess(String success) {
         removeStyleName(AddinsCssName.ERROR);
         addStyleName(AddinsCssName.SUCCESS);
         applyIconStatus(iconSuccess, success);
+        state = State.SUCCESS;
     }
 
     @Override
@@ -190,6 +194,10 @@ public void setHelperText(String helperText) {
         setDescription(helperText);
     }
 
+    public State getState() {
+        return state;
+    }
+
     @Override
     public void clearErrorOrSuccess() {
         iconError.removeFromParent();
@@ -204,7 +212,9 @@ protected void applyIconStatus(MaterialIcon icon, String description) {
         iconSuccess.removeFromParent();
         divCircle.removeFromParent();
         conCircle.insert(icon, 0);
-        divDescription.getElement().setInnerSafeHtml(SafeHtmlUtils.fromString(description));
+        if (description != null) {
+            divDescription.getElement().setInnerSafeHtml(SafeHtmlUtils.fromString(description));
+        }
     }
 
     public Div getDivBody() {
diff --git a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
index 6e34769bf..362878651 100644
--- a/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
+++ b/src/main/java/gwt/material/design/addins/client/stepper/MaterialStepper.java
@@ -31,6 +31,7 @@
 import gwt.material.design.addins.client.MaterialAddins;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
 import gwt.material.design.addins.client.stepper.base.HasStepsHandler;
+import gwt.material.design.addins.client.stepper.constants.State;
 import gwt.material.design.addins.client.stepper.events.CompleteEvent;
 import gwt.material.design.addins.client.stepper.events.NextEvent;
 import gwt.material.design.addins.client.stepper.events.PreviousEvent;
@@ -163,9 +164,7 @@ public void nextStep() {
                 MaterialStep step = (MaterialStep) w;
                 step.setActive(false);
 
-                if (step.getDescription() != null) {
-                    step.setSuccess(step.getDescription());
-                }
+                step.setSuccess(step.getDescription());
 
                 // next step
                 int nextStepIndex = getWidgetIndex(step) + 1;
@@ -404,7 +403,9 @@ public Span getFeedbackSpan() {
     @Override
     public void onSelection(SelectionEvent<MaterialStep> event) {
         if (stepSkippingAllowed) {
-            goToStep(event.getSelectedItem());
+            if (event.getSelectedItem().getState() == State.SUCCESS) {
+                goToStep(event.getSelectedItem());
+            }
         }
     }
 
diff --git a/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java b/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java
new file mode 100644
index 000000000..c1f154d7d
--- /dev/null
+++ b/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java
@@ -0,0 +1,6 @@
+package gwt.material.design.addins.client.stepper.constants;
+
+public enum State {
+
+    ERROR, SUCCESS
+}

From 7824f3adf1d20d2e06537088e4bd39d4d087e2d5 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Thu, 23 Feb 2017 15:27:02 +0800
Subject: [PATCH 19/35] Fixed stepper style issue on each steps.

# Conflicts:
#	src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
#	src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
---
 .../client/stepper/resources/css/stepper.css  | 135 +++++++++-------
 .../stepper/resources/css/stepper.min.css     | 151 +-----------------
 2 files changed, 82 insertions(+), 204 deletions(-)

diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
index af9765197..287b0065b 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
@@ -4,17 +4,22 @@
     padding: 12px;
     cursor: pointer
 }
+
 .stepper .step:hover {
-    background: #F6F6F6;
+    background: #F6F6F6
 }
+
 .stepper .step > div:first-child {
-    position: static; height: 0;
+    position: static;
+    height: 0
 }
+
 .stepper .step > div:last-child {
     margin-left: 32px;
     padding-left: 16px;
-    min-height: 24px;
+    min-height: 24px
 }
+
 .stepper .step > div:first-child .circle {
     background: #4285f4;
     width: 32px;
@@ -22,123 +27,145 @@
     line-height: 32px;
     border-radius: 16px;
     position: relative;
-    color: white;
-    text-align: center;
+    color: #fff;
+    text-align: center
 }
+
 .stepper .line {
     position: absolute;
-    border-left: 1px solid gainsboro;
+    border-left: 1px solid #dcdcdc;
     left: 28px;
-    bottom: 0px;
+    bottom: 0;
     top: 56px;
-    z-index: 1;
+    z-index: 1
 }
+
 .stepper .step:last-child .line {
-    display: none !important;
+    display: none !important
 }
+
 .stepper .title {
     line-height: 32px;
     font-weight: 500;
-    margin-left: 0px;
+    margin-left: 0
 }
+
 .stepper .body {
     padding-bottom: 28px;
     padding-top: 8px;
-    opacity: 1;
+    opacity: 1
 }
+
 .stepper .description {
     line-height: 1.2;
     font-size: 1em;
     padding-bottom: 24px;
-    color: #989898;
+    color: #989898
 }
-/** Horizontal **/
+
 .stepper.horizontal {
-    line-height: 0px;
-    position: relative;
+    line-height: 0;
+    position: relative
 }
+
 .stepper.horizontal .step {
     display: inline-block;
     height: 72px;
     padding-top: 20px;
-    position: initial;
+    position: initial
 }
-.stepper.horizontal .step .line, .stepper.horizontal .step > div:first-child .circle, .stepper.horizontal .step .title {
-    display: inline-block;
+
+.stepper.horizontal .step .line, .stepper.horizontal .step .title, .stepper.horizontal .step > div:first-child .circle {
+    display: inline-block
 }
+
 .stepper.horizontal .step .line {
-    border-left: 0px;
+    border-left: 0;
     position: inherit;
-    border-top: 1px solid gainsboro;
+    border-top: 1px solid #dcdcdc;
     width: 100px;
     margin-bottom: 5px;
     margin-left: 8px;
-    margin-right: -36px;
+    margin-right: -36px
 }
+
 .stepper.horizontal .step .title {
-    margin-left: 8px;
+    margin-left: 8px
 }
-.stepper.horizontal .step .description{
+
+.stepper.horizontal .step .description {
     margin-left: 40px;
-    font-size: 0.8em;
-    margin-top: -12px;
+    font-size: .8em;
+    margin-top: -12px
 }
+
 .stepper.horizontal .step .body {
-    line-height: initial;
+    line-height: initial
 }
+
 .stepper.horizontal .step > div:last-child {
     position: absolute;
     width: 100%;
     top: 93px;
-    margin-left: 0px;
-    padding-left: 0px;
+    padding-left: 0;
     margin: auto;
-    left: 0px;
+    left: 0
 }
-.stepper .step.inactive .title{
+
+.stepper .step.inactive .title {
     color: #C9C9C9;
-    font-weight: 400;
+    font-weight: 400
 }
-.stepper .step.inactive > :nth-child(2) {
-    visibility: hidden;
+
+.stepper.horizontal .step.inactive > :nth-child(2) {
+    visibility: hidden
 }
-.stepper .step.inactive .body{
+
+.stepper .step.inactive .body {
     opacity: 0;
-    transition: 0.6s all;
-    -webkit-transition: 0.6s all;
-    max-height: 0px;
+    transition: .6s all;
+    -webkit-transition: .6s all;
+    max-height: 0;
     z-index: -1;
-    position: relative;
+    position: relative
 }
+
 .stepper .step.active .body {
     opacity: 1;
-    transition-delay: 0.3s;
-    -webkit-transition-delay: 0.3s;
+    transition-delay: .3s;
+    -webkit-transition-delay: .3s;
     max-height: 1400px;
     padding-bottom: 28px;
     padding-top: 8px;
-    z-index: 1 !important;
+    z-index: 1 !important
 }
-.stepper .step.inactive > div:first-child .circle{
-    background-color: #9e9e9e;
+
+.stepper .step.inactive > div:first-child .circle {
+    background-color: #9e9e9e !important;
 }
+
 .stepper .step > div:first-child i {
     font-size: 36px;
-    vertical-align: middle;
+    vertical-align: middle
 }
-.stepper .step.success > div:first-child i,.stepper .step.success .title, .stepper .step.success .description {
-    color: #2196f3;
+
+.stepper .step.success .description, .stepper .step.success .title, .stepper .step.success > div:first-child i {
+    color: #2196f3
 }
-.stepper .step.error > div:first-child i,.stepper .step.error .title, .stepper .step.error .description {
-    color: #f44336;
+
+.stepper .step.error .description, .stepper .step.error .title, .stepper .step.error > div:first-child i {
+    color: #f44336
 }
-.stepper .step.success > div:first-child .description, .stepper .step.error > div:first-child .description {
-    margin-left: 44px;
+
+.stepper .step.error > div:first-child .description, .stepper .step.success > div:first-child .description {
+    margin-left: 44px
 }
-.stepper .step.success .title, .stepper .step.error .title{
-    font-weight: 600;
+
+.stepper .step.error .title, .stepper .step.success .title {
+    font-weight: 600
 }
-.feedback{
+
+.feedback {
     position: absolute;
     left: 0;
     font-size: 1.1em;
@@ -146,5 +173,5 @@
     background: #fff;
     width: 100%;
     height: 100%;
-    padding: 36px;
+    padding: 36px
 }
\ No newline at end of file
diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
index af9765197..8b13c3e28 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
@@ -1,150 +1 @@
-.stepper .step {
-    position: relative;
-    min-height: 32px;
-    padding: 12px;
-    cursor: pointer
-}
-.stepper .step:hover {
-    background: #F6F6F6;
-}
-.stepper .step > div:first-child {
-    position: static; height: 0;
-}
-.stepper .step > div:last-child {
-    margin-left: 32px;
-    padding-left: 16px;
-    min-height: 24px;
-}
-.stepper .step > div:first-child .circle {
-    background: #4285f4;
-    width: 32px;
-    height: 32px;
-    line-height: 32px;
-    border-radius: 16px;
-    position: relative;
-    color: white;
-    text-align: center;
-}
-.stepper .line {
-    position: absolute;
-    border-left: 1px solid gainsboro;
-    left: 28px;
-    bottom: 0px;
-    top: 56px;
-    z-index: 1;
-}
-.stepper .step:last-child .line {
-    display: none !important;
-}
-.stepper .title {
-    line-height: 32px;
-    font-weight: 500;
-    margin-left: 0px;
-}
-.stepper .body {
-    padding-bottom: 28px;
-    padding-top: 8px;
-    opacity: 1;
-}
-.stepper .description {
-    line-height: 1.2;
-    font-size: 1em;
-    padding-bottom: 24px;
-    color: #989898;
-}
-/** Horizontal **/
-.stepper.horizontal {
-    line-height: 0px;
-    position: relative;
-}
-.stepper.horizontal .step {
-    display: inline-block;
-    height: 72px;
-    padding-top: 20px;
-    position: initial;
-}
-.stepper.horizontal .step .line, .stepper.horizontal .step > div:first-child .circle, .stepper.horizontal .step .title {
-    display: inline-block;
-}
-.stepper.horizontal .step .line {
-    border-left: 0px;
-    position: inherit;
-    border-top: 1px solid gainsboro;
-    width: 100px;
-    margin-bottom: 5px;
-    margin-left: 8px;
-    margin-right: -36px;
-}
-.stepper.horizontal .step .title {
-    margin-left: 8px;
-}
-.stepper.horizontal .step .description{
-    margin-left: 40px;
-    font-size: 0.8em;
-    margin-top: -12px;
-}
-.stepper.horizontal .step .body {
-    line-height: initial;
-}
-.stepper.horizontal .step > div:last-child {
-    position: absolute;
-    width: 100%;
-    top: 93px;
-    margin-left: 0px;
-    padding-left: 0px;
-    margin: auto;
-    left: 0px;
-}
-.stepper .step.inactive .title{
-    color: #C9C9C9;
-    font-weight: 400;
-}
-.stepper .step.inactive > :nth-child(2) {
-    visibility: hidden;
-}
-.stepper .step.inactive .body{
-    opacity: 0;
-    transition: 0.6s all;
-    -webkit-transition: 0.6s all;
-    max-height: 0px;
-    z-index: -1;
-    position: relative;
-}
-.stepper .step.active .body {
-    opacity: 1;
-    transition-delay: 0.3s;
-    -webkit-transition-delay: 0.3s;
-    max-height: 1400px;
-    padding-bottom: 28px;
-    padding-top: 8px;
-    z-index: 1 !important;
-}
-.stepper .step.inactive > div:first-child .circle{
-    background-color: #9e9e9e;
-}
-.stepper .step > div:first-child i {
-    font-size: 36px;
-    vertical-align: middle;
-}
-.stepper .step.success > div:first-child i,.stepper .step.success .title, .stepper .step.success .description {
-    color: #2196f3;
-}
-.stepper .step.error > div:first-child i,.stepper .step.error .title, .stepper .step.error .description {
-    color: #f44336;
-}
-.stepper .step.success > div:first-child .description, .stepper .step.error > div:first-child .description {
-    margin-left: 44px;
-}
-.stepper .step.success .title, .stepper .step.error .title{
-    font-weight: 600;
-}
-.feedback{
-    position: absolute;
-    left: 0;
-    font-size: 1.1em;
-    top: 0;
-    background: #fff;
-    width: 100%;
-    height: 100%;
-    padding: 36px;
-}
\ No newline at end of file
+.stepper .step{position:relative;min-height:32px;padding:12px;cursor:pointer}.stepper .step:hover{background:#F6F6F6}.stepper .step>div:first-child{position:static;height:0}.stepper .step>div:last-child{margin-left:32px;padding-left:16px;min-height:24px}.stepper .step>div:first-child .circle{background:#4285f4;width:32px;height:32px;line-height:32px;border-radius:16px;position:relative;color:#fff;text-align:center}.stepper .line{position:absolute;border-left:1px solid #dcdcdc;left:28px;bottom:0;top:56px;z-index:1}.stepper .step:last-child .line{display:none!important}.stepper .title{line-height:32px;font-weight:500;margin-left:0}.stepper .body{padding-bottom:28px;padding-top:8px;opacity:1}.stepper .description{line-height:1.2;font-size:1em;padding-bottom:24px;color:#989898}.stepper.horizontal{line-height:0;position:relative}.stepper.horizontal .step{display:inline-block;height:72px;padding-top:20px;position:initial}.stepper.horizontal .step .line,.stepper.horizontal .step .title,.stepper.horizontal .step>div:first-child .circle{display:inline-block}.stepper.horizontal .step .line{border-left:0;position:inherit;border-top:1px solid #dcdcdc;width:100px;margin-bottom:5px;margin-left:8px;margin-right:-36px}.stepper.horizontal .step .title{margin-left:8px}.stepper.horizontal .step .description{margin-left:40px;font-size:.8em;margin-top:-12px}.stepper.horizontal .step .body{line-height:initial}.stepper.horizontal .step>div:last-child{position:absolute;width:100%;top:93px;padding-left:0;margin:auto;left:0}.stepper .step.inactive .title{color:#C9C9C9;font-weight:400}.stepper.horizontal .step.inactive>:nth-child(2){visibility:hidden}.stepper .step.inactive .body{opacity:0;transition:.6s all;-webkit-transition:.6s all;max-height:0;z-index:-1;position:relative}.stepper .step.active .body{opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;max-height:1400px;padding-bottom:28px;padding-top:8px;z-index:1!important}.stepper .step.inactive>div:first-child .circle{background-color:#9e9e9e!important}.stepper .step>div:first-child i{font-size:36px;vertical-align:middle}.stepper .step.success .description,.stepper .step.success .title,.stepper .step.success>div:first-child i{color:#2196f3}.stepper .step.error .description,.stepper .step.error .title,.stepper .step.error>div:first-child i{color:#f44336}.stepper .step.error>div:first-child .description,.stepper .step.success>div:first-child .description{margin-left:44px}.stepper .step.error .title,.stepper .step.success .title{font-weight:600}.feedback{position:absolute;left:0;font-size:1.1em;top:0;background:#fff;width:100%;height:100%;padding:36px}
\ No newline at end of file

From cd6f63ddbd8e8da6d1cc2e92c37dd46e81443be5 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Fri, 24 Feb 2017 08:14:54 +0800
Subject: [PATCH 20/35] Fixed combobox error/success layout style.

---
 .../design/addins/client/combobox/MaterialComboBox.java         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index 2e625a1a5..0e77709f7 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -129,7 +129,7 @@ protected void onLoad() {
             super.add(listbox);
             super.add(label);
             lblError.setLayoutPosition(Style.Position.ABSOLUTE);
-            lblError.setMarginTop(12);
+            lblError.setMarginTop(15);
             super.add(lblError);
             setId(uid);
 

From b1a7f33695534d07680c2ca44a89ec47ac511cd1 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 27 Feb 2017 18:31:21 +0800
Subject: [PATCH 21/35] Follow up fixed - Overridden setValue( ) fires events
 #557

---
 .../design/addins/client/combobox/MaterialComboBox.java         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index 0e77709f7..dcd7d21ad 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -329,7 +329,7 @@ public T getSelectedValue() {
 
     @Override
     public void setValue(T value) {
-        setValue(value, true);
+        setValue(value, false);
     }
 
     @Override

From 66f7cf783cd9807772f61fed8c08ab2e5d6c8435 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 27 Feb 2017 20:24:40 +0800
Subject: [PATCH 22/35] Revert "Follow up fixed - Overridden setValue( ) fires
 events #557"

This reverts commit b1a7f33695534d07680c2ca44a89ec47ac511cd1.
---
 .../design/addins/client/combobox/MaterialComboBox.java         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index dcd7d21ad..0e77709f7 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -329,7 +329,7 @@ public T getSelectedValue() {
 
     @Override
     public void setValue(T value) {
-        setValue(value, false);
+        setValue(value, true);
     }
 
     @Override

From 51ba75aff98ec36b66afdb4c0ee124319a551078 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 27 Feb 2017 21:35:23 +0800
Subject: [PATCH 23/35] Fixed - Autocomplete(TEXT) - Width of text field is not
 100%. #205

---
 .../addins/client/autocomplete/MaterialAutoComplete.java      | 3 +--
 .../addins/client/autocomplete/resources/css/autocomplete.css | 4 ++++
 .../client/autocomplete/resources/css/autocomplete.min.css    | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
index 07477f804..a0f7f02eb 100644
--- a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
+++ b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
@@ -37,7 +37,6 @@
 import gwt.material.design.client.constants.ProgressType;
 import gwt.material.design.client.ui.MaterialChip;
 import gwt.material.design.client.ui.MaterialLabel;
-import gwt.material.design.client.ui.MaterialToast;
 import gwt.material.design.client.ui.html.Label;
 import gwt.material.design.client.ui.html.ListItem;
 import gwt.material.design.client.ui.html.UnorderedList;
@@ -191,7 +190,7 @@ public class MaterialAutoComplete extends AbstractValueWidget<List<? extends Sug
     private FocusableMixin<MaterialWidget> focusableMixin;
     private ReadOnlyMixin<MaterialAutoComplete, TextBox> readOnlyMixin;
 
-    public final CssTypeMixin<AutocompleteType, MaterialAutoComplete> typeMixin = new CssTypeMixin<>(this);
+    public final CssTypeMixin<AutocompleteType, MaterialAutoComplete> typeMixin = new CssTypeMixin<>(this, this);
 
     /**
      * Use MaterialAutocomplete to search for matches from local or remote data
diff --git a/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.css b/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.css
index 6dfb975ca..acd2cd213 100644
--- a/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.css
+++ b/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.css
@@ -22,6 +22,10 @@ ul.multiValueSuggestBox-list {
     display: none;
 }
 
+.autocomplete-text .multiValueSuggestBox-input-token, .autocomplete-text .multiValueSuggestBox-input-token input {
+    width: 100% !important;
+}
+
 .autocomplete.read-only ul.multiValueSuggestBox-list {
     border: none !important;
 }
diff --git a/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.min.css b/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.min.css
index 3167b36a3..eb6b62e6f 100644
--- a/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/autocomplete/resources/css/autocomplete.min.css
@@ -1 +1 @@
-.autocomplete.disabled .chip i,.suggestPopupBottom,.suggestPopupMiddleLeft,.suggestPopupMiddleRight,.suggestPopupTop{display:none}ul.multiValueSuggestBox-list{overflow:hidden;height:auto!important;height:1%;cursor:text;min-height:1px;z-index:999;margin:0 0 15px;padding:0;border:none;width:100%;list-style-type:none;border-bottom:1px solid #9e9e9e}.autocomplete.disabled ul.multiValueSuggestBox-list{border-bottom:1px dotted rgba(0,0,0,.26)}.autocomplete.read-only ul.multiValueSuggestBox-list{border:none!important}.autocomplete.disabled .chip{color:rgba(0,0,0,.6)!important;background-color:#e4e4e4!important}.gwt-SuggestBoxPopup .item{padding-left:20px!important;padding:12px}.gwt-SuggestBoxPopup .item img{border-radius:12px;float:left;height:24px;width:24px;margin-right:12px}.gwt-SuggestBoxPopup{z-index:9999;width:300px!important;background:#fff;border-radius:2px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.gwt-SuggestBoxPopup tr{white-space:nowrap}.gwt-SuggestBoxPopup .item-selected{background:rgba(0,0,0,.03)!important}.suggestPopupMiddleCenter{width:100%;padding:0!important}.suggestPopupMiddle{width:100%;left:0!important}ul.multiValueSuggestBox-list li input{width:200px;background-color:transparent;margin:0;border:none!important}ul.multiValueSuggestBox-list input[type=text]:focus:not([readonly]){border:none!important;box-shadow:0 1px 0 0 #fff!important}li.multiValueSuggestBox-token{cursor:default;float:left;margin:8px 0 0 8px}li.multiValueSuggestBox-input-token{float:left}.row .autocomplete label{left:.75rem!important}
\ No newline at end of file
+.autocomplete.disabled .chip i,.suggestPopupBottom,.suggestPopupMiddleLeft,.suggestPopupMiddleRight,.suggestPopupTop{display:none}ul.multiValueSuggestBox-list{overflow:hidden;height:auto!important;height:1%;cursor:text;min-height:1px;z-index:999;margin:0 0 15px;padding:0;border:none;width:100%;list-style-type:none;border-bottom:1px solid #9e9e9e}.autocomplete.disabled ul.multiValueSuggestBox-list{border-bottom:1px dotted rgba(0,0,0,.26)}.autocomplete-text .multiValueSuggestBox-input-token,.autocomplete-text .multiValueSuggestBox-input-token ul.multiValueSuggestBox-list li input{width:100%}.autocomplete.read-only ul.multiValueSuggestBox-list{border:none!important}.autocomplete.disabled .chip{color:rgba(0,0,0,.6)!important;background-color:#e4e4e4!important}.gwt-SuggestBoxPopup .item{padding-left:20px!important;padding:12px}.gwt-SuggestBoxPopup .item img{border-radius:12px;float:left;height:24px;width:24px;margin-right:12px}.gwt-SuggestBoxPopup{z-index:9999;width:300px!important;background:#fff;border-radius:2px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.gwt-SuggestBoxPopup tr{white-space:nowrap}.gwt-SuggestBoxPopup .item-selected{background:rgba(0,0,0,.03)!important}.suggestPopupMiddleCenter{width:100%;padding:0!important}.suggestPopupMiddle{width:100%;left:0!important}ul.multiValueSuggestBox-list li input{width:200px;background-color:transparent;margin:0;border:none!important}ul.multiValueSuggestBox-list input[type=text]:focus:not([readonly]){border:none!important;box-shadow:0 1px 0 0 #fff!important}li.multiValueSuggestBox-token{cursor:default;float:left;margin:8px 0 0 8px}li.multiValueSuggestBox-input-token{float:left}.row .autocomplete label{left:.75rem!important}
\ No newline at end of file

From c0f28e062568c950a6933c8f472a9b12d2c4d7a2 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 28 Feb 2017 08:04:50 +0800
Subject: [PATCH 24/35] Path Animator - Added test on newly implemented options
 (Durations)

---
 .../client/MaterialPathAnimatorTest.java      | 39 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/test/java/gwt/material/design/addins/client/MaterialPathAnimatorTest.java b/src/test/java/gwt/material/design/addins/client/MaterialPathAnimatorTest.java
index 4df07b8c6..271d81248 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialPathAnimatorTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialPathAnimatorTest.java
@@ -24,6 +24,7 @@
 import gwt.material.design.addins.client.base.MaterialAddinsTest;
 import gwt.material.design.addins.client.pathanimator.MaterialPathAnimator;
 import gwt.material.design.client.ui.MaterialPanel;
+import gwt.material.design.jquery.client.api.Functions;
 
 /**
  * Test case for path animator component
@@ -33,10 +34,44 @@
 public class MaterialPathAnimatorTest extends MaterialAddinsTest {
 
     public void init() {
-        checkBasic();
+        checkStaticInstance();
+        checkProperties();
     }
 
-    protected void checkBasic() {
+    protected void checkProperties() {
+        final double DURATION = 300;
+        final double TARGET_DURATION = 500;
+        final double EXTRA_DURATION = 800;
+
+        final Functions.Func animateCallback = () -> {};
+        final Functions.Func reverseCallback = () -> {};
+        final MaterialPanel source = new MaterialPanel();
+        final MaterialPanel target = new MaterialPanel();
+
+        MaterialPathAnimator animator = new MaterialPathAnimator();
+        animator.setDuration(DURATION);
+        assertEquals(animator.getDuration(), DURATION);
+
+        animator.setTargetShowDuration(TARGET_DURATION);
+        assertEquals(animator.getTargetShowDuration(), TARGET_DURATION);
+
+        animator.setAnimateCallback(animateCallback);
+        assertEquals(animator.getAnimateCallback(), animateCallback);
+
+        animator.setReverseCallback(reverseCallback);
+        assertEquals(animator.getReverseCallback(), reverseCallback);
+
+        animator.setExtraTransitionDuration(EXTRA_DURATION);
+        assertEquals(animator.getExtraTransitionDuration(), EXTRA_DURATION);
+
+        animator.setSourceElement(source.getElement());
+        assertEquals(animator.getSourceElement(), source.getElement());
+
+        animator.setTargetElement(target.getElement());
+        assertEquals(animator.getTargetElement(), target.getElement());
+    }
+
+    protected void checkStaticInstance() {
         MaterialPanel source = new MaterialPanel();
         MaterialPanel target = new MaterialPanel();
         RootPanel.get().add(source);

From a1ec85e1c75a4fc3c14eea85a1513dcc90c115c9 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 28 Feb 2017 08:25:19 +0800
Subject: [PATCH 25/35] MaterialStep - Added test on recent changes (State
 integration).

---
 .../gwt/material/design/addins/client/MaterialStepperTest.java | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/test/java/gwt/material/design/addins/client/MaterialStepperTest.java b/src/test/java/gwt/material/design/addins/client/MaterialStepperTest.java
index 87131cfd8..c95008a9d 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialStepperTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialStepperTest.java
@@ -26,6 +26,7 @@
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
 import gwt.material.design.addins.client.stepper.MaterialStep;
 import gwt.material.design.addins.client.stepper.MaterialStepper;
+import gwt.material.design.addins.client.stepper.constants.State;
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.constants.Axis;
 import gwt.material.design.client.constants.CssName;
@@ -77,11 +78,13 @@ protected <T extends MaterialStepper> void checkErrorSuccess(T stepper) {
         stepper.setError("error");
         assertTrue(step.getElement().hasClassName(AddinsCssName.ERROR));
         assertEquals(step.getIconError(), conCircle.getWidget(0));
+        assertEquals(step.getState(), State.ERROR);
 
         stepper.setSuccess("success");
         assertFalse(step.getElement().hasClassName(AddinsCssName.ERROR));
         assertTrue(step.getElement().hasClassName(AddinsCssName.SUCCESS));
         assertEquals(step.getIconSuccess(), conCircle.getWidget(0));
+        assertEquals(step.getState(), State.SUCCESS);
 
         stepper.clearErrorOrSuccess();
         assertFalse(step.getElement().hasClassName(AddinsCssName.ERROR));

From 5edf287088fe56ea4ff5d0dd7f252ae7e5499f4d Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 1 Mar 2017 08:26:29 +0800
Subject: [PATCH 26/35] Fixed - Horizontal step-panel width issue #203

---
 .../design/addins/client/stepper/resources/css/stepper.css      | 2 +-
 .../design/addins/client/stepper/resources/css/stepper.min.css  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
index 287b0065b..f7a943657 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.css
@@ -72,7 +72,7 @@
     display: inline-block;
     height: 72px;
     padding-top: 20px;
-    position: initial
+    position: static;
 }
 
 .stepper.horizontal .step .line, .stepper.horizontal .step .title, .stepper.horizontal .step > div:first-child .circle {
diff --git a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
index 8b13c3e28..c38ac274a 100644
--- a/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/stepper/resources/css/stepper.min.css
@@ -1 +1 @@
-.stepper .step{position:relative;min-height:32px;padding:12px;cursor:pointer}.stepper .step:hover{background:#F6F6F6}.stepper .step>div:first-child{position:static;height:0}.stepper .step>div:last-child{margin-left:32px;padding-left:16px;min-height:24px}.stepper .step>div:first-child .circle{background:#4285f4;width:32px;height:32px;line-height:32px;border-radius:16px;position:relative;color:#fff;text-align:center}.stepper .line{position:absolute;border-left:1px solid #dcdcdc;left:28px;bottom:0;top:56px;z-index:1}.stepper .step:last-child .line{display:none!important}.stepper .title{line-height:32px;font-weight:500;margin-left:0}.stepper .body{padding-bottom:28px;padding-top:8px;opacity:1}.stepper .description{line-height:1.2;font-size:1em;padding-bottom:24px;color:#989898}.stepper.horizontal{line-height:0;position:relative}.stepper.horizontal .step{display:inline-block;height:72px;padding-top:20px;position:initial}.stepper.horizontal .step .line,.stepper.horizontal .step .title,.stepper.horizontal .step>div:first-child .circle{display:inline-block}.stepper.horizontal .step .line{border-left:0;position:inherit;border-top:1px solid #dcdcdc;width:100px;margin-bottom:5px;margin-left:8px;margin-right:-36px}.stepper.horizontal .step .title{margin-left:8px}.stepper.horizontal .step .description{margin-left:40px;font-size:.8em;margin-top:-12px}.stepper.horizontal .step .body{line-height:initial}.stepper.horizontal .step>div:last-child{position:absolute;width:100%;top:93px;padding-left:0;margin:auto;left:0}.stepper .step.inactive .title{color:#C9C9C9;font-weight:400}.stepper.horizontal .step.inactive>:nth-child(2){visibility:hidden}.stepper .step.inactive .body{opacity:0;transition:.6s all;-webkit-transition:.6s all;max-height:0;z-index:-1;position:relative}.stepper .step.active .body{opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;max-height:1400px;padding-bottom:28px;padding-top:8px;z-index:1!important}.stepper .step.inactive>div:first-child .circle{background-color:#9e9e9e!important}.stepper .step>div:first-child i{font-size:36px;vertical-align:middle}.stepper .step.success .description,.stepper .step.success .title,.stepper .step.success>div:first-child i{color:#2196f3}.stepper .step.error .description,.stepper .step.error .title,.stepper .step.error>div:first-child i{color:#f44336}.stepper .step.error>div:first-child .description,.stepper .step.success>div:first-child .description{margin-left:44px}.stepper .step.error .title,.stepper .step.success .title{font-weight:600}.feedback{position:absolute;left:0;font-size:1.1em;top:0;background:#fff;width:100%;height:100%;padding:36px}
\ No newline at end of file
+.stepper .step{position:relative;min-height:32px;padding:12px;cursor:pointer}.stepper .step:hover{background:#F6F6F6}.stepper .step>div:first-child{position:static;height:0}.stepper .step>div:last-child{margin-left:32px;padding-left:16px;min-height:24px}.stepper .step>div:first-child .circle{background:#4285f4;width:32px;height:32px;line-height:32px;border-radius:16px;position:relative;color:#fff;text-align:center}.stepper .line{position:absolute;border-left:1px solid #dcdcdc;left:28px;bottom:0;top:56px;z-index:1}.stepper .step:last-child .line{display:none!important}.stepper .title{line-height:32px;font-weight:500;margin-left:0}.stepper .body{padding-bottom:28px;padding-top:8px;opacity:1}.stepper .description{line-height:1.2;font-size:1em;padding-bottom:24px;color:#989898}.stepper.horizontal{line-height:0;position:relative}.stepper.horizontal .step{display:inline-block;height:72px;padding-top:20px;position:static}.stepper.horizontal .step .line,.stepper.horizontal .step .title,.stepper.horizontal .step>div:first-child .circle{display:inline-block}.stepper.horizontal .step .line{border-left:0;position:inherit;border-top:1px solid #dcdcdc;width:100px;margin-bottom:5px;margin-left:8px;margin-right:-36px}.stepper.horizontal .step .title{margin-left:8px}.stepper.horizontal .step .description{margin-left:40px;font-size:.8em;margin-top:-12px}.stepper.horizontal .step .body{line-height:initial}.stepper.horizontal .step>div:last-child{position:absolute;width:100%;top:93px;padding-left:0;margin:auto;left:0}.stepper .step.inactive .title{color:#C9C9C9;font-weight:400}.stepper.horizontal .step.inactive>:nth-child(2){visibility:hidden}.stepper .step.inactive .body{opacity:0;transition:.6s all;-webkit-transition:.6s all;max-height:0;z-index:-1;position:relative}.stepper .step.active .body{opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;max-height:1400px;padding-bottom:28px;padding-top:8px;z-index:1!important}.stepper .step.inactive>div:first-child .circle{background-color:#9e9e9e!important}.stepper .step>div:first-child i{font-size:36px;vertical-align:middle}.stepper .step.success .description,.stepper .step.success .title,.stepper .step.success>div:first-child i{color:#2196f3}.stepper .step.error .description,.stepper .step.error .title,.stepper .step.error>div:first-child i{color:#f44336}.stepper .step.error>div:first-child .description,.stepper .step.success>div:first-child .description{margin-left:44px}.stepper .step.error .title,.stepper .step.success .title{font-weight:600}.feedback{position:absolute;left:0;font-size:1.1em;top:0;background:#fff;width:100%;height:100%;padding:36px}
\ No newline at end of file

From 942a71baa730f4dc9bb6a137b10a9039969c1ad4 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Sat, 4 Mar 2017 20:57:07 +0800
Subject: [PATCH 27/35] Autocomplete - Updated the setItemValues() method to
 support fireEvents as parameter.

ComboBox - Fixed the inconsitent triggering of change event (Solution : make use of internal select2js event).
TimePicker - Update the recent changes on setValue() overrides.
GMD Addins - Added missing GMD Resources.
Provided tests (setValue(value, fireEvents).
	- AutocompleteTest, ComboBoxTest, TimePickerTest.
---
 .../autocomplete/MaterialAutoComplete.java    | 11 ++++++-
 .../client/combobox/MaterialComboBox.java     |  2 +-
 .../client/stepper/constants/State.java       | 19 +++++++++++
 .../client/timepicker/MaterialTimePicker.java |  2 +-
 .../addins/GwtMaterialAddinsBase.gwt.xml      |  1 +
 .../client/MaterialAutocompleteTest.java      | 22 ++++++++++++-
 .../addins/client/MaterialComboBoxTest.java   |  7 +++-
 .../addins/client/MaterialTimePickerTest.java |  2 ++
 .../client/base/AbstractValueWidgetTest.java  | 33 ++++++++++++++++++-
 9 files changed, 93 insertions(+), 6 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
index a0f7f02eb..43ccb5de9 100644
--- a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
+++ b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
@@ -436,6 +436,15 @@ public List<String> getItemValues() {
      * @see #setValue(Object)
      */
     public void setItemValues(List<String> itemValues) {
+        setItemValues(itemValues, false);
+    }
+
+    /**
+     * @param itemValues the itemsSelected to set
+     * @param fireEvents will fire value change event if true
+     * @see #setValue(Object)
+     */
+    public void setItemValues(List<String> itemValues, boolean fireEvents) {
         if (itemValues == null) {
             clear();
             return;
@@ -449,7 +458,7 @@ public void setItemValues(List<String> itemValues) {
         if (itemValues.size() > 0) {
             lblPlaceholder.addStyleName(CssName.ACTIVE);
         }
-        setValue(list);
+        setValue(list, fireEvents);
     }
 
     /**
diff --git a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
index 0e77709f7..b2cbb05fa 100644
--- a/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
+++ b/src/main/java/gwt/material/design/addins/client/combobox/MaterialComboBox.java
@@ -430,7 +430,7 @@ public void setSelectedIndex(int selectedIndex) {
         this.selectedIndex = selectedIndex;
         T value = values.get(selectedIndex);
         if (value != null) {
-            $(listbox.getElement()).val(value.toString()).trigger("change", selectedIndex);
+            $(listbox.getElement()).val(value.toString()).trigger("change.select2", selectedIndex);
         } else {
             GWT.log("Value index is not found.", new IndexOutOfBoundsException());
         }
diff --git a/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java b/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java
index c1f154d7d..c1c627f6a 100644
--- a/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java
+++ b/src/main/java/gwt/material/design/addins/client/stepper/constants/State.java
@@ -1,3 +1,22 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2017 GwtMaterialDesign
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * #L%
+ */
 package gwt.material.design.addins.client.stepper.constants;
 
 public enum State {
diff --git a/src/main/java/gwt/material/design/addins/client/timepicker/MaterialTimePicker.java b/src/main/java/gwt/material/design/addins/client/timepicker/MaterialTimePicker.java
index bcfe34ec1..3714ff95e 100644
--- a/src/main/java/gwt/material/design/addins/client/timepicker/MaterialTimePicker.java
+++ b/src/main/java/gwt/material/design/addins/client/timepicker/MaterialTimePicker.java
@@ -312,7 +312,7 @@ protected void afterHide() {
             }
         }
 
-        setValue(parsedDate);
+        setValue(parsedDate, true);
 
         // Remove class 'valid' after hide.
         validMixin.setOn(false);
diff --git a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
index 43c5cefa9..1d06dce45 100644
--- a/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
+++ b/src/main/resources/gwt/material/design/addins/GwtMaterialAddinsBase.gwt.xml
@@ -27,6 +27,7 @@
     <inherits name='com.google.gwt.user.User'/>
     <inherits name="com.google.gwt.core.Core"/>
     <inherits name="gwt.material.design.jquery.JQuery"/>
+    <inherits name="gwt.material.design.Resources"/>
 
     <!-- Specify the paths for translatable code                    -->
     <source path='client'/>
diff --git a/src/test/java/gwt/material/design/addins/client/MaterialAutocompleteTest.java b/src/test/java/gwt/material/design/addins/client/MaterialAutocompleteTest.java
index 2074ab6de..a762528ac 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialAutocompleteTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialAutocompleteTest.java
@@ -19,7 +19,9 @@
  */
 package gwt.material.design.addins.client;
 
+import com.google.gwt.user.client.ui.SuggestOracle;
 import gwt.material.design.addins.client.autocomplete.MaterialAutoComplete;
+import gwt.material.design.addins.client.base.AbstractValueWidgetTest;
 import gwt.material.design.addins.client.base.MaterialAddinsTest;
 import gwt.material.design.addins.client.dto.User;
 import gwt.material.design.addins.client.dto.UserOracle;
@@ -33,7 +35,7 @@
  *
  * @author kevzlou7979
  */
-public class MaterialAutocompleteTest extends MaterialAddinsTest {
+public class MaterialAutocompleteTest extends AbstractValueWidgetTest {
 
     public void init() {
         MaterialAutoComplete autoComplete = new MaterialAutoComplete();
@@ -57,6 +59,24 @@ public <T extends MaterialAutoComplete> void checkValue(T widget) {
         }
         widget.setItemValues(itemValues);
         assertEquals(widget.getItemValues().size(), 3);
+
+        List<String> value = new ArrayList<>();
+        value.add(itemValues.get(0));
+
+        List<String> secondValue = new ArrayList<>();
+        secondValue.add(itemValues.get(1));
+
+        assertNotSame(value, secondValue);
+
+        final boolean[] isValueChanged = {false};
+        widget.addValueChangeHandler(event -> isValueChanged[0] = true);
+
+        widget.setItemValues(value);
+        assertFalse(isValueChanged[0]);
+
+        widget.setItemValues(secondValue, true);
+        assertTrue(isValueChanged[0]);
+
         widget.clear();
         assertEquals(widget.getItemValues().size(), 0);
         widget.setLimit(2);
diff --git a/src/test/java/gwt/material/design/addins/client/MaterialComboBoxTest.java b/src/test/java/gwt/material/design/addins/client/MaterialComboBoxTest.java
index a3138ae61..61bf984f6 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialComboBoxTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialComboBoxTest.java
@@ -27,6 +27,7 @@
 import com.google.gwt.user.client.ui.HasEnabled;
 import com.google.gwt.user.client.ui.RootPanel;
 import com.google.gwt.user.client.ui.Widget;
+import gwt.material.design.addins.client.base.AbstractValueWidgetTest;
 import gwt.material.design.addins.client.base.MaterialAddinsTest;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
 import gwt.material.design.addins.client.combobox.MaterialComboBox;
@@ -45,7 +46,7 @@
  *
  * @author kevzlou7979
  */
-public class MaterialComboBoxTest extends MaterialAddinsTest {
+public class MaterialComboBoxTest extends AbstractValueWidgetTest {
 
     public void init() {
         MaterialComboBox<User> comboBox = new MaterialComboBox<>();
@@ -161,6 +162,10 @@ protected void checkAddItemOption() {
             comboBox.addItem("item" + i);
         }
         assertEquals(comboBox.getValues().size(), 5);
+        final String VALUE = comboBox.getValues().get(0);
+        final String SECOND_VALUE = comboBox.getValues().get(1);
+        checkValueChangeEvent(comboBox, VALUE, SECOND_VALUE);
+
         // Check ListBox
         assertNotNull(comboBox.getWidget(0));
         assertTrue(comboBox.getWidget(0) instanceof MaterialWidget);
diff --git a/src/test/java/gwt/material/design/addins/client/MaterialTimePickerTest.java b/src/test/java/gwt/material/design/addins/client/MaterialTimePickerTest.java
index 0ac7ad7bb..9ae28da8c 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialTimePickerTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialTimePickerTest.java
@@ -83,9 +83,11 @@ protected <T extends MaterialWidget> void checkChildren(T widget) {
 
     protected <T extends MaterialTimePicker> void checkValue(T timePicker) {
         final Date VALUE = new Date(116, 9, 14, 10, 10);
+        final Date SECOND_VALUE = new Date(116, 9, 14, 12, 32);
         timePicker.setValue(VALUE);
         assertEquals(timePicker.getValue(), VALUE);
         timePicker.reset();
         assertEquals(String.valueOf(timePicker.getValue()), String.valueOf(new Date()));
+        checkValueChangeEvent(timePicker, VALUE, SECOND_VALUE);
     }
 }
diff --git a/src/test/java/gwt/material/design/addins/client/base/AbstractValueWidgetTest.java b/src/test/java/gwt/material/design/addins/client/base/AbstractValueWidgetTest.java
index 4484b3b3c..1efdfd681 100644
--- a/src/test/java/gwt/material/design/addins/client/base/AbstractValueWidgetTest.java
+++ b/src/test/java/gwt/material/design/addins/client/base/AbstractValueWidgetTest.java
@@ -19,7 +19,7 @@
  */
 package gwt.material.design.addins.client.base;
 
-import com.google.gwt.user.client.ui.UIObject;
+import com.google.gwt.user.client.ui.*;
 import gwt.material.design.client.base.AbstractValueWidget;
 import gwt.material.design.client.base.HasError;
 import gwt.material.design.client.base.HasPlaceholder;
@@ -56,4 +56,35 @@ protected <T extends HasPlaceholder> void checkPlaceholder(T widget) {
         widget.setPlaceholder("");
         assertEquals(widget.getPlaceholder(), "");
     }
+
+    protected <T extends Widget & HasValue & HasEnabled> void checkValueChangeEvent(T widget, Object value, Object secondValue) {
+        RootPanel.get().add(widget);
+        assertNotSame(value, secondValue);
+        // Widget must be enabled before firing the event
+        widget.setEnabled(true);
+        assertTrue(widget.isEnabled());
+        // Ensure the widget is attached to the root panel
+        assertTrue(widget.isAttached());
+        // Register value change handler that listens when the widget
+        // set the value
+        final boolean[] isValueChanged = {false};
+        widget.addValueChangeHandler(event -> isValueChanged[0] = true);
+        // By default setValue(boolean) will not fire the value change event.
+        widget.setValue(value);
+        assertEquals(widget.getValue(), value);
+        // Expected result : false
+        assertFalse(isValueChanged[0]);
+        // Calling setValue(value, fireEvents) with fireEvents set to false
+        widget.setValue(secondValue, false);
+        // Expected result : secondValue
+        assertEquals(widget.getValue(), secondValue);
+        // Expected result : false
+        assertFalse(isValueChanged[0]);
+        // Calling setValue(value, fireEvents) with fireEvents set to true
+        widget.setValue(value, true);
+        // Expected result : true
+        assertTrue(isValueChanged[0]);
+        // Expected result : value
+        assertEquals(widget.getValue(), value);
+    }
 }

From bf37a9c79f1a3e61227aca11ba963e9770dc171d Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Sun, 5 Mar 2017 08:35:41 +0800
Subject: [PATCH 28/35] Added missing rating test for checkValueChangeEvent.

---
 .../design/addins/client/MaterialRatingTest.java | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/test/java/gwt/material/design/addins/client/MaterialRatingTest.java b/src/test/java/gwt/material/design/addins/client/MaterialRatingTest.java
index a95eadc3a..6fdbc80e4 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialRatingTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialRatingTest.java
@@ -21,6 +21,7 @@
 
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.user.client.ui.Widget;
+import gwt.material.design.addins.client.base.AbstractValueWidgetTest;
 import gwt.material.design.addins.client.base.MaterialAddinsTest;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
 import gwt.material.design.addins.client.rating.MaterialRating;
@@ -32,14 +33,14 @@
  *
  * @author kevzlou7979
  */
-public class MaterialRatingTest extends MaterialAddinsTest {
+public class MaterialRatingTest extends AbstractValueWidgetTest {
 
     public void init() {
         MaterialRating rating = new MaterialRating();
         checkWidget(rating);
         checkStructure(rating);
         checkValue(rating);
-        checkValueChangeEvent(rating);
+        checkValueChangeEvent(rating, 5, 2);
         checkEditable(rating);
     }
 
@@ -59,17 +60,6 @@ protected <T extends MaterialRating> void checkEditable(T rating) {
         assertEquals(Math.toIntExact(rating.getValue()), 5);
     }
 
-    protected <T extends MaterialRating> void checkValueChangeEvent(T rating) {
-        final boolean[] isValueChangeFired = {false};
-        final Integer VALUE = 2;
-        rating.addValueChangeHandler(valueChangeEvent -> {
-            assertEquals(valueChangeEvent.getValue(), VALUE);
-            isValueChangeFired[0] = true;
-        });
-        rating.setValue(2, true);
-        assertTrue(isValueChangeFired[0]);
-    }
-
     protected <T extends MaterialRating> void checkValue(T rating) {
         // Determine the number of selected icons vs. unselected ones
         rating.setSelectedRatingIcon(IconType.FAVORITE);

From 40c9a051c1e50e02f95b98e3cdba0bf40059bdd8 Mon Sep 17 00:00:00 2001
From: Luke Last <luke@lukelast.com>
Date: Sat, 25 Feb 2017 22:45:07 -0500
Subject: [PATCH 29/35] Fix autocompete bug preventing it from becoming active
 when value is added from code.

---
 .../addins/client/autocomplete/MaterialAutoComplete.java       | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
index 43ccb5de9..5b7419ad8 100644
--- a/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
+++ b/src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java
@@ -450,15 +450,14 @@ public void setItemValues(List<String> itemValues, boolean fireEvents) {
             return;
         }
         List<Suggestion> list = new ArrayList<>(itemValues.size());
-        lblPlaceholder.addStyleName(CssName.ACTIVE);
         for (String value : itemValues) {
             Suggestion suggestion = new gwt.material.design.client.base.Suggestion(value, value);
             list.add(suggestion);
         }
+        setValue(list, fireEvents);
         if (itemValues.size() > 0) {
             lblPlaceholder.addStyleName(CssName.ACTIVE);
         }
-        setValue(list, fireEvents);
     }
 
     /**

From ed754bf67eea11b3b1467b1649665ed2bed3d44e Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 6 Mar 2017 21:51:52 +0800
Subject: [PATCH 30/35] FileUploader disabled feature is now updated.

Prevents from uploading files thru clicking the upload button / dragging and dropping files into the file upload area.
---
 .../fileuploader/MaterialFileUploader.java    | 27 +++++++++++++++++++
 .../client/fileuploader/js/Dropzone.java      |  4 +++
 .../fileuploader/resources/css/dropzone.css   | 18 +++++++++++++
 .../resources/css/dropzone.min.css            |  2 +-
 4 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
index 129af2d96..3bc60cdb6 100644
--- a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
+++ b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
@@ -89,6 +89,7 @@ public class MaterialFileUploader extends MaterialWidget implements HasFileUploa
     private Dropzone uploader;
     private JsFileUploaderOptions options;
     private MaterialUploadPreview uploadPreview = new MaterialUploadPreview();
+    private boolean enabled = true;
 
     public MaterialFileUploader() {
         super(Document.get().createDivElement(), AddinsCssName.FILEUPLOADER);
@@ -125,9 +126,35 @@ protected JsFileUploaderOptions getDefaultOptions() {
     protected void onLoad() {
         super.onLoad();
 
+        GWT.log(isEnabled() + "");
+        //uploader.removeEventListeners();
         if (!isInitialize()) {
             initDropzone();
             setInitialize(true);
+            applyEnabled();
+        }
+    }
+
+    @Override
+    public void setEnabled(boolean enabled) {
+        this.enabled = enabled;
+        applyEnabled();
+    }
+
+    @Override
+    public boolean isEnabled() {
+        return enabled;
+    }
+
+    protected void applyEnabled() {
+        if (uploader != null) {
+            if (!enabled) {
+                addStyleName(CssName.DISABLED);
+                uploader.removeEventListeners();
+            } else {
+                removeStyleName(CssName.DISABLED);
+                uploader.setupEventListeners();
+            }
         }
     }
 
diff --git a/src/main/java/gwt/material/design/addins/client/fileuploader/js/Dropzone.java b/src/main/java/gwt/material/design/addins/client/fileuploader/js/Dropzone.java
index cfb0b8e54..7070e2367 100644
--- a/src/main/java/gwt/material/design/addins/client/fileuploader/js/Dropzone.java
+++ b/src/main/java/gwt/material/design/addins/client/fileuploader/js/Dropzone.java
@@ -40,5 +40,9 @@ public Dropzone(Element e, JsFileUploaderOptions options) {
 
     public native Dropzone on(String events, Functions.Func2<File, String> callback);
 
+    public native void removeEventListeners();
+
+    public native void setupEventListeners();
+
     public native void removeAllFiles();
 }
diff --git a/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.css b/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.css
index 2cca03217..81ed4d559 100644
--- a/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.css
+++ b/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.css
@@ -7,6 +7,22 @@
   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
+.fileuploader.disabled .upload-label {
+  background: #d8d8d7 !important;
+  color: #9f9f9f !important;
+  cursor: not-allowed;
+}
+
+.fileuploader.disabled .upload-label i {
+  color: #aaa !important;
+  cursor: not-allowed !important;
+}
+
+.fileuploader.disabled .preview-container {
+  display: none;
+}
+
 .fileuploader .upload-label{
   background: #2196F3;
   color: #fff;
@@ -60,6 +76,8 @@
   right: 0;
   margin-right: auto;
   margin-left: auto;
+  transition: 0.8s all;
+  -webkit-transition: 0.8s all;
 }
 /** Preview of collections of uploaded documents **/
 .preview-container{
diff --git a/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.min.css b/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.min.css
index 50fb3af40..f3c3b1f20 100644
--- a/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/fileuploader/resources/css/dropzone.min.css
@@ -1 +1 @@
-.fileuploader{position:relative;background:#fff;width:100%;height:400px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.fileuploader .upload-label,.fileuploader .upload-label i{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);position:absolute;right:0;margin-right:auto;margin-left:auto;text-align:center;left:0}.fileuploader .upload-label{background:#2196F3;color:#fff;-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);padding:40px 16px 16px;top:45%;min-width:20%;transition:.8s all;-webkit-transition:.8s all;-moz-transition:.8s all;cursor:pointer;width:200px}.fileuploader.active{background:#2196F3}.fileuploader .upload-label i,.fileuploader.active .upload-label{background:#fff;color:#2196F3}.fileuploader .upload-label span.title{font-size:1.1em;font-weight:700;display:block}.fileuploader .upload-label i{display:block;-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);border-radius:100%;width:80px;height:80px;font-size:60px;padding-top:10px;top:-50px}.preview-container{position:fixed;right:10px;bottom:0;width:350px;background-color:#DADADA;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);visibility:hidden;z-index:999}.preview-container .previews{max-height:400px;overflow:auto;width:325px}.preview-container .previews .zdrop-info{width:220px;margin-right:2%;margin-left:20px;padding-left:24px}.preview-container .previews .zdrop-info .preview-icon{background:#EFEFEF;position:absolute;left:0;width:49px;height:100%;top:0;text-align:center;padding-top:20px;color:#2196F3}.preview-container .previews{margin:12px}.preview-container .previews .collection-item:nth-child(1){display:none}.preview-container .previews .collection-item{position:relative;padding:20px;border-bottom:1px solid #D1D1D1}.preview-container .previews .btn-floating{opacity:1!important;line-height:1;top:20px;position:absolute}.preview-container .previews .btn-floating i{font-size:1.5em;color:#C3C3C3;line-height:1;margin-top:-16px}.preview-container .previews .dz-error-message{font-size:.8em;color:#F44336}.preview-container .previews .zdrop-info span:nth-child(2){color:#B5B5B5;font-size:.8em}.preview-container .previews .progress{margin-top:4px;margin-bottom:4px}.preview-container .header{background:#1976D2;padding:16px;color:#fff}.preview-container .header i{float:right;cursor:pointer}#total-upload-progress{position:absolute;top:51px;left:0}
\ No newline at end of file
+.fileuploader{position:relative;background:white;width:100%;height:400px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)}.fileuploader.disabled .upload-label{background:#d8d8d7 !important;color:#9f9f9f !important;cursor:not-allowed}.fileuploader.disabled .upload-label i{color:#aaa !important;cursor:not-allowed !important}.fileuploader.disabled .preview-container{display:none}.fileuploader .upload-label{background:#2196F3;color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding:16px;position:absolute;top:45%;left:0;right:0;margin-right:auto;margin-left:auto;min-width:20%;text-align:center;padding-top:40px;transition:0.8s all;-webkit-transition:0.8s all;-moz-transition:0.8s all;cursor:pointer;width:200px}.fileuploader.active{background:#2196F3}.fileuploader.active .upload-label{background:#fff;color:#2196F3}.fileuploader .upload-label span.title{font-size:1.1em;font-weight:bold;display:block}.fileuploader .upload-label i{text-align:center;display:block;background:white;color:#2196F3;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border-radius:100%;width:80px;height:80px;font-size:60px;padding-top:10px;position:absolute;top:-50px;left:0;right:0;margin-right:auto;margin-left:auto;transition:0.8s all;-webkit-transition:0.8s all}.preview-container{position:fixed;right:10px;bottom:0px;width:350px;background-color:#DADADA;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);visibility:hidden;z-index:999}.preview-container .previews{max-height:400px;overflow:auto;width:325px}.preview-container .previews .zdrop-info{width:220px;margin-right:2%;margin-left:20px;padding-left:24px}.preview-container .previews .zdrop-info .preview-icon{background:#EFEFEF;position:absolute;left:0;width:49px;height:100%;top:0;text-align:center;padding-top:20px;color:#2196F3}.preview-container .previews{margin:12px}.preview-container .previews .collection-item:nth-child(1){display:none}.preview-container .previews .collection-item{position:relative;padding:20px;border-bottom:1px solid #D1D1D1}.preview-container .previews .btn-floating{opacity:1 !important;line-height:1;top:20px;position:absolute}.preview-container .previews .btn-floating i{font-size:1.5em;line-height:1;color:#C3C3C3;line-height:1;margin-top:-16px}.preview-container .previews .dz-error-message{font-size:0.8em;color:#F44336}.preview-container .previews .zdrop-info span:nth-child(2){color:#B5B5B5;font-size:0.8em}.preview-container .previews .progress{margin-top:4px;margin-bottom:4px}.preview-container .header{background:#1976D2;padding:16px;color:#fff}.preview-container .header i{float:right;cursor:pointer}#total-upload-progress{position:absolute;top:51px;left:0}
\ No newline at end of file

From 89e8fb4cf86697d8a62ca4337d9b2045796a14a0 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 6 Mar 2017 21:52:09 +0800
Subject: [PATCH 31/35] File uploader -Cleanup and removed logs

---
 .../design/addins/client/fileuploader/MaterialFileUploader.java | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
index 3bc60cdb6..b81234597 100644
--- a/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
+++ b/src/main/java/gwt/material/design/addins/client/fileuploader/MaterialFileUploader.java
@@ -126,8 +126,6 @@ protected JsFileUploaderOptions getDefaultOptions() {
     protected void onLoad() {
         super.onLoad();
 
-        GWT.log(isEnabled() + "");
-        //uploader.removeEventListeners();
         if (!isInitialize()) {
             initDropzone();
             setInitialize(true);

From 158aa007673292cd4f641e4382e63ded7e610bb3 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Mon, 6 Mar 2017 22:29:55 +0800
Subject: [PATCH 32/35] Modify setEnabled() test on fileuploader.

---
 .../addins/client/MaterialFileUploaderTest.java   | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java b/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
index d9c3aab38..992877257 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
@@ -20,12 +20,11 @@
 package gwt.material.design.addins.client;
 
 import com.google.gwt.event.shared.GwtEvent;
+import com.google.gwt.user.client.ui.HasEnabled;
+import com.google.gwt.user.client.ui.RootPanel;
 import gwt.material.design.addins.client.base.MaterialAddinsTest;
 import gwt.material.design.addins.client.base.constants.AddinsCssName;
-import gwt.material.design.addins.client.fileuploader.MaterialFileUploader;
-import gwt.material.design.addins.client.fileuploader.MaterialUploadCollection;
-import gwt.material.design.addins.client.fileuploader.MaterialUploadHeader;
-import gwt.material.design.addins.client.fileuploader.MaterialUploadPreview;
+import gwt.material.design.addins.client.fileuploader.*;
 import gwt.material.design.addins.client.fileuploader.constants.FileMethod;
 import gwt.material.design.addins.client.fileuploader.events.*;
 import gwt.material.design.client.base.MaterialWidget;
@@ -80,6 +79,14 @@ protected <T extends MaterialFileUploader> void checkProperties(T fileUploader)
         assertFalse(fileUploader.isWithCredentials());
     }
 
+    @Override
+    protected <T extends MaterialWidget & HasEnabled> void checkEnabled(T widget) {
+        MaterialFileUploader uploader = new MaterialFileUploader();
+        MaterialUploadLabel label = new MaterialUploadLabel();
+        uploader.add(label);
+        //TODO Check all events (If disabled - assert all events that does not trigger any of it.)
+    }
+
     protected <T extends MaterialFileUploader> void checkFileUploaderEvents(T fileUploader) {
         fileUploader.setEnabled(true);
         // Drag Move

From eb40f27c9bda554c5d5f69c5caa6a3fbe617134c Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 7 Mar 2017 07:21:40 +0800
Subject: [PATCH 33/35] File Uploader - Updated some tests

---
 .../material/design/addins/client/MaterialFileUploaderTest.java | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java b/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
index 992877257..1c8cfb3fe 100644
--- a/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
+++ b/src/test/java/gwt/material/design/addins/client/MaterialFileUploaderTest.java
@@ -84,7 +84,7 @@ protected <T extends MaterialWidget & HasEnabled> void checkEnabled(T widget) {
         MaterialFileUploader uploader = new MaterialFileUploader();
         MaterialUploadLabel label = new MaterialUploadLabel();
         uploader.add(label);
-        //TODO Check all events (If disabled - assert all events that does not trigger any of it.)
+        super.checkEnabled(label);
     }
 
     protected <T extends MaterialFileUploader> void checkFileUploaderEvents(T fileUploader) {

From 1577fccf0e06b3eb812262cdd8d97f8892c6849e Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Tue, 7 Mar 2017 14:41:15 +0800
Subject: [PATCH 34/35] Fixed ComboBox non-multiple select box placeholder

---
 .../addins/client/combobox/resources/css/select2.css   | 10 ++++++----
 .../client/combobox/resources/css/select2.min.css      |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.css b/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.css
index 9197d691a..fc1c811fe 100644
--- a/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.css
+++ b/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.css
@@ -182,11 +182,13 @@
 .select2-container--default .select2-selection--single .select2-selection__clear {
     cursor: pointer;
     float: right;
-    font-weight: bold
+    font-size: 2em;
+    font-weight: normal;
+    color: #b5b5b5;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
-    color: #999
+    color: #cccccc
 }
 
 .select2-container--default .select2-selection--single .select2-selection__arrow {
@@ -257,7 +259,7 @@
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
-    color: #999;
+    color: #cccccc;
     margin-top: 5px;
     float: left
 }
@@ -439,7 +441,7 @@
 }
 
 .select2-container--classic .select2-selection--single .select2-selection__placeholder {
-    color: #999
+    color: #cccccc
 }
 
 .select2-container--classic .select2-selection--single .select2-selection__arrow {
diff --git a/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.min.css b/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.min.css
index 55cfd9189..84ffab100 100644
--- a/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.min.css
+++ b/src/main/resources/gwt/material/design/addins/client/combobox/resources/css/select2.min.css
@@ -1 +1 @@
-.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2{width:100%!important}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0;width:inherit!important;padding-left:0!important}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:0}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;margin-bottom:0}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444!important}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:7px 4px 0;height:0;left:50%;margin-left:2px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{color:rgba(0,0,0,.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,.14)}.select2-container--disabled .select2-selection__rendered{color:rgba(0,0,0,.4)!important}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #000;border-width:7px 4px;top:30%}.select2-container--default .select2-selection--multiple{cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;margin-top:0;margin-right:10px;font-size:2em;margin-bottom:-4px;color:#9e9e9e!important}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;float:left;margin-right:5px;margin-top:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{font-size:20px;font-weight:300;float:right;color:rgba(0,0,0,.6);line-height:28px;padding-left:8px;cursor:pointer}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--disabled .select2-selection--multiple{color:rgba(0,0,0,.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,.14)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{border-color:#b9b9b9 transparent transparent}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:7px 4px 0;height:0;left:50%;margin-left:2px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple{height:46px;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:0}.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{height:auto}.select2-container--default .select2-search--inline .select2-search__field{height:30px}.select2-container--default .select2-selection--multiple input{margin:0}.select2-container--default .select2-selection--multiple .select2-selection__choice{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:0}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,1) transparent transparent}.select2-container--open .select2-dropdown--above,.select2-container--open .select2-dropdown--below{border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.select2-results__option{padding:1rem}.select2-container--default .select2-search--dropdown .select2-search__field{border-top:none;border-right:none;border-left:none}.field-error .select2-selection,.field-success .select2-selection,.read-only.combobox .select2-selection{border:none!important}.select2-container--default .select2-results__option--highlighted[aria-selected],div.tagsinput span.tag{background-color:#eee;transition:.3s ease}.select2label{left:0!important;font-size:.8rem!important;transform:translateY(-140%)}.combobox{margin-bottom:16px}.select2-container--default{font-size:1rem}.field-success .select2label{color:#4caf50!important}.field-error .select2label{color:#f44336!important}.col.combobox .select2label{left:12px!important}.read-only.combobox .select2-selection__arrow{display:none!important}.read-only .select2-selection__rendered{color:#000!important}header nav .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important}header nav .select2-container--default .select2-selection--multiple,header nav .select2-container--default .select2-selection--single,header nav .select2-container--default.select2-container--focus .select2-selection--multiple{border-bottom:none}header nav .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent}header nav .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]){position:relative;padding-left:3rem!important}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]):before{content:'';position:absolute;z-index:0;border-radius:1px;transition:.2s;margin:1rem;width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0;content:'';left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1;border-radius:2px;margin:1rem}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:before{top:2px;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;z-index:1}
\ No newline at end of file
+.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2{width:100%!important}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0;width:inherit!important;padding-left:0!important}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:0}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;margin-bottom:0}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444!important}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-size:2em;font-weight:400;color:#b5b5b5}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#ccc}.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:7px 4px 0;height:0;left:50%;margin-left:2px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{color:rgba(0,0,0,.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,.14)}.select2-container--disabled .select2-selection__rendered{color:rgba(0,0,0,.4)!important}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #000;border-width:7px 4px;top:30%}.select2-container--default .select2-selection--multiple{cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#ccc;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;margin-top:0;margin-right:10px;font-size:2em;margin-bottom:-4px;color:#9e9e9e!important}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;float:left;margin-right:5px;margin-top:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{font-size:20px;font-weight:300;float:right;color:rgba(0,0,0,.6);line-height:28px;padding-left:8px;cursor:pointer}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--disabled .select2-selection--multiple{color:rgba(0,0,0,.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,.14)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{border-color:#b9b9b9 transparent transparent}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#ccc}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:7px 4px 0;height:0;left:50%;margin-left:2px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple{height:46px;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:0}.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{height:auto}.select2-container--default .select2-search--inline .select2-search__field{height:30px}.select2-container--default .select2-selection--multiple input{margin:0}.select2-container--default .select2-selection--multiple .select2-selection__choice{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:0}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,1) transparent transparent}.select2-container--open .select2-dropdown--above,.select2-container--open .select2-dropdown--below{border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.select2-results__option{padding:1rem}.select2-container--default .select2-search--dropdown .select2-search__field{border-top:none;border-right:none;border-left:none}.field-error .select2-selection,.field-success .select2-selection,.read-only.combobox .select2-selection{border:none!important}.select2-container--default .select2-results__option--highlighted[aria-selected],div.tagsinput span.tag{background-color:#eee;transition:.3s ease}.select2label{left:0!important;font-size:.8rem!important;transform:translateY(-140%)}.combobox{margin-bottom:16px}.select2-container--default{font-size:1rem}.field-success .select2label{color:#4caf50!important}.field-error .select2label{color:#f44336!important}.col.combobox .select2label{left:12px!important}.read-only.combobox .select2-selection__arrow{display:none!important}.read-only .select2-selection__rendered{color:#000!important}header nav .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important}header nav .select2-container--default .select2-selection--multiple,header nav .select2-container--default .select2-selection--single,header nav .select2-container--default.select2-container--focus .select2-selection--multiple{border-bottom:none}header nav .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent}header nav .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #fff}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]){position:relative;padding-left:3rem!important}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]):before{content:'';position:absolute;z-index:0;border-radius:1px;transition:.2s;margin:1rem;width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group]):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0;content:'';left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1;border-radius:2px;margin:1rem}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:before{top:2px;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;z-index:1}
\ No newline at end of file

From a53e294ffdc964f37b9794e3121c1ed9cfe29188 Mon Sep 17 00:00:00 2001
From: Kevzlou7979 <kevzlou7979@gmail.com>
Date: Wed, 8 Mar 2017 11:01:13 +0800
Subject: [PATCH 35/35] Updated README for Addins 2.0-rc4 release.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d20c0ab1a..3d92f84f7 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Gwt Material Design Extra Components for https://github.com/GwtMaterialDesign/gw
 <dependency>
     <groupId>com.github.gwtmaterialdesign</groupId>
     <artifactId>gwt-material-addins</artifactId>
-    <version>2.0-rc3</version>
+    <version>2.0-rc4</version>
 </dependency>
 ```