mmhglobal-dynamicform 2.28.4 → 2.28.6

package/fesm2020/mmhglobal-dynamicform.mjs

@@ -4308,7 +4308,7 @@ class FieldBase {
     }
     appendStyle(style, ind = "") {
         const currentStyle = this.getStyle(ind);
-        const combinedStyle = (currentStyle.endsWith(';') ? currentStyle : `${currentStyle};`) + style;
+        const combinedStyle = (currentStyle.endsWith(';') || !currentStyle ? currentStyle : `${currentStyle};`) + style;
         this.componentService.setStyleByIndex(this, ind, combinedStyle);
     }
     removeStyle(style, ind = "") {
@@ -4319,7 +4319,7 @@ class FieldBase {
         const currentStyle = this.getStyle(ind);
         if (currentStyle) {
             const currentStyleList = currentStyle.split(';');
-            const styleToRetain = currentStyleList.filter(x => !x.startsWith(`${property}:`)).join(';');
+            const styleToRetain = currentStyleList.filter(x => !x.startsWith(`${property}:`) && !!x).join(';');
             this.componentService.setStyleByIndex(this, ind, styleToRetain);
         }
     }
@@ -4333,7 +4333,7 @@ class FieldBase {
     }
     appendContainerStyle(style, ind = "") {
         const currentStyle = this.getContainerStyle(ind);
-        const combinedStyle = (currentStyle.endsWith(';') ? currentStyle : `${currentStyle};`) + style;
+        const combinedStyle = (currentStyle.endsWith(';') || !currentStyle ? currentStyle : `${currentStyle};`) + style;
         this.componentService.setContainerStyleByIndex(this, ind, combinedStyle);
     }
     removeContainerStyle(style, ind = "") {
@@ -4344,7 +4344,7 @@ class FieldBase {
         const currentStyle = this.getContainerStyle(ind);
         if (currentStyle) {
             const currentStyleList = currentStyle.split(';');
-            const styleToRetain = currentStyleList.filter(x => !x.startsWith(`${property}:`)).join(';');
+            const styleToRetain = currentStyleList.filter(x => !x.startsWith(`${property}:`) && !!x).join(';');
             this.componentService.setContainerStyleByIndex(this, ind, styleToRetain);
         }
     }
@@ -5376,14 +5376,11 @@ class ZbuttonsComponent extends ButtonFieldBase {
         });
     }
     updateEventId(button) {
+        const name = button.Name ?? button.name;
         const updateButtonEventId = (buttons) => {
             buttons.forEach(item => {
-                if (item.name === button.Name) {
-                    const eventId = ZComponentHelper.generateTimeStampId();
-                    const attributes = JSON.parse(item.fieldAttribute.Attributes);
-                    item.fieldAttribute.eventId = eventId;
-                    attributes.eventId = eventId;
-                    item.fieldAttribute.Attributes = JSON.stringify(attributes);
+                if (item.name === name) {
+                    item.eventId = ZComponentHelper.generateTimeStampId();
                 }
             });
         };
@@ -7007,9 +7004,10 @@ class ZworkflowbuttonsComponent extends ButtonFieldBase {
         }
     }
     updateEventId(button) {
+        const name = button.Name ?? button.name;
         const updateButtonEventId = (buttons) => {
             buttons.forEach(item => {
-                if (item.name === button.Name) {
+                if (item.name === name) {
                     const eventId = ZComponentHelper.generateTimeStampId();
                     const attributes = JSON.parse(item.fieldAttribute.Attributes);
                     item.fieldAttribute.eventId = eventId;
@@ -14085,6 +14083,7 @@ class KsplitterComponent extends ContainerFieldBase {
     toggleCollapseStateByIndex(index, isCollapse) {
         const selectedPane = this.splitter.panes.find((_, i) => i === index);
         selectedPane.collapsed = isCollapse ?? !selectedPane.collapsed;
+        this.OnCollapse(null, this.data.PanelItems[index]);
     }
     ngAfterViewInit() {
         this.componentService.decrementComponentCounterForField(this.data);
@@ -14096,10 +14095,10 @@ class KsplitterComponent extends ContainerFieldBase {
     }
 }
 KsplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: KsplitterComponent, deps: [{ token: ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
-KsplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: KsplitterComponent, selector: "app-ksplitter", viewQueries: [{ propertyName: "splitter", first: true, predicate: SplitterComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n  *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n  [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n  <kendo-splitter #splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n    [style]=\"componentProperties.containerStyle.style1\">\r\n    <kendo-splitter-pane  *ngFor=\"let item of data.PanelItems; let i = index\"\r\n      [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n      [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n      class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n      [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\"\r\n      (collapsedChange)=\"OnCollapse($event, item)\">\r\n      <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n        [data]=\"data | panelAreaFilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n      </app-zdiv>\r\n    </kendo-splitter-pane>\r\n  </kendo-splitter>\r\n</div>\r\n", styles: [""], components: [{ type: i2$5.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i2$5.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: ZdivComponent, selector: "app-zdiv" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "panelAreaFilter": PanelAreaFilter } });
+KsplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: KsplitterComponent, selector: "app-ksplitter", viewQueries: [{ propertyName: "splitter", first: true, predicate: SplitterComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n  *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n  [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n  <kendo-splitter #splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n    [style]=\"componentProperties.containerStyle.style1\">\r\n    <kendo-splitter-pane  *ngFor=\"let item of data.PanelItems; let i = index\"\r\n      [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n      [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n      class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n      [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\" [collapsed]=\"item.isCollapse ?? false\"\r\n      (collapsedChange)=\"OnCollapse($event, item)\">\r\n      <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n        [data]=\"data | panelAreaFilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n      </app-zdiv>\r\n    </kendo-splitter-pane>\r\n  </kendo-splitter>\r\n</div>\r\n", styles: [""], components: [{ type: i2$5.SplitterComponent, selector: "kendo-splitter", inputs: ["orientation"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { type: i2$5.SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { type: ZdivComponent, selector: "app-zdiv" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "panelAreaFilter": PanelAreaFilter } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: KsplitterComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-ksplitter", template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n  *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n  [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n  <kendo-splitter #splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n    [style]=\"componentProperties.containerStyle.style1\">\r\n    <kendo-splitter-pane  *ngFor=\"let item of data.PanelItems; let i = index\"\r\n      [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n      [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n      class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n      [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\"\r\n      (collapsedChange)=\"OnCollapse($event, item)\">\r\n      <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n        [data]=\"data | panelAreaFilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n      </app-zdiv>\r\n    </kendo-splitter-pane>\r\n  </kendo-splitter>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: "app-ksplitter", template: "<div class=\"ksplitter-container e1tag-container-style\"\r\n  *ngIf=\"!isLoading && (!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\"\r\n  [ngClass]=\"data.Class\" [style]=\"componentProperties.containerStyle.style\" [class]=\"data.ComponentStyleType\">\r\n  <kendo-splitter #splitter [orientation]=\"data.Orientation || 'horizontal'\" class=\"e1tag-container-style1\"\r\n    [style]=\"componentProperties.containerStyle.style1\">\r\n    <kendo-splitter-pane  *ngFor=\"let item of data.PanelItems; let i = index\"\r\n      [resizable]=\"item.Resizable != undefined ? item.Resizable : true\"\r\n      [collapsible]=\"item.AllowCollapse != undefined ? item.AllowCollapse : true\" [size]=\"item.Size\"\r\n      class=\"e1tag-container-style2\" [style]=\"componentProperties.containerStyle.style2 + item.Style\"\r\n      [min]=\"item.MinWidth\" [max]=\"item.MaxWidth\" [collapsed]=\"item.isCollapse ?? false\"\r\n      (collapsedChange)=\"OnCollapse($event, item)\">\r\n      <app-zdiv [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3\"\r\n        [data]=\"data | panelAreaFilter: i + ''\" [form]=\"form\" [group]=\"group\" [containerField]=\"containerField\">\r\n      </app-zdiv>\r\n    </kendo-splitter-pane>\r\n  </kendo-splitter>\r\n</div>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: ZComponentService }]; }, propDecorators: { splitter: [{
                 type: ViewChild,
                 args: [SplitterComponent]