mmhglobal-dynamicform 1.1.39 → 1.1.40

package/README.md

@@ -3,44 +3,47 @@
 This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.13.
 
 ## Changelog
-`1.39`<br/> 
+`1.1.40`<br/> 
+[ztextarea] enhance to allow onchange.<br/>
+
+`1.1.39`<br/> 
 [zudf] added load userdefinedform.<br/>
 [zupload] enhance to allow to set MinFileSize & MaxFileSize in field attribute
 
-`1.38`<br/>
+`1.1.38`<br/>
 [zupload] default file size restriction.<br/>
 [zupload] added clearFiles function.<br/>
 
-`1.37`<br/>
+`1.1.37`<br/>
 [tooltipsinfo] support for setTooltipsDisplayText, setTooltipsInfoIcon.
 
-`1.36`<br/>
+`1.1.36`<br/>
 Disable zgrid session storage.
 
-`1.35`<br/>
+`1.1.35`<br/>
 Temp disable get grid setting from cookiestore when load.
 Fix and enable back grid session storage.
 
-`1.34`<br/>
+`1.1.34`<br/>
 Fix zgrid intermittent display all column.
 Fix zText tooltip issue.
 Fix zSelectMultiple virtual problem for desktop view.
 
-`1.33`<br/>
+`1.1.33`<br/>
 [zupload] - minor fix for selectFileOnly attribute. <br/>
 [zgrid] - added support for filter operator "contains" for .net core. Default as contains, to use ==, zgrid attribute add FilterContainsUsingEqual:true.
 
-`1.32`<br/>
+`1.1.32`<br/>
 [zgrid] - added getFormControlData function to retrieve incell data. <br/>
 [zgrid] - added AfterloadCallback attribute handling. <br/>
 [zgrid] - fix form control error when grid data is null. <br/>
 [zupload] - save file data to group scope. <br/>
 [zquerybuilder] - bug fix for query builder.
 
-`1.31`<br/>
+`1.1.31`<br/>
 update dynamicform module for zuploadmodule. <br/>
 
-`1.30`<br/>
+`1.1.30`<br/>
 [zupload] - support Select/Remove/Change Event. <br/>
 [zupload] - added SelectFileOnly attribute handling, to allow select file without upload. <br/>
 [zupload] - added selected file append to group scope (type+value as name). <br/>

package/bundles/mmhglobal-dynamicform.umd.js

@@ -9690,6 +9690,12 @@
                     this.group[this.itemDataField.slice(6)] = zdataModel;
                 }
             }
+            this.group.subject.next({
+                type: "onChange",
+                target: this.data.OnChange,
+                event: event,
+                data: { value: value, field: this.data }
+            });
         };
         ZtextareaComponent.prototype.getReadOnlyValue = function () {
             var readOnlyValue = i3.ZComponentHelper.getGroupEvalValue.call(this, this.data.ReadOnly, this.group);
@@ -10847,23 +10853,12 @@
         ZudfComponent.prototype.ComponentIsVisible = function (field) {
             return i3.ZComponentHelper.ComponentIsVisible(field, this.group);
         };
-        ZudfComponent.prototype.allowDrop = function (ev) {
-            ev.preventDefault();
-        };
-        ZudfComponent.prototype.drag = function (ev) {
-            ev.dataTransfer.setData("text", ev.target.id);
-        };
-        ZudfComponent.prototype.drop = function (ev) {
-            ev.preventDefault();
-            var data = ev.dataTransfer.getData("text");
-            ev.target.appendChild(document.getElementById(data));
-        };
         return ZudfComponent;
     }());
     ZudfComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-zudf',
-                    template: "<div *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\" class=\"ion-row\">\r\n\r\n  <app-zformcontrol [ngClass]=\"group[field.isVisibleField] ? field.DivClass : ((field.Visible === true) ?  field.DivClass : 'flex-hide')\"\r\n                    *ngFor=\"let field of formField | divzlayout: data.zlayout\"\r\n                    [field]=\"field\"\r\n                    [group]=\"group\"\r\n                    [form]=\"form\"\r\n                    id=\"zudf-{{field.Type}}-{{field.Name}}\">\r\n  </app-zformcontrol>\r\n\r\n  <h2>Drag and Drop</h2>\r\n  <div id=\"div1\"\r\n       (drop)=\"drop($event)\"\r\n       (dragover)=\"allowDrop($event)\">\r\n\r\n    <img src=\"https://images.pexels.com/photos/658687/pexels-photo-658687.jpeg?auto=compress&cs=tinysrgb&h=350\"\r\n         draggable=\"true\"\r\n         (dragstart)=\"drag($event)\"\r\n         id=\"drag1\"\r\n         width=\"88\"\r\n         height=\"31\">\r\n  </div>\r\n\r\n  <div id=\"div2\"\r\n       (drop)=\"drop($event)\"\r\n       (dragover)=\"allowDrop($event)\">\r\n  </div>\r\n\r\n</div>\r\n",
+                    template: "<div *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\" class=\"ion-row\">\r\n\r\n  <app-zformcontrol [ngClass]=\"group[field.isVisibleField] ? field.DivClass : ((field.Visible === true) ?  field.DivClass : 'flex-hide')\"\r\n                    *ngFor=\"let field of formField | divzlayout: data.zlayout\"\r\n                    [field]=\"field\"\r\n                    [group]=\"group\"\r\n                    [form]=\"form\"\r\n                    id=\"zudf-{{field.Type}}-{{field.Name}}\">\r\n  </app-zformcontrol> \r\n</div>\r\n",
                     styles: ["#div1,#div2{float:left;width:100px;height:35px;margin:10px;padding:10px;border:1px solid #000}"]
                 },] }
     ];