@memberjunction/ng-core-entity-forms 6.2.0-edge.2 → 6.2.0-edge.3

package/dist/lib/custom/HierarchyPanels/hierarchy-form-panels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hierarchy-form-panels.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hierarchy-form-panels.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts"],"names":[],"mappings":"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"}

package/dist/lib/custom/HierarchyPanels/hierarchy-form-panels.js

@@ -209,12 +209,12 @@ let AIAgentCategoryHierarchyPanel = class AIAgentCategoryHierarchyPanel extends
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIAgentCategoryHierarchyPanel_BaseFactory; return function AIAgentCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵAIAgentCategoryHierarchyPanel_BaseFactory || (ɵAIAgentCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIAgentCategoryHierarchyPanel)))(__ngFactoryType__ || AIAgentCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentCategoryHierarchyPanel, selectors: [["mj-ai-agent-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "agentCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIAgentCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentCategoryHierarchyPanel, selectors: [["mj-ai-agent-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "agentCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIAgentCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, AIAgentCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -237,6 +237,7 @@ export { AIAgentCategoryHierarchyPanel };
         args: [{ selector: 'mj-ai-agent-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="agentCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -254,7 +255,7 @@ export { AIAgentCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryHierarchyPanel, { className: "AIAgentCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 107 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryHierarchyPanel, { className: "AIAgentCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 108 }); })();
 // ============================================================================
 // 2. AI Prompt Categories
 // ============================================================================
@@ -275,12 +276,12 @@ let AIPromptCategoryHierarchyPanel = class AIPromptCategoryHierarchyPanel extend
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptCategoryHierarchyPanel_BaseFactory; return function AIPromptCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵAIPromptCategoryHierarchyPanel_BaseFactory || (ɵAIPromptCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptCategoryHierarchyPanel)))(__ngFactoryType__ || AIPromptCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptCategoryHierarchyPanel, selectors: [["mj-ai-prompt-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "promptCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIPromptCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptCategoryHierarchyPanel, selectors: [["mj-ai-prompt-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "promptCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIPromptCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, AIPromptCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -303,6 +304,7 @@ export { AIPromptCategoryHierarchyPanel };
         args: [{ selector: 'mj-ai-prompt-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="promptCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -320,7 +322,7 @@ export { AIPromptCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptCategoryHierarchyPanel, { className: "AIPromptCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 164 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptCategoryHierarchyPanel, { className: "AIPromptCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 166 }); })();
 // ============================================================================
 // 3. Action Categories
 // ============================================================================
@@ -341,12 +343,12 @@ let ActionCategoryHierarchyPanel = class ActionCategoryHierarchyPanel extends Ba
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵActionCategoryHierarchyPanel_BaseFactory; return function ActionCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵActionCategoryHierarchyPanel_BaseFactory || (ɵActionCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ActionCategoryHierarchyPanel)))(__ngFactoryType__ || ActionCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionCategoryHierarchyPanel, selectors: [["mj-action-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "actionCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ActionCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionCategoryHierarchyPanel, selectors: [["mj-action-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "actionCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ActionCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, ActionCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -369,6 +371,7 @@ export { ActionCategoryHierarchyPanel };
         args: [{ selector: 'mj-action-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="actionCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -386,7 +389,7 @@ export { ActionCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionCategoryHierarchyPanel, { className: "ActionCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 221 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionCategoryHierarchyPanel, { className: "ActionCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 224 }); })();
 // ============================================================================
 // 4. Dashboard Categories
 // ============================================================================
@@ -407,12 +410,12 @@ let DashboardCategoryHierarchyPanel = class DashboardCategoryHierarchyPanel exte
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDashboardCategoryHierarchyPanel_BaseFactory; return function DashboardCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵDashboardCategoryHierarchyPanel_BaseFactory || (ɵDashboardCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardCategoryHierarchyPanel)))(__ngFactoryType__ || DashboardCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardCategoryHierarchyPanel, selectors: [["mj-dashboard-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "dashboardCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function DashboardCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardCategoryHierarchyPanel, selectors: [["mj-dashboard-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "dashboardCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function DashboardCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, DashboardCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -435,6 +438,7 @@ export { DashboardCategoryHierarchyPanel };
         args: [{ selector: 'mj-dashboard-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="dashboardCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -452,7 +456,7 @@ export { DashboardCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardCategoryHierarchyPanel, { className: "DashboardCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 278 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardCategoryHierarchyPanel, { className: "DashboardCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 282 }); })();
 // ============================================================================
 // 5. Query Categories
 // ============================================================================
@@ -473,12 +477,12 @@ let QueryCategoryHierarchyPanel = class QueryCategoryHierarchyPanel extends Base
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵQueryCategoryHierarchyPanel_BaseFactory; return function QueryCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵQueryCategoryHierarchyPanel_BaseFactory || (ɵQueryCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(QueryCategoryHierarchyPanel)))(__ngFactoryType__ || QueryCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryHierarchyPanel, selectors: [["mj-query-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "queryCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function QueryCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryHierarchyPanel, selectors: [["mj-query-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "queryCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function QueryCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, QueryCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -501,6 +505,7 @@ export { QueryCategoryHierarchyPanel };
         args: [{ selector: 'mj-query-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="queryCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -518,7 +523,7 @@ export { QueryCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCategoryHierarchyPanel, { className: "QueryCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 335 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCategoryHierarchyPanel, { className: "QueryCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 340 }); })();
 // ============================================================================
 // 6. Tags
 // ============================================================================
@@ -539,12 +544,12 @@ let TagHierarchyPanel = class TagHierarchyPanel extends BaseHierarchyFormPanel {
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTagHierarchyPanel_BaseFactory; return function TagHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTagHierarchyPanel_BaseFactory || (ɵTagHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TagHierarchyPanel)))(__ngFactoryType__ || TagHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagHierarchyPanel, selectors: [["mj-tag-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "tagHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TagHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagHierarchyPanel, selectors: [["mj-tag-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "tagHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TagHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, TagHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -567,6 +572,7 @@ export { TagHierarchyPanel };
         args: [{ selector: 'mj-tag-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="tagHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -584,7 +590,7 @@ export { TagHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagHierarchyPanel, { className: "TagHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 392 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagHierarchyPanel, { className: "TagHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 398 }); })();
 // ============================================================================
 // 7. Projects (WBS / Subprojects)
 // ============================================================================
@@ -605,12 +611,12 @@ let ProjectHierarchyPanel = class ProjectHierarchyPanel extends BaseHierarchyFor
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵProjectHierarchyPanel_BaseFactory; return function ProjectHierarchyPanel_Factory(__ngFactoryType__) { return (ɵProjectHierarchyPanel_BaseFactory || (ɵProjectHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ProjectHierarchyPanel)))(__ngFactoryType__ || ProjectHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectHierarchyPanel, selectors: [["mj-project-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "projectHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ProjectHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectHierarchyPanel, selectors: [["mj-project-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "projectHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ProjectHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, ProjectHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -633,6 +639,7 @@ export { ProjectHierarchyPanel };
         args: [{ selector: 'mj-project-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="projectHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -650,7 +657,7 @@ export { ProjectHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProjectHierarchyPanel, { className: "ProjectHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 449 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProjectHierarchyPanel, { className: "ProjectHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 456 }); })();
 // ============================================================================
 // 8. Content Items
 // ============================================================================
@@ -671,12 +678,12 @@ let ContentItemHierarchyPanel = class ContentItemHierarchyPanel extends BaseHier
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵContentItemHierarchyPanel_BaseFactory; return function ContentItemHierarchyPanel_Factory(__ngFactoryType__) { return (ɵContentItemHierarchyPanel_BaseFactory || (ɵContentItemHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ContentItemHierarchyPanel)))(__ngFactoryType__ || ContentItemHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentItemHierarchyPanel, selectors: [["mj-content-item-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "contentItemHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ContentItemHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentItemHierarchyPanel, selectors: [["mj-content-item-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "contentItemHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ContentItemHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, ContentItemHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -699,6 +706,7 @@ export { ContentItemHierarchyPanel };
         args: [{ selector: 'mj-content-item-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="contentItemHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -716,7 +724,7 @@ export { ContentItemHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentItemHierarchyPanel, { className: "ContentItemHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 506 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentItemHierarchyPanel, { className: "ContentItemHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 514 }); })();
 // ============================================================================
 // 9. File Categories
 // ============================================================================
@@ -737,12 +745,12 @@ let FileCategoryHierarchyPanel = class FileCategoryHierarchyPanel extends BaseHi
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFileCategoryHierarchyPanel_BaseFactory; return function FileCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵFileCategoryHierarchyPanel_BaseFactory || (ɵFileCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(FileCategoryHierarchyPanel)))(__ngFactoryType__ || FileCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileCategoryHierarchyPanel, selectors: [["mj-file-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "fileCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function FileCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileCategoryHierarchyPanel, selectors: [["mj-file-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "fileCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function FileCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, FileCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -765,6 +773,7 @@ export { FileCategoryHierarchyPanel };
         args: [{ selector: 'mj-file-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="fileCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -782,7 +791,7 @@ export { FileCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileCategoryHierarchyPanel, { className: "FileCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 563 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileCategoryHierarchyPanel, { className: "FileCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 572 }); })();
 // ============================================================================
 // 10. List Categories
 // ============================================================================
@@ -803,12 +812,12 @@ let ListCategoryHierarchyPanel = class ListCategoryHierarchyPanel extends BaseHi
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListCategoryHierarchyPanel_BaseFactory; return function ListCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵListCategoryHierarchyPanel_BaseFactory || (ɵListCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ListCategoryHierarchyPanel)))(__ngFactoryType__ || ListCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryHierarchyPanel, selectors: [["mj-list-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "listCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ListCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryHierarchyPanel, selectors: [["mj-list-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "listCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ListCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, ListCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -831,6 +840,7 @@ export { ListCategoryHierarchyPanel };
         args: [{ selector: 'mj-list-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="listCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -848,7 +858,7 @@ export { ListCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryHierarchyPanel, { className: "ListCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 620 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryHierarchyPanel, { className: "ListCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 630 }); })();
 // ============================================================================
 // 11. Record Process Categories
 // ============================================================================
@@ -869,12 +879,12 @@ let RecordProcessCategoryHierarchyPanel = class RecordProcessCategoryHierarchyPa
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRecordProcessCategoryHierarchyPanel_BaseFactory; return function RecordProcessCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵRecordProcessCategoryHierarchyPanel_BaseFactory || (ɵRecordProcessCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(RecordProcessCategoryHierarchyPanel)))(__ngFactoryType__ || RecordProcessCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordProcessCategoryHierarchyPanel, selectors: [["mj-record-process-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "recordProcessCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function RecordProcessCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordProcessCategoryHierarchyPanel, selectors: [["mj-record-process-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "recordProcessCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function RecordProcessCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, RecordProcessCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -897,6 +907,7 @@ export { RecordProcessCategoryHierarchyPanel };
         args: [{ selector: 'mj-record-process-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="recordProcessCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -914,7 +925,7 @@ export { RecordProcessCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordProcessCategoryHierarchyPanel, { className: "RecordProcessCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 677 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordProcessCategoryHierarchyPanel, { className: "RecordProcessCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 688 }); })();
 // ============================================================================
 // 12. Skills
 // ============================================================================
@@ -935,12 +946,12 @@ let SkillHierarchyPanel = class SkillHierarchyPanel extends BaseHierarchyFormPan
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSkillHierarchyPanel_BaseFactory; return function SkillHierarchyPanel_Factory(__ngFactoryType__) { return (ɵSkillHierarchyPanel_BaseFactory || (ɵSkillHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(SkillHierarchyPanel)))(__ngFactoryType__ || SkillHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillHierarchyPanel, selectors: [["mj-skill-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "skillHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function SkillHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillHierarchyPanel, selectors: [["mj-skill-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "skillHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function SkillHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, SkillHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -963,6 +974,7 @@ export { SkillHierarchyPanel };
         args: [{ selector: 'mj-skill-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="skillHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -980,7 +992,7 @@ export { SkillHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillHierarchyPanel, { className: "SkillHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 734 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillHierarchyPanel, { className: "SkillHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 746 }); })();
 // ============================================================================
 // 13. Template Categories
 // ============================================================================
@@ -1001,12 +1013,12 @@ let TemplateCategoryHierarchyPanel = class TemplateCategoryHierarchyPanel extend
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTemplateCategoryHierarchyPanel_BaseFactory; return function TemplateCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTemplateCategoryHierarchyPanel_BaseFactory || (ɵTemplateCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TemplateCategoryHierarchyPanel)))(__ngFactoryType__ || TemplateCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateCategoryHierarchyPanel, selectors: [["mj-template-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "templateCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TemplateCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateCategoryHierarchyPanel, selectors: [["mj-template-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "templateCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TemplateCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, TemplateCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -1029,6 +1041,7 @@ export { TemplateCategoryHierarchyPanel };
         args: [{ selector: 'mj-template-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="templateCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -1046,7 +1059,7 @@ export { TemplateCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TemplateCategoryHierarchyPanel, { className: "TemplateCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 791 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TemplateCategoryHierarchyPanel, { className: "TemplateCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 804 }); })();
 // ============================================================================
 // 14. Test Suites
 // ============================================================================
@@ -1067,12 +1080,12 @@ let TestSuiteHierarchyPanel = class TestSuiteHierarchyPanel extends BaseHierarch
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTestSuiteHierarchyPanel_BaseFactory; return function TestSuiteHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTestSuiteHierarchyPanel_BaseFactory || (ɵTestSuiteHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TestSuiteHierarchyPanel)))(__ngFactoryType__ || TestSuiteHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteHierarchyPanel, selectors: [["mj-test-suite-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "testSuiteHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TestSuiteHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteHierarchyPanel, selectors: [["mj-test-suite-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "testSuiteHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TestSuiteHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, TestSuiteHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -1095,6 +1108,7 @@ export { TestSuiteHierarchyPanel };
         args: [{ selector: 'mj-test-suite-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="testSuiteHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -1112,7 +1126,7 @@ export { TestSuiteHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteHierarchyPanel, { className: "TestSuiteHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 848 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteHierarchyPanel, { className: "TestSuiteHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 862 }); })();
 // ============================================================================
 // 15. User View Categories
 // ============================================================================
@@ -1133,12 +1147,12 @@ let UserViewCategoryHierarchyPanel = class UserViewCategoryHierarchyPanel extend
         };
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUserViewCategoryHierarchyPanel_BaseFactory; return function UserViewCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵUserViewCategoryHierarchyPanel_BaseFactory || (ɵUserViewCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewCategoryHierarchyPanel)))(__ngFactoryType__ || UserViewCategoryHierarchyPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewCategoryHierarchyPanel, selectors: [["mj-user-view-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "userViewCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function UserViewCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewCategoryHierarchyPanel, selectors: [["mj-user-view-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "userViewCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Order", "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function UserViewCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, UserViewCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵproperty("Order", ctx.DisplayOrder)("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
         } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
@@ -1161,6 +1175,7 @@ export { UserViewCategoryHierarchyPanel };
         args: [{ selector: 'mj-user-view-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
         <mj-collapsible-panel
             SectionKey="userViewCategoryHierarchy"
+            [Order]="DisplayOrder"
             SectionName="Hierarchy"
             Icon="fa-solid fa-sitemap"
             Variant="related-entity"
@@ -1178,7 +1193,7 @@ export { UserViewCategoryHierarchyPanel };
         </mj-collapsible-panel>
     `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewCategoryHierarchyPanel, { className: "UserViewCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 905 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewCategoryHierarchyPanel, { className: "UserViewCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 920 }); })();
 /**
  * Array of all hierarchy form panel components for registration and module imports.
  */