@mj-biz-apps/orders-ng 0.0.1 → 5.2.0

package/dist/lib/form-panels/person-header.panel.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { LoadPartyOrderFigures } from './party-order-stats.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@mj-biz-apps/common-ng";
+import * as i2 from "../panels/summary-strip.component.js";
+function OrdersPersonHeaderPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mjo-summary-strip", 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Figures", ctx_r0.Figures);
+} }
+/**
+ * Last-wins People header: Common identity + cheap order stats.
+ */
+let OrdersPersonHeaderPanel = class OrdersPersonHeaderPanel extends BaseFormPanel {
+    Figures = [];
+    async ngOnInit() {
+        if (!this.Record?.IsSaved) {
+            return;
+        }
+        this.Figures = await LoadPartyOrderFigures('person', this.Record.ID, this.FormComponent.ProviderToUse, this.FormComponent.RunQueryToUse);
+        this.FormComponent.cdr.detectChanges();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵOrdersPersonHeaderPanel_BaseFactory; return function OrdersPersonHeaderPanel_Factory(__ngFactoryType__) { return (ɵOrdersPersonHeaderPanel_BaseFactory || (ɵOrdersPersonHeaderPanel_BaseFactory = i0.ɵɵgetInheritedFactory(OrdersPersonHeaderPanel)))(__ngFactoryType__ || OrdersPersonHeaderPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrdersPersonHeaderPanel, selectors: [["mjo-person-header-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [[3, "Navigate", "Record", "EditMode", "FormContext"], ["Note", "Lifetime for this person as bill-to / beneficiary.", 3, "Figures"]], template: function OrdersPersonHeaderPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "bizapps-person-identity", 0);
+            i0.ɵɵlistener("Navigate", function OrdersPersonHeaderPanel_Template_bizapps_person_identity_Navigate_0_listener($event) { return ctx.FormComponent.OnFormNavigate($event); });
+            i0.ɵɵconditionalCreate(1, OrdersPersonHeaderPanel_Conditional_1_Template, 1, 1, "mjo-summary-strip", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Record", ctx.Record)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Figures.length > 0 ? 1 : -1);
+        } }, dependencies: [i1.PersonIdentityComponent, i2.MJOSummaryStripComponent], encapsulation: 2 });
+};
+OrdersPersonHeaderPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:People:header',
+        priority: 10,
+        metadata: {
+            entity: 'MJ_BizApps_Common: People',
+            slot: 'before-fields',
+            sortKey: 100,
+            contributionKey: 'header',
+            replacesSectionKey: 'personalIdentity',
+        },
+    })
+], OrdersPersonHeaderPanel);
+export { OrdersPersonHeaderPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrdersPersonHeaderPanel, [{
+        type: Component,
+        args: [{
+                standalone: false,
+                selector: 'mjo-person-header-panel',
+                template: `
+        <bizapps-person-identity
+            [Record]="Record"
+            [EditMode]="EditMode"
+            [FormContext]="FormContext"
+            (Navigate)="FormComponent.OnFormNavigate($event)">
+            @if (Figures.length > 0) {
+                <mjo-summary-strip [Figures]="Figures" Note="Lifetime for this person as bill-to / beneficiary."></mjo-summary-strip>
+            }
+        </bizapps-person-identity>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrdersPersonHeaderPanel, { className: "OrdersPersonHeaderPanel", filePath: "lib/form-panels/person-header.panel.ts", lineNumber: 37 }); })();
+//# sourceMappingURL=person-header.panel.js.map

package/dist/lib/form-panels/person-header.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-header.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/person-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;;;;;IA0B5C,uCAAqH;;;IAAlG,wCAAmB;;AAxBtD;;GAEG;AA2BI,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,aAA0C;IAC5E,OAAO,GAAuB,EAAE,CAAC;IAEjC,KAAK,CAAC,QAAQ;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;YACxB,OAAO;QACX,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,MAAM,qBAAqB,CACtC,QAAQ,EACR,IAAI,CAAC,MAAM,CAAC,EAAE,EACd,IAAI,CAAC,aAAa,CAAC,aAAa,EAChC,IAAI,CAAC,aAAa,CAAC,aAAa,CACnC,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;yQAdQ,uBAAuB,yBAAvB,uBAAuB;6DAAvB,uBAAuB;YAX5B,kDAIsD;YAAlD,iIAAY,wCAAoC,IAAC;YACjD,uGAA0B;YAG9B,iBAA0B;;YALtB,AADA,AADA,mCAAiB,0BACI,gCACM;YAE3B,cAEC;YAFD,iDAEC;;;AAIA,uBAAuB;IA1BnC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,0BAA0B;QAC/B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE;YACN,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,GAAG;YACZ,eAAe,EAAE,QAAQ;YACzB,kBAAkB,EAAE,kBAAkB;SACzC;KACJ,CAAC;GAgBW,uBAAuB,CAenC;;iFAfY,uBAAuB;cAfnC,SAAS;eAAC;gBACP,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;KAUT;aACJ;;kFACY,uBAAuB"}

package/dist/lib/form-panels/person-orders-overview.panel.d.ts

@@ -0,0 +1,13 @@
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import type { mjBizAppsCommonPersonEntity } from '@mj-biz-apps/common-entities';
+import * as i0 from "@angular/core";
+/**
+ * Overview section contribution for Person forms.
+ * Registers under shared contributionKey 'overview' with priority 20 (Orders wins/composes),
+ * wrapped in <mj-collapsible-panel SectionKey="overview"> for standard left-nav rail integration.
+ */
+export declare class PersonOrdersOverviewPanel extends BaseFormPanel<mjBizAppsCommonPersonEntity> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PersonOrdersOverviewPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PersonOrdersOverviewPanel, "mjo-person-orders-overview-panel", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=person-orders-overview.panel.d.ts.map

package/dist/lib/form-panels/person-orders-overview.panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-orders-overview.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/person-orders-overview.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAEhF;;;;GAIG;AACH,qBAkCa,yBAA0B,SAAQ,aAAa,CAAC,2BAA2B,CAAC;yCAA5E,yBAAyB;2CAAzB,yBAAyB;CAAsD"}

package/dist/lib/form-panels/person-orders-overview.panel.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../panels/party-orders-overview.component.js";
+import * as i2 from "@memberjunction/ng-base-forms";
+function PersonOrdersOverviewPanel_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+    i0.ɵɵelement(1, "mjo-party-orders-overview", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Form", ctx_r0.FormComponent)("FormContext", ctx_r0.FormContext)("DefaultExpanded", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("PartyID", ctx_r0.Record.ID)("FormComponent", ctx_r0.FormComponent)("Provider", ctx_r0.FormComponent.ProviderToUse)("RunQueryProvider", ctx_r0.FormComponent.RunQueryToUse);
+} }
+/**
+ * Overview section contribution for Person forms.
+ * Registers under shared contributionKey 'overview' with priority 20 (Orders wins/composes),
+ * wrapped in <mj-collapsible-panel SectionKey="overview"> for standard left-nav rail integration.
+ */
+let PersonOrdersOverviewPanel = class PersonOrdersOverviewPanel extends BaseFormPanel {
+    static ɵfac = /*@__PURE__*/ (() => { let ɵPersonOrdersOverviewPanel_BaseFactory; return function PersonOrdersOverviewPanel_Factory(__ngFactoryType__) { return (ɵPersonOrdersOverviewPanel_BaseFactory || (ɵPersonOrdersOverviewPanel_BaseFactory = i0.ɵɵgetInheritedFactory(PersonOrdersOverviewPanel)))(__ngFactoryType__ || PersonOrdersOverviewPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PersonOrdersOverviewPanel, selectors: [["mjo-person-orders-overview-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["SectionKey", "overview", "SectionName", "Overview", "Icon", "fa-solid fa-chart-pie", 3, "Form", "FormContext", "DefaultExpanded"], ["Mode", "person", 3, "PartyID", "FormComponent", "Provider", "RunQueryProvider"]], template: function PersonOrdersOverviewPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PersonOrdersOverviewPanel_Conditional_0_Template, 2, 7, "mj-collapsible-panel", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Record && ctx.Record.IsSaved ? 0 : -1);
+        } }, dependencies: [i1.PartyOrdersOverviewComponent, i2.MjCollapsiblePanelComponent], encapsulation: 2 });
+};
+PersonOrdersOverviewPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:People:overview',
+        priority: 20,
+        metadata: {
+            entity: 'MJ_BizApps_Common: People',
+            slot: 'before-fields',
+            sortKey: 90,
+            contributionKey: 'overview',
+            inclusion: 'Primary',
+        },
+    })
+], PersonOrdersOverviewPanel);
+export { PersonOrdersOverviewPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PersonOrdersOverviewPanel, [{
+        type: Component,
+        args: [{
+                standalone: false,
+                selector: 'mjo-person-orders-overview-panel',
+                template: `
+        @if (Record && Record.IsSaved) {
+            <mj-collapsible-panel
+                SectionKey="overview"
+                SectionName="Overview"
+                Icon="fa-solid fa-chart-pie"
+                [Form]="FormComponent"
+                [FormContext]="FormContext"
+                [DefaultExpanded]="true">
+                <mjo-party-orders-overview
+                    Mode="person"
+                    [PartyID]="Record.ID"
+                    [FormComponent]="FormComponent"
+                    [Provider]="FormComponent.ProviderToUse"
+                    [RunQueryProvider]="FormComponent.RunQueryToUse">
+                </mjo-party-orders-overview>
+            </mj-collapsible-panel>
+        }
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PersonOrdersOverviewPanel, { className: "PersonOrdersOverviewPanel", filePath: "lib/form-panels/person-orders-overview.panel.ts", lineNumber: 45 }); })();
+//# sourceMappingURL=person-orders-overview.panel.js.map

package/dist/lib/form-panels/person-orders-overview.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-orders-overview.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/person-orders-overview.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;;;;IAwBlD,+CAM6B;IACzB,+CAM4B;IAChC,iBAAuB;;;IARnB,AADA,AADA,2CAAsB,mCACK,yBACH;IAGpB,cAAqB;IAGrB,AADA,AADA,AADA,0CAAqB,uCACU,gDACS,wDACQ;;AAjCpE;;;;GAIG;AAmCI,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,aAA0C;iRAA5E,yBAAyB,yBAAzB,yBAAyB;6DAAzB,yBAAyB;YAnB9B,4GAAgC;;YAAhC,2DAgBC;;;AAGI,yBAAyB;IAlCrC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,4BAA4B;QACjC,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE;YACN,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,EAAE;YACX,eAAe,EAAE,UAAU;YAC3B,SAAS,EAAE,SAAS;SACvB;KACJ,CAAC;GAwBW,yBAAyB,CAAsD;;iFAA/E,yBAAyB;cAvBrC,SAAS;eAAC;gBACP,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,kCAAkC;gBAC5C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;KAkBT;aACJ;;kFACY,yBAAyB"}

package/dist/lib/form-panels/person-orders.panel.d.ts

@@ -0,0 +1,17 @@
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import type { AfterDataLoadEventArgs } from '@memberjunction/ng-entity-viewer';
+import type { mjBizAppsCommonPersonEntity } from '@mj-biz-apps/common-entities';
+import * as i0 from "@angular/core";
+/**
+ * One Orders grid on a Person: Bill-To OR Ship-To. Claims every Order Headers
+ * FK so the baked Bill-To / Ship-To grids do not also mount.
+ */
+export declare class OrdersPersonOrdersPanel extends BaseFormPanel<mjBizAppsCommonPersonEntity> {
+    readonly OrderEntity: "MJ_BizApps_Orders: Order Headers";
+    readonly JoinFields: readonly ["BillToPersonID", "ShipToPersonID"];
+    readonly SectionKey = "orders";
+    OnDataLoad(event: AfterDataLoadEventArgs): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrdersPersonOrdersPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrdersPersonOrdersPanel, "mjo-person-orders-panel", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=person-orders.panel.d.ts.map

package/dist/lib/form-panels/person-orders.panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-orders.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/person-orders.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAMhF;;;GAGG;AACH,qBAoCa,uBAAwB,SAAQ,aAAa,CAAC,2BAA2B,CAAC;IACnF,SAAgB,WAAW,qCAA4B;IACvD,SAAgB,UAAU,gDAAe;IACzC,SAAgB,UAAU,YAAe;IAElC,UAAU,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI;yCAL7C,uBAAuB;2CAAvB,uBAAuB;CAQnC"}

package/dist/lib/form-panels/person-orders.panel.js

@@ -0,0 +1,89 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { MJO_ENTITIES } from '../data/entity-names.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-forms";
+function OrdersPersonOrdersPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 2);
+    i0.ɵɵlistener("Navigate", function OrdersPersonOrdersPanel_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); })("AfterDataLoad", function OrdersPersonOrdersPanel_Conditional_1_Template_mj_explorer_entity_data_grid_AfterDataLoad_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDataLoad($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Params", ctx_r1.FormComponent.BuildRelationshipViewParamsForJoinFields(ctx_r1.OrderEntity, ctx_r1.JoinFields))("NewRecordValues", ctx_r1.FormComponent.NewRecordValuesForJoinFields(ctx_r1.OrderEntity, ctx_r1.JoinFields))("AllowLoad", ctx_r1.FormComponent.IsSectionExpanded(ctx_r1.SectionKey))("ShowToolbar", true);
+} }
+const JOIN_FIELDS = ['BillToPersonID', 'ShipToPersonID'];
+const SECTION_KEY = 'orders';
+/**
+ * One Orders grid on a Person: Bill-To OR Ship-To. Claims every Order Headers
+ * FK so the baked Bill-To / Ship-To grids do not also mount.
+ */
+let OrdersPersonOrdersPanel = class OrdersPersonOrdersPanel extends BaseFormPanel {
+    OrderEntity = MJO_ENTITIES.OrderHeader;
+    JoinFields = JOIN_FIELDS;
+    SectionKey = SECTION_KEY;
+    OnDataLoad(event) {
+        this.FormComponent.SetSectionRowCount(SECTION_KEY, event.totalRowCount);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵOrdersPersonOrdersPanel_BaseFactory; return function OrdersPersonOrdersPanel_Factory(__ngFactoryType__) { return (ɵOrdersPersonOrdersPanel_BaseFactory || (ɵOrdersPersonOrdersPanel_BaseFactory = i0.ɵɵgetInheritedFactory(OrdersPersonOrdersPanel)))(__ngFactoryType__ || OrdersPersonOrdersPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrdersPersonOrdersPanel, selectors: [["mjo-person-orders-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "orders", "SectionName", "Orders", "Icon", "fa-solid fa-cart-shopping", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [3, "Navigate", "AfterDataLoad", "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"]], template: function OrdersPersonOrdersPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, OrdersPersonOrdersPanel_Conditional_1_Template, 1, 4, "mj-explorer-entity-data-grid", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", false);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [i1.MjCollapsiblePanelComponent, i1.ExplorerEntityDataGridComponent], encapsulation: 2 });
+};
+OrdersPersonOrdersPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:People:related:OrderHeaders',
+        priority: 10,
+        metadata: {
+            entity: 'MJ_BizApps_Common: People',
+            slot: 'after-related',
+            sortKey: 70,
+            relatedEntity: MJO_ENTITIES.OrderHeader,
+            contributionKey: SECTION_KEY,
+        },
+    })
+], OrdersPersonOrdersPanel);
+export { OrdersPersonOrdersPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrdersPersonOrdersPanel, [{
+        type: Component,
+        args: [{
+                standalone: false,
+                selector: 'mjo-person-orders-panel',
+                template: `
+        <mj-collapsible-panel
+            SectionKey="orders"
+            SectionName="Orders"
+            Icon="fa-solid fa-cart-shopping"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="false">
+            @if (Record.IsSaved) {
+                <mj-explorer-entity-data-grid
+                    [Params]="FormComponent.BuildRelationshipViewParamsForJoinFields(OrderEntity, JoinFields)"
+                    [NewRecordValues]="FormComponent.NewRecordValuesForJoinFields(OrderEntity, JoinFields)"
+                    [AllowLoad]="FormComponent.IsSectionExpanded(SectionKey)"
+                    [ShowToolbar]="true"
+                    (Navigate)="FormComponent.OnFormNavigate($event)"
+                    (AfterDataLoad)="OnDataLoad($event)">
+                </mj-explorer-entity-data-grid>
+            }
+        </mj-collapsible-panel>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrdersPersonOrdersPanel, { className: "OrdersPersonOrdersPanel", filePath: "lib/form-panels/person-orders.panel.ts", lineNumber: 51 }); })();
+//# sourceMappingURL=person-orders.panel.js.map

package/dist/lib/form-panels/person-orders.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-orders.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/person-orders.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;;;;IAiCpC,uDAMyC;IAArC,AADA,6NAAY,2CAAoC,KAAC,0NAChC,yBAAkB,KAAC;IACxC,iBAA+B;;;IAH3B,AADA,AADA,AADA,6HAA0F,6GACH,wEAC9B,qBACrC;;AAnCxC,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,gBAAgB,CAAU,CAAC;AAClE,MAAM,WAAW,GAAG,QAAQ,CAAC;AAE7B;;;GAGG;AAqCI,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,aAA0C;IACnE,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC;IACvC,UAAU,GAAG,WAAW,CAAC;IACzB,UAAU,GAAG,WAAW,CAAC;IAElC,UAAU,CAAC,KAA6B;QAC3C,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5E,CAAC;yQAPQ,uBAAuB,yBAAvB,uBAAuB;6DAAvB,uBAAuB;YArB5B,+CAO8B;YAC1B,kHAAsB;YAU1B,iBAAuB;;YAXnB,AADA,AADA,wCAAsB,gCACK,0BACF;YACzB,cASC;YATD,6CASC;;;AAIA,uBAAuB;IApCnC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,wCAAwC;QAC7C,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE;YACN,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,YAAY,CAAC,WAAW;YACvC,eAAe,EAAE,WAAW;SAC/B;KACJ,CAAC;GA0BW,uBAAuB,CAQnC;;iFARY,uBAAuB;cAzBnC,SAAS;eAAC;gBACP,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;KAoBT;aACJ;;kFACY,uBAAuB"}

package/dist/lib/form-panels/price-list-header.panel.d.ts

@@ -0,0 +1,11 @@
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import type { mjBizAppsOrdersPriceListEntity } from '@mj-biz-apps/orders-entities';
+import * as i0 from "@angular/core";
+export declare class PriceListHeaderPanel extends BaseFormPanel<mjBizAppsOrdersPriceListEntity> {
+    get Title(): string;
+    get StatusClass(): string;
+    get Validity(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PriceListHeaderPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PriceListHeaderPanel, "mjo-price-list-header-panel", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=price-list-header.panel.d.ts.map

package/dist/lib/form-panels/price-list-header.panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-list-header.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/price-list-header.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;;AAGnF,qBAea,oBAAqB,SAAQ,aAAa,CAAC,8BAA8B,CAAC;IACnF,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,WAAW,IAAI,MAAM,CAI/B;IAED,IAAW,QAAQ,IAAI,MAAM,CAK5B;yCAhBQ,oBAAoB;2CAApB,oBAAoB;CAiBhC"}

package/dist/lib/form-panels/price-list-header.panel.js

@@ -0,0 +1,76 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { FormatCoverageWindow } from './document-form.helpers.js';
+import * as i0 from "@angular/core";
+let PriceListHeaderPanel = class PriceListHeaderPanel extends BaseFormPanel {
+    get Title() {
+        return this.Record.Name || 'New price list';
+    }
+    get StatusClass() {
+        return this.Record.Status === 'Active'
+            ? 'mjo-doc-chip mjo-doc-chip--ok'
+            : 'mjo-doc-chip mjo-doc-chip--muted';
+    }
+    get Validity() {
+        if (!this.Record.EffectiveFrom && !this.Record.EffectiveTo) {
+            return 'Ongoing';
+        }
+        return FormatCoverageWindow(this.Record.EffectiveFrom, this.Record.EffectiveTo);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵPriceListHeaderPanel_BaseFactory; return function PriceListHeaderPanel_Factory(__ngFactoryType__) { return (ɵPriceListHeaderPanel_BaseFactory || (ɵPriceListHeaderPanel_BaseFactory = i0.ɵɵgetInheritedFactory(PriceListHeaderPanel)))(__ngFactoryType__ || PriceListHeaderPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriceListHeaderPanel, selectors: [["mjo-price-list-header-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 6, consts: [[1, "mjo-doc-hero"], [1, "mjo-doc-hero__identity"], [1, "mjo-doc-hero__avatar"], ["aria-hidden", "true", 1, "fa-solid", "fa-tags"], [1, "mjo-doc-hero__copy"], [1, "mjo-doc-hero__title-row"], [1, "mjo-doc-hero__title"], [1, "mjo-doc-chip"], [1, "mjo-doc-hero__meta"]], template: function PriceListHeaderPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "h1", 6);
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "span", 7);
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "span");
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 8)(13, "span");
+            i0.ɵɵtext(14, "Validity: ");
+            i0.ɵɵelementStart(15, "strong");
+            i0.ɵɵtext(16);
+            i0.ɵɵelementEnd()()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.Title);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.Record.Code || "CODE TBD");
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.StatusClass);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.Record.Status || "Active");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Validity);
+        } }, styles: [".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}"] });
+};
+PriceListHeaderPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:PriceLists:header',
+        metadata: {
+            entity: 'MJ_BizApps_Orders: Price Lists',
+            slot: 'before-fields',
+            sortKey: 100,
+            contributionKey: 'header',
+        },
+    })
+], PriceListHeaderPanel);
+export { PriceListHeaderPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PriceListHeaderPanel, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mjo-price-list-header-panel', template: "<div class=\"mjo-doc-hero\">\n    <div class=\"mjo-doc-hero__identity\">\n        <div class=\"mjo-doc-hero__avatar\">\n            <i class=\"fa-solid fa-tags\" aria-hidden=\"true\"></i>\n        </div>\n        <div class=\"mjo-doc-hero__copy\">\n            <div class=\"mjo-doc-hero__title-row\">\n                <h1 class=\"mjo-doc-hero__title\">{{ Title }}</h1>\n                <span class=\"mjo-doc-chip\">{{ Record.Code || 'CODE TBD' }}</span>\n                <span [class]=\"StatusClass\">{{ Record.Status || 'Active' }}</span>\n            </div>\n            <div class=\"mjo-doc-hero__meta\">\n                <span>Validity: <strong>{{ Validity }}</strong></span>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceListHeaderPanel, { className: "PriceListHeaderPanel", filePath: "lib/form-panels/price-list-header.panel.ts", lineNumber: 22 }); })();
+//# sourceMappingURL=price-list-header.panel.js.map

package/dist/lib/form-panels/price-list-header.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-list-header.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/price-list-header.panel.ts","../../../src/lib/form-panels/price-list-header.panel.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAiBxD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,aAA6C;IACnF,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,gBAAgB,CAAC;IAChD,CAAC;IAED,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,QAAQ;YAClC,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,kCAAkC,CAAC;IAC7C,CAAC;IAED,IAAW,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACzD,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACpF,CAAC;6PAhBQ,oBAAoB,yBAApB,oBAAoB;6DAApB,oBAAoB;YCnBzB,AADJ,AADJ,8BAA0B,aACc,aACE;YAC9B,uBAAmD;YACvD,iBAAM;YAGE,AADJ,AADJ,8BAAgC,aACS,YACD;YAAA,YAAW;YAAA,iBAAK;YAChD,+BAA2B;YAAA,YAA+B;YAAA,iBAAO;YACjE,6BAA4B;YAAA,aAA+B;YAC/D,AAD+D,iBAAO,EAChE;YAEF,AADJ,+BAAgC,YACtB;YAAA,2BAAU;YAAA,+BAAQ;YAAA,aAAc;YAItD,AADI,AADI,AADI,AADmD,AAAT,iBAAS,EAAO,EACpD,EACJ,EACJ,EACJ;;YAT0C,eAAW;YAAX,+BAAW;YAChB,eAA+B;YAA/B,mDAA+B;YACpD,cAAqB;YAArB,8BAAqB;YAAC,cAA+B;YAA/B,mDAA+B;YAGnC,eAAc;YAAd,kCAAc;;;ADSzC,oBAAoB;IAfhC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE;YACN,MAAM,EAAE,gCAAgC;YACxC,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,GAAG;YACZ,eAAe,EAAE,QAAQ;SAC5B;KACJ,CAAC;GAOW,oBAAoB,CAiBhC;;iFAjBY,oBAAoB;cANhC,SAAS;6BACM,KAAK,YACP,6BAA6B;;kFAI9B,oBAAoB"}

package/dist/lib/form-panels/price-list-simulator.panel.d.ts

@@ -0,0 +1,19 @@
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import type { mjBizAppsOrdersPriceListEntity } from '@mj-biz-apps/orders-entities';
+import { type PriceListSimResult } from './document-form.helpers.js';
+import * as i0 from "@angular/core";
+export declare class PriceListSimulatorPanel extends BaseFormPanel<mjBizAppsOrdersPriceListEntity> {
+    readonly SectionKey = "simulator";
+    BasePrice: number;
+    Quantity: number;
+    Mode: 'volume' | 'tiered';
+    Result: PriceListSimResult;
+    OnBasePrice(event: Event): void;
+    OnQuantity(event: Event): void;
+    SetMode(mode: 'volume' | 'tiered'): void;
+    Money(value: number): string;
+    private recalc;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PriceListSimulatorPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PriceListSimulatorPanel, "mjo-price-list-simulator-panel", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=price-list-simulator.panel.d.ts.map

package/dist/lib/form-panels/price-list-simulator.panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-list-simulator.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/price-list-simulator.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAA2B,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAI3F,qBAea,uBAAwB,SAAQ,aAAa,CAAC,8BAA8B,CAAC;IACtF,SAAgB,UAAU,eAAe;IAClC,SAAS,SAAO;IAChB,QAAQ,SAAM;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAY;IACrC,MAAM,EAAE,kBAAkB,CAA8C;IAExE,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK/B,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK9B,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;IAKxC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAInC,OAAO,CAAC,MAAM;yCA1BL,uBAAuB;2CAAvB,uBAAuB;CA6BnC"}

package/dist/lib/form-panels/price-list-simulator.panel.js

@@ -0,0 +1,125 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { FormatMoney } from '../panels/money-format.js';
+import { RecalculatePriceListSim } from './document-form.helpers.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+const SECTION_KEY = 'simulator';
+let PriceListSimulatorPanel = class PriceListSimulatorPanel extends BaseFormPanel {
+    SectionKey = SECTION_KEY;
+    BasePrice = 100;
+    Quantity = 25;
+    Mode = 'volume';
+    Result = RecalculatePriceListSim(100, 25, 'volume');
+    OnBasePrice(event) {
+        this.BasePrice = parseFloat(event.target.value) || 0;
+        this.recalc();
+    }
+    OnQuantity(event) {
+        this.Quantity = parseInt(event.target.value, 10) || 1;
+        this.recalc();
+    }
+    SetMode(mode) {
+        this.Mode = mode;
+        this.recalc();
+    }
+    Money(value) {
+        return FormatMoney(value);
+    }
+    recalc() {
+        this.Result = RecalculatePriceListSim(this.BasePrice, this.Quantity, this.Mode);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵPriceListSimulatorPanel_BaseFactory; return function PriceListSimulatorPanel_Factory(__ngFactoryType__) { return (ɵPriceListSimulatorPanel_BaseFactory || (ɵPriceListSimulatorPanel_BaseFactory = i0.ɵɵgetInheritedFactory(PriceListSimulatorPanel)))(__ngFactoryType__ || PriceListSimulatorPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriceListSimulatorPanel, selectors: [["mjo-price-list-simulator-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 37, vars: 12, consts: [["SectionKey", "simulator", "SectionName", "Volume simulator", "Icon", "fa-solid fa-calculator", 3, "Form", "FormContext", "DefaultExpanded"], [1, "mjo-sim"], [1, "mjo-sim__row"], [1, "mjo-sim__field"], ["type", "number", 1, "mj-input", 3, "input", "value"], [1, "mjo-sim__field", "mjo-sim__field--grow"], ["type", "range", "min", "1", "max", "150", 3, "input", "value"], [1, "mjo-sim__modes"], ["type", "button", "mjButton", "", "size", "sm", 3, "click", "variant"], [1, "mjo-doc-hero__stats"], [1, "mjo-doc-stat"], [1, "mjo-doc-stat__label"], [1, "mjo-doc-stat__value"]], template: function PriceListSimulatorPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1)(2, "div", 2)(3, "label", 3)(4, "span");
+            i0.ɵɵtext(5, "Base price");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "input", 4);
+            i0.ɵɵlistener("input", function PriceListSimulatorPanel_Template_input_input_6_listener($event) { return ctx.OnBasePrice($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "label", 5)(8, "span");
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "input", 6);
+            i0.ɵɵlistener("input", function PriceListSimulatorPanel_Template_input_input_10_listener($event) { return ctx.OnQuantity($event); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(11, "div", 7)(12, "button", 8);
+            i0.ɵɵlistener("click", function PriceListSimulatorPanel_Template_button_click_12_listener() { return ctx.SetMode("volume"); });
+            i0.ɵɵtext(13, " Volume ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "button", 8);
+            i0.ɵɵlistener("click", function PriceListSimulatorPanel_Template_button_click_14_listener() { return ctx.SetMode("tiered"); });
+            i0.ɵɵtext(15, " Graduated ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(16, "div", 9)(17, "div", 10)(18, "span", 11);
+            i0.ɵɵtext(19, "Unit price");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "span", 12);
+            i0.ɵɵtext(21);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "div", 10)(23, "span", 11);
+            i0.ɵɵtext(24, "Total");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "span", 12);
+            i0.ɵɵtext(26);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(27, "div", 10)(28, "span", 11);
+            i0.ɵɵtext(29, "Discount");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(30, "span", 12);
+            i0.ɵɵtext(31);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(32, "div", 10)(33, "span", 11);
+            i0.ɵɵtext(34, "Savings");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(35, "span", 12);
+            i0.ɵɵtext(36);
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("value", ctx.BasePrice);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1("Quantity \u00B7 ", ctx.Quantity);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("value", ctx.Quantity);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("variant", ctx.Mode === "volume" ? "primary" : "flat");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("variant", ctx.Mode === "tiered" ? "primary" : "flat");
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.Money(ctx.Result.EffectiveUnitPrice));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Money(ctx.Result.TotalOrderAmount));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1("", ctx.Result.DiscountPercent.toFixed(1), "%");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Money(ctx.Result.SavingsAmount));
+        } }, dependencies: [i1.MjCollapsiblePanelComponent, i2.MJButtonDirective], styles: [".mjo-sim[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n}\n\n.mjo-sim__row[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-4);\n    align-items: flex-end;\n}\n\n.mjo-sim__field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-sim__field--grow[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 12rem;\n}\n\n.mjo-sim__field[_ngcontent-%COMP%]   input[type='range'][_ngcontent-%COMP%] {\n    accent-color: var(--mj-brand-primary);\n}\n\n.mjo-sim__modes[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--mj-space-2);\n}"] });
+};
+PriceListSimulatorPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:PriceLists:simulator',
+        metadata: {
+            entity: 'MJ_BizApps_Orders: Price Lists',
+            slot: 'after-fields',
+            sortKey: 90,
+            contributionKey: SECTION_KEY,
+        },
+    })
+], PriceListSimulatorPanel);
+export { PriceListSimulatorPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PriceListSimulatorPanel, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mjo-price-list-simulator-panel', template: "<mj-collapsible-panel\n    SectionKey=\"simulator\"\n    SectionName=\"Volume simulator\"\n    Icon=\"fa-solid fa-calculator\"\n    [Form]=\"FormComponent\"\n    [FormContext]=\"FormContext\"\n    [DefaultExpanded]=\"true\">\n    <div class=\"mjo-sim\">\n        <div class=\"mjo-sim__row\">\n            <label class=\"mjo-sim__field\">\n                <span>Base price</span>\n                <input class=\"mj-input\" type=\"number\" [value]=\"BasePrice\" (input)=\"OnBasePrice($event)\">\n            </label>\n            <label class=\"mjo-sim__field mjo-sim__field--grow\">\n                <span>Quantity \u00B7 {{ Quantity }}</span>\n                <input type=\"range\" min=\"1\" max=\"150\" [value]=\"Quantity\" (input)=\"OnQuantity($event)\">\n            </label>\n        </div>\n        <div class=\"mjo-sim__modes\">\n            <button type=\"button\" mjButton [variant]=\"Mode === 'volume' ? 'primary' : 'flat'\" size=\"sm\" (click)=\"SetMode('volume')\">\n                Volume\n            </button>\n            <button type=\"button\" mjButton [variant]=\"Mode === 'tiered' ? 'primary' : 'flat'\" size=\"sm\" (click)=\"SetMode('tiered')\">\n                Graduated\n            </button>\n        </div>\n        <div class=\"mjo-doc-hero__stats\">\n            <div class=\"mjo-doc-stat\">\n                <span class=\"mjo-doc-stat__label\">Unit price</span>\n                <span class=\"mjo-doc-stat__value\">{{ Money(Result.EffectiveUnitPrice) }}</span>\n            </div>\n            <div class=\"mjo-doc-stat\">\n                <span class=\"mjo-doc-stat__label\">Total</span>\n                <span class=\"mjo-doc-stat__value\">{{ Money(Result.TotalOrderAmount) }}</span>\n            </div>\n            <div class=\"mjo-doc-stat\">\n                <span class=\"mjo-doc-stat__label\">Discount</span>\n                <span class=\"mjo-doc-stat__value\">{{ Result.DiscountPercent.toFixed(1) }}%</span>\n            </div>\n            <div class=\"mjo-doc-stat\">\n                <span class=\"mjo-doc-stat__label\">Savings</span>\n                <span class=\"mjo-doc-stat__value\">{{ Money(Result.SavingsAmount) }}</span>\n            </div>\n        </div>\n    </div>\n</mj-collapsible-panel>\n", styles: [".mjo-sim {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n}\n\n.mjo-sim__row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-4);\n    align-items: flex-end;\n}\n\n.mjo-sim__field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-sim__field--grow {\n    flex: 1;\n    min-width: 12rem;\n}\n\n.mjo-sim__field input[type='range'] {\n    accent-color: var(--mj-brand-primary);\n}\n\n.mjo-sim__modes {\n    display: flex;\n    gap: var(--mj-space-2);\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceListSimulatorPanel, { className: "PriceListSimulatorPanel", filePath: "lib/form-panels/price-list-simulator.panel.ts", lineNumber: 25 }); })();
+//# sourceMappingURL=price-list-simulator.panel.js.map

package/dist/lib/form-panels/price-list-simulator.panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-list-simulator.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/price-list-simulator.panel.ts","../../../src/lib/form-panels/price-list-simulator.panel.html"],"names":[],"mappings":"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"}