Merge pull request #1022 from GwtMaterialDesign/release_2.6.0

Release 2.6.0

Author: kevzlou7979

.travis.yml

@@ -8,7 +8,7 @@ cache:
   - $HOME/.m2
 before_install:
 # install the gwt-material-jquery because it will depends on built in jquery
-- git clone -b release_2.5.0_rc1 https://github.com/GwtMaterialDesign/gwt-material-jquery.git
+- git clone -b release_2.6.0 https://github.com/GwtMaterialDesign/gwt-material-jquery.git
 - cd gwt-material-jquery
 - mvn install -DskipTests=true -DdryRun=true
 - cd ..

.utility/deploy.sh

@@ -1,6 +1,6 @@
 #!/bin/bash
 set -ev
-if [ "$TRAVIS_JDK_VERSION" == "oraclejdk8" ] && [ "$TRAVIS_PULL_REQUEST" == "false" ] && [ "$TRAVIS_BRANCH" == "release_2.5.0_rc1" ]; then
+if [ "$TRAVIS_JDK_VERSION" == "oraclejdk8" ] && [ "$TRAVIS_PULL_REQUEST" == "false" ] && [ "$TRAVIS_BRANCH" == "release_2.6.0" ]; then
   echo "<settings><servers><server><id>ossrh</id><username>\${env.OSSRH_USER}</username><password>\${env.OSSRH_PASS}</password></server></servers></settings>" > ~/settings.xml
   mvn deploy -DskipTests --settings ~/settings.xml
 fi

README.md

@@ -20,20 +20,20 @@ We created <a href="http://gwtmaterialdesign.github.io/gwt-material-demo/apidocs
 
 
 ## Maven
-### Current Version 2.5.0
+### Current Version 2.6.0
 ```xml
 <dependency>
     <groupId>com.github.gwtmaterialdesign</groupId>
     <artifactId>gwt-material</artifactId>
-    <version>2.5.0</version>
+    <version>2.6.0</version>
 </dependency>
 ```
-### Snapshot Version 2.5.0
+### Snapshot Version 2.6.1-SNAPSHOT
 ```xml
 <dependency>
     <groupId>com.github.gwtmaterialdesign</groupId>
     <artifactId>gwt-material</artifactId>
-    <version>2.5.0</version>
+    <version>2.6.1-SNAPSHOT</version>
 </dependency>
 ```
 

gwt-material/pom.xml

@@ -4,7 +4,7 @@
     <parent>
         <artifactId>gwt-material-parent</artifactId>
         <groupId>com.github.gwtmaterialdesign</groupId>
-        <version>2.5.0</version>
+        <version>2.6.0</version>
     </parent>
     <modelVersion>4.0.0</modelVersion>
 
@@ -41,6 +41,26 @@
             <artifactId>htmlunit</artifactId>
             <version>${htmlunit.version}</version>
         </dependency>
+        <dependency>
+            <groupId>com.google.elemental2</groupId>
+            <artifactId>elemental2-core</artifactId>
+            <version>${elemental2.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>com.google.elemental2</groupId>
+            <artifactId>elemental2-promise</artifactId>
+            <version>${elemental2.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>com.google.elemental2</groupId>
+            <artifactId>elemental2-dom</artifactId>
+            <version>${elemental2.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>com.google.elemental2</groupId>
+            <artifactId>elemental2-media</artifactId>
+            <version>${elemental2.version}</version>
+        </dependency>
     </dependencies>
 
     <repositories>

gwt-material/src/main/java/gwt/material/design/client/async/loader/DefaultButtonLoader.java

@@ -21,12 +21,15 @@
 
 import gwt.material.design.client.base.AbstractIconButton;
 import gwt.material.design.client.constants.IconType;
+import gwt.material.design.client.ui.animate.MaterialAnimation;
+import gwt.material.design.client.ui.animate.Transition;
 
 public class DefaultButtonLoader implements AsyncIconDisplayLoader<String> {
 
     protected String initialText;
     protected IconType initialIcon;
     protected AbstractIconButton button;
+    protected MaterialAnimation animation;
 
     protected DefaultButtonLoader() {}
 
@@ -43,8 +46,13 @@ public DefaultButtonLoader(AbstractIconButton button) {
     @Override
     public void loading() {
         button.setEnabled(false);
-        button.setText("Loading");
         button.setIconType(getLoadingIcon());
+        animation = new MaterialAnimation();
+        animation.delay(0);
+        animation.duration(600);
+        animation.setTransition(Transition.SPIN);
+        animation.setInfinite(true);
+        animation.animate(button.getIcon());
     }
 
     @Override
@@ -67,6 +75,10 @@ public void finalize() {
         if (initialIcon != null) {
             button.setIconType(initialIcon);
         }
+
+        if (animation != null) {
+            animation.stopAnimation();
+        }
     }
 
 

gwt-material/src/main/java/gwt/material/design/client/base/AbstractIconButton.java

@@ -140,6 +140,16 @@ public String getCustomIconType() {
         return icon.getCustomIconType();
     }
 
+    @Override
+    public void setIconDisplay(IconDisplay iconDisplay) {
+        icon.setIconDisplay(iconDisplay);
+    }
+
+    @Override
+    public IconDisplay getIconDisplay() {
+        return icon.getIconDisplay();
+    }
+
     /**
      * Ensure the icon is attached in slot 0.
      */

gwt-material/src/main/java/gwt/material/design/client/base/AbstractSideNav.java

@@ -34,6 +34,7 @@
 import gwt.material.design.client.base.mixin.DensityMixin;
 import gwt.material.design.client.base.mixin.OverlayStyleMixin;
 import gwt.material.design.client.base.mixin.StyleMixin;
+import gwt.material.design.client.base.mixin.ToggleStyleMixin;
 import gwt.material.design.client.base.viewport.ViewPort;
 import gwt.material.design.client.base.viewport.WidthBoundary;
 import gwt.material.design.client.constants.*;
@@ -62,7 +63,6 @@ public abstract class AbstractSideNav extends MaterialWidget
     protected int width = 240;
     protected int inDuration = 400;
     protected int outDuration = 200;
-    protected boolean open;
     protected boolean closeOnClick;
     protected boolean alwaysShowActivator = true;
     protected boolean allowBodyScroll = true;
@@ -76,6 +76,7 @@ public abstract class AbstractSideNav extends MaterialWidget
     private StyleMixin<MaterialSideNav> typeMixin;
     private OverlayStyleMixin<AbstractSideNav> overlayStyleMixin;
     private DensityMixin<AbstractSideNav> densityMixin;
+    private ToggleStyleMixin<AbstractSideNav> openMixin;
 
     public AbstractSideNav() {
         super(Document.get().createULElement(), CssName.SIDE_NAV);
@@ -431,10 +432,8 @@ protected MaterialWidget getNavMenu() {
     }
 
     protected void onClosing() {
-        open = false;
-        $("#sidenav-overlay").remove();
+        getOpenMixin().setOn(false);
         SideNavClosingEvent.fire(this);
-
         resetOverlayStyle();
     }
 
@@ -443,14 +442,7 @@ protected void onClosed() {
     }
 
     protected void onOpening() {
-        open = true;
-
-        $("#sidenav-overlay").each((param1, element) -> {
-            if (element != null) {
-                element.removeFromParent();
-            }
-        });
-
+        getOpenMixin().setOn(true);
         SideNavOpeningEvent.fire(this);
     }
 
@@ -472,7 +464,14 @@ protected void onOverlayAttached() {
      * Hide the overlay menu.
      */
     public void hideOverlay() {
-        $("#sidenav-overlay").remove();
+        JQueryElement overlayElement = getOverlayElement();
+        if (overlayElement != null) {
+            overlayElement.each((param1, element) -> {
+                if (element != null) {
+                    element.removeFromParent();
+                }
+            });
+        }
     }
 
     /**
@@ -488,8 +487,9 @@ public void show() {
      */
     @Override
     public void open() {
-        $("#sidenav-overlay").remove();
-        $(activator).sideNav("show");
+        if (!isOpen()) {
+            $(activator).sideNav("show");
+        }
     }
 
     /**
@@ -510,7 +510,7 @@ public void close() {
 
     @Override
     public boolean isOpen() {
-        return open;
+        return getOpenMixin().isOn();
     }
 
     /**
@@ -696,4 +696,11 @@ protected DensityMixin<AbstractSideNav> getDensityMixin() {
         }
         return densityMixin;
     }
+
+    public ToggleStyleMixin<AbstractSideNav> getOpenMixin() {
+        if (openMixin == null) {
+            openMixin = new ToggleStyleMixin<>(this, "opened");
+        }
+        return openMixin;
+    }
 }

gwt-material/src/main/java/gwt/material/design/client/base/HasIcon.java

@@ -20,10 +20,7 @@
 package gwt.material.design.client.base;
 
 import com.google.gwt.dom.client.Style;
-import gwt.material.design.client.constants.Color;
-import gwt.material.design.client.constants.IconPosition;
-import gwt.material.design.client.constants.IconSize;
-import gwt.material.design.client.constants.IconType;
+import gwt.material.design.client.constants.*;
 import gwt.material.design.client.ui.MaterialIcon;
 
 public interface HasIcon {
@@ -84,4 +81,14 @@ public interface HasIcon {
      * Will get the css class for custom icons.
      */
     String getCustomIconType();
+
+    /**
+     * Will set the icon display structure.
+     * OUTLINED, FILLED, ROUNDED, SHARP and TWO TONE
+     *
+     * @see <a href="https://fonts.google.com/icons">Example</a>
+     */
+    void setIconDisplay(IconDisplay iconDisplay);
+
+    IconDisplay getIconDisplay();
 }

gwt-material/src/main/java/gwt/material/design/client/base/HasTruncate.java

@@ -0,0 +1,37 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2022 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.client.base;
+
+public interface HasTruncate {
+
+    /**
+     * If true the label inside this component will be truncated by ellipsis
+     **/
+    void setTruncate(boolean truncate);
+
+    boolean isTruncate();
+
+    /**
+     * Will enable long texts to set the elements attribute when mouse overed the truncated text
+     */
+    void setEnableTruncateTitle(boolean value);
+
+    boolean isEnableTruncateTitle();
+}

gwt-material/src/main/java/gwt/material/design/client/base/MaterialWidget.java

@@ -54,7 +54,7 @@ public class MaterialWidget extends ComplexPanel implements HasId, HasEnabled, H
     HasShadow, Focusable, HasInlineStyle, HasSeparator, HasScrollspy, HasHideOn, HasShowOn, HasCenterOn, HasCircle, HasWaves,
     HasDataAttributes, HasFloat, HasTooltip, HasFlexbox, HasHoverable, HasFontWeight, HasFontSize, HasDepth, HasInitialClasses,
     HasInteractionHandlers, HasAllFocusHandlers, HasFilterStyle, HasBorder, HasVerticalAlign, HasTransform, HasOrientation,
-    HasContainer, HasWordBreak, HasZoom, HasGridLayout, HasResize, HasContentEditable {
+    HasContainer, HasWordBreak, HasZoom, HasGridLayout, HasResize, HasContentEditable, HasTruncate {
 
     private static JQueryElement window = null;
     private static JQueryElement body = null;
@@ -125,7 +125,7 @@ public Appender(Widget widget) {
     private FlexboxMixin<MaterialWidget> flexboxMixin;
     private ToggleStyleMixin<MaterialWidget> hoverableMixin;
     private CssNameMixin<MaterialWidget, FontWeight> fontWeightMixin;
-    private ToggleStyleMixin<MaterialWidget> truncateMixin;
+    private TruncateMixin<MaterialWidget> truncateMixin;
     private FilterStyleMixin<MaterialWidget> filterMixin;
     private BorderMixin<MaterialWidget> borderMixin;
     private DimensionMixin<MaterialWidget> dimensionMixin;
@@ -1065,15 +1065,25 @@ public String getFilterStyle() {
         return getFilterStyleMixin().getFilterStyle();
     }
 
-    /**
-     * If true the label inside this component will be truncated by ellipsis
-     **/
+
+    @Override
     public void setTruncate(boolean truncate) {
-        getTruncateMixin().setOn(truncate);
+        getTruncateMixin().setTruncate(truncate);
     }
 
+    @Override
     public boolean isTruncate() {
-        return getTruncateMixin().isOn();
+        return getTruncateMixin().isTruncate();
+    }
+
+    @Override
+    public void setEnableTruncateTitle(boolean value) {
+        getTruncateMixin().setEnableTruncateTitle(value);
+    }
+
+    @Override
+    public boolean isEnableTruncateTitle() {
+        return getTruncateMixin().isEnableTruncateTitle();
     }
 
     @Override
@@ -1880,9 +1890,9 @@ protected CssNameMixin<MaterialWidget, FontWeight> getFontWeightMixin() {
         return fontWeightMixin;
     }
 
-    public ToggleStyleMixin<MaterialWidget> getTruncateMixin() {
+    public TruncateMixin<MaterialWidget> getTruncateMixin() {
         if (truncateMixin == null) {
-            truncateMixin = new ToggleStyleMixin<>(this, CssName.TRUNCATE);
+            truncateMixin = new TruncateMixin<>(this);
         }
         return truncateMixin;
     }