@player-ui/player 0.11.0-next.3 → 0.11.0-next.4

package/dist/Player.native.js

@@ -5217,11 +5217,33 @@ var Player = function() {
                     node.children.push(newChild);
                     return node;
                 }
+            },
+            {
+                key: "updateChildrenByPath",
+                value: /**
+     * Updates children of a node of the same path and preserves order
+     *
+     * @param node - The node to update children for
+     * @param pathToMatch - The path to match against child paths
+     * @param mapFn - Function to transform matching children
+     */ function updateChildrenByPath(node, pathToMatch, updateFn) {
+                    if (!node.children) return node;
+                    var updatedChildren = node.children.map(function(child) {
+                        return(// Check if paths match exactly
+                        child.path.join() === pathToMatch.join() ? _object_spread_props(_object_spread({}, child), {
+                            value: updateFn(child)
+                        }) : child);
+                    });
+                    return _object_spread_props(_object_spread({}, node), {
+                        children: updatedChildren
+                    });
+                }
             }
         ]);
         return _Builder;
     }();
     // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/core/player/src/view/plugins/template.ts
+    var templateSymbol = Symbol("template");
     var TemplatePlugin = /*#__PURE__*/ function() {
         function TemplatePlugin(options) {
             _class_call_check(this, TemplatePlugin);
@@ -5292,6 +5314,9 @@ var Player = function() {
                         override: false,
                         values: values
                     };
+                    if (node.placement !== void 0) {
+                        result[templateSymbol] = node.placement;
+                    }
                     return result;
                 }
             },
@@ -5305,6 +5330,40 @@ var Player = function() {
                         }
                         return node;
                     });
+                    parser.hooks.onCreateASTNode.tap("template", function(node) {
+                        var getTemplateSymbolValue = function getTemplateSymbolValue(node2) {
+                            if (node2.type === "multi-node" /* MultiNode */ ) {
+                                return node2[templateSymbol];
+                            } else if (node2.type === "template" /* Template */ ) {
+                                return node2.placement;
+                            }
+                            return void 0;
+                        };
+                        if (node && (node.type === "view" /* View */  || node.type === "asset" /* Asset */ ) && Array.isArray(node.children)) {
+                            node.children = node.children.sort(function(a, b) {
+                                var aPath = a.path.join();
+                                var bPath = b.path.join();
+                                var pathsEqual = aPath === bPath;
+                                if (pathsEqual) {
+                                    var aPlacement = getTemplateSymbolValue(a.value);
+                                    var bPlacement = getTemplateSymbolValue(b.value);
+                                    if (aPlacement !== void 0 && bPlacement === void 0) {
+                                        return aPlacement === "prepend" ? -1 : 1;
+                                    } else if (bPlacement !== void 0 && aPlacement === void 0) {
+                                        return bPlacement === "prepend" ? 1 : -1;
+                                    } else if (aPlacement !== void 0 && bPlacement !== void 0) {
+                                        if (aPlacement === bPlacement) {
+                                            return 0;
+                                        }
+                                        return aPlacement === "prepend" ? -1 : 1;
+                                    }
+                                    return 0;
+                                }
+                                return aPath > bPath ? 1 : -1;
+                            });
+                        }
+                        return node;
+                    });
                     parser.hooks.parseNode.tap("template", function(obj, _nodeType, options, childOptions) {
                         if (childOptions && hasTemplateKey(childOptions.key)) {
                             return obj.map(function(template) {
@@ -5314,7 +5373,8 @@ var Player = function() {
                                     depth: (_options_templateDepth = options.templateDepth) !== null && _options_templateDepth !== void 0 ? _options_templateDepth : 0,
                                     data: template.data,
                                     template: template.value,
-                                    dynamic: (_template_dynamic = template.dynamic) !== null && _template_dynamic !== void 0 ? _template_dynamic : false
+                                    dynamic: (_template_dynamic = template.dynamic) !== null && _template_dynamic !== void 0 ? _template_dynamic : false,
+                                    placement: template.placement
                                 }, template);
                                 if (!templateAST) return;
                                 if (templateAST.type === "multi-node" /* MultiNode */ ) {