Merge pull request #1090 from neomjs/dev

v1.3.50

Author: tobiu

examples/dialog/DemoDialog.mjs

@@ -1,8 +1,8 @@
-import Dialog from '../../src/container/Dialog.mjs';
+import {default as Dialog} from '../../src/dialog/Base.mjs';
 
 /**
  * @class Window.DemoDialog
- * @extends Neo.container.Dialog
+ * @extends Neo.dialog.Base
  */
 class DemoDialog extends Dialog {
     static getConfig() {return {

examples/dialog/MainContainer.mjs

@@ -44,7 +44,8 @@ class MainContainer extends Toolbar {
      */
     createDialog(data) {
         Neo.create(DemoDialog, {
-            appName: this.appName
+            animateTargetId: data.component.id,
+            appName        : this.appName
         });
     }
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "1.3.49",
+    "version": "1.3.50",
     "description": "The webworkers driven UI framework",
     "repository": {
         "type": "git",

resources/scss/src/_all.scss

@@ -2,6 +2,7 @@
 @import "calendar/all";
 @import "component/all";
 @import "container/all";
+@import "dialog/all";
 @import "docs/all";
 @import "draggable/all";
 @import "examples/all";

resources/scss/src/container/_all.scss

@@ -1,5 +1,4 @@
 @import "Base";
-@import "Dialog";
 @import "Panel";
 @import "Toolbar";
 @import "Toolbar";

resources/scss/src/container/_Dialog.scss renamed to resources/scss/src/dialog/_Base.scss

@@ -1,3 +1,22 @@
+.neo-animate-dialog {
+    // default styling to match buttons, since this is the most common use case
+    background-color: v(button-background-color);
+    background-image: v(button-background-image);
+    border          : 1px solid v(button-active-border-color);
+
+    position: fixed;
+    z-index : 1000;
+
+    transition-duration       : 250ms;
+    transition-property       : height, left, top, transform, width;
+    transition-timing-function: ease-out;
+
+    &.neo-hide {
+        transform          : none !important;
+        transition-property: height, left, top, width;
+    }
+}
+
 .neo-dialog {
     border   : 1px solid v(dialog-border-color);
     position : fixed;

resources/scss/src/dialog/_all.scss

@@ -0,0 +1 @@
+@import "Base";

resources/scss/theme-dark/_all.scss

@@ -3,6 +3,7 @@
 @import "apps/all";
 @import "calendar/all";
 @import "component/all";
+@import "dialog/all";
 @import "docs/all";
 @import "container/all";
 @import "examples/all";

resources/scss/theme-dark/container/_all.scss

@@ -1,5 +1,4 @@
 @import "Base";
-@import "Dialog";
 @import "Panel";
 @import "Toolbar";
 @import "Viewport";