@wavemaker/app-ng-runtime 11.5.0-rc.5394 → 11.5.0-rc.5396

app-ng-runtime/components/base/fesm2020/index.mjs

@@ -1328,7 +1328,7 @@ class BaseComponent {
     getAttributes() {
         let _tNodeAttrs = this.inj._tNode.attrs, actualAttrs = Array.from(this.nativeElement.attributes).map(attr => attr.name);
         if (_tNodeAttrs === null) {
-            return actualAttrs;
+            return actualAttrs.sort();
         }
         _.forEach(_tNodeAttrs, (attr, i) => {
             if (typeof attr === 'number') {
@@ -1342,15 +1342,20 @@ class BaseComponent {
                 }
             }
         });
-        return actualAttrs;
+        /*
+        Sorting attributes as properties like placeholder is not working when it is bound.
+        placeholder and placeholder.bind two properties are coming in Array.
+        When array is not sorted, initially placeholder.bind value is set then placeholder default value is updated.
+        If array is sorted, placeholder.bind value will be set finally.
+        This is caused because of the way we are storing attribute names in watcher registry map
+         */
+        return actualAttrs.sort();
     }
     /**
      * Process the attributes
      */
     processAttrs() {
-        const attrs = this.getAttributes();
-        let i = 0;
-        _.map(attrs, (attrName) => {
+        _.map(this.getAttributes(), (attrName) => {
             let attrValue = this.nativeElement.attributes[attrName].value;
             this.$attrs.set(attrName, attrValue);
             this.processAttr(attrName, attrValue);
@@ -1876,14 +1881,10 @@ class PartialParamHandlerDirective {
     }
     registerParams(name, value, bindExpr, type) {
         this.widgetRef.partialParams[name] = value;
-        let viewParent = this.widgetRef.getViewParent();
-        if (this.widgetRef.inj._tNode.parent === null) {
-            viewParent = this.getViewParent(viewParent);
-        }
         if (!value && bindExpr) {
             this.widgetRef.registerDestroyListener(
             //[Todo-CSP]: expr fn should be generated be default
-            $watch(bindExpr, viewParent, _.get(this.widgetRef, 'context'), nv => {
+            $watch(bindExpr, this.widgetRef.getViewParent(), _.get(this.widgetRef, 'context'), nv => {
                 this.widgetRef.partialParams[name] = nv;
                 // notify the partial container of the param changes
                 this.widgetRef.params$.next();
@@ -1893,16 +1894,6 @@ class PartialParamHandlerDirective {
             this.widgetRef.params$.next();
         }
     }
-    getViewParent(viewParent) {
-        let parent = viewParent.viewParent;
-        if (!parent) {
-            return viewParent;
-        }
-        if (parent.hasOwnProperty("isDynamicComponent") || parent.hasOwnProperty("isPageComponent")) {
-            return parent;
-        }
-        return this.getViewParent(parent);
-    }
 }
 PartialParamHandlerDirective.ɵfac = function PartialParamHandlerDirective_Factory(t) { return new (t || PartialParamHandlerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); };
 PartialParamHandlerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamHandlerDirective, selectors: [["", "partialContainer", ""]] });