@optimajet/workflow-designer 12.2.0 → 12.4.0

package/README.md

@@ -93,7 +93,7 @@ npm i -D webpack webpack-cli
 Next, add the packages necessary for the correct webpack setup
 
 ```shell
-npm i -D @babel/preset-env @babel/core babel-loader css-loader html-webpack-plugin mini-css-extract-plugin uglifyjs-webpack-plugin
+npm i -D @babel/preset-env @babel/core babel-loader css-loader html-webpack-plugin mini-css-extract-plugin terser-webpack-plugin
 ```
 
 The basic webpack configuration looks like this:
@@ -102,7 +102,7 @@ The basic webpack configuration looks like this:
 const HtmlWebpackPlugin = require('html-webpack-plugin'); // for generate an HTML5 file
 const path = require('path')
 const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // to extract CSS into separate files
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); // to minify your JavaScript
+const TerserPlugin = require('terser-webpack-plugin'); // to minify your JavaScript
 const webpack = require('webpack');
 
 
@@ -111,14 +111,14 @@ module.exports = () => ({
       wfesample: './src/index.js',
     },
     output: {
-        path: path.resolve(__dirname, 'dist'), 
+        path: path.resolve(__dirname, 'dist'),
         filename: '[name].min.js',
         libraryTarget: "umd",
     },
     mode:'production',
- 
+
     optimization: {
-        minimizer: [new UglifyJsPlugin()],
+        minimizer: [new TerserPlugin()],
     },
     module: {
         rules: [
@@ -226,4 +226,4 @@ Ctrl + Z - Undo
 Arrows - Moving selected items
 Delete - Delete
 Alt + Enter - Full Screen Mode
-Ctrl + M - Move mode
+Ctrl + M - Move mode

package/dist/workflowdesigner.min.css

@@ -77,7 +77,8 @@ font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[clas
   font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.4285em;
-  font-smoothing: antialiased
+  font-smoothing: antialiased;
+  overflow: hidden;
 }
 
 .WorkflowDesignerContainer h3 {
@@ -259,6 +260,8 @@ td .el-checkbox__input {
   top: 0;
   min-height: 200px;
   min-width: 200px;
+  max-height: calc(100% - 20px);
+  max-width: calc(100% - 20px);
   box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 10px, rgba(0, 0, 0, 0.12) 0px 1px 18px,
   rgba(0, 0, 16, 0.15) 0 3px 5px;
   /*z-index: 100;*/
@@ -316,7 +319,7 @@ td .el-checkbox__input {
   position: absolute;
   top: 0;
   inset-inline-start: 0;
-  width: calc(100% - 50px);
+  width: 100%;
   height: 20px;
   cursor: move;
 }
@@ -325,7 +328,7 @@ td .el-checkbox__input {
   position: absolute;
   bottom: 0;
   inset-inline-start: 0;
-  width: calc(100% - 50px);
+  width: 100%;
   height: 20px;
   cursor: move;
 }
@@ -476,6 +479,27 @@ td .el-checkbox__input {
   background-color: transparent;
 }
 
+.WorkflowDesignerWatermark {
+  top: auto;
+  bottom: 10px;
+  inset-inline-end: 10px;
+  min-height: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.WorkflowDesignerWatermark a {
+  color: #000;
+  text-decoration: none;
+  font-size: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.WorkflowDesignerWatermark img {
+  width: 140px;
+  margin-right: 10px
+}
 
 .WorkflowDesignerToolbarSide {
   inset-inline: auto 10px;
@@ -1150,7 +1174,7 @@ div.SpacedRow > div:not(:last-child) {
 .WorkflowDesignerWindowLoaderOverlay {
   position: absolute;
   top: 0;
-  z-index: 100;
+  z-index: 0;
   width: 100%;
   height: 100%;
   min-width: 40px;