@mj-biz-apps/orders-ng 5.6.0 → 5.7.0

package/dist/lib/custom/Product/widgets/product-pricing-widget.component.js

@@ -1,23 +1,28 @@
 import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
-import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
+import { Metadata, RunView, CompositeKey, EntityFieldTSType } from '@memberjunction/core';
+import { createEmptyFilter, } from '@memberjunction/ng-filter-builder';
 import { GetGlobalObjectStore } from '@memberjunction/global';
 import { NavigationService } from '@memberjunction/ng-shared';
+import { moveItemInArray } from '@angular/cdk/drag-drop';
 import { FormatMoney } from '../../../panels/money-format.js';
+import { LoadOrdersEngine, OrdersEngine, PRICE_APPLICABILITY_SOURCES, priceApplies } from '@mj-biz-apps/orders-entities';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@memberjunction/ng-base-forms";
+import * as i2 from "@angular/cdk/drag-drop";
+import * as i3 from "@memberjunction/ng-base-forms";
+import * as i4 from "@memberjunction/ng-filter-builder";
+import * as i5 from "@angular/common";
 const _forTrack0 = ($index, $item) => $item.ID;
-const _forTrack1 = ($index, $item) => $item.Label;
 function BizAppsProductPricingWidgetComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 18);
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11);
     i0.ɵɵelement(2, "i");
-    i0.ɵɵelementStart(3, "span", 19);
+    i0.ɵɵelementStart(3, "span", 12);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 20);
+    i0.ɵɵelementStart(5, "button", 13);
     i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.DismissToast()); });
-    i0.ɵɵelement(6, "i", 21);
+    i0.ɵɵelement(6, "i", 14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -27,344 +32,519 @@ function BizAppsProductPricingWidgetComponent_Conditional_1_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.ActiveToast.Message);
 } }
-function BizAppsProductPricingWidgetComponent_For_20_Template(rf, ctx) { if (rf & 1) {
+function BizAppsProductPricingWidgetComponent_Conditional_17_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
-    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_For_20_Template_button_click_0_listener() { const ch_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectChannel(ch_r4.ID)); });
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_17_For_3_Template_button_click_0_listener() { const ch_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectChannel(ch_r4.ID)); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 23);
+    i0.ɵɵelementStart(4, "span", 18);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ch_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("active", ctx_r1.SelectedChannelID === ch_r4.ID);
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ch_r4.Icon);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ch_r4.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ch_r4.TierCount, " ", ch_r4.TierCount === 1 ? "Tier" : "Tiers");
+    i0.ɵɵtextInterpolate2("", ch_r4.TierCount, " ", ch_r4.TierCount === 1 ? "price" : "prices");
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenNewPriceDialog()); });
-    i0.ɵɵelement(1, "i", 24);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Add Channel / Rule");
+function BizAppsProductPricingWidgetComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 15);
+    i0.ɵɵrepeaterCreate(2, BizAppsProductPricingWidgetComponent_Conditional_17_For_3_Template, 6, 7, "button", 16, _forTrack0);
     i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.Channels);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "mj-explorer-entity-data-grid", 26);
-    i0.ɵɵlistener("Navigate", function BizAppsProductPricingWidgetComponent_Conditional_27_Conditional_0_Template_mj_explorer_entity_data_grid_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Navigate.emit($event)); });
+function BizAppsProductPricingWidgetComponent_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19)(1, "mj-explorer-entity-data-grid", 20);
+    i0.ɵɵlistener("Navigate", function BizAppsProductPricingWidgetComponent_Conditional_18_Conditional_0_Template_mj_explorer_entity_data_grid_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Navigate.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Params", ctx_r1.ProductPricesViewParams)("NewRecordValues", ctx_r1.NewPriceRecordValues)("Height", 420)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", ctx_r1.EditMode)("ShowDeleteButton", ctx_r1.EditMode);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, BizAppsProductPricingWidgetComponent_Conditional_27_Conditional_0_Template, 2, 7, "div", 25);
+function BizAppsProductPricingWidgetComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsProductPricingWidgetComponent_Conditional_18_Conditional_0_Template, 2, 7, "div", 19);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.ProductPricesViewParams ? 0 : -1);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 32);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelement(1, "i", 25);
     i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Loading price tiers\u2026");
+    i0.ɵɵtext(3, "Loading prices\u2026");
     i0.ɵɵelementEnd()();
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Use the Quick Bracket builder below to add volume-discounted pricing. ");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Add a price. When is optional \u2014 only if this rate is not for everyone. ");
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Switch to Edit mode to configure pricing tiers and volume discounts. ");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Switch to Edit to add prices. ");
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "div", 33);
-    i0.ɵɵelement(2, "i", 34);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 26);
+    i0.ɵɵelement(2, "i", 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 35)(4, "h4");
-    i0.ɵɵtext(5, "No Pricing Tiers Configured for this Channel");
+    i0.ɵɵelementStart(3, "div", 27)(4, "h4");
+    i0.ɵɵtext(5, "No prices on this channel");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "p");
-    i0.ɵɵconditionalCreate(7, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Conditional_7_Template, 1, 0)(8, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Conditional_8_Template, 1, 0);
+    i0.ɵɵconditionalCreate(7, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Conditional_7_Template, 1, 0)(8, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Conditional_8_Template, 1, 0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(7);
     i0.ɵɵconditional(ctx_r1.EditMode ? 7 : 8);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 54);
-    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_8_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r8); const tier_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPriceInputBlur(tier_r9, $event)); });
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 39);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const tier_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("value", ctx_r1.FormatCurrency(tier_r9.Amount))("title", "Edit price for " + tier_r9.BracketLabel);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 43);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 36);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tier_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const row_r8 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(tier_r9.Amount));
+    i0.ɵɵtextInterpolate(row_r8.WhenText);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 44);
-    i0.ɵɵelement(1, "i", 55);
-    i0.ɵɵtext(2);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OverrideInherited(row_r8)); });
+    i0.ɵɵtext(1, "Override on this product");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 41);
+    i0.ɵɵtext(1, " Inherited. A price with this name on the product replaces it. ");
+    i0.ɵɵconditionalCreate(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_1_Conditional_2_Template, 2, 0, "button", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tier_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", tier_r9.DiscountPercent, "% off ");
+    i0.ɵɵconditional(ctx_r1.EditMode ? 2 : -1);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
-    i0.ɵɵtext(1, "Standard Base");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "label", 47)(2, "span", 48);
+    i0.ɵɵtext(3, "Name");
     i0.ɵɵelementEnd();
-} }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 46);
-    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(4, "input", 49);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.Name, $event) || (row_r8.Record.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_input_blur_4_listener() { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "label", 47)(6, "span", 48);
+    i0.ɵɵtext(7, "Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 50);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.Amount, $event) || (row_r8.Record.Amount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_input_blur_8_listener() { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "label", 47)(10, "span", 48);
+    i0.ɵɵtext(11, "Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 51);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.PricingModel, $event) || (row_r8.Record.PricingModel = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template_select_change_12_listener() { i0.ɵɵrestoreView(_r11); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
+    i0.ɵɵelementStart(13, "option", 52);
+    i0.ɵɵtext(14, "Per unit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 53);
+    i0.ɵɵtext(16, "Package");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "option", 54);
+    i0.ɵɵtext(18, "Volume");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "option", 55);
+    i0.ɵɵtext(20, "Flat");
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const tier_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r1.FormatCurrency(tier_r9.UnitSavings), " / unit");
+    const row_r8 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.Amount);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.PricingModel);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
-    i0.ɵɵtext(1, "$0.00");
-    i0.ɵɵelementEnd();
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenWhenEditor(row_r8)); });
+    i0.ɵɵtext(2, "Edit When");
+    i0.ɵɵelementEnd()();
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 56);
-    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_25_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const tier_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.DeleteTier(tier_r9)); });
-    i0.ɵɵelement(1, "i", 57);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenWhenEditor(row_r8)); });
+    i0.ɵɵtext(1, "+ When");
     i0.ɵɵelementEnd();
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "strong", 39);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td")(5, "span", 40);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "td", 41);
-    i0.ɵɵconditionalCreate(8, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_8_Template, 1, 2, "input", 42)(9, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_9_Template, 2, 1, "strong", 43);
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45)(1, "div", 56);
+    i0.ɵɵtext(2, "When this price applies");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td");
-    i0.ɵɵconditionalCreate(11, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_11_Template, 3, 1, "span", 44)(12, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_12_Template, 2, 0, "span", 45);
+    i0.ɵɵelementStart(3, "mj-filter-builder", 57);
+    i0.ɵɵlistener("filterChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template_mj_filter_builder_filterChange_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.OnWhenFilterChange($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td");
-    i0.ɵɵconditionalCreate(14, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_14_Template, 2, 1, "strong", 46)(15, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_15_Template, 2, 0, "span", 47);
+    i0.ɵɵelementStart(4, "div", 58)(5, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r14); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearWhen(row_r8)); });
+    i0.ɵɵtext(6, "Remove When");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td")(17, "span", 48);
-    i0.ɵɵtext(18);
+    i0.ɵɵelementStart(7, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.CloseWhenEditor()); });
+    i0.ɵɵtext(8, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 59);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r14); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SaveWhen(row_r8)); });
+    i0.ɵɵtext(10, "Save When");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("fields", ctx_r1.WhenFields)("filter", ctx_r1.WhenFilter)("showSummary", true);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "label", 47)(2, "span", 48);
+    i0.ɵɵtext(3, "Min qty");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "input", 62);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.MinQuantity, $event) || (row_r8.Record.MinQuantity = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_blur_4_listener() { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "td")(20, "span", 49);
-    i0.ɵɵtext(21);
+    i0.ɵɵelementStart(5, "label", 47)(6, "span", 48);
+    i0.ɵɵtext(7, "Max qty");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 62);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.MaxQuantity, $event) || (row_r8.Record.MaxQuantity = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_blur_8_listener() { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "td", 50)(23, "button", 51);
-    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Template_button_click_23_listener() { const tier_r9 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenTierRecord(tier_r9)); });
-    i0.ɵɵelement(24, "i", 52);
+    i0.ɵɵelementStart(9, "label", 47)(10, "span", 48);
+    i0.ɵɵtext(11, "Fee type");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(25, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_25_Template, 2, 0, "button", 53);
+    i0.ɵɵelementStart(12, "input", 49);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.FeeType, $event) || (row_r8.Record.FeeType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_blur_12_listener() { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "label", 47)(14, "span", 48);
+    i0.ɵɵtext(15, "Priority");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "input", 62);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; i0.ɵɵtwoWayBindingSet(row_r8.Record.Priority, $event) || (row_r8.Record.Priority = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template_input_blur_16_listener() { i0.ɵɵrestoreView(_r15); const row_r8 = i0.ɵɵnextContext(4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SavePrice(row_r8.Record)); });
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const tier_r9 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tier_r9.BracketLabel);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tier_r9.UnitRangeText);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 8 : 9);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(tier_r9.DiscountPercent > 0 ? 11 : 12);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(tier_r9.UnitSavings > 0 ? 14 : 15);
+    const row_r8 = i0.ɵɵnextContext(4).$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(tier_r9.PricingModel);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tier_r9.EffectiveDatesText);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.MinQuantity);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.MaxQuantity);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.FeeType);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditMode && !tier_r9.IsBaseBracket ? 25 : -1);
+    i0.ɵɵtwoWayProperty("ngModel", row_r8.Record.Priority);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "table", 36)(2, "thead")(3, "tr")(4, "th");
-    i0.ɵɵtext(5, "Tier Bracket");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "th");
-    i0.ɵɵtext(7, "Unit Range");
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(5).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Min qty ", row_r8.Record.MinQuantity);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th", 37);
-    i0.ɵɵtext(9, "Unit Price ($)");
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(5).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Max qty ", row_r8.Record.MaxQuantity);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th");
-    i0.ɵɵtext(11, "Discount vs Base");
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(5).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r8.Record.FeeType);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th");
-    i0.ɵɵtext(13, "Unit Savings");
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(5).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Until ", i0.ɵɵpipeBind2(2, 1, row_r8.Record.EffectiveTo, "mediumDate"));
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵconditionalCreate(1, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_1_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_2_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(3, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_3_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(4, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Conditional_4_Template, 3, 4, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th");
-    i0.ɵɵtext(15, "Model");
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(4).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.Record.MinQuantity != null ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.Record.MaxQuantity != null ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.Record.FeeType && row_r8.Record.FeeType !== "Standard" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.Record.EffectiveTo ? 4 : -1);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 56);
+    i0.ɵɵtext(2, "Qty, dates, fee");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th");
-    i0.ɵɵtext(17, "Status / Dates");
+    i0.ɵɵconditionalCreate(3, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_3_Template, 17, 4, "div", 60)(4, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Conditional_4_Template, 5, 4, "div", 61);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "th", 38);
-    i0.ɵɵtext(19, "Actions");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(20, "tbody");
-    i0.ɵɵrepeaterCreate(21, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Template, 26, 8, "tr", null, _forTrack0);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(21);
-    i0.ɵɵrepeater(ctx_r1.LadderTiers);
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 3 : 4);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2, "Saving\u2026");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const row_r8 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenAdvanced(row_r8.ID, $event)); });
+    i0.ɵɵtext(1, "+ Qty, dates, fee");
     i0.ɵɵelementEnd();
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 24);
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2, "Add Bracket");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_0_Template, 21, 3, "div", 43);
+    i0.ɵɵconditionalCreate(1, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_1_Template, 3, 0, "div", 44)(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_2_Template, 2, 0, "button", 42);
+    i0.ɵɵconditionalCreate(3, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_3_Template, 11, 3, "div", 45);
+    i0.ɵɵconditionalCreate(4, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_4_Template, 5, 1, "div", 46)(5, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Conditional_5_Template, 2, 0, "button", 42);
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.EditMode && row_r8.WhenText && ctx_r1.WhenEditorPriceID !== row_r8.ID ? 1 : ctx_r1.EditMode && ctx_r1.WhenEditorPriceID !== row_r8.ID ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.WhenEditorPriceID === row_r8.ID ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.HasAdvanced(row_r8.Record) || ctx_r1.AdvancedEditingID === row_r8.ID ? 4 : ctx_r1.EditMode ? 5 : -1);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r9); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵconditionalCreate(1, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_1_Template, 3, 1, "p", 41)(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Conditional_2_Template, 6, 4);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.Inherited ? 1 : 2);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 58)(2, "span", 59);
-    i0.ɵɵelement(3, "i", 60);
-    i0.ɵɵtext(4, " Add Volume Tier: ");
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "article", 30)(1, "button", 31);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Template_button_click_1_listener() { const row_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.TogglePrice(row_r8)); });
+    i0.ɵɵconditionalCreate(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_2_Template, 2, 0, "span", 32);
+    i0.ɵɵelementStart(3, "span", 33);
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "label", 61)(6, "span", 62);
-    i0.ɵɵtext(7, "Min:");
+    i0.ɵɵelementStart(5, "span", 34)(6, "span", 35);
+    i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "input", 63);
-    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewTierMin, $event) || (ctx_r1.NewTierMin = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "label", 61)(10, "span", 62);
-    i0.ɵɵtext(11, "Max:");
+    i0.ɵɵconditionalCreate(8, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_8_Template, 2, 1, "span", 36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "input", 64);
-    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewTierMax, $event) || (ctx_r1.NewTierMax = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(9, "span", 37);
+    i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "label", 61)(14, "span", 62);
-    i0.ɵɵtext(15, "Price ($):");
+    i0.ɵɵconditionalCreate(11, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Conditional_11_Template, 3, 1, "div", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "input", 65);
-    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewTierPrice, $event) || (ctx_r1.NewTierPrice = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "label", 61)(18, "span", 62);
-    i0.ɵɵtext(19, "Model:");
+} if (rf & 2) {
+    const row_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("open", ctx_r1.ExpandedPriceID === row_r8.ID && ctx_r1.PriceCanExpand(row_r8))("selected", ctx_r1.SelectedPriceID === row_r8.ID)("inherited", row_r8.Inherited);
+    i0.ɵɵproperty("cdkDragDisabled", !ctx_r1.EditMode || row_r8.Inherited);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.EditMode && !row_r8.Inherited ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(row_r8.Amount));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r8.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r8.WhenText ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("inherited", row_r8.Inherited);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r8.SourceLabel);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ExpandedPriceID === row_r8.ID && ctx_r1.PriceCanExpand(row_r8) ? 11 : -1);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵlistener("cdkDropListDropped", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_Template_div_cdkDropListDropped_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPriceDrop($event)); });
+    i0.ɵɵrepeaterCreate(1, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_For_2_Template, 12, 15, "article", 29, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "select", 66);
-    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template_select_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewTierModel, $event) || (ctx_r1.NewTierModel = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(21, "option", 67);
-    i0.ɵɵtext(22, "Volume");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("cdkDropListDisabled", !ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.VisiblePrices);
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 25);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Saving\u2026");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 69);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Add price");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "option", 68);
-    i0.ɵɵtext(24, "PerUnit");
+} }
+function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 63)(2, "span", 64);
+    i0.ɵɵelement(3, "i", 65);
+    i0.ɵɵtext(4, " Add price ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "option", 69);
-    i0.ɵɵtext(26, "Tiered");
+    i0.ɵɵelementStart(5, "label", 47)(6, "span", 48);
+    i0.ɵɵtext(7, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "option", 70);
-    i0.ɵɵtext(28, "Flat");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "button", 71);
-    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.AddTierBracket()); });
-    i0.ɵɵconditionalCreate(30, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Conditional_30_Template, 3, 0)(31, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Conditional_31_Template, 3, 0);
+    i0.ɵɵelementStart(8, "input", 66);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewPriceName, $event) || (ctx_r1.NewPriceName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 72);
-    i0.ɵɵelement(33, "i", 73);
-    i0.ɵɵelementStart(34, "span");
-    i0.ɵɵtext(35, "Gap & overlap protection active");
+    i0.ɵɵelementStart(9, "label", 47)(10, "span", 48);
+    i0.ɵɵtext(11, "Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "input", 67);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewPriceAmount, $event) || (ctx_r1.NewPriceAmount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "button", 68);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.AddPrice()); });
+    i0.ɵɵconditionalCreate(14, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Conditional_14_Template, 3, 0)(15, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Conditional_15_Template, 3, 0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(8);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierMin);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierMax);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewPriceName);
     i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierPrice);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierModel);
-    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewPriceAmount);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSaving ? 30 : 31);
+    i0.ɵɵconditional(ctx_r1.IsSaving ? 14 : 15);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_4_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77)(1, "span", 78);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 79);
-    i0.ɵɵelement(4, "div", 80);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 81);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
+function BizAppsProductPricingWidgetComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_0_Template, 4, 0, "div", 21)(1, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_1_Template, 9, 1, "div", 22)(2, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_2_Template, 3, 1, "div", 23);
+    i0.ɵɵconditionalCreate(3, BizAppsProductPricingWidgetComponent_Conditional_19_Conditional_3_Template, 16, 4, "div", 24);
 } if (rf & 2) {
-    const bar_r12 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(bar_r12.FormattedAmount);
-    i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("height", bar_r12.Percentage, "%");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", bar_r12.Label, " units");
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.IsLoading ? 0 : ctx_r1.VisiblePrices.length === 0 ? 1 : 2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 3 : -1);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 74);
-    i0.ɵɵelement(2, "i", 75);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "Live Volume Step Curve (Base vs Tiers)");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 76);
-    i0.ɵɵrepeaterCreate(6, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_4_For_7_Template, 7, 4, "div", 77, _forTrack1);
-    i0.ɵɵelementEnd()();
+function BizAppsProductPricingWidgetComponent_Conditional_20_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 79);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
-    i0.ɵɵrepeater(ctx_r1.StepBars);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.QuoteResult.Skipped);
 } }
-function BizAppsProductPricingWidgetComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_0_Template, 4, 0, "div", 27)(1, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_1_Template, 9, 1, "div", 28)(2, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_Template, 23, 0, "div", 29);
-    i0.ɵɵconditionalCreate(3, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_3_Template, 36, 6, "div", 30);
-    i0.ɵɵconditionalCreate(4, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_4_Template, 8, 0, "div", 31);
+function BizAppsProductPricingWidgetComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseQuote()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "aside", 71)(2, "div", 72)(3, "h3");
+    i0.ɵɵtext(4, "Test a quote");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 7);
+    i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseQuote()); });
+    i0.ɵɵtext(6, "Close");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "p", 73);
+    i0.ɵɵtext(8, "Optional. Sample bill-to type against these prices. Same walk as GL \u2014 product then category.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "label", 47)(10, "span", 48);
+    i0.ɵɵtext(11, "Bill-to organization Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 74);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.QuoteOrgType, $event) || (ctx_r1.QuoteOrgType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_select_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RunQuote()); });
+    i0.ɵɵelementStart(13, "option", 75);
+    i0.ɵɵtext(14, "Member");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 76);
+    i0.ɵɵtext(16, "Prospect");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "label", 47)(18, "span", 48);
+    i0.ɵɵtext(19, "Qty");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "input", 77);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SimQuantity, $event) || (ctx_r1.SimQuantity = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function BizAppsProductPricingWidgetComponent_Conditional_20_Template_input_ngModelChange_20_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RunQuote()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 78);
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "p", 79);
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(25, BizAppsProductPricingWidgetComponent_Conditional_20_Conditional_25_Template, 2, 1, "p", 79);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.IsLoading ? 0 : ctx_r1.LadderTiers.length === 0 ? 1 : 2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 3 : -1);
+    i0.ɵɵadvance(12);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.QuoteOrgType);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SimQuantity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.QuoteResult.AmountText);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.QuoteResult.Why);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.StepBars.length > 0 ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.QuoteResult.Skipped ? 25 : -1);
 } }
 const PRODUCT_PRICES_ENTITY = 'MJ_BizApps_Orders: Product Prices';
 const PRICE_LISTS_ENTITY = 'MJ_BizApps_Orders: Price Lists';
+const PRODUCT_CATEGORIES_ENTITY = 'MJ_BizApps_Orders: Product Categories';
+/** Dotted Source.Field labels for the When sentence. */
+const PRICE_WHEN_FIELDS = [
+    { name: 'BillToOrganization.Type', displayName: 'Bill-to organization · Type' },
+    { name: 'BillToOrganization.Status', displayName: 'Bill-to organization · Status' },
+    { name: 'BillToOrganization.Name', displayName: 'Bill-to organization · Name' },
+    { name: 'BillToPerson.Title', displayName: 'Bill-to person · Title' },
+    { name: 'BillToPerson.Status', displayName: 'Bill-to person · Status' },
+    { name: 'ShipToOrganization.Type', displayName: 'Ship-to organization · Type' },
+    { name: 'Order.Status', displayName: 'Order · Status' },
+    { name: 'Order.OrderDate', displayName: 'Order · Date' },
+    { name: 'Product.SKU', displayName: 'Product · SKU' },
+    { name: 'Product.Status', displayName: 'Product · Status' },
+];
 /**
  * World-Class Product Pricing Matrix & Volume Ladder Widget (Option 1).
  *
@@ -398,6 +578,18 @@ export class BizAppsProductPricingWidgetComponent {
     IsLoading = false;
     IsSaving = false;
     IsAdvancedGridView = false;
+    QuoteDrawerOpen = false;
+    ExpandedPriceID = null;
+    SelectedPriceID = null;
+    WhenEditorPriceID = null;
+    AdvancedEditingID = null;
+    WhenFilter = null;
+    WhenFields = [];
+    NewPriceName = 'Base';
+    NewPriceAmount = 0;
+    QuoteOrgType = 'Member';
+    QuoteResult = { AmountText: '—', Why: '', Skipped: '' };
+    InheritedRecords = [];
     ActiveToast = null;
     toastTimer;
     Channels = [
@@ -421,7 +613,7 @@ export class BizAppsProductPricingWidgetComponent {
         TotalSavings: 0,
     };
     RecalculateSimulation() {
-        const base = this.Product?.StandaloneSellingPrice ?? 0;
+        const base = this.BaseListPrice;
         let discount = 0;
         if (this.SimQuantity >= 50) {
             discount = 25;
@@ -451,10 +643,7 @@ export class BizAppsProductPricingWidgetComponent {
         }
     }
     get BaseListPrice() {
-        // Base list price is the single-unit price of the base list (or StandaloneSellingPrice if set)
-        if (this.Product?.StandaloneSellingPrice && Number(this.Product.StandaloneSellingPrice) > 0) {
-            return Number(this.Product.StandaloneSellingPrice);
-        }
+        // First base-channel ProductPrice. Never Product.StandaloneSellingPrice (deprecated).
         const baseFirstTier = this.AllPriceRecords.find(p => !p.PriceListID && (Number(p.MinQuantity) === 1 || !p.MinQuantity));
         if (baseFirstTier && Number(baseFirstTier.Amount) > 0) {
             return Number(baseFirstTier.Amount);
@@ -464,6 +653,143 @@ export class BizAppsProductPricingWidgetComponent {
     get FormattedBasePrice() {
         return FormatMoney(this.BaseListPrice);
     }
+    /** Price-list tabs only when a real list exists. One "Base / Direct List" tab is leftover chrome. */
+    get ShowChannelBar() {
+        return this.Channels.some((c) => c.ID != null);
+    }
+    get PricesForChannel() {
+        return this.AllPriceRecords.filter((p) => this.SelectedChannelID === null ? !p.PriceListID : p.PriceListID === this.SelectedChannelID);
+    }
+    get VisiblePrices() {
+        const inChannel = (p) => this.SelectedChannelID === null ? !p.PriceListID : p.PriceListID === this.SelectedChannelID;
+        const productRows = this.AllPriceRecords.filter(inChannel);
+        const names = new Set(productRows.map((p) => this.PriceDisplayName(p).trim().toLowerCase()));
+        const inherited = this.InheritedRecords.filter((p) => inChannel(p) && !names.has(this.PriceDisplayName(p).trim().toLowerCase()));
+        const toCard = (p, inherited) => ({
+            ID: p.ID,
+            Name: this.PriceDisplayName(p),
+            Amount: Number(p.Amount) || 0,
+            Inherited: inherited,
+            SourceLabel: inherited ? 'From category' : 'This product',
+            WhenText: this.WhenSentence(p),
+            Record: p,
+        });
+        const productCards = productRows
+            .map((p) => toCard(p, false))
+            .sort((a, b) => (Number(b.Record.Priority) || 0) - (Number(a.Record.Priority) || 0));
+        return [...productCards, ...inherited.map((p) => toCard(p, true))];
+    }
+    PriceCanExpand(row) {
+        if (row.Inherited)
+            return this.EditMode;
+        if (this.EditMode)
+            return true;
+        return this.HasAdvanced(row.Record);
+    }
+    PriceDisplayName(p) {
+        const n = p.Name?.trim();
+        if (n)
+            return n;
+        return p.Description?.trim() || 'Price';
+    }
+    HasWhen(p) {
+        return this.WhenSentence(p).length > 0;
+    }
+    WhenSentence(p) {
+        const raw = p.Applicability;
+        if (raw == null || String(raw).trim() === '')
+            return '';
+        try {
+            const parsed = JSON.parse(String(raw));
+            const parts = (parsed.filters ?? []).map((f) => this.whenPart(f)).filter(Boolean);
+            if (parts.length === 0)
+                return '';
+            const join = parsed.logic === 'or' ? ' or ' : ' and ';
+            return parts.join(join);
+        }
+        catch {
+            return 'Has a When';
+        }
+    }
+    whenPart(node) {
+        if (node.filters?.length) {
+            const inner = node.filters.map((f) => this.whenPart(f)).filter(Boolean).join(node.logic === 'or' ? ' or ' : ' and ');
+            return inner ? `(${inner})` : '';
+        }
+        if (!node.field)
+            return '';
+        const labels = {
+            eq: 'equals',
+            neq: 'does not equal',
+            gt: 'is greater than',
+            gte: 'is at least',
+            lt: 'is less than',
+            lte: 'is at most',
+            contains: 'contains',
+            doesnotcontain: 'does not contain',
+            startswith: 'starts with',
+            endswith: 'ends with',
+            isnull: 'is empty',
+            isnotnull: 'is not empty',
+            isempty: 'is empty',
+            isnotempty: 'is not empty',
+        };
+        const field = this.whenFieldLabel(node.field);
+        const op = labels[node.operator ?? ''] ?? node.operator ?? '';
+        if (['isnull', 'isnotnull', 'isempty', 'isnotempty'].includes(node.operator ?? '')) {
+            return `${field} ${op}`;
+        }
+        const val = node.value == null || node.value === '' ? '' : String(node.value);
+        return `${field} ${op} ${val}`.trim();
+    }
+    whenFieldLabel(stored) {
+        const hit = PRICE_WHEN_FIELDS.find((f) => f.name === stored);
+        return hit?.displayName ?? stored.replace('.', ' · ');
+    }
+    OpenPriceRecord(p, event) {
+        event?.stopPropagation();
+        this.Navigate.emit({
+            Kind: 'record',
+            EntityName: PRODUCT_PRICES_ENTITY,
+            PrimaryKey: CompositeKey.FromID(p.ID),
+        });
+        if (this.navService) {
+            this.navService.OpenEntityRecord(PRODUCT_PRICES_ENTITY, CompositeKey.FromID(p.ID));
+        }
+    }
+    CloseQuote() {
+        this.QuoteDrawerOpen = false;
+        this.cdr?.markForCheck();
+    }
+    TogglePrice(row) {
+        this.SelectedPriceID = row.ID;
+        if (!this.PriceCanExpand(row)) {
+            this.ExpandedPriceID = null;
+            this.cdr?.markForCheck();
+            return;
+        }
+        this.ExpandedPriceID = this.ExpandedPriceID === row.ID ? null : row.ID;
+        this.cdr?.markForCheck();
+    }
+    async OnPriceDrop(event) {
+        if (!this.EditMode)
+            return;
+        const ranked = this.VisiblePrices.filter((r) => !r.Inherited);
+        if (event.previousIndex === event.currentIndex)
+            return;
+        if (event.previousIndex < 0 || event.currentIndex < 0)
+            return;
+        if (event.previousIndex >= ranked.length || event.currentIndex >= ranked.length)
+            return;
+        moveItemInArray(ranked, event.previousIndex, event.currentIndex);
+        let priority = ranked.length * 10;
+        for (const row of ranked) {
+            row.Record.Priority = priority;
+            priority -= 10;
+        }
+        await this.saveProductGraph();
+        this.cdr?.markForCheck();
+    }
     get ProductPricesViewParams() {
         if (!this.Product?.ID)
             return null;
@@ -478,6 +804,7 @@ export class BizAppsProductPricingWidgetComponent {
         return {
             ProductID: this.Product?.ID,
             PriceListID: this.SelectedChannelID,
+            Name: 'Price',
         };
     }
     async LoadPricingData() {
@@ -491,20 +818,9 @@ export class BizAppsProductPricingWidgetComponent {
                 this.AllPriceRecords = [...this.Product.Prices.Items];
             }
             else {
-                const rv = new RunView();
-                const pricesResult = await rv.RunView({
-                    EntityName: PRODUCT_PRICES_ENTITY,
-                    ExtraFilter: `ProductID = '${this.Product.ID}'`,
-                    OrderBy: 'MinQuantity ASC, __mj_CreatedAt ASC',
-                    ResultType: 'entity_object',
-                    MaxRows: 100,
-                });
-                if (pricesResult.Success && pricesResult.Results) {
-                    this.AllPriceRecords = pricesResult.Results;
-                }
-                else {
-                    console.warn('Could not retrieve product prices:', pricesResult.ErrorMessage);
-                }
+                const md = new Metadata();
+                await LoadOrdersEngine(Metadata.Provider, md.CurrentUser);
+                this.AllPriceRecords = OrdersEngine.Instance.ProductPricesFor(this.Product.ID);
             }
             const rv = new RunView();
             const listsResult = await rv.RunView({
@@ -513,11 +829,13 @@ export class BizAppsProductPricingWidgetComponent {
                 ResultType: 'entity_object',
                 MaxRows: 50,
             });
-            // Build Channels
+            await this.loadInheritedPrices();
             const availableLists = listsResult.Success && listsResult.Results ? listsResult.Results : [];
             this.buildChannelsList(availableLists);
-            // Build Ladder for currently selected channel
             this.rebuildLadder();
+            if (!this.NewPriceAmount) {
+                this.NewPriceAmount = this.BaseListPrice || 0;
+            }
         }
         catch (err) {
             console.error('Failed to load product pricing records:', err);
@@ -527,18 +845,24 @@ export class BizAppsProductPricingWidgetComponent {
             this.cdr?.markForCheck();
         }
     }
+    countPricesOnChannel(listId) {
+        const match = (p) => listId === null ? !p.PriceListID : p.PriceListID === listId;
+        const product = this.AllPriceRecords.filter(match);
+        const names = new Set(product.map((p) => this.PriceDisplayName(p).trim().toLowerCase()));
+        const inherited = this.InheritedRecords.filter((p) => match(p) && !names.has(this.PriceDisplayName(p).trim().toLowerCase()));
+        return product.length + inherited.length;
+    }
     buildChannelsList(allPriceLists) {
-        const baseTiersCount = this.AllPriceRecords.filter(p => !p.PriceListID).length;
         const channels = [
             {
                 ID: null,
                 Name: 'Base / Direct List',
                 Icon: 'fa-solid fa-globe',
-                TierCount: baseTiersCount,
+                TierCount: this.countPricesOnChannel(null),
             }
         ];
         for (const pl of allPriceLists) {
-            const tierCount = this.AllPriceRecords.filter(p => p.PriceListID === pl.ID).length;
+            const tierCount = this.countPricesOnChannel(pl.ID);
             let icon = 'fa-solid fa-tags';
             const nameLower = (pl.Name || '').toLowerCase();
             if (nameLower.includes('wholesale'))
@@ -706,6 +1030,8 @@ export class BizAppsProductPricingWidgetComponent {
             newPrice.Priority = 0;
             newPrice.Status = 'Active';
             newPrice.EffectiveFrom = new Date();
+            const bracket = maxQty != null ? `${minQty}–${maxQty}` : `${minQty}+`;
+            newPrice.Name = `${this.NewTierModel || 'Volume'} ${bracket}`.slice(0, 100);
             const saved = await newPrice.Save();
             if (saved) {
                 await this.LoadPricingData();
@@ -769,25 +1095,18 @@ export class BizAppsProductPricingWidgetComponent {
         this.IsSaving = true;
         this.cdr?.markForCheck();
         try {
-            if (this.Product.Prices && this.Product.Prices.Items.includes(tier.Record)) {
-                this.Product.Prices.Remove(tier.Record);
-            }
-            const deleted = await tier.Record.Delete();
-            if (deleted) {
-                await this.LoadPricingData();
+            if (!(await this.ensurePricesLoaded()))
+                return;
+            this.Product.Prices.Remove(tier.Record);
+            const saved = await this.saveProductGraph();
+            if (saved) {
                 this.PriceChanged.emit();
                 this.ShowToast(`Deleted ${tier.BracketLabel} (${tier.UnitRangeText})`, 'info');
-            }
-            else {
-                console.error('Failed to delete tier:', tier.Record.LatestResult);
-                const errMsg = this.extractErrorMessage(tier.Record.LatestResult);
-                this.ShowToast(`Failed to delete tier: ${errMsg}`, 'error');
+                await this.LoadPricingData();
             }
         }
         catch (err) {
-            console.error('Failed to delete tier:', err);
-            const errMsg = err instanceof Error ? err.message : String(err);
-            this.ShowToast(`Error deleting tier: ${errMsg}`, 'error');
+            this.ShowToast(err instanceof Error ? err.message : String(err), 'error');
         }
         finally {
             this.IsSaving = false;
@@ -871,68 +1190,280 @@ export class BizAppsProductPricingWidgetComponent {
     FormatCurrency(val) {
         return FormatMoney(val);
     }
+    /** Qty bands, end date, non-standard fee, recurrence — not a default List/Base row. */
+    HasAdvanced(p) {
+        if (!p)
+            return false;
+        const min = p.MinQuantity;
+        const max = p.MaxQuantity;
+        const fee = (p.FeeType || 'Standard').trim();
+        const to = p.EffectiveTo;
+        const recM = p.RecurrenceMonths;
+        const recD = p.RecurrenceDaysOfWeek;
+        const pkg = p.PackageQuantity;
+        if (min != null && Number(min) !== 1 && Number(min) !== 0)
+            return true;
+        if (max != null)
+            return true;
+        if (fee && fee !== 'Standard')
+            return true;
+        if (to)
+            return true;
+        if (recM && String(recM).trim())
+            return true;
+        if (recD && String(recD).trim())
+            return true;
+        if (pkg != null && Number(pkg) !== 0)
+            return true;
+        return false;
+    }
+    OpenAdvanced(id, event) {
+        event?.stopPropagation();
+        this.AdvancedEditingID = id;
+        this.cdr?.markForCheck();
+    }
+    CloseWhenEditor() {
+        this.WhenEditorPriceID = null;
+        this.WhenFilter = null;
+        this.cdr?.markForCheck();
+    }
+    OpenWhenEditor(row) {
+        this.WhenFields = this.buildWhenFields();
+        this.WhenFilter = this.parseWhenFilter(row.Record) ?? createEmptyFilter();
+        this.WhenEditorPriceID = row.ID;
+        this.cdr?.markForCheck();
+    }
+    OnWhenFilterChange(filter) {
+        this.WhenFilter = filter;
+    }
+    parseWhenFilter(p) {
+        const raw = p.Applicability;
+        if (raw == null || String(raw).trim() === '')
+            return null;
+        try {
+            const parsed = JSON.parse(String(raw));
+            if (parsed && Array.isArray(parsed.filters))
+                return parsed;
+        }
+        catch {
+            /* ignore */
+        }
+        return null;
+    }
+    buildWhenFields() {
+        const md = new Metadata();
+        const out = [];
+        for (const src of PRICE_APPLICABILITY_SOURCES) {
+            const ent = md.EntityByName(src.entityName);
+            if (!ent)
+                continue;
+            for (const f of ent.Fields) {
+                if (f.Name.startsWith('__mj'))
+                    continue;
+                out.push({
+                    name: `${src.key}.${f.Name}`,
+                    displayName: `${src.label} · ${f.DisplayName || f.Name}`,
+                    type: this.filterTypeFor(f.TSType),
+                });
+            }
+        }
+        return out;
+    }
+    filterTypeFor(ts) {
+        switch (ts) {
+            case EntityFieldTSType.Number:
+                return 'number';
+            case EntityFieldTSType.Date:
+                return 'date';
+            case EntityFieldTSType.Boolean:
+                return 'boolean';
+            default:
+                return 'string';
+        }
+    }
+    async SaveWhen(row) {
+        const filter = this.WhenFilter;
+        const empty = !filter?.filters?.length;
+        row.Record.Applicability = empty ? null : JSON.stringify(filter);
+        await this.SavePrice(row.Record);
+        this.WhenEditorPriceID = null;
+        this.WhenFilter = null;
+        await this.LoadPricingData();
+    }
+    async ClearWhen(row) {
+        row.Record.Applicability = null;
+        await this.SavePrice(row.Record);
+        this.WhenEditorPriceID = null;
+        await this.LoadPricingData();
+    }
+    syncFromCollection() {
+        if (this.Product?.Prices) {
+            this.AllPriceRecords = [...this.Product.Prices.Items];
+        }
+    }
+    async ensurePricesLoaded() {
+        if (!this.Product?.Prices)
+            return false;
+        if (this.Product.IsSaved && !this.Product.Prices.IsLoaded) {
+            await this.Product.Prices.Load();
+        }
+        this.syncFromCollection();
+        return true;
+    }
+    /** One graph save — Product + Prices — same as Order.Lines. Never child.Save(). */
+    async saveProductGraph() {
+        if (!this.Product)
+            return false;
+        const ok = await this.Product.Save();
+        if (!ok) {
+            this.ShowToast(`Could not save price: ${this.extractErrorMessage(this.Product.LatestResult)}`, 'error', 6000);
+        }
+        this.syncFromCollection();
+        return ok;
+    }
+    nextPriorityOnChannel() {
+        const peers = this.AllPriceRecords.filter((p) => this.SelectedChannelID === null ? !p.PriceListID : p.PriceListID === this.SelectedChannelID);
+        const max = peers.reduce((m, p) => Math.max(m, Number(p.Priority) || 0), 0);
+        return max + 10;
+    }
+    async SavePrice(p) {
+        if (!this.EditMode)
+            return;
+        await this.saveProductGraph();
+        this.cdr?.markForCheck();
+    }
+    async AddPrice() {
+        if (!this.Product?.ID) {
+            this.ShowToast('Save the product first.', 'error');
+            return;
+        }
+        if (!(await this.ensurePricesLoaded())) {
+            this.ShowToast('Product.Prices collection is not available. Reload after CodeGen.', 'error');
+            return;
+        }
+        const name = (this.NewPriceName || 'List').trim().slice(0, 100);
+        const amount = Number(this.NewPriceAmount);
+        this.IsSaving = true;
+        this.cdr?.markForCheck();
+        try {
+            const newPrice = await this.Product.Prices.Create();
+            newPrice.ProductID = this.Product.ID;
+            newPrice.PriceListID = this.SelectedChannelID;
+            newPrice.Name = name;
+            newPrice.Amount = Number.isFinite(amount) ? amount : 0;
+            newPrice.PricingModel = 'PerUnit';
+            newPrice.FeeType = 'Standard';
+            newPrice.Priority = this.nextPriorityOnChannel();
+            newPrice.Status = 'Active';
+            newPrice.EffectiveFrom = new Date();
+            const saved = await this.saveProductGraph();
+            if (saved) {
+                this.ShowToast(`Added ${name} · ${this.FormatCurrency(newPrice.Amount)}`, 'success');
+                this.PriceChanged.emit();
+                this.TierAdded.emit(newPrice);
+                await this.LoadPricingData();
+            }
+        }
+        catch (err) {
+            this.ShowToast(err instanceof Error ? err.message : String(err), 'error', 6000);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    async OverrideInherited(row) {
+        this.NewPriceName = row.Name;
+        this.NewPriceAmount = row.Amount;
+        await this.AddPrice();
+    }
+    OpenQuote() {
+        this.QuoteDrawerOpen = true;
+        this.RunQuote();
+        this.cdr?.markForCheck();
+    }
+    RunQuote() {
+        const ctx = { BillToOrganization: { Type: this.QuoteOrgType } };
+        const hits = [];
+        const skip = [];
+        for (const row of this.VisiblePrices) {
+            const raw = row.Record.Applicability;
+            let ok = true;
+            try {
+                ok = priceApplies(raw, ctx);
+            }
+            catch {
+                ok = false;
+            }
+            if (ok)
+                hits.push(row);
+            else
+                skip.push(`${row.Name} (When did not match)`);
+        }
+        hits.sort((a, b) => Number(b.Record.Priority || 0) - Number(a.Record.Priority || 0));
+        const win = hits[0];
+        this.QuoteResult = win
+            ? {
+                AmountText: this.FormatCurrency(win.Amount),
+                Why: `${win.Name} · ${win.SourceLabel}${win.WhenText ? ' · ' + win.WhenText : ''}`,
+                Skipped: skip.length ? `Didn’t apply: ${skip.join(' · ')}` : '',
+            }
+            : { AmountText: '—', Why: 'No price applied for this sample.', Skipped: skip.join(' · ') };
+        this.cdr?.markForCheck();
+    }
+    async loadInheritedPrices() {
+        this.InheritedRecords = [];
+        const categoryId = this.Product?.ProductCategoryID;
+        if (!categoryId)
+            return;
+        const md = new Metadata();
+        await LoadOrdersEngine(Metadata.Provider, md.CurrentUser);
+        const chain = OrdersEngine.Instance.CategoryChain(categoryId);
+        this.InheritedRecords = OrdersEngine.Instance.ProductPricesFor(null, chain).filter((p) => !p.ProductID && (!p.Status || p.Status === 'Active'));
+    }
     static ɵfac = function BizAppsProductPricingWidgetComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BizAppsProductPricingWidgetComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsProductPricingWidgetComponent, selectors: [["bizapps-product-pricing-widget"]], inputs: { Product: "Product", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate", PriceChanged: "PriceChanged", TierAdded: "TierAdded" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 29, vars: 19, consts: [[1, "mjo-pricing-widget-wrap"], [1, "mjo-toast", 3, "class"], [1, "mjo-pricing-card"], [1, "mjo-card-header"], [1, "mjo-card-title"], [1, "fa-solid", "fa-calculator"], [1, "mjo-base-pill"], [1, "mjo-pricing-fields"], ["FieldName", "StandaloneSellingPrice", "Type", "numerictextbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "RevenueRecognitionTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "IsTaxable", "Type", "checkbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-channel-bar"], [1, "mjo-channel-list"], ["type", "button", 1, "mjo-channel-tab", 3, "active"], [1, "mjo-channel-actions"], ["type", "button", 1, "mjo-btn-subtle", 3, "click"], ["type", "button", 1, "mjo-btn-subtle"], [1, "mjo-toast"], [1, "mjo-toast-left"], [1, "mjo-toast-msg"], ["type", "button", 1, "mjo-toast-close", 3, "click"], [1, "fa-solid", "fa-xmark"], ["type", "button", 1, "mjo-channel-tab", 3, "click"], [1, "mjo-channel-count"], [1, "fa-solid", "fa-plus"], [1, "mjo-grid-wrap"], [3, "Navigate", "Params", "NewRecordValues", "Height", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton"], [1, "mjo-loading-state"], [1, "mjo-empty-tiers"], [1, "mjo-ladder-table-wrap"], [1, "mjo-quick-add-bar"], [1, "mjo-step-curve-wrap"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "mjo-empty-icon"], [1, "fa-solid", "fa-tags"], [1, "mjo-empty-text"], [1, "mjo-ladder-table"], [1, "mjo-th-num"], [1, "mjo-th-actions"], [1, "mjo-tier-title"], [1, "mjo-range-pill"], [1, "mjo-td-num"], ["type", "text", 1, "mjo-price-input", 3, "value", "title"], [1, "mjo-price-val"], [1, "mjo-disc-tag"], [1, "mjo-standard-tag"], [1, "mjo-savings-val"], [2, "color", "var(--mj-text-muted, #94a3b8)"], [1, "mjo-model-tag"], [1, "mjo-date-tag"], [1, "mjo-td-actions"], ["type", "button", "title", "Open full price rule", 1, "mjo-action-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], ["type", "button", "title", "Delete tier", 1, "mjo-action-btn", "mjo-action-btn--delete"], ["type", "text", 1, "mjo-price-input", 3, "blur", "value", "title"], [1, "fa-solid", "fa-arrow-down"], ["type", "button", "title", "Delete tier", 1, "mjo-action-btn", "mjo-action-btn--delete", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "mjo-quick-add-inputs"], [1, "mjo-quick-add-label"], [1, "fa-solid", "fa-plus-circle"], [1, "mjo-field-group"], [1, "mjo-sub-label"], ["type", "number", "min", "1", 1, "mjo-input-num", 3, "ngModelChange", "ngModel"], ["type", "number", "placeholder", "\u221E", 1, "mjo-input-num", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "step", "0.01", 1, "mjo-input-price", 3, "ngModelChange", "ngModel"], [1, "mjo-input-select", 3, "ngModelChange", "ngModel"], ["value", "Volume"], ["value", "PerUnit"], ["value", "Tiered"], ["value", "Flat"], ["type", "button", 1, "mjo-btn-add", 3, "click", "disabled"], [1, "mjo-guard-badge"], [1, "fa-solid", "fa-shield-halved"], [1, "mjo-step-curve-title"], [1, "fa-solid", "fa-chart-simple"], [1, "mjo-step-curve-bars"], [1, "mjo-step-col"], [1, "mjo-step-val"], [1, "mjo-step-track"], [1, "mjo-step-fill"], [1, "mjo-step-label"]], template: function BizAppsProductPricingWidgetComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsProductPricingWidgetComponent, selectors: [["bizapps-product-pricing-widget"]], inputs: { Product: "Product", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate", PriceChanged: "PriceChanged", TierAdded: "TierAdded" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 21, vars: 7, consts: [[1, "mjo-pricing-widget-wrap"], [1, "mjo-toast", 3, "class"], [1, "mjo-pricing-card"], [1, "mjo-card-header"], [1, "mjo-card-title"], [1, "fa-solid", "fa-tags"], [1, "mjo-card-header-actions"], ["type", "button", 1, "mjo-btn-subtle", 3, "click"], [1, "fa-solid", "fa-flask"], [1, "mjo-channel-bar"], [1, "mjo-toast"], [1, "mjo-toast-left"], [1, "mjo-toast-msg"], ["type", "button", 1, "mjo-toast-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "mjo-channel-list"], ["type", "button", 1, "mjo-channel-tab", 3, "active"], ["type", "button", 1, "mjo-channel-tab", 3, "click"], [1, "mjo-channel-count"], [1, "mjo-grid-wrap"], [3, "Navigate", "Params", "NewRecordValues", "Height", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton"], [1, "mjo-loading-state"], [1, "mjo-empty-tiers"], ["cdkDropList", "", 1, "mjo-price-list", 3, "cdkDropListDisabled"], [1, "mjo-quick-add-bar"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "mjo-empty-icon"], [1, "mjo-empty-text"], ["cdkDropList", "", 1, "mjo-price-list", 3, "cdkDropListDropped", "cdkDropListDisabled"], ["cdkDrag", "", 1, "mjo-offer", 3, "cdkDragDisabled", "open", "selected", "inherited"], ["cdkDrag", "", 1, "mjo-offer", 3, "cdkDragDisabled"], ["type", "button", 1, "mjo-offer-h", 3, "click"], ["cdkDragHandle", "", "title", "Drag to change rank", 1, "mjo-offer-grip"], [1, "mjo-offer-amt"], [1, "mjo-offer-copy"], [1, "mjo-offer-name"], [1, "mjo-offer-when"], [1, "mjo-offer-from"], [1, "mjo-offer-body"], [1, "fa-solid", "fa-grip-vertical"], [1, "mjo-offer-body", 3, "click"], [1, "mjo-inherit-note"], ["type", "button", 1, "mjo-btn-subtle"], [1, "mjo-offer-fields"], [1, "mjo-when-read"], [1, "mjo-when-edit"], [1, "mjo-adv"], [1, "mjo-field-group"], [1, "mjo-sub-label"], [1, "mjo-input-text", 3, "ngModelChange", "blur", "ngModel"], ["type", "number", "min", "0", "step", "0.01", 1, "mjo-input-price", 3, "ngModelChange", "blur", "ngModel"], [1, "mjo-input-select", 3, "ngModelChange", "change", "ngModel"], ["value", "PerUnit"], ["value", "Package"], ["value", "Volume"], ["value", "Flat"], [1, "mjo-when-title"], [3, "filterChange", "fields", "filter", "showSummary"], [1, "mjo-when-actions"], ["type", "button", 1, "mjo-btn-add", 3, "click"], [1, "mjo-adv-grid"], [1, "mjo-adv-read"], ["type", "number", 1, "mjo-input-num", 3, "ngModelChange", "blur", "ngModel"], [1, "mjo-quick-add-inputs"], [1, "mjo-quick-add-label"], [1, "fa-solid", "fa-plus-circle"], ["placeholder", "Base", 1, "mjo-input-text", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "step", "0.01", 1, "mjo-input-price", 3, "ngModelChange", "ngModel"], ["type", "button", 1, "mjo-btn-add", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "mjo-quote-scrim", 3, "click"], ["role", "dialog", "aria-label", "Test a quote", 1, "mjo-quote-drawer"], [1, "mjo-quote-drawer-h"], [1, "mjo-quote-lede"], [1, "mjo-input-select", 3, "ngModelChange", "ngModel"], ["value", "Member"], ["value", "Prospect"], ["type", "number", "min", "1", 1, "mjo-input-num", 3, "ngModelChange", "ngModel"], [1, "mjo-quote-amt"], [1, "mjo-quote-why"]], template: function BizAppsProductPricingWidgetComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, BizAppsProductPricingWidgetComponent_Conditional_1_Template, 7, 5, "div", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵelement(5, "i", 5);
             i0.ɵɵelementStart(6, "span");
-            i0.ɵɵtext(7, "Base Commercial Terms & ASC 606 Allocation");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div", 6);
-            i0.ɵɵtext(9, " Base List: ");
-            i0.ɵɵelementStart(10, "strong");
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(12, "div", 7)(13, "mj-form-field", 8);
-            i0.ɵɵlistener("Navigate", function BizAppsProductPricingWidgetComponent_Template_mj_form_field_Navigate_13_listener($event) { return ctx.Navigate.emit($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "mj-form-field", 9);
-            i0.ɵɵlistener("Navigate", function BizAppsProductPricingWidgetComponent_Template_mj_form_field_Navigate_14_listener($event) { return ctx.Navigate.emit($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "mj-form-field", 10);
-            i0.ɵɵlistener("Navigate", function BizAppsProductPricingWidgetComponent_Template_mj_form_field_Navigate_15_listener($event) { return ctx.Navigate.emit($event); });
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(16, "div", 2)(17, "div", 11)(18, "div", 12);
-            i0.ɵɵrepeaterCreate(19, BizAppsProductPricingWidgetComponent_For_20_Template, 6, 7, "button", 13, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "div", 14)(22, "button", 15);
-            i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Template_button_click_22_listener() { return ctx.ToggleAdvancedView(); });
-            i0.ɵɵelement(23, "i");
-            i0.ɵɵelementStart(24, "span");
-            i0.ɵɵtext(25);
+            i0.ɵɵtext(7, "Prices");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(26, BizAppsProductPricingWidgetComponent_Conditional_26_Template, 4, 0, "button", 16);
+            i0.ɵɵelementStart(8, "div", 6)(9, "button", 7);
+            i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Template_button_click_9_listener() { return ctx.OpenQuote(); });
+            i0.ɵɵelement(10, "i", 8);
+            i0.ɵɵelementStart(11, "span");
+            i0.ɵɵtext(12, "Test a quote");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(27, BizAppsProductPricingWidgetComponent_Conditional_27_Template, 1, 1)(28, BizAppsProductPricingWidgetComponent_Conditional_28_Template, 5, 3);
+            i0.ɵɵelementStart(13, "button", 7);
+            i0.ɵɵlistener("click", function BizAppsProductPricingWidgetComponent_Template_button_click_13_listener() { return ctx.ToggleAdvancedView(); });
+            i0.ɵɵelement(14, "i");
+            i0.ɵɵelementStart(15, "span");
+            i0.ɵɵtext(16);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(17, BizAppsProductPricingWidgetComponent_Conditional_17_Template, 4, 0, "div", 9);
+            i0.ɵɵconditionalCreate(18, BizAppsProductPricingWidgetComponent_Conditional_18_Template, 1, 1)(19, BizAppsProductPricingWidgetComponent_Conditional_19_Template, 4, 2);
             i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(20, BizAppsProductPricingWidgetComponent_Conditional_20_Template, 26, 5);
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.ActiveToast ? 1 : -1);
-            i0.ɵɵadvance(10);
-            i0.ɵɵtextInterpolate(ctx.FormattedBasePrice);
+            i0.ɵɵadvance(13);
+            i0.ɵɵclassMap(ctx.IsAdvancedGridView ? "fa-solid fa-tags" : "fa-solid fa-table-cells");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("Record", ctx.Product)("ShowLabel", true)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
+            i0.ɵɵtextInterpolate(ctx.IsAdvancedGridView ? "Prices" : "Advanced grid");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("Record", ctx.Product)("ShowLabel", true)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
+            i0.ɵɵconditional(ctx.ShowChannelBar ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("Record", ctx.Product)("ShowLabel", true)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
-            i0.ɵɵadvance(4);
-            i0.ɵɵrepeater(ctx.Channels);
-            i0.ɵɵadvance(4);
-            i0.ɵɵclassMap(ctx.IsAdvancedGridView ? "fa-solid fa-stairs" : "fa-solid fa-table-cells");
+            i0.ɵɵconditional(ctx.IsAdvancedGridView ? 18 : 19);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.IsAdvancedGridView ? "View Quick Ladder" : "Advanced Grid View");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.EditMode ? 26 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsAdvancedGridView ? 27 : 28);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.NgModel, i2.MjFormFieldComponent, i2.ExplorerEntityDataGridComponent], styles: [".mjo-pricing-widget-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    position: relative;\n}\n\n\n\n.mjo-toast[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: 13px;\n    font-weight: 500;\n    animation: _ngcontent-%COMP%_mjo-toast-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    border: 1px solid transparent;\n}\n\n@keyframes _ngcontent-%COMP%_mjo-toast-in {\n    from { opacity: 0; transform: translateY(-6px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.mjo-toast--success[_ngcontent-%COMP%] {\n    background: rgba(22, 163, 74, 0.15);\n    border-color: rgba(22, 163, 74, 0.3);\n    color: #22c55e;\n}\n\n.mjo-toast--error[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.15);\n    border-color: rgba(239, 68, 68, 0.3);\n    color: #f87171;\n}\n\n.mjo-toast--info[_ngcontent-%COMP%] {\n    background: rgba(2, 132, 199, 0.15);\n    border-color: rgba(2, 132, 199, 0.3);\n    color: #38bdf8;\n}\n\n.mjo-toast-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.mjo-toast-left[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.mjo-toast-msg[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n.mjo-toast-close[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    color: currentColor;\n    opacity: 0.7;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 13px;\n}\n\n.mjo-toast-close[_ngcontent-%COMP%]:hover {\n    opacity: 1;\n}\n\n.mjo-pricing-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: var(--mj-radius-lg, 10px);\n    overflow: hidden;\n}\n\n.mjo-card-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.mjo-card-title[_ngcontent-%COMP%] {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-card-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-base-pill[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-base-pill[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-pricing-fields[_ngcontent-%COMP%] {\n    padding: 16px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n}\n\n\n\n.mjo-channel-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    padding: 0 12px;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.mjo-channel-list[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    overflow-x: auto;\n}\n\n.mjo-channel-tab[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 14px;\n    background: transparent;\n    border: none;\n    border-bottom: 2px solid transparent;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-channel-tab[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-channel-tab.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n    border-bottom-color: var(--mj-brand-primary, #0284c7);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n}\n\n.mjo-channel-count[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.15));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-channel-tab.active[_ngcontent-%COMP%]   .mjo-channel-count[_ngcontent-%COMP%] {\n    background: rgba(2, 132, 199, 0.18);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-channel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-btn-subtle[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-subtle[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary, #0284c7);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n\n\n.mjo-ladder-table-wrap[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 11px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle, rgba(255, 255, 255, 0.06));\n    color: var(--mj-text-primary, #0f172a);\n    vertical-align: middle;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover, rgba(255, 255, 255, 0.03));\n}\n\n.mjo-tier-title[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-range-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-price-input[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    border-radius: 6px;\n    padding: 5px 8px;\n    width: 100px;\n    transition: all 0.15s ease;\n}\n\n.mjo-price-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary, #0284c7);\n    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);\n}\n\n.mjo-price-val[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: inline-block;\n    padding: 4px 0;\n}\n\n.mjo-disc-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: rgba(22, 163, 74, 0.15);\n    color: #22c55e;\n}\n\n.mjo-standard-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-savings-val[_ngcontent-%COMP%] {\n    color: #22c55e;\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 12.5px;\n}\n\n.mjo-model-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-date-tag[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-th-num[_ngcontent-%COMP%], .mjo-td-num[_ngcontent-%COMP%] { text-align: left; }\n.mjo-th-actions[_ngcontent-%COMP%], .mjo-td-actions[_ngcontent-%COMP%] { text-align: right; }\n\n.mjo-action-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    background: var(--mj-bg-surface, rgba(255, 255, 255, 0.05));\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    font-size: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n    margin-left: 4px;\n}\n\n.mjo-action-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary, #0284c7);\n    border-color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-action-btn--delete[_ngcontent-%COMP%]:hover {\n    color: #ef4444;\n    border-color: #ef4444;\n}\n\n\n\n.mjo-quick-add-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-inputs[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-label[_ngcontent-%COMP%] {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-field-group[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-sub-label[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-input-num[_ngcontent-%COMP%] {\n    width: 65px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    text-align: center;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-price[_ngcontent-%COMP%] {\n    width: 85px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-select[_ngcontent-%COMP%] {\n    padding: 5px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn-add[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #ffffff;\n    background: #0284c7;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-add[_ngcontent-%COMP%]:hover {\n    background: #0369a1;\n}\n\n.mjo-btn-add[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-guard-badge[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: #22c55e;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.mjo-step-curve-wrap[_ngcontent-%COMP%] {\n    padding: 14px 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mjo-step-curve-title[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #94a3b8);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-step-curve-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-curve-bars[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    height: 80px;\n    padding-top: 8px;\n}\n\n.mjo-step-col[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.mjo-step-track[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 60px;\n    height: 100%;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-end;\n}\n\n.mjo-step-fill[_ngcontent-%COMP%] {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);\n    min-height: 8px;\n    transition: height 0.3s ease;\n}\n\n.mjo-step-val[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-loading-state[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 30px;\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-empty-tiers[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n}\n\n.mjo-empty-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(2, 132, 199, 0.15);\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n}\n\n.mjo-empty-text[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 4px 0;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-text[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-grid-wrap[_ngcontent-%COMP%] {\n    padding: 0;\n    min-height: 400px;\n    height: 420px;\n}"] });
+            i0.ɵɵconditional(ctx.QuoteDrawerOpen ? 20 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.NgModel, i2.CdkDropList, i2.CdkDrag, i2.CdkDragHandle, i3.ExplorerEntityDataGridComponent, i4.FilterBuilderComponent, i5.DatePipe], styles: [".mjo-pricing-widget-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    position: relative;\n}\n\n\n\n.mjo-toast[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: 13px;\n    font-weight: 500;\n    animation: _ngcontent-%COMP%_mjo-toast-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    border: 1px solid transparent;\n}\n\n@keyframes _ngcontent-%COMP%_mjo-toast-in {\n    from { opacity: 0; transform: translateY(-6px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.mjo-toast--success[_ngcontent-%COMP%] {\n    background: rgba(22, 163, 74, 0.15);\n    border-color: rgba(22, 163, 74, 0.3);\n    color: #22c55e;\n}\n\n.mjo-toast--error[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.15);\n    border-color: rgba(239, 68, 68, 0.3);\n    color: #f87171;\n}\n\n.mjo-toast--info[_ngcontent-%COMP%] {\n    background: rgba(2, 132, 199, 0.15);\n    border-color: rgba(2, 132, 199, 0.3);\n    color: #38bdf8;\n}\n\n.mjo-toast-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.mjo-toast-left[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.mjo-toast-msg[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n.mjo-toast-close[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    color: currentColor;\n    opacity: 0.7;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 13px;\n}\n\n.mjo-toast-close[_ngcontent-%COMP%]:hover {\n    opacity: 1;\n}\n\n.mjo-pricing-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: var(--mj-radius-lg, 10px);\n    overflow: hidden;\n}\n\n.mjo-card-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.mjo-card-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.mjo-card-title[_ngcontent-%COMP%] {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-card-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-base-pill[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-base-pill[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-pricing-fields[_ngcontent-%COMP%] {\n    padding: 16px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n}\n\n\n\n.mjo-channel-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    padding: 0 12px;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.mjo-channel-list[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    overflow-x: auto;\n}\n\n.mjo-channel-tab[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 14px;\n    background: transparent;\n    border: none;\n    border-bottom: 2px solid transparent;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-channel-tab[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-channel-tab.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n    border-bottom-color: var(--mj-brand-primary, #0284c7);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n}\n\n.mjo-channel-count[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.15));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-channel-tab.active[_ngcontent-%COMP%]   .mjo-channel-count[_ngcontent-%COMP%] {\n    background: rgba(2, 132, 199, 0.18);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-channel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-btn-subtle[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-subtle[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary, #0284c7);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n\n\n.mjo-ladder-table-wrap[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 11px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle, rgba(255, 255, 255, 0.06));\n    color: var(--mj-text-primary, #0f172a);\n    vertical-align: middle;\n}\n\n.mjo-ladder-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover, rgba(255, 255, 255, 0.03));\n}\n\n.mjo-tier-title[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-range-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-price-input[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    border-radius: 6px;\n    padding: 5px 8px;\n    width: 100px;\n    transition: all 0.15s ease;\n}\n\n.mjo-price-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary, #0284c7);\n    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);\n}\n\n.mjo-price-val[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: inline-block;\n    padding: 4px 0;\n}\n\n.mjo-disc-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: rgba(22, 163, 74, 0.15);\n    color: #22c55e;\n}\n\n.mjo-standard-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-savings-val[_ngcontent-%COMP%] {\n    color: #22c55e;\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 12.5px;\n}\n\n.mjo-model-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-date-tag[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-th-num[_ngcontent-%COMP%], .mjo-td-num[_ngcontent-%COMP%] { text-align: left; }\n.mjo-th-actions[_ngcontent-%COMP%], .mjo-td-actions[_ngcontent-%COMP%] { text-align: right; }\n\n.mjo-action-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    background: var(--mj-bg-surface, rgba(255, 255, 255, 0.05));\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    font-size: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n    margin-left: 4px;\n}\n\n.mjo-action-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary, #0284c7);\n    border-color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-action-btn--delete[_ngcontent-%COMP%]:hover {\n    color: #ef4444;\n    border-color: #ef4444;\n}\n\n\n\n.mjo-quick-add-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-inputs[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-label[_ngcontent-%COMP%] {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-field-group[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-sub-label[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-input-num[_ngcontent-%COMP%] {\n    width: 65px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    text-align: center;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-price[_ngcontent-%COMP%] {\n    width: 85px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-select[_ngcontent-%COMP%] {\n    padding: 5px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn-add[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #ffffff;\n    background: #0284c7;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-add[_ngcontent-%COMP%]:hover {\n    background: #0369a1;\n}\n\n.mjo-btn-add[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-guard-badge[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: #22c55e;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.mjo-step-curve-wrap[_ngcontent-%COMP%] {\n    padding: 14px 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mjo-step-curve-title[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #94a3b8);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-step-curve-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-curve-bars[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    height: 80px;\n    padding-top: 8px;\n}\n\n.mjo-step-col[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.mjo-step-track[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 60px;\n    height: 100%;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-end;\n}\n\n.mjo-step-fill[_ngcontent-%COMP%] {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);\n    min-height: 8px;\n    transition: height 0.3s ease;\n}\n\n.mjo-step-val[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-loading-state[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 30px;\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-empty-tiers[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n}\n\n.mjo-empty-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(2, 132, 199, 0.15);\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n}\n\n.mjo-empty-text[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 4px 0;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-text[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-grid-wrap[_ngcontent-%COMP%] {\n    padding: 0;\n    min-height: 400px;\n    height: 420px;\n}\n\n.mjo-price-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px 14px 16px;\n}\n\n.mjo-offer[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    overflow: hidden;\n}\n\n.mjo-offer.selected[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary, #38bdf8);\n    box-shadow: inset 0 0 0 1px var(--mj-brand-primary, #38bdf8);\n}\n\n.mjo-offer-grip[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: grab;\n    padding: 0 4px 0 0;\n    display: inline-flex;\n}\n\n.mjo-offer-h[_ngcontent-%COMP%] {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 108px 1fr auto;\n    gap: 14px;\n    align-items: center;\n    padding: 12px 14px;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-offer-h[_ngcontent-%COMP%]:has(.mjo-offer-grip) {\n    grid-template-columns: 18px 108px 1fr auto;\n}\n\n.mjo-offer-h[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary, #0076b6) 8%, transparent);\n}\n\n.mjo-offer-amt[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: 700;\n    font-size: 18px;\n    letter-spacing: -0.02em;\n    text-align: left;\n}\n\n.mjo-offer-copy[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-offer-name[_ngcontent-%COMP%] {\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.mjo-offer-when[_ngcontent-%COMP%] {\n    font-size: 12.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-offer-from[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-status-success-text, #86efac);\n    white-space: nowrap;\n}\n\n.mjo-offer-body[_ngcontent-%COMP%] {\n    padding: 0 14px 14px;\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-when-read[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    font-size: 13px;\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-when-edit[_ngcontent-%COMP%] {\n    padding-top: 12px;\n}\n\n.mjo-when-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 10px;\n}\n\n.mjo-quote-scrim[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: rgba(2, 6, 23, 0.55);\n    z-index: 40;\n}\n\n.mjo-quote-drawer[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: min(420px, 100vw);\n    background: var(--mj-bg-page, #0f172a);\n    border-left: 1px solid var(--mj-border-default, #334155);\n    z-index: 50;\n    padding: 20px 18px;\n    box-shadow: -16px 0 40px rgba(0, 0, 0, 0.35);\n}\n\n.mjo-quote-drawer-h[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.mjo-quote-drawer[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n}\n\n.mjo-quote-lede[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted, #94a3b8);\n    font-size: 12.5px;\n    margin: 0 0 16px;\n}\n\n.mjo-quote-amt[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 16px 0 6px;\n}\n\n.mjo-quote-why[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-offer.inherited[_ngcontent-%COMP%] {\n    border-style: dashed;\n}\n\n.mjo-offer-from.inherited[_ngcontent-%COMP%] {\n    color: #a78bfa;\n}\n\n.mjo-offer-fields[_ngcontent-%COMP%], \n.mjo-adv-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    padding-top: 12px;\n}\n\n.mjo-input-text[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    color: inherit;\n    border-radius: 8px;\n    padding: 6px 8px;\n    min-width: 120px;\n}\n\n.mjo-when-title[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted, #94a3b8);\n    margin-bottom: 8px;\n}\n\n.mjo-when-rule[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr 110px 1fr;\n    gap: 6px;\n}\n\n.mjo-when-rule[_ngcontent-%COMP%]   select[_ngcontent-%COMP%], \n.mjo-when-rule[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    color: inherit;\n    border-radius: 8px;\n    padding: 6px 8px;\n}\n\n.mjo-inherit-note[_ngcontent-%COMP%] {\n    font-size: 12.5px;\n    color: var(--mj-text-muted, #94a3b8);\n    margin: 12px 0 0;\n}\n\n.mjo-adv[_ngcontent-%COMP%] {\n    margin-top: 10px;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-adv-read[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 16px;\n    padding-top: 4px;\n    font-size: 13px;\n    color: var(--mj-text-secondary, #cbd5e1);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsProductPricingWidgetComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'bizapps-product-pricing-widget', template: "<div class=\"mjo-pricing-widget-wrap\">\n    <!-- Toast Notification Banner -->\n    @if (ActiveToast) {\n        <div class=\"mjo-toast\" [class]=\"'mjo-toast--' + ActiveToast.Type\">\n            <div class=\"mjo-toast-left\">\n                <i [class]=\"ActiveToast.Icon\"></i>\n                <span class=\"mjo-toast-msg\">{{ ActiveToast.Message }}</span>\n            </div>\n            <button type=\"button\" class=\"mjo-toast-close\" (click)=\"DismissToast()\">\n                <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n        </div>\n    }\n\n    <!-- 1. Top Commercial Parameters Card -->\n    <div class=\"mjo-pricing-card\">\n        <div class=\"mjo-card-header\">\n            <div class=\"mjo-card-title\">\n                <i class=\"fa-solid fa-calculator\"></i>\n                <span>Base Commercial Terms &amp; ASC 606 Allocation</span>\n            </div>\n            <div class=\"mjo-base-pill\">\n                Base List: <strong>{{ FormattedBasePrice }}</strong>\n            </div>\n        </div>\n        <div class=\"mjo-pricing-fields\">\n            <mj-form-field \n                [Record]=\"Product\"\n                [ShowLabel]=\"true\"\n                FieldName=\"StandaloneSellingPrice\"\n                Type=\"numerictextbox\"\n                [EditMode]=\"EditMode\"\n                [FormContext]=\"FormContext\"\n                (Navigate)=\"Navigate.emit($event)\">\n            </mj-form-field>\n            <mj-form-field \n                [Record]=\"Product\"\n                [ShowLabel]=\"true\"\n                FieldName=\"RevenueRecognitionTypeID\"\n                Type=\"textbox\"\n                [EditMode]=\"EditMode\"\n                [FormContext]=\"FormContext\"\n                LinkType=\"Record\"\n                (Navigate)=\"Navigate.emit($event)\">\n            </mj-form-field>\n            <mj-form-field \n                [Record]=\"Product\"\n                [ShowLabel]=\"true\"\n                FieldName=\"IsTaxable\"\n                Type=\"checkbox\"\n                [EditMode]=\"EditMode\"\n                [FormContext]=\"FormContext\"\n                (Navigate)=\"Navigate.emit($event)\">\n            </mj-form-field>\n        </div>\n    </div>\n\n    <!-- 2. Channel Segments & Volume Ladder Card -->\n    <div class=\"mjo-pricing-card\">\n        <!-- Channel Segment Tabs Header -->\n        <div class=\"mjo-channel-bar\">\n            <div class=\"mjo-channel-list\">\n                @for (ch of Channels; track ch.ID) {\n                    <button \n                        type=\"button\" \n                        class=\"mjo-channel-tab\" \n                        [class.active]=\"SelectedChannelID === ch.ID\"\n                        (click)=\"SelectChannel(ch.ID)\">\n                        <i [class]=\"ch.Icon\"></i>\n                        <span>{{ ch.Name }}</span>\n                        <span class=\"mjo-channel-count\">{{ ch.TierCount }} {{ ch.TierCount === 1 ? 'Tier' : 'Tiers' }}</span>\n                    </button>\n                }\n            </div>\n\n            <div class=\"mjo-channel-actions\">\n                <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"ToggleAdvancedView()\">\n                    <i [class]=\"IsAdvancedGridView ? 'fa-solid fa-stairs' : 'fa-solid fa-table-cells'\"></i>\n                    <span>{{ IsAdvancedGridView ? 'View Quick Ladder' : 'Advanced Grid View' }}</span>\n                </button>\n                @if (EditMode) {\n                    <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OpenNewPriceDialog()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        <span>Add Channel / Rule</span>\n                    </button>\n                }\n            </div>\n        </div>\n\n        @if (IsAdvancedGridView) {\n            <!-- Full Advanced Entity Data Grid View -->\n            @if (ProductPricesViewParams) {\n                <div class=\"mjo-grid-wrap\">\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"ProductPricesViewParams\"\n                        [NewRecordValues]=\"NewPriceRecordValues\"\n                        [Height]=\"420\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"EditMode\"\n                        [ShowDeleteButton]=\"EditMode\"\n                        (Navigate)=\"Navigate.emit($event)\">\n                    </mj-explorer-entity-data-grid>\n                </div>\n            }\n        } @else {\n            <!-- Option 1: Quick Tier Ladder View -->\n            @if (IsLoading) {\n                <div class=\"mjo-loading-state\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading price tiers\u2026</span>\n                </div>\n            } @else if (LadderTiers.length === 0) {\n                <div class=\"mjo-empty-tiers\">\n                    <div class=\"mjo-empty-icon\"><i class=\"fa-solid fa-tags\"></i></div>\n                    <div class=\"mjo-empty-text\">\n                        <h4>No Pricing Tiers Configured for this Channel</h4>\n                        <p>\n                            @if (EditMode) {\n                                Use the Quick Bracket builder below to add volume-discounted pricing.\n                            } @else {\n                                Switch to Edit mode to configure pricing tiers and volume discounts.\n                            }\n                        </p>\n                    </div>\n                </div>\n            } @else {\n                <div class=\"mjo-ladder-table-wrap\">\n                    <table class=\"mjo-ladder-table\">\n                        <thead>\n                            <tr>\n                                <th>Tier Bracket</th>\n                                <th>Unit Range</th>\n                                <th class=\"mjo-th-num\">Unit Price ($)</th>\n                                <th>Discount vs Base</th>\n                                <th>Unit Savings</th>\n                                <th>Model</th>\n                                <th>Status / Dates</th>\n                                <th class=\"mjo-th-actions\">Actions</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            @for (tier of LadderTiers; track tier.ID) {\n                                <tr>\n                                    <td>\n                                        <strong class=\"mjo-tier-title\">{{ tier.BracketLabel }}</strong>\n                                    </td>\n                                    <td>\n                                        <span class=\"mjo-range-pill\">{{ tier.UnitRangeText }}</span>\n                                    </td>\n                                    <td class=\"mjo-td-num\">\n                                        @if (EditMode) {\n                                            <input \n                                                type=\"text\" \n                                                class=\"mjo-price-input\" \n                                                [value]=\"FormatCurrency(tier.Amount)\"\n                                                (blur)=\"OnPriceInputBlur(tier, $event)\"\n                                                [title]=\"'Edit price for ' + tier.BracketLabel\">\n                                        } @else {\n                                            <strong class=\"mjo-price-val\">{{ FormatCurrency(tier.Amount) }}</strong>\n                                        }\n                                    </td>\n                                    <td>\n                                        @if (tier.DiscountPercent > 0) {\n                                            <span class=\"mjo-disc-tag\">\n                                                <i class=\"fa-solid fa-arrow-down\"></i> {{ tier.DiscountPercent }}% off\n                                            </span>\n                                        } @else {\n                                            <span class=\"mjo-standard-tag\">Standard Base</span>\n                                        }\n                                    </td>\n                                    <td>\n                                        @if (tier.UnitSavings > 0) {\n                                            <strong class=\"mjo-savings-val\">{{ FormatCurrency(tier.UnitSavings) }} / unit</strong>\n                                        } @else {\n                                            <span style=\"color: var(--mj-text-muted, #94a3b8);\">$0.00</span>\n                                        }\n                                    </td>\n                                    <td>\n                                        <span class=\"mjo-model-tag\">{{ tier.PricingModel }}</span>\n                                    </td>\n                                    <td>\n                                        <span class=\"mjo-date-tag\">{{ tier.EffectiveDatesText }}</span>\n                                    </td>\n                                    <td class=\"mjo-td-actions\">\n                                        <button \n                                            type=\"button\" \n                                            class=\"mjo-action-btn\" \n                                            title=\"Open full price rule\" \n                                            (click)=\"OpenTierRecord(tier)\">\n                                            <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                        </button>\n                                        @if (EditMode && !tier.IsBaseBracket) {\n                                            <button \n                                                type=\"button\" \n                                                class=\"mjo-action-btn mjo-action-btn--delete\" \n                                                title=\"Delete tier\" \n                                                (click)=\"DeleteTier(tier)\">\n                                                <i class=\"fa-solid fa-trash\"></i>\n                                            </button>\n                                        }\n                                    </td>\n                                </tr>\n                            }\n                        </tbody>\n                    </table>\n                </div>\n            }\n\n            <!-- Quick Add Tier Bracket Bar (Only active when EditMode is true) -->\n            @if (EditMode) {\n                <div class=\"mjo-quick-add-bar\">\n                    <div class=\"mjo-quick-add-inputs\">\n                        <span class=\"mjo-quick-add-label\">\n                            <i class=\"fa-solid fa-plus-circle\"></i> Add Volume Tier:\n                        </span>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Min:</span>\n                            <input \n                                type=\"number\" \n                                class=\"mjo-input-num\" \n                                [(ngModel)]=\"NewTierMin\" \n                                min=\"1\">\n                        </label>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Max:</span>\n                            <input \n                                type=\"number\" \n                                class=\"mjo-input-num\" \n                                [(ngModel)]=\"NewTierMax\" \n                                placeholder=\"\u221E\">\n                        </label>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Price ($):</span>\n                            <input \n                                type=\"number\" \n                                class=\"mjo-input-price\" \n                                [(ngModel)]=\"NewTierPrice\" \n                                min=\"0\" \n                                step=\"0.01\">\n                        </label>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Model:</span>\n                            <select class=\"mjo-input-select\" [(ngModel)]=\"NewTierModel\">\n                                <option value=\"Volume\">Volume</option>\n                                <option value=\"PerUnit\">PerUnit</option>\n                                <option value=\"Tiered\">Tiered</option>\n                                <option value=\"Flat\">Flat</option>\n                            </select>\n                        </label>\n                        <button \n                            type=\"button\" \n                            class=\"mjo-btn-add\" \n                            [disabled]=\"IsSaving\" \n                            (click)=\"AddTierBracket()\">\n                            @if (IsSaving) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                <span>Saving\u2026</span>\n                            } @else {\n                                <i class=\"fa-solid fa-plus\"></i>\n                                <span>Add Bracket</span>\n                            }\n                        </button>\n                    </div>\n\n                    <div class=\"mjo-guard-badge\">\n                        <i class=\"fa-solid fa-shield-halved\"></i>\n                        <span>Gap &amp; overlap protection active</span>\n                    </div>\n                </div>\n            }\n\n            <!-- Volume Step Curve Diagram -->\n            @if (StepBars.length > 0) {\n                <div class=\"mjo-step-curve-wrap\">\n                    <div class=\"mjo-step-curve-title\">\n                        <i class=\"fa-solid fa-chart-simple\"></i>\n                        <span>Live Volume Step Curve (Base vs Tiers)</span>\n                    </div>\n                    <div class=\"mjo-step-curve-bars\">\n                        @for (bar of StepBars; track bar.Label) {\n                            <div class=\"mjo-step-col\">\n                                <span class=\"mjo-step-val\">{{ bar.FormattedAmount }}</span>\n                                <div class=\"mjo-step-track\">\n                                    <div class=\"mjo-step-fill\" [style.height.%]=\"bar.Percentage\"></div>\n                                </div>\n                                <span class=\"mjo-step-label\">{{ bar.Label }} units</span>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n        }\n    </div>\n</div>\n", styles: [".mjo-pricing-widget-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    position: relative;\n}\n\n/* In-Widget Toast Notification */\n.mjo-toast {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: 13px;\n    font-weight: 500;\n    animation: mjo-toast-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    border: 1px solid transparent;\n}\n\n@keyframes mjo-toast-in {\n    from { opacity: 0; transform: translateY(-6px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.mjo-toast--success {\n    background: rgba(22, 163, 74, 0.15);\n    border-color: rgba(22, 163, 74, 0.3);\n    color: #22c55e;\n}\n\n.mjo-toast--error {\n    background: rgba(239, 68, 68, 0.15);\n    border-color: rgba(239, 68, 68, 0.3);\n    color: #f87171;\n}\n\n.mjo-toast--info {\n    background: rgba(2, 132, 199, 0.15);\n    border-color: rgba(2, 132, 199, 0.3);\n    color: #38bdf8;\n}\n\n.mjo-toast-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.mjo-toast-left i {\n    font-size: 16px;\n}\n\n.mjo-toast-msg {\n    line-height: 1.4;\n}\n\n.mjo-toast-close {\n    background: transparent;\n    border: none;\n    color: currentColor;\n    opacity: 0.7;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 13px;\n}\n\n.mjo-toast-close:hover {\n    opacity: 1;\n}\n\n.mjo-pricing-card {\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: var(--mj-radius-lg, 10px);\n    overflow: hidden;\n}\n\n.mjo-card-header {\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.mjo-card-title {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-card-title i {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-base-pill {\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-base-pill strong {\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-pricing-fields {\n    padding: 16px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n}\n\n/* Channel Tabs Header */\n.mjo-channel-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    padding: 0 12px;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.mjo-channel-list {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    overflow-x: auto;\n}\n\n.mjo-channel-tab {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 14px;\n    background: transparent;\n    border: none;\n    border-bottom: 2px solid transparent;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-channel-tab:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-channel-tab.active {\n    color: var(--mj-brand-primary, #0284c7);\n    border-bottom-color: var(--mj-brand-primary, #0284c7);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n}\n\n.mjo-channel-count {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.15));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-channel-tab.active .mjo-channel-count {\n    background: rgba(2, 132, 199, 0.18);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-channel-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-btn-subtle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-subtle:hover {\n    border-color: var(--mj-brand-primary, #0284c7);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n/* Tier Ladder Table */\n.mjo-ladder-table-wrap {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-ladder-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n}\n\n.mjo-ladder-table th {\n    padding: 10px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-ladder-table td {\n    padding: 11px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle, rgba(255, 255, 255, 0.06));\n    color: var(--mj-text-primary, #0f172a);\n    vertical-align: middle;\n}\n\n.mjo-ladder-table tr:hover {\n    background: var(--mj-bg-surface-hover, rgba(255, 255, 255, 0.03));\n}\n\n.mjo-tier-title {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-range-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-price-input {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    border-radius: 6px;\n    padding: 5px 8px;\n    width: 100px;\n    transition: all 0.15s ease;\n}\n\n.mjo-price-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary, #0284c7);\n    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);\n}\n\n.mjo-price-val {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: inline-block;\n    padding: 4px 0;\n}\n\n.mjo-disc-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: rgba(22, 163, 74, 0.15);\n    color: #22c55e;\n}\n\n.mjo-standard-tag {\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-savings-val {\n    color: #22c55e;\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 12.5px;\n}\n\n.mjo-model-tag {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-date-tag {\n    font-size: 11.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-th-num, .mjo-td-num { text-align: left; }\n.mjo-th-actions, .mjo-td-actions { text-align: right; }\n\n.mjo-action-btn {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    background: var(--mj-bg-surface, rgba(255, 255, 255, 0.05));\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    font-size: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n    margin-left: 4px;\n}\n\n.mjo-action-btn:hover {\n    color: var(--mj-brand-primary, #0284c7);\n    border-color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-action-btn--delete:hover {\n    color: #ef4444;\n    border-color: #ef4444;\n}\n\n/* 1-Click Quick Add Bar */\n.mjo-quick-add-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-inputs {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-label {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-field-group {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-sub-label {\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-input-num {\n    width: 65px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    text-align: center;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-price {\n    width: 85px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-select {\n    padding: 5px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn-add {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #ffffff;\n    background: #0284c7;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-add:hover {\n    background: #0369a1;\n}\n\n.mjo-btn-add:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-guard-badge {\n    font-size: 11.5px;\n    color: #22c55e;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Volume Step Curve Diagram */\n.mjo-step-curve-wrap {\n    padding: 14px 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mjo-step-curve-title {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #94a3b8);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-step-curve-title i {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-curve-bars {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    height: 80px;\n    padding-top: 8px;\n}\n\n.mjo-step-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.mjo-step-track {\n    width: 100%;\n    max-width: 60px;\n    height: 100%;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-end;\n}\n\n.mjo-step-fill {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);\n    min-height: 8px;\n    transition: height 0.3s ease;\n}\n\n.mjo-step-val {\n    font-size: 11px;\n    font-weight: 700;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-label {\n    font-size: 10px;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-loading-state {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 30px;\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-empty-tiers {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n}\n\n.mjo-empty-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(2, 132, 199, 0.15);\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n}\n\n.mjo-empty-text h4 {\n    margin: 0 0 4px 0;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-text p {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-grid-wrap {\n    padding: 0;\n    min-height: 400px;\n    height: 420px;\n}\n"] }]
+        args: [{ standalone: false, selector: 'bizapps-product-pricing-widget', template: "<div class=\"mjo-pricing-widget-wrap\">\n    @if (ActiveToast) {\n        <div class=\"mjo-toast\" [class]=\"'mjo-toast--' + ActiveToast.Type\">\n            <div class=\"mjo-toast-left\">\n                <i [class]=\"ActiveToast.Icon\"></i>\n                <span class=\"mjo-toast-msg\">{{ ActiveToast.Message }}</span>\n            </div>\n            <button type=\"button\" class=\"mjo-toast-close\" (click)=\"DismissToast()\">\n                <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n        </div>\n    }\n\n    <div class=\"mjo-pricing-card\">\n        <div class=\"mjo-card-header\">\n            <div class=\"mjo-card-title\">\n                <i class=\"fa-solid fa-tags\"></i>\n                <span>Prices</span>\n            </div>\n            <div class=\"mjo-card-header-actions\">\n                <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OpenQuote()\">\n                    <i class=\"fa-solid fa-flask\"></i>\n                    <span>Test a quote</span>\n                </button>\n                <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"ToggleAdvancedView()\">\n                    <i [class]=\"IsAdvancedGridView ? 'fa-solid fa-tags' : 'fa-solid fa-table-cells'\"></i>\n                    <span>{{ IsAdvancedGridView ? 'Prices' : 'Advanced grid' }}</span>\n                </button>\n            </div>\n        </div>\n\n        @if (ShowChannelBar) {\n            <div class=\"mjo-channel-bar\">\n                <div class=\"mjo-channel-list\">\n                    @for (ch of Channels; track ch.ID) {\n                        <button\n                            type=\"button\"\n                            class=\"mjo-channel-tab\"\n                            [class.active]=\"SelectedChannelID === ch.ID\"\n                            (click)=\"SelectChannel(ch.ID)\">\n                            <i [class]=\"ch.Icon\"></i>\n                            <span>{{ ch.Name }}</span>\n                            <span class=\"mjo-channel-count\">{{ ch.TierCount }} {{ ch.TierCount === 1 ? 'price' : 'prices' }}</span>\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @if (IsAdvancedGridView) {\n            @if (ProductPricesViewParams) {\n                <div class=\"mjo-grid-wrap\">\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"ProductPricesViewParams\"\n                        [NewRecordValues]=\"NewPriceRecordValues\"\n                        [Height]=\"420\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"EditMode\"\n                        [ShowDeleteButton]=\"EditMode\"\n                        (Navigate)=\"Navigate.emit($event)\">\n                    </mj-explorer-entity-data-grid>\n                </div>\n            }\n        } @else {\n            @if (IsLoading) {\n                <div class=\"mjo-loading-state\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading prices\u2026</span>\n                </div>\n            } @else if (VisiblePrices.length === 0) {\n                <div class=\"mjo-empty-tiers\">\n                    <div class=\"mjo-empty-icon\"><i class=\"fa-solid fa-tags\"></i></div>\n                    <div class=\"mjo-empty-text\">\n                        <h4>No prices on this channel</h4>\n                        <p>\n                            @if (EditMode) {\n                                Add a price. When is optional \u2014 only if this rate is not for everyone.\n                            } @else {\n                                Switch to Edit to add prices.\n                            }\n                        </p>\n                    </div>\n                </div>\n            } @else {\n                <div\n                    class=\"mjo-price-list\"\n                    cdkDropList\n                    [cdkDropListDisabled]=\"!EditMode\"\n                    (cdkDropListDropped)=\"OnPriceDrop($event)\">\n                    @for (row of VisiblePrices; track row.ID) {\n                        <article\n                            class=\"mjo-offer\"\n                            cdkDrag\n                            [cdkDragDisabled]=\"!EditMode || row.Inherited\"\n                            [class.open]=\"ExpandedPriceID === row.ID && PriceCanExpand(row)\"\n                            [class.selected]=\"SelectedPriceID === row.ID\"\n                            [class.inherited]=\"row.Inherited\">\n                            <button type=\"button\" class=\"mjo-offer-h\" (click)=\"TogglePrice(row)\">\n                                @if (EditMode && !row.Inherited) {\n                                    <span class=\"mjo-offer-grip\" cdkDragHandle title=\"Drag to change rank\">\n                                        <i class=\"fa-solid fa-grip-vertical\"></i>\n                                    </span>\n                                }\n                                <span class=\"mjo-offer-amt\">{{ FormatCurrency(row.Amount) }}</span>\n                                <span class=\"mjo-offer-copy\">\n                                    <span class=\"mjo-offer-name\">{{ row.Name }}</span>\n                                    @if (row.WhenText) {\n                                        <span class=\"mjo-offer-when\">{{ row.WhenText }}</span>\n                                    }\n                                </span>\n                                <span class=\"mjo-offer-from\" [class.inherited]=\"row.Inherited\">{{ row.SourceLabel }}</span>\n                            </button>\n                            @if (ExpandedPriceID === row.ID && PriceCanExpand(row)) {\n                                <div class=\"mjo-offer-body\" (click)=\"$event.stopPropagation()\">\n                                    @if (row.Inherited) {\n                                        <p class=\"mjo-inherit-note\">\n                                            Inherited. A price with this name on the product replaces it.\n                                            @if (EditMode) {\n                                                <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OverrideInherited(row)\">Override on this product</button>\n                                            }\n                                        </p>\n                                    } @else {\n                                        @if (EditMode) {\n                                            <div class=\"mjo-offer-fields\">\n                                                <label class=\"mjo-field-group\">\n                                                    <span class=\"mjo-sub-label\">Name</span>\n                                                    <input class=\"mjo-input-text\" [(ngModel)]=\"row.Record.Name\" (blur)=\"SavePrice(row.Record)\">\n                                                </label>\n                                                <label class=\"mjo-field-group\">\n                                                    <span class=\"mjo-sub-label\">Amount</span>\n                                                    <input type=\"number\" class=\"mjo-input-price\" [(ngModel)]=\"row.Record.Amount\" min=\"0\" step=\"0.01\" (blur)=\"SavePrice(row.Record)\">\n                                                </label>\n                                                <label class=\"mjo-field-group\">\n                                                    <span class=\"mjo-sub-label\">Model</span>\n                                                    <select class=\"mjo-input-select\" [(ngModel)]=\"row.Record.PricingModel\" (change)=\"SavePrice(row.Record)\">\n                                                        <option value=\"PerUnit\">Per unit</option>\n                                                        <option value=\"Package\">Package</option>\n                                                        <option value=\"Volume\">Volume</option>\n                                                        <option value=\"Flat\">Flat</option>\n                                                    </select>\n                                                </label>\n                                            </div>\n                                        }\n                                        @if (EditMode && row.WhenText && WhenEditorPriceID !== row.ID) {\n                                            <div class=\"mjo-when-read\">\n                                                <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OpenWhenEditor(row)\">Edit When</button>\n                                            </div>\n                                        } @else if (EditMode && WhenEditorPriceID !== row.ID) {\n                                            <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OpenWhenEditor(row)\">+ When</button>\n                                        }\n                                        @if (EditMode && WhenEditorPriceID === row.ID) {\n                                            <div class=\"mjo-when-edit\">\n                                                <div class=\"mjo-when-title\">When this price applies</div>\n                                                <mj-filter-builder\n                                                    [fields]=\"WhenFields\"\n                                                    [filter]=\"WhenFilter\"\n                                                    [showSummary]=\"true\"\n                                                    (filterChange)=\"OnWhenFilterChange($event)\">\n                                                </mj-filter-builder>\n                                                <div class=\"mjo-when-actions\">\n                                                    <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"ClearWhen(row)\">Remove When</button>\n                                                    <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"CloseWhenEditor()\">Cancel</button>\n                                                    <button type=\"button\" class=\"mjo-btn-add\" (click)=\"SaveWhen(row)\">Save When</button>\n                                                </div>\n                                            </div>\n                                        }\n                                        @if (HasAdvanced(row.Record) || AdvancedEditingID === row.ID) {\n                                            <div class=\"mjo-adv\">\n                                                <div class=\"mjo-when-title\">Qty, dates, fee</div>\n                                                @if (EditMode) {\n                                                    <div class=\"mjo-adv-grid\">\n                                                        <label class=\"mjo-field-group\"><span class=\"mjo-sub-label\">Min qty</span>\n                                                            <input type=\"number\" class=\"mjo-input-num\" [(ngModel)]=\"row.Record.MinQuantity\" (blur)=\"SavePrice(row.Record)\">\n                                                        </label>\n                                                        <label class=\"mjo-field-group\"><span class=\"mjo-sub-label\">Max qty</span>\n                                                            <input type=\"number\" class=\"mjo-input-num\" [(ngModel)]=\"row.Record.MaxQuantity\" (blur)=\"SavePrice(row.Record)\">\n                                                        </label>\n                                                        <label class=\"mjo-field-group\"><span class=\"mjo-sub-label\">Fee type</span>\n                                                            <input class=\"mjo-input-text\" [(ngModel)]=\"row.Record.FeeType\" (blur)=\"SavePrice(row.Record)\">\n                                                        </label>\n                                                        <label class=\"mjo-field-group\"><span class=\"mjo-sub-label\">Priority</span>\n                                                            <input type=\"number\" class=\"mjo-input-num\" [(ngModel)]=\"row.Record.Priority\" (blur)=\"SavePrice(row.Record)\">\n                                                        </label>\n                                                    </div>\n                                                } @else {\n                                                    <div class=\"mjo-adv-read\">\n                                                        @if (row.Record.MinQuantity != null) {\n                                                            <span>Min qty {{ row.Record.MinQuantity }}</span>\n                                                        }\n                                                        @if (row.Record.MaxQuantity != null) {\n                                                            <span>Max qty {{ row.Record.MaxQuantity }}</span>\n                                                        }\n                                                        @if (row.Record.FeeType && row.Record.FeeType !== 'Standard') {\n                                                            <span>{{ row.Record.FeeType }}</span>\n                                                        }\n                                                        @if (row.Record.EffectiveTo) {\n                                                            <span>Until {{ row.Record.EffectiveTo | date:'mediumDate' }}</span>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        } @else if (EditMode) {\n                                            <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"OpenAdvanced(row.ID, $event)\">+ Qty, dates, fee</button>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </article>\n                    }\n                </div>\n            }\n\n            @if (EditMode) {\n                <div class=\"mjo-quick-add-bar\">\n                    <div class=\"mjo-quick-add-inputs\">\n                        <span class=\"mjo-quick-add-label\">\n                            <i class=\"fa-solid fa-plus-circle\"></i> Add price\n                        </span>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Name</span>\n                            <input class=\"mjo-input-text\" [(ngModel)]=\"NewPriceName\" placeholder=\"Base\">\n                        </label>\n                        <label class=\"mjo-field-group\">\n                            <span class=\"mjo-sub-label\">Amount</span>\n                            <input type=\"number\" class=\"mjo-input-price\" [(ngModel)]=\"NewPriceAmount\" min=\"0\" step=\"0.01\">\n                        </label>\n                        <button type=\"button\" class=\"mjo-btn-add\" [disabled]=\"IsSaving\" (click)=\"AddPrice()\">\n                            @if (IsSaving) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                <span>Saving\u2026</span>\n                            } @else {\n                                <i class=\"fa-solid fa-plus\"></i>\n                                <span>Add price</span>\n                            }\n                        </button>\n                    </div>\n                </div>\n            }\n        }\n    </div>\n</div>\n\n@if (QuoteDrawerOpen) {\n    <div class=\"mjo-quote-scrim\" (click)=\"CloseQuote()\"></div>\n    <aside class=\"mjo-quote-drawer\" role=\"dialog\" aria-label=\"Test a quote\">\n        <div class=\"mjo-quote-drawer-h\">\n            <h3>Test a quote</h3>\n            <button type=\"button\" class=\"mjo-btn-subtle\" (click)=\"CloseQuote()\">Close</button>\n        </div>\n        <p class=\"mjo-quote-lede\">Optional. Sample bill-to type against these prices. Same walk as GL \u2014 product then category.</p>\n        <label class=\"mjo-field-group\">\n            <span class=\"mjo-sub-label\">Bill-to organization Type</span>\n            <select class=\"mjo-input-select\" [(ngModel)]=\"QuoteOrgType\" (ngModelChange)=\"RunQuote()\">\n                <option value=\"Member\">Member</option>\n                <option value=\"Prospect\">Prospect</option>\n            </select>\n        </label>\n        <label class=\"mjo-field-group\">\n            <span class=\"mjo-sub-label\">Qty</span>\n            <input type=\"number\" class=\"mjo-input-num\" [(ngModel)]=\"SimQuantity\" min=\"1\" (ngModelChange)=\"RunQuote()\">\n        </label>\n        <div class=\"mjo-quote-amt\">{{ QuoteResult.AmountText }}</div>\n        <p class=\"mjo-quote-why\">{{ QuoteResult.Why }}</p>\n        @if (QuoteResult.Skipped) {\n            <p class=\"mjo-quote-why\">{{ QuoteResult.Skipped }}</p>\n        }\n    </aside>\n}\n", styles: [".mjo-pricing-widget-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    position: relative;\n}\n\n/* In-Widget Toast Notification */\n.mjo-toast {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    border-radius: var(--mj-radius-md, 8px);\n    font-size: 13px;\n    font-weight: 500;\n    animation: mjo-toast-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    border: 1px solid transparent;\n}\n\n@keyframes mjo-toast-in {\n    from { opacity: 0; transform: translateY(-6px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.mjo-toast--success {\n    background: rgba(22, 163, 74, 0.15);\n    border-color: rgba(22, 163, 74, 0.3);\n    color: #22c55e;\n}\n\n.mjo-toast--error {\n    background: rgba(239, 68, 68, 0.15);\n    border-color: rgba(239, 68, 68, 0.3);\n    color: #f87171;\n}\n\n.mjo-toast--info {\n    background: rgba(2, 132, 199, 0.15);\n    border-color: rgba(2, 132, 199, 0.3);\n    color: #38bdf8;\n}\n\n.mjo-toast-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.mjo-toast-left i {\n    font-size: 16px;\n}\n\n.mjo-toast-msg {\n    line-height: 1.4;\n}\n\n.mjo-toast-close {\n    background: transparent;\n    border: none;\n    color: currentColor;\n    opacity: 0.7;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 13px;\n}\n\n.mjo-toast-close:hover {\n    opacity: 1;\n}\n\n.mjo-pricing-card {\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: var(--mj-radius-lg, 10px);\n    overflow: hidden;\n}\n\n.mjo-card-header-actions {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.mjo-card-header {\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.mjo-card-title {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-card-title i {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-base-pill {\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-base-pill strong {\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-pricing-fields {\n    padding: 16px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n}\n\n/* Channel Tabs Header */\n.mjo-channel-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    padding: 0 12px;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.mjo-channel-list {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    overflow-x: auto;\n}\n\n.mjo-channel-tab {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 14px;\n    background: transparent;\n    border: none;\n    border-bottom: 2px solid transparent;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-channel-tab:hover {\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-channel-tab.active {\n    color: var(--mj-brand-primary, #0284c7);\n    border-bottom-color: var(--mj-brand-primary, #0284c7);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n}\n\n.mjo-channel-count {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.15));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-channel-tab.active .mjo-channel-count {\n    background: rgba(2, 132, 199, 0.18);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-channel-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.mjo-btn-subtle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface-card, rgba(255, 255, 255, 0.05));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-subtle:hover {\n    border-color: var(--mj-brand-primary, #0284c7);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n/* Tier Ladder Table */\n.mjo-ladder-table-wrap {\n    overflow-x: auto;\n    width: 100%;\n}\n\n.mjo-ladder-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    text-align: left;\n}\n\n.mjo-ladder-table th {\n    padding: 10px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #64748b);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.05));\n    border-bottom: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-ladder-table td {\n    padding: 11px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle, rgba(255, 255, 255, 0.06));\n    color: var(--mj-text-primary, #0f172a);\n    vertical-align: middle;\n}\n\n.mjo-ladder-table tr:hover {\n    background: var(--mj-bg-surface-hover, rgba(255, 255, 255, 0.03));\n}\n\n.mjo-tier-title {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-range-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-price-input {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    border-radius: 6px;\n    padding: 5px 8px;\n    width: 100px;\n    transition: all 0.15s ease;\n}\n\n.mjo-price-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary, #0284c7);\n    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);\n}\n\n.mjo-price-val {\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n    display: inline-block;\n    padding: 4px 0;\n}\n\n.mjo-disc-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: rgba(22, 163, 74, 0.15);\n    color: #22c55e;\n}\n\n.mjo-standard-tag {\n    font-size: 11px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-savings-val {\n    color: #22c55e;\n    font-family: var(--mj-font-mono, monospace);\n    font-size: 12.5px;\n}\n\n.mjo-model-tag {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-date-tag {\n    font-size: 11.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-th-num, .mjo-td-num { text-align: left; }\n.mjo-th-actions, .mjo-td-actions { text-align: right; }\n\n.mjo-action-btn {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    background: var(--mj-bg-surface, rgba(255, 255, 255, 0.05));\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: pointer;\n    font-size: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n    margin-left: 4px;\n}\n\n.mjo-action-btn:hover {\n    color: var(--mj-brand-primary, #0284c7);\n    border-color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-action-btn--delete:hover {\n    color: #ef4444;\n    border-color: #ef4444;\n}\n\n/* 1-Click Quick Add Bar */\n.mjo-quick-add-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-inputs {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.mjo-quick-add-label {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-field-group {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.mjo-sub-label {\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-input-num {\n    width: 65px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    text-align: center;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-price {\n    width: 85px;\n    padding: 5px 8px;\n    font-size: 12.5px;\n    font-family: var(--mj-font-mono, monospace);\n    font-weight: 700;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-input-select {\n    padding: 5px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.15));\n    background: var(--mj-bg-surface, rgba(0, 0, 0, 0.2));\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-btn-add {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #ffffff;\n    background: #0284c7;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-btn-add:hover {\n    background: #0369a1;\n}\n\n.mjo-btn-add:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.mjo-guard-badge {\n    font-size: 11.5px;\n    color: #22c55e;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Volume Step Curve Diagram */\n.mjo-step-curve-wrap {\n    padding: 14px 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mjo-step-curve-title {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted, #94a3b8);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-step-curve-title i {\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-curve-bars {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    height: 80px;\n    padding-top: 8px;\n}\n\n.mjo-step-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    justify-content: flex-end;\n}\n\n.mjo-step-track {\n    width: 100%;\n    max-width: 60px;\n    height: 100%;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.1));\n    border-radius: 4px 4px 0 0;\n    display: flex;\n    align-items: flex-end;\n}\n\n.mjo-step-fill {\n    width: 100%;\n    border-radius: 4px 4px 0 0;\n    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);\n    min-height: 8px;\n    transition: height 0.3s ease;\n}\n\n.mjo-step-val {\n    font-size: 11px;\n    font-weight: 700;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-brand-primary, #0284c7);\n}\n\n.mjo-step-label {\n    font-size: 10px;\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-loading-state {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 30px;\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-empty-tiers {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n}\n\n.mjo-empty-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(2, 132, 199, 0.15);\n    color: var(--mj-brand-primary, #0284c7);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n}\n\n.mjo-empty-text h4 {\n    margin: 0 0 4px 0;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-empty-text p {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-grid-wrap {\n    padding: 0;\n    min-height: 400px;\n    height: 420px;\n}\n\n.mjo-price-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px 14px 16px;\n}\n\n.mjo-offer {\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.12));\n    overflow: hidden;\n}\n\n.mjo-offer.selected {\n    border-color: var(--mj-brand-primary, #38bdf8);\n    box-shadow: inset 0 0 0 1px var(--mj-brand-primary, #38bdf8);\n}\n\n.mjo-offer-grip {\n    color: var(--mj-text-muted, #94a3b8);\n    cursor: grab;\n    padding: 0 4px 0 0;\n    display: inline-flex;\n}\n\n.mjo-offer-h {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 108px 1fr auto;\n    gap: 14px;\n    align-items: center;\n    padding: 12px 14px;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-offer-h:has(.mjo-offer-grip) {\n    grid-template-columns: 18px 108px 1fr auto;\n}\n\n.mjo-offer-h:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary, #0076b6) 8%, transparent);\n}\n\n.mjo-offer-amt {\n    font-variant-numeric: tabular-nums;\n    font-weight: 700;\n    font-size: 18px;\n    letter-spacing: -0.02em;\n    text-align: left;\n}\n\n.mjo-offer-copy {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-offer-name {\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.mjo-offer-when {\n    font-size: 12.5px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-offer-from {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-status-success-text, #86efac);\n    white-space: nowrap;\n}\n\n.mjo-offer-body {\n    padding: 0 14px 14px;\n    border-top: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.1));\n}\n\n.mjo-when-read {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    padding-top: 12px;\n    font-size: 13px;\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n\n.mjo-when-edit {\n    padding-top: 12px;\n}\n\n.mjo-when-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 10px;\n}\n\n.mjo-quote-scrim {\n    position: fixed;\n    inset: 0;\n    background: rgba(2, 6, 23, 0.55);\n    z-index: 40;\n}\n\n.mjo-quote-drawer {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: min(420px, 100vw);\n    background: var(--mj-bg-page, #0f172a);\n    border-left: 1px solid var(--mj-border-default, #334155);\n    z-index: 50;\n    padding: 20px 18px;\n    box-shadow: -16px 0 40px rgba(0, 0, 0, 0.35);\n}\n\n.mjo-quote-drawer-h {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.mjo-quote-drawer h3 {\n    margin: 0;\n    font-size: 16px;\n}\n\n.mjo-quote-lede {\n    color: var(--mj-text-muted, #94a3b8);\n    font-size: 12.5px;\n    margin: 0 0 16px;\n}\n\n.mjo-quote-amt {\n    font-size: 28px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 16px 0 6px;\n}\n\n.mjo-quote-why {\n    font-size: 13px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-offer.inherited {\n    border-style: dashed;\n}\n\n.mjo-offer-from.inherited {\n    color: #a78bfa;\n}\n\n.mjo-offer-fields,\n.mjo-adv-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    padding-top: 12px;\n}\n\n.mjo-input-text {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    color: inherit;\n    border-radius: 8px;\n    padding: 6px 8px;\n    min-width: 120px;\n}\n\n.mjo-when-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted, #94a3b8);\n    margin-bottom: 8px;\n}\n\n.mjo-when-rule {\n    display: grid;\n    grid-template-columns: 1fr 1fr 110px 1fr;\n    gap: 6px;\n}\n\n.mjo-when-rule select,\n.mjo-when-rule input {\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.2));\n    border: 1px solid var(--mj-border-default, rgba(255, 255, 255, 0.12));\n    color: inherit;\n    border-radius: 8px;\n    padding: 6px 8px;\n}\n\n.mjo-inherit-note {\n    font-size: 12.5px;\n    color: var(--mj-text-muted, #94a3b8);\n    margin: 12px 0 0;\n}\n\n.mjo-adv {\n    margin-top: 10px;\n    font-size: 12px;\n    color: var(--mj-text-muted, #94a3b8);\n}\n\n.mjo-adv-read {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 16px;\n    padding-top: 4px;\n    font-size: 13px;\n    color: var(--mj-text-secondary, #cbd5e1);\n}\n"] }]
     }], () => [], { Product: [{
             type: Input
         }], EditMode: [{
@@ -946,5 +1477,5 @@ export class BizAppsProductPricingWidgetComponent {
         }], TierAdded: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsProductPricingWidgetComponent, { className: "BizAppsProductPricingWidgetComponent", filePath: "lib/custom/Product/widgets/product-pricing-widget.component.ts", lineNumber: 80 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsProductPricingWidgetComponent, { className: "BizAppsProductPricingWidgetComponent", filePath: "lib/custom/Product/widgets/product-pricing-widget.component.ts", lineNumber: 111 }); })();
 //# sourceMappingURL=product-pricing-widget.component.js.map