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

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

@@ -0,0 +1,950 @@
+import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
+import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
+import { GetGlobalObjectStore } from '@memberjunction/global';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { FormatMoney } from '../../../panels/money-format.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-base-forms";
+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.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span", 19);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "button", 20);
+    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.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap("mjo-toast--" + ctx_r1.ActiveToast.Type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.ActiveToast.Icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.ActiveToast.Message);
+} }
+function BizAppsProductPricingWidgetComponent_For_20_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.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 23);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ch_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    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");
+} }
+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");
+    i0.ɵɵelementEnd()();
+} }
+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)); });
+    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);
+} 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);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading price tiers\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_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_28_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 33);
+    i0.ɵɵelement(2, "i", 34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 35)(4, "h4");
+    i0.ɵɵtext(5, "No Pricing Tiers Configured for 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.ɵɵ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)); });
+    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);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tier_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(tier_r9.Amount));
+} }
+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);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tier_r9 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", tier_r9.DiscountPercent, "% off ");
+} }
+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");
+    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.ɵɵ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");
+} }
+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_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);
+    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);
+    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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td")(17, "span", 48);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "td")(20, "span", 49);
+    i0.ɵɵtext(21);
+    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.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(25, BizAppsProductPricingWidgetComponent_Conditional_28_Conditional_2_For_22_Conditional_25_Template, 2, 0, "button", 53);
+    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);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(tier_r9.PricingModel);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(tier_r9.EffectiveDatesText);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.EditMode && !tier_r9.IsBaseBracket ? 25 : -1);
+} }
+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");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Unit Range");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th", 37);
+    i0.ɵɵtext(9, "Unit Price ($)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Discount vs Base");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Unit Savings");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th");
+    i0.ɵɵtext(15, "Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th");
+    i0.ɵɵtext(17, "Status / Dates");
+    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);
+} }
+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");
+    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");
+    i0.ɵɵelementEnd();
+} }
+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: ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "label", 61)(6, "span", 62);
+    i0.ɵɵtext(7, "Min:");
+    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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "label", 61)(14, "span", 62);
+    i0.ɵɵtext(15, "Price ($):");
+    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:");
+    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");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "option", 68);
+    i0.ɵɵtext(24, "PerUnit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "option", 69);
+    i0.ɵɵtext(26, "Tiered");
+    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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 72);
+    i0.ɵɵelement(33, "i", 73);
+    i0.ɵɵelementStart(34, "span");
+    i0.ɵɵtext(35, "Gap & overlap protection active");
+    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.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierPrice);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewTierModel);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsSaving ? 30 : 31);
+} }
+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()();
+} 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");
+} }
+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()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵrepeater(ctx_r1.StepBars);
+} }
+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);
+} 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();
+    i0.ɵɵconditional(ctx_r1.StepBars.length > 0 ? 4 : -1);
+} }
+const PRODUCT_PRICES_ENTITY = 'MJ_BizApps_Orders: Product Prices';
+const PRICE_LISTS_ENTITY = 'MJ_BizApps_Orders: Price Lists';
+/**
+ * World-Class Product Pricing Matrix & Volume Ladder Widget (Option 1).
+ *
+ * Provides commercial channel segmentation (Base List, Wholesale, Partner),
+ * rapid 1-click volume tier ladder configuration with automatic gap/overlap protection,
+ * live discount & savings math, non-intrusive toast notifications, and an interactive step curve.
+ */
+export class BizAppsProductPricingWidgetComponent {
+    Product;
+    EditMode = false;
+    FormContext;
+    Navigate = new EventEmitter();
+    PriceChanged = new EventEmitter();
+    TierAdded = new EventEmitter();
+    cdr;
+    navService;
+    constructor() {
+        try {
+            this.cdr = inject(ChangeDetectorRef, { optional: true }) ?? undefined;
+        }
+        catch {
+            this.cdr = undefined;
+        }
+        try {
+            this.navService = inject(NavigationService, { optional: true }) ?? undefined;
+        }
+        catch {
+            this.navService = undefined;
+        }
+    }
+    IsLoading = false;
+    IsSaving = false;
+    IsAdvancedGridView = false;
+    ActiveToast = null;
+    toastTimer;
+    Channels = [
+        { ID: null, Name: 'Base / Direct List', Icon: 'fa-solid fa-globe', TierCount: 0 }
+    ];
+    SelectedChannelID = null;
+    AllPriceRecords = [];
+    LadderTiers = [];
+    StepBars = [];
+    // Quick Add Tier Model
+    NewTierMin = 1;
+    NewTierMax = null;
+    NewTierPrice = 0;
+    NewTierModel = 'Volume';
+    // Pricing Simulation
+    SimQuantity = 1;
+    SimResult = {
+        DiscountPercent: 0,
+        UnitPrice: 0,
+        TotalAmount: 0,
+        TotalSavings: 0,
+    };
+    RecalculateSimulation() {
+        const base = this.Product?.StandaloneSellingPrice ?? 0;
+        let discount = 0;
+        if (this.SimQuantity >= 50) {
+            discount = 25;
+        }
+        else if (this.SimQuantity >= 25) {
+            discount = 15;
+        }
+        else if (this.SimQuantity >= 10) {
+            discount = 10;
+        }
+        const unit = base * (1 - discount / 100);
+        const total = unit * this.SimQuantity;
+        const savings = (base * this.SimQuantity) - total;
+        this.SimResult = {
+            DiscountPercent: discount,
+            UnitPrice: unit,
+            TotalAmount: total,
+            TotalSavings: savings,
+        };
+    }
+    ngOnInit() {
+        this.LoadPricingData();
+    }
+    ngOnChanges(changes) {
+        if (changes['Product'] && !changes['Product'].isFirstChange()) {
+            this.LoadPricingData();
+        }
+    }
+    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);
+        }
+        const baseFirstTier = this.AllPriceRecords.find(p => !p.PriceListID && (Number(p.MinQuantity) === 1 || !p.MinQuantity));
+        if (baseFirstTier && Number(baseFirstTier.Amount) > 0) {
+            return Number(baseFirstTier.Amount);
+        }
+        return 0;
+    }
+    get FormattedBasePrice() {
+        return FormatMoney(this.BaseListPrice);
+    }
+    get ProductPricesViewParams() {
+        if (!this.Product?.ID)
+            return null;
+        return {
+            EntityName: PRODUCT_PRICES_ENTITY,
+            ExtraFilter: `ProductID = '${this.Product.ID}'`,
+            OrderBy: 'MinQuantity ASC, EffectiveFrom DESC',
+            ResultType: 'entity_object',
+        };
+    }
+    get NewPriceRecordValues() {
+        return {
+            ProductID: this.Product?.ID,
+            PriceListID: this.SelectedChannelID,
+        };
+    }
+    async LoadPricingData() {
+        if (!this.Product?.ID)
+            return;
+        this.IsLoading = true;
+        this.cdr?.markForCheck();
+        try {
+            if (this.Product.Prices) {
+                await this.Product.Prices.Load();
+                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 rv = new RunView();
+            const listsResult = await rv.RunView({
+                EntityName: PRICE_LISTS_ENTITY,
+                OrderBy: 'Name ASC',
+                ResultType: 'entity_object',
+                MaxRows: 50,
+            });
+            // Build Channels
+            const availableLists = listsResult.Success && listsResult.Results ? listsResult.Results : [];
+            this.buildChannelsList(availableLists);
+            // Build Ladder for currently selected channel
+            this.rebuildLadder();
+        }
+        catch (err) {
+            console.error('Failed to load product pricing records:', err);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    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,
+            }
+        ];
+        for (const pl of allPriceLists) {
+            const tierCount = this.AllPriceRecords.filter(p => p.PriceListID === pl.ID).length;
+            let icon = 'fa-solid fa-tags';
+            const nameLower = (pl.Name || '').toLowerCase();
+            if (nameLower.includes('wholesale'))
+                icon = 'fa-solid fa-boxes-stacked';
+            else if (nameLower.includes('partner'))
+                icon = 'fa-solid fa-handshake';
+            else if (nameLower.includes('gov') || nameLower.includes('non-profit'))
+                icon = 'fa-solid fa-building-columns';
+            else if (nameLower.includes('vip') || nameLower.includes('enterprise'))
+                icon = 'fa-solid fa-crown';
+            channels.push({
+                ID: pl.ID,
+                Name: pl.Name || 'Custom Price List',
+                Icon: icon,
+                TierCount: tierCount,
+                DiscountDescription: pl.Description || undefined,
+            });
+        }
+        this.Channels = channels;
+    }
+    SelectChannel(channelId) {
+        this.SelectedChannelID = channelId;
+        this.rebuildLadder();
+    }
+    ToggleAdvancedView() {
+        this.IsAdvancedGridView = !this.IsAdvancedGridView;
+        this.cdr?.markForCheck();
+    }
+    rebuildLadder() {
+        const channelRecords = this.AllPriceRecords
+            .filter(p => (this.SelectedChannelID === null ? !p.PriceListID : p.PriceListID === this.SelectedChannelID))
+            .sort((a, b) => (Number(a.MinQuantity) || 0) - (Number(b.MinQuantity) || 0));
+        const base = this.BaseListPrice;
+        const tiers = channelRecords.map((rec, index) => {
+            const min = Number(rec.MinQuantity) || 1;
+            const max = rec.MaxQuantity != null && !isNaN(Number(rec.MaxQuantity)) ? Number(rec.MaxQuantity) : null;
+            const amount = Number(rec.Amount) || 0;
+            const savings = Math.max(0, base - amount);
+            const discountPct = base > 0 ? Math.max(0, Math.round((savings / base) * 1000) / 10) : 0;
+            let bracketLabel = `Tier ${index + 1}`;
+            if (index === 0 && min === 1)
+                bracketLabel = 'Tier 1 (Base)';
+            else if (max != null && max <= 49)
+                bracketLabel = `Tier ${index + 1} (Mid-Market)`;
+            else if (max != null && max <= 99)
+                bracketLabel = `Tier ${index + 1} (Volume)`;
+            else
+                bracketLabel = `Tier ${index + 1} (Enterprise)`;
+            const rangeText = max != null ? `${min} – ${max} units` : `${min}+ units`;
+            return {
+                Record: rec,
+                ID: rec.ID,
+                TierNumber: index + 1,
+                BracketLabel: bracketLabel,
+                MinQuantity: min,
+                MaxQuantity: max,
+                UnitRangeText: rangeText,
+                Amount: amount,
+                DiscountPercent: discountPct,
+                UnitSavings: savings,
+                PricingModel: rec.PricingModel || 'PerUnit',
+                FeeType: rec.FeeType || 'Standard',
+                EffectiveDatesText: rec.EffectiveTo ? `Until ${new Date(rec.EffectiveTo).toLocaleDateString()}` : 'Always Active',
+                IsBaseBracket: index === 0 && min === 1 && this.SelectedChannelID === null,
+            };
+        });
+        this.LadderTiers = tiers;
+        // Auto-configure quick-add fields for next tier
+        if (tiers.length === 0) {
+            this.NewTierMin = 1;
+            this.NewTierMax = 9;
+            this.NewTierPrice = base > 0 ? base : 100;
+            this.NewTierModel = 'PerUnit';
+        }
+        else {
+            const lastTier = tiers[tiers.length - 1];
+            if (lastTier.MaxQuantity != null && !isNaN(Number(lastTier.MaxQuantity))) {
+                this.NewTierMin = Number(lastTier.MaxQuantity) + 1;
+                this.NewTierMax = this.NewTierMin + 49;
+                this.NewTierPrice = Math.max(1, Math.round((Number(lastTier.Amount) || base || 100) * 0.85));
+            }
+            else {
+                this.NewTierMin = (Number(lastTier.MinQuantity) || 1) + 50;
+                this.NewTierMax = null;
+                this.NewTierPrice = Math.max(1, Math.round((Number(lastTier.Amount) || base || 100) * 0.85));
+            }
+            this.NewTierModel = 'Volume';
+        }
+        // Build Step Curve Bars
+        this.buildStepBars(tiers, base);
+        this.cdr?.markForCheck();
+    }
+    buildStepBars(tiers, basePrice) {
+        if (tiers.length === 0) {
+            this.StepBars = [];
+            return;
+        }
+        let maxPrice = basePrice;
+        for (const t of tiers) {
+            if (t.Amount > maxPrice)
+                maxPrice = t.Amount;
+        }
+        this.StepBars = tiers.map(t => {
+            const pct = maxPrice > 0 ? Math.max(12, Math.round((t.Amount / maxPrice) * 100)) : 100;
+            const shortLabel = t.MaxQuantity != null ? `${t.MinQuantity}–${t.MaxQuantity}` : `${t.MinQuantity}+`;
+            return {
+                Label: shortLabel,
+                Amount: t.Amount,
+                FormattedAmount: FormatMoney(t.Amount),
+                Percentage: pct,
+            };
+        });
+    }
+    async AddTierBracket() {
+        if (!this.Product?.ID) {
+            this.ShowToast('Cannot add pricing tier: Product must be saved first.', 'error');
+            return;
+        }
+        const minQty = Number(this.NewTierMin) || 1;
+        const maxQtyVal = this.NewTierMax != null && String(this.NewTierMax).trim() !== ''
+            ? Number(this.NewTierMax)
+            : null;
+        const maxQty = maxQtyVal !== null && !isNaN(maxQtyVal) && maxQtyVal >= minQty
+            ? maxQtyVal
+            : null;
+        const amount = Number(this.NewTierPrice);
+        this.IsSaving = true;
+        this.cdr?.markForCheck();
+        try {
+            // 1. Auto-adjust prior open-ended or overlapping sibling tiers in the same channel
+            const channelSiblings = this.AllPriceRecords.filter(p => (this.SelectedChannelID === null ? !p.PriceListID : p.PriceListID === this.SelectedChannelID) &&
+                p.Status === 'Active' &&
+                (p.FeeType || 'Standard') === 'Standard');
+            for (const sib of channelSiblings) {
+                const sibMin = Number(sib.MinQuantity) || 1;
+                const sibMax = sib.MaxQuantity != null ? Number(sib.MaxQuantity) : null;
+                // If sibling started before our new tier and has open end (null) or extends into our range
+                if (sibMin < minQty && (sibMax === null || sibMax >= minQty)) {
+                    sib.MaxQuantity = minQty - 1;
+                    const sibSaved = await sib.Save();
+                    if (!sibSaved) {
+                        console.warn('Could not adjust sibling tier upper bound:', sib.LatestResult);
+                    }
+                }
+            }
+            // 2. Instantiate and save the new tier bracket
+            let newPrice;
+            if (this.Product.Prices) {
+                newPrice = await this.Product.Prices.Create();
+            }
+            else {
+                const md = new Metadata();
+                const obj = await md.GetEntityObject(PRODUCT_PRICES_ENTITY);
+                if (!obj)
+                    throw new Error(`Failed to create entity object for ${PRODUCT_PRICES_ENTITY}`);
+                newPrice = obj;
+            }
+            newPrice.ProductID = this.Product.ID;
+            newPrice.PriceListID = this.SelectedChannelID;
+            newPrice.MinQuantity = minQty;
+            newPrice.MaxQuantity = maxQty;
+            newPrice.Amount = isNaN(amount) ? 0 : amount;
+            newPrice.PricingModel = this.NewTierModel || 'Volume';
+            newPrice.FeeType = 'Standard';
+            newPrice.Priority = 0;
+            newPrice.Status = 'Active';
+            newPrice.EffectiveFrom = new Date();
+            const saved = await newPrice.Save();
+            if (saved) {
+                await this.LoadPricingData();
+                this.PriceChanged.emit();
+                this.TierAdded.emit(newPrice);
+                const bracketDesc = maxQty != null ? `${minQty}–${maxQty} units` : `${minQty}+ units`;
+                this.ShowToast(`Added tier bracket (${bracketDesc}) for ${this.FormatCurrency(amount)}`, 'success');
+            }
+            else {
+                console.error('Failed to save product price record:', newPrice.LatestResult);
+                const errMsg = this.extractErrorMessage(newPrice.LatestResult);
+                this.ShowToast(`Could not save pricing bracket: ${errMsg}`, 'error', 6000);
+            }
+        }
+        catch (err) {
+            console.error('Failed to create tier bracket:', err);
+            const errMsg = err instanceof Error ? err.message : String(err);
+            this.ShowToast(`Error creating pricing bracket: ${errMsg}`, 'error', 6000);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    async OnPriceInputBlur(tier, event) {
+        const input = event.target;
+        const rawVal = parseFloat(input.value.replace(/[^0-9.]/g, ''));
+        if (isNaN(rawVal) || rawVal === tier.Amount) {
+            input.value = this.FormatCurrency(tier.Amount);
+            return;
+        }
+        tier.Record.Amount = rawVal;
+        this.IsSaving = true;
+        this.cdr?.markForCheck();
+        try {
+            const saved = await tier.Record.Save();
+            if (saved) {
+                await this.LoadPricingData();
+                this.PriceChanged.emit();
+                this.ShowToast(`Updated price for ${tier.BracketLabel} to ${this.FormatCurrency(rawVal)}`, 'success');
+            }
+            else {
+                console.error('Failed to update price:', tier.Record.LatestResult);
+                const errMsg = this.extractErrorMessage(tier.Record.LatestResult);
+                this.ShowToast(`Failed to update price: ${errMsg}`, 'error');
+                input.value = this.FormatCurrency(tier.Amount);
+            }
+        }
+        catch (err) {
+            console.error('Failed to update tier price:', err);
+            const errMsg = err instanceof Error ? err.message : String(err);
+            this.ShowToast(`Error updating price: ${errMsg}`, 'error');
+            input.value = this.FormatCurrency(tier.Amount);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    async DeleteTier(tier) {
+        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();
+                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');
+            }
+        }
+        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');
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    OpenTierRecord(tier) {
+        this.Navigate.emit({
+            Kind: 'record',
+            EntityName: PRODUCT_PRICES_ENTITY,
+            PrimaryKey: CompositeKey.FromID(tier.ID),
+        });
+        if (this.navService) {
+            this.navService.OpenEntityRecord(PRODUCT_PRICES_ENTITY, CompositeKey.FromID(tier.ID));
+        }
+    }
+    OpenNewPriceDialog() {
+        this.Navigate.emit({
+            Kind: 'new-record',
+            EntityName: PRODUCT_PRICES_ENTITY,
+            DefaultValues: this.NewPriceRecordValues,
+        });
+        if (this.navService) {
+            this.navService.OpenNewEntityRecord(PRODUCT_PRICES_ENTITY, this.NewPriceRecordValues);
+        }
+    }
+    ShowToast(message, type = 'info', durationMs = 4000) {
+        let icon = 'fa-solid fa-circle-info';
+        if (type === 'success')
+            icon = 'fa-solid fa-circle-check';
+        if (type === 'error')
+            icon = 'fa-solid fa-triangle-exclamation';
+        this.ActiveToast = { Type: type, Message: message, Icon: icon };
+        this.cdr?.markForCheck();
+        try {
+            const store = GetGlobalObjectStore();
+            const notifService = store ? store['MJNotificationService'] : undefined;
+            if (notifService && typeof notifService.CreateSimpleNotification === 'function') {
+                notifService.CreateSimpleNotification(message, type, durationMs);
+            }
+        }
+        catch {
+            // Safe fallback
+        }
+        if (this.toastTimer) {
+            clearTimeout(this.toastTimer);
+        }
+        this.toastTimer = setTimeout(() => {
+            this.ActiveToast = null;
+            this.cdr?.markForCheck();
+        }, durationMs);
+    }
+    DismissToast() {
+        if (this.toastTimer) {
+            clearTimeout(this.toastTimer);
+        }
+        this.ActiveToast = null;
+        this.cdr?.markForCheck();
+    }
+    extractErrorMessage(result) {
+        if (!result)
+            return 'An unexpected error occurred.';
+        if (typeof result === 'string') {
+            try {
+                const parsed = JSON.parse(result);
+                return parsed.Message || parsed.message || result;
+            }
+            catch {
+                return result;
+            }
+        }
+        if (typeof result === 'object' && result !== null) {
+            const obj = result;
+            if (typeof obj['Message'] === 'string')
+                return this.extractErrorMessage(obj['Message']);
+            if (typeof obj['message'] === 'string')
+                return this.extractErrorMessage(obj['message']);
+        }
+        return 'Operation failed';
+    }
+    FormatCurrency(val) {
+        return FormatMoney(val);
+    }
+    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) {
+            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.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(26, BizAppsProductPricingWidgetComponent_Conditional_26_Template, 4, 0, "button", 16);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(27, BizAppsProductPricingWidgetComponent_Conditional_27_Template, 1, 1)(28, BizAppsProductPricingWidgetComponent_Conditional_28_Template, 5, 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveToast ? 1 : -1);
+            i0.ɵɵadvance(10);
+            i0.ɵɵtextInterpolate(ctx.FormattedBasePrice);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Record", ctx.Product)("ShowLabel", true)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Record", ctx.Product)("ShowLabel", true)("EditMode", ctx.EditMode)("FormContext", ctx.FormContext);
+            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.ɵɵ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}"] });
+}
+(() => { (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"] }]
+    }], () => [], { Product: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], FormContext: [{
+            type: Input
+        }], Navigate: [{
+            type: Output
+        }], PriceChanged: [{
+            type: Output
+        }], TierAdded: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsProductPricingWidgetComponent, { className: "BizAppsProductPricingWidgetComponent", filePath: "lib/custom/Product/widgets/product-pricing-widget.component.ts", lineNumber: 80 }); })();
+//# sourceMappingURL=product-pricing-widget.component.js.map