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

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.js

@@ -0,0 +1,179 @@
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
+import { WorkspaceTipDirective } from './workspace-tip.directive.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Id;
+function WorkspaceTabStripComponent_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
+} if (rf & 2) {
+    const tab_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(tab_r2.Icon);
+} }
+function WorkspaceTabStripComponent_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 7);
+} }
+function WorkspaceTabStripComponent_For_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1, "\u2022");
+    i0.ɵɵelementEnd();
+} }
+function WorkspaceTabStripComponent_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "button", 5);
+    i0.ɵɵlistener("click", function WorkspaceTabStripComponent_For_3_Template_button_click_1_listener() { const tab_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.TabSelected.emit(tab_r2.Id)); });
+    i0.ɵɵconditionalCreate(2, WorkspaceTabStripComponent_For_3_Conditional_2_Template, 1, 2, "i", 6);
+    i0.ɵɵconditionalCreate(3, WorkspaceTabStripComponent_For_3_Conditional_3_Template, 1, 0, "i", 7);
+    i0.ɵɵelementStart(4, "span", 8);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, WorkspaceTabStripComponent_For_3_Conditional_6_Template, 2, 0, "span", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 10);
+    i0.ɵɵlistener("click", function WorkspaceTabStripComponent_For_3_Template_button_click_7_listener() { const tab_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.TabClosed.emit(tab_r2.Id)); });
+    i0.ɵɵelement(8, "i", 11);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const tab_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("ws-tab--active", tab_r2.Id === ctx_r2.ActiveId)("ws-tab--rejected", tab_r2.Status === "rejected")("ws-tab--complete", tab_r2.Status === "complete");
+    i0.ɵɵattribute("aria-selected", tab_r2.Id === ctx_r2.ActiveId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(tab_r2.Icon ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tab_r2.Status === "rejected" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("mjTip", tab_r2.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tab_r2.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tab_r2.Dirty ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Close " + tab_r2.Label);
+} }
+function WorkspaceTabStripComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function WorkspaceTabStripComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.NewTabRequested.emit()); });
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", ctx_r2.NewTabLabel);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.NewTabLabel);
+} }
+/**
+ * The workspace tab strip — presentation over `WorkspaceTabStore` (UI plan §8.0).
+ *
+ * Dumb by design: it renders the tabs it is handed and emits intent. The store holds the state
+ * machine; the host owns what a tab's payload means. That split keeps it framework-clean + transferable.
+ *
+ * **Browser-tab behavior lives HERE** (Marcelo 2026-07-21) so every consumer inherits it:
+ *  - pinned new-tab button; the tab LIST scrolls horizontally *behind* it on overflow;
+ *  - tabs size to their text up to `--ws-tab-max`, then ellipsize; the inline unsaved-dot pushes the label;
+ *  - the tab body keeps the default arrow cursor (like browser tabs);
+ *  - the full label shows via the reusable `mjTip` tooltip when a tab is truncated (delayed, non-interactive).
+ */
+export class WorkspaceTabStripComponent {
+    Tabs = [];
+    ActiveId = null;
+    ShowNewTab = true;
+    NewTabLabel = 'New';
+    TabSelected = new EventEmitter();
+    TabClosed = new EventEmitter();
+    NewTabRequested = new EventEmitter();
+    TabReordered = new EventEmitter();
+    /** CDK drop — emit the reorder intent; the host applies it to the store (the strip stays dumb). */
+    onDrop(event) {
+        if (event.previousIndex !== event.currentIndex) {
+            this.TabReordered.emit({ previousIndex: event.previousIndex, currentIndex: event.currentIndex });
+        }
+    }
+    static ɵfac = function WorkspaceTabStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkspaceTabStripComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkspaceTabStripComponent, selectors: [["mj-workspace-tab-strip"]], inputs: { Tabs: "Tabs", ActiveId: "ActiveId", ShowNewTab: "ShowNewTab", NewTabLabel: "NewTabLabel" }, outputs: { TabSelected: "TabSelected", TabClosed: "TabClosed", NewTabRequested: "NewTabRequested", TabReordered: "TabReordered" }, decls: 5, vars: 1, consts: [[1, "ws-tabbar"], ["role", "tablist", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "ws-tabs", 3, "cdkDropListDropped"], ["cdkDrag", "", "role", "tab", 1, "ws-tab", 3, "ws-tab--active", "ws-tab--rejected", "ws-tab--complete"], ["type", "button", 1, "ws-tabs__new"], ["cdkDrag", "", "role", "tab", 1, "ws-tab"], ["type", "button", 1, "ws-tab__select", 3, "click"], ["aria-hidden", "true", 3, "class"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation", "ws-tab__reject-icon"], [1, "ws-tab__label", 3, "mjTip"], ["aria-label", "unsaved changes", 1, "ws-tab__dirty"], ["type", "button", 1, "ws-tab__close", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], ["aria-hidden", "true"], ["type", "button", 1, "ws-tabs__new", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], [1, "ws-tabs__new-label"]], template: function WorkspaceTabStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵlistener("cdkDropListDropped", function WorkspaceTabStripComponent_Template_div_cdkDropListDropped_1_listener($event) { return ctx.onDrop($event); });
+            i0.ɵɵrepeaterCreate(2, WorkspaceTabStripComponent_For_3_Template, 9, 13, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(4, WorkspaceTabStripComponent_Conditional_4_Template, 4, 2, "button", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Tabs);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ShowNewTab ? 4 : -1);
+        } }, dependencies: [CommonModule, CdkDropList, CdkDrag, WorkspaceTipDirective], styles: ["\n\n\n[_nghost-%COMP%] {\n  display: block;\n  \n\n\n  --ws-tab-max: 210px;\n}\n\n\n\n\n.ws-tabbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: stretch;\n  \n\n\n\n  border-bottom: 1px solid var(--mj-border-default);\n  \n\n\n  padding-top: 8px;\n  \n\n  min-height: 46px;\n}\n\n.ws-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: stretch;\n  gap: 4px;\n  \n\n  padding: 0 4px 0 12px;\n  \n\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  \n\n\n\n  overflow-y: hidden;\n  scrollbar-width: thin;\n}\n\n.ws-tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  \n\n\n  max-width: var(--ws-tab-max);\n  flex: none;\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  \n\n\n\n  background: var(--mj-bg-page);\n  margin-bottom: -1px;\n}\n.ws-tab--active[_ngcontent-%COMP%] {\n  \n\n\n\n  background: var(--mj-bg-surface);\n  border-color: var(--mj-border-default);\n  box-shadow: inset 0 2px 0 0 var(--mj-brand-primary);\n}\n.ws-tab--rejected[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-warning-border, var(--mj-status-warning));\n  background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface-card));\n}\n.ws-tab--complete[_ngcontent-%COMP%] {\n  border-color: color-mix(in srgb, var(--mj-status-success) 40%, var(--mj-border-default));\n}\n\n.ws-tab__select[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 4px 8px 11px;\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-family: inherit;\n  \n\n  cursor: default;\n  \n\n  flex: 0 1 auto;\n  min-width: 0;\n}\n.ws-tab--active[_ngcontent-%COMP%]   .ws-tab__select[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n.ws-tab__select[_ngcontent-%COMP%]:focus-visible, \n.ws-tab__close[_ngcontent-%COMP%]:focus-visible, \n.ws-tabs__new[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--mj-border-focus);\n  outline-offset: -2px;\n}\n\n.ws-tab__label[_ngcontent-%COMP%] {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  \n\n\n  text-overflow: ellipsis;\n}\n\n.ws-tab__reject-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  font-size: 12px;\n  flex: none;\n}\n\n\n\n\n.ws-tab__dirty[_ngcontent-%COMP%] {\n  flex: none;\n  padding-left: 3px;\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n  line-height: 0;\n  pointer-events: none;\n}\n\n.ws-tab__close[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-right: 6px;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 11px;\n  flex: none;\n}\n.ws-tab__close[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n\n\n.ws-tabs__new[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  flex: none;\n  border: none;\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-link);\n  font-size: 13px;\n  font-family: inherit;\n  cursor: pointer;\n  white-space: nowrap;\n  \n\n\n\n  align-self: stretch;\n  margin-top: -8px;\n  \n\n\n\n  border-radius: 0 8px 0 0;\n}\n.ws-tabs__new[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n\n\n\n\n\n\n\n.ws-tab.cdk-drag[_ngcontent-%COMP%] {\n  cursor: default;\n}\n\n\n\n.cdk-drag-preview.ws-tab[_ngcontent-%COMP%] {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);\n  border-radius: 8px 8px 0 0;\n}\n\n\n.ws-tab.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0.35;\n}\n\n\n.cdk-drag-animating[_ngcontent-%COMP%], \n.ws-tabs.cdk-drop-list-dragging[_ngcontent-%COMP%]   .ws-tab[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 180ms cubic-bezier(0, 0, 0.2, 1);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceTabStripComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-workspace-tab-strip', imports: [CommonModule, CdkDropList, CdkDrag, WorkspaceTipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ws-tabbar">
+      <div
+        class="ws-tabs"
+        role="tablist"
+        cdkDropList
+        cdkDropListOrientation="horizontal"
+        (cdkDropListDropped)="onDrop($event)">
+        @for (tab of Tabs; track tab.Id) {
+          <div
+            class="ws-tab"
+            cdkDrag
+            [class.ws-tab--active]="tab.Id === ActiveId"
+            [class.ws-tab--rejected]="tab.Status === 'rejected'"
+            [class.ws-tab--complete]="tab.Status === 'complete'"
+            role="tab"
+            [attr.aria-selected]="tab.Id === ActiveId">
+            <button type="button" class="ws-tab__select" (click)="TabSelected.emit(tab.Id)">
+              @if (tab.Icon) {
+                <i [class]="tab.Icon" aria-hidden="true"></i>
+              }
+              @if (tab.Status === 'rejected') {
+                <i class="fa-solid fa-triangle-exclamation ws-tab__reject-icon" aria-hidden="true"></i>
+              }
+              <span class="ws-tab__label" [mjTip]="tab.Label">{{ tab.Label }}</span>
+              @if (tab.Dirty) {
+                <!-- Inline dot (no reserved slot): it PUSHES the label, so the ellipsis shifts left on a
+                     capped tab and a short tab grows by the dot's width (Marcelo 2026-07-21). -->
+                <span class="ws-tab__dirty" aria-label="unsaved changes">&bull;</span>
+              }
+            </button>
+            <button
+              type="button"
+              class="ws-tab__close"
+              [attr.aria-label]="'Close ' + tab.Label"
+              (click)="TabClosed.emit(tab.Id)">
+              <i class="fa-solid fa-xmark" aria-hidden="true"></i>
+            </button>
+          </div>
+        }
+      </div>
+      @if (ShowNewTab) {
+        <button type="button" class="ws-tabs__new" (click)="NewTabRequested.emit()" [attr.aria-label]="NewTabLabel">
+          <i class="fa-solid fa-plus" aria-hidden="true"></i>
+          <span class="ws-tabs__new-label">{{ NewTabLabel }}</span>
+        </button>
+      }
+    </div>
+  `, styles: ["/* Workspace tab strip. Design tokens only \u2014 see nav-rail.component.css for the same rationale. */\n\n:host {\n  display: block;\n  /* MAX tab width. Tabs size to their text and only grow to this cap, then clip with an ellipsis\n     (Marcelo 2026-07-21 \u2014 a fixed width left short tabs mostly empty). */\n  --ws-tab-max: 210px;\n}\n\n/* The bar = the scrollable tab list + the PINNED new-tab button as siblings. The bottom rule runs\n   the full width here so it spans the button too, not just under the tabs. */\n.ws-tabbar {\n  display: flex;\n  align-items: stretch;\n  /* Full-width baseline across the top of the page \u2014 the consistent separator (Marcelo 2026-07-21:\n     preferred over an active-tab merge, which the horizontal scroller clips; the merge's only\n     workarounds are fragile/poor-Safari). The active tab comes forward by COLOR, not by clearing this. */\n  border-bottom: 1px solid var(--mj-border-default);\n  /* Breathing room above the tabs so they don't jam against the card's top edge / get clipped by its\n     rounded corner \u2014 they read as tabs on the card, not cut off (Marcelo 2026-07-21). */\n  padding-top: 8px;\n  /* A touch taller so the horizontal scrollbar isn't cramped against the tabs (Marcelo 2026-07-21). */\n  min-height: 46px;\n}\n\n.ws-tabs {\n  display: flex;\n  align-items: stretch;\n  gap: 4px;\n  /* Indented, NOT flush: the first tab lines up with the card's content gutter (Marcelo 2026-07-16). */\n  padding: 0 4px 0 12px;\n  /* The tab list is what scrolls \u2014 behind the pinned new-tab button (browser new-tab behavior). */\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  /* MUST be explicit: per the overflow spec a `visible` axis paired with a non-`visible` axis COMPUTES\n     TO `auto`, so `overflow-x:auto` alone silently made the strip vertically scrollable (the active\n     tab's `margin-bottom:-1px` gave it 1px to scroll). Pin the vertical axis hidden. */\n  overflow-y: hidden;\n  scrollbar-width: thin;\n}\n\n.ws-tab {\n  display: flex;\n  align-items: center;\n  /* Content-sized up to the cap; flex:none so a tab keeps its content width and the LIST scrolls on\n     overflow (never squashes). */\n  max-width: var(--ws-tab-max);\n  flex: none;\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  /* Inactive = the PAGE background (the darkest surface tier) so unselected tabs recede to the page,\n     while the active tab (bg-surface) clearly comes forward \u2014 consistent ordering in both light and\n     dark mode (Marcelo 2026-07-21). */\n  background: var(--mj-bg-page);\n  margin-bottom: -1px;\n}\n.ws-tab--active {\n  /* Active = the base surface + a brand top-accent line (the VS Code pattern Marcelo referenced) \u2014 an\n     inset box-shadow so it adds NO height/shift. This makes the selected tab obvious in BOTH light and\n     dark mode without needing a seamless baseline-merge (which the horizontal-scroll clip blocks). */\n  background: var(--mj-bg-surface);\n  border-color: var(--mj-border-default);\n  box-shadow: inset 0 2px 0 0 var(--mj-brand-primary);\n}\n.ws-tab--rejected {\n  border-color: var(--mj-status-warning-border, var(--mj-status-warning));\n  background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface-card));\n}\n.ws-tab--complete {\n  border-color: color-mix(in srgb, var(--mj-status-success) 40%, var(--mj-border-default));\n}\n\n.ws-tab__select {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 4px 8px 11px;\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-family: inherit;\n  /* Regular arrow over a tab body, like browser tabs \u2014 NOT the clicky finger (Marcelo 2026-07-21). */\n  cursor: default;\n  /* Content-sized (NOT flex:1) so the tab hugs its text; min-width:0 lets the label ellipsize at cap. */\n  flex: 0 1 auto;\n  min-width: 0;\n}\n.ws-tab--active .ws-tab__select {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n.ws-tab__select:focus-visible,\n.ws-tab__close:focus-visible,\n.ws-tabs__new:focus-visible {\n  outline: 2px solid var(--mj-border-focus);\n  outline-offset: -2px;\n}\n\n.ws-tab__label {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  /* Ellipsis at the cap. (A right-FADE can't coexist with content-sizing in pure CSS \u2014 it would fade\n     a short label's own text; the fade needs JS truncation-measurement, available on request.) */\n  text-overflow: ellipsis;\n}\n\n.ws-tab__reject-icon {\n  color: var(--mj-status-warning);\n  font-size: 12px;\n  flex: none;\n}\n\n/* Inline dot \u2014 present only when dirty; it pushes the label (ellipsis shifts left on a capped tab).\n   No reserved slot: the text moves over rather than leaving a permanent gap (Marcelo 2026-07-21). */\n.ws-tab__dirty {\n  flex: none;\n  padding-left: 3px;\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n  line-height: 0;\n  pointer-events: none;\n}\n\n.ws-tab__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-right: 6px;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 11px;\n  flex: none;\n}\n.ws-tab__close:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n/* Pinned: flex:none keeps it at the right of the bar while .ws-tabs scrolls behind it. */\n.ws-tabs__new {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  flex: none;\n  border: none;\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-link);\n  font-size: 13px;\n  font-family: inherit;\n  cursor: pointer;\n  white-space: nowrap;\n  /* Fill to the TOP of the card \u2014 cancel the bar's top padding for the button only, so it doesn't\n     \"cut off early\" above the tab row. Top corners rounded (like the tabs) so a hover highlight\n     isn't a surprising sharp rectangle; bottom stays square to meet the baseline (Marcelo 2026-07-21). */\n  align-self: stretch;\n  margin-top: -8px;\n  /* Round only the OUTER (top-right) corner; the top-left stays square + flush against the border\n     divider that separates it from the tabs \u2014 rounding it would notch it off the divider (browsers\n     keep the +-button's tab-side edge flush too). Marcelo 2026-07-21. */\n  border-radius: 0 8px 0 0;\n}\n.ws-tabs__new:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n/* The truncation tooltip is now the reusable `mjTip` directive (workspace-tip.directive.ts) \u2014 themed\n   inline + a neutral shadow, shared with the account-name hover. No per-strip tooltip styles here. */\n\n/* \u2500\u2500\u2500 Drag-reorder (CDK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Default arrow cursor over tabs \u2014 NOT a grab/move hand (Marcelo 2026-07-21, browser convention). */\n.ws-tab.cdk-drag {\n  cursor: default;\n}\n/* The floating clone while dragging \u2014 keep it looking like a tab, add a lift shadow (neutral so it\n   reads the same in both modes). */\n.cdk-drag-preview.ws-tab {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);\n  border-radius: 8px 8px 0 0;\n}\n/* The gap the tab leaves behind \u2014 a faded outline, not a solid block. */\n.ws-tab.cdk-drag-placeholder {\n  opacity: 0.35;\n}\n/* Smooth settle when a tab is dropped + neighbours sliding aside during a drag. */\n.cdk-drag-animating,\n.ws-tabs.cdk-drop-list-dragging .ws-tab:not(.cdk-drag-placeholder) {\n  transition: transform 180ms cubic-bezier(0, 0, 0.2, 1);\n}\n"] }]
+    }], null, { Tabs: [{
+            type: Input
+        }], ActiveId: [{
+            type: Input
+        }], ShowNewTab: [{
+            type: Input
+        }], NewTabLabel: [{
+            type: Input
+        }], TabSelected: [{
+            type: Output
+        }], TabClosed: [{
+            type: Output
+        }], NewTabRequested: [{
+            type: Output
+        }], TabReordered: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkspaceTabStripComponent, { className: "WorkspaceTabStripComponent", filePath: "lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.ts", lineNumber: 81 }); })();
+//# sourceMappingURL=workspace-tab-strip.component.js.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-strip.component.js","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tab-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAe,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;;IA4ClD,wBAA6C;;;IAA1C,0BAAkB;;;IAGrB,uBAAuF;;;IAMvF,+BAAyD;IAAA,sBAAM;IAAA,iBAAO;;;;IAX1E,AARF,8BAO6C,gBACqC;IAAnC,+MAAS,kCAAwB,KAAC;IAC7E,gGAAgB;IAGhB,gGAAiC;IAGjC,+BAAgD;IAAA,YAAe;IAAA,iBAAO;IACtE,mGAAiB;IAKnB,iBAAS;IACT,kCAImC;IAAjC,+MAAS,gCAAsB,KAAC;IAChC,wBAAoD;IAExD,AADE,iBAAS,EACL;;;;IAxBJ,AADA,AADA,+DAA4C,kDACQ,kDACA;;IAIlD,eAEC;IAFD,sCAEC;IACD,cAEC;IAFD,uDAEC;IAC2B,cAAmB;IAAnB,oCAAmB;IAAC,cAAe;IAAf,kCAAe;IAC/D,cAIC;IAJD,uCAIC;IAKD,cAAwC;;;;;IAQ9C,kCAA4G;IAAjE,8LAAS,6BAAsB,KAAC;IACzE,wBAAmD;IACnD,gCAAiC;IAAA,YAAiB;IACpD,AADoD,iBAAO,EAClD;;;;IAD0B,eAAiB;IAAjB,wCAAiB;;AA7D5D;;;;;;;;;;;GAWG;AAyDH,MAAM,OAAO,0BAA0B;IAC5B,IAAI,GAAmB,EAAE,CAAC;IAC1B,QAAQ,GAAkB,IAAI,CAAC;IAC/B,UAAU,GAAG,IAAI,CAAC;IAClB,WAAW,GAAG,KAAK,CAAC;IAEnB,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;IACzC,SAAS,GAAG,IAAI,YAAY,EAAU,CAAC;IACvC,eAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC3C,YAAY,GAAG,IAAI,YAAY,EAAc,CAAC;IAExD,mGAAmG;IAC5F,MAAM,CAAC,KAAkC;QAC9C,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC;YAC/C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC;QACnG,CAAC;IACH,CAAC;oHAhBU,0BAA0B;6DAA1B,0BAA0B;YAjDjC,AADF,8BAAuB,aAMmB;YAAtC,oIAAsB,kBAAc,IAAC;YACrC,8FA+BC;YACH,iBAAM;YACN,+FAAkB;YAMpB,iBAAM;;YAvCF,eA+BC;YA/BD,uBA+BC;YAEH,eAKC;YALD,yCAKC;4BAhDK,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB;;iFAqDxD,0BAA0B;cAxDtC,SAAS;6BACI,IAAI,YACN,wBAAwB,WACzB,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,CAAC,mBACnD,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDT;;kBAIA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFATI,0BAA0B"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tabs.types.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Workspace-tab framework contract (UI plan §8.0; approved mockup round 2, 2026-07-16).
+ *
+ * v1 is **session-scoped**: a tab's state lives until the tab is closed or the session ends, and is
+ * deliberately **NOT DB-persisted** (DB persistence is the v2 fork — see the component inventory).
+ * App types never appear here; a tab carries an opaque `State` the host owns.
+ */
+/** Lifecycle state of a draft tab. */
+export type WorkspaceTabState = 
+/** Normal in-progress draft. */
+'draft'
+/** Round-tripped after a rejection — the tab returns for rework carrying its rejection context. */
+ | 'rejected'
+/** Committed/built — kept open read-only until the user closes it. */
+ | 'complete';
+/**
+ * One workspace tab. `State` is intentionally `unknown`: the framework moves tabs around and never
+ * inspects their payload, which is what keeps it app-agnostic (parking discipline, ../README.md).
+ * Hosts narrow it themselves — this is the layer boundary, not weak typing.
+ */
+export interface WorkspaceTab<TState = unknown> {
+    /** Stable identity within the strip. */
+    Id: string;
+    /** Tab caption. */
+    Label: string;
+    /** Optional Font Awesome class rendered before the label. */
+    Icon?: string;
+    Status: WorkspaceTabState;
+    /** Host-owned payload — the in-progress draft. */
+    State: TState;
+    /** Set when Status is 'rejected'; surfaced as the tab tooltip so the reason travels with the tab. */
+    RejectionReason?: string | null;
+    /** True when the tab has unsaved edits — drives the discard confirm. */
+    Dirty?: boolean;
+}
+//# sourceMappingURL=workspace-tabs.types.d.ts.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tabs.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,sCAAsC;AACtC,MAAM,MAAM,iBAAiB;AAC3B,gCAAgC;AAC9B,OAAO;AACT,mGAAmG;GACjG,UAAU;AACZ,sEAAsE;GACpE,UAAU,CAAC;AAEf;;;;GAIG;AACH,MAAM,WAAW,YAAY,CAAC,MAAM,GAAG,OAAO;IAC5C,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,qGAAqG;IACrG,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tabs.types.js

@@ -0,0 +1,9 @@
+/**
+ * Workspace-tab framework contract (UI plan §8.0; approved mockup round 2, 2026-07-16).
+ *
+ * v1 is **session-scoped**: a tab's state lives until the tab is closed or the session ends, and is
+ * deliberately **NOT DB-persisted** (DB persistence is the v2 fork — see the component inventory).
+ * App types never appear here; a tab carries an opaque `State` the host owns.
+ */
+export {};
+//# sourceMappingURL=workspace-tabs.types.js.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tabs.types.js","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tabs.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tip.directive.d.ts

@@ -0,0 +1,35 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `mjTip` — a small, reusable, THEMED hover tooltip for workspace surfaces (tab labels, truncated
+ * selects, …). Standardized here because MJ has no equivalent directive (confirmed); a candidate to
+ * upstream. Behavior (lifted from the tab-strip original so it's identical everywhere):
+ *   - shows the full text only after the pointer holds STILL over the host (~450ms);
+ *   - NON-INTERACTIVE (`pointer-events:none`) so it never blocks a click, and leaves on the next mousemove;
+ *   - by default shows ONLY when the host is truncated (`scrollWidth > clientWidth`) — pass `mjTipAlways`
+ *     for hosts whose truncation can't be measured (a native `<select>`), so the full value shows regardless;
+ *   - themed via design tokens (inline `var()` styles, since it is appended to `<body>`), with a NEUTRAL
+ *     `rgba(0,0,0,…)` shadow so it reads as a shadow in BOTH light and dark mode (a token-tinted shadow
+ *     glowed in dark). Capped at ~1.5 tab-widths × 3 lines — never a screen-wide banner.
+ */
+export declare class WorkspaceTipDirective implements OnDestroy {
+    private host;
+    private r;
+    Text: string;
+    /** Show even when the host isn't measurably truncated (e.g. a native <select>). */
+    Always: boolean;
+    private timer;
+    private tip;
+    onEnter(): void;
+    onMove(): void;
+    onLeave(): void;
+    ngOnDestroy(): void;
+    private arm;
+    private clear;
+    private show;
+    private styleTip;
+    private hide;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceTipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WorkspaceTipDirective, "[mjTip]", never, { "Text": { "alias": "mjTip"; "required": false; }; "Always": { "alias": "mjTipAlways"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=workspace-tip.directive.d.ts.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tip.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tip.directive.d.ts","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tip.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,SAAS,EAAqB,MAAM,eAAe,CAAC;;AAKzG;;;;;;;;;;;GAWG;AACH,qBACa,qBAAsB,YAAW,SAAS;IACrD,OAAO,CAAC,IAAI,CAAmD;IAC/D,OAAO,CAAC,CAAC,CAAqB;IAEd,IAAI,SAAM;IAC1B,mFAAmF;IAC7D,MAAM,UAAS;IAErC,OAAO,CAAC,KAAK,CAA8C;IAC3D,OAAO,CAAC,GAAG,CAA4B;IAEX,OAAO,IAAI,IAAI;IAGhB,MAAM,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAI3C,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,GAAG;IAIX,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,IAAI;IAqBZ,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,IAAI;yCAlFD,qBAAqB;2CAArB,qBAAqB;CAwFjC"}

package/dist/lib/transfer-pending/workspace-tabs/workspace-tip.directive.js

@@ -0,0 +1,124 @@
+import { Directive, ElementRef, HostListener, Input, Renderer2, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+const DELAY_MS = 450;
+const MAX_WIDTH = 300; // ~1.5 tab-widths; height is capped at 3 lines below.
+/**
+ * `mjTip` — a small, reusable, THEMED hover tooltip for workspace surfaces (tab labels, truncated
+ * selects, …). Standardized here because MJ has no equivalent directive (confirmed); a candidate to
+ * upstream. Behavior (lifted from the tab-strip original so it's identical everywhere):
+ *   - shows the full text only after the pointer holds STILL over the host (~450ms);
+ *   - NON-INTERACTIVE (`pointer-events:none`) so it never blocks a click, and leaves on the next mousemove;
+ *   - by default shows ONLY when the host is truncated (`scrollWidth > clientWidth`) — pass `mjTipAlways`
+ *     for hosts whose truncation can't be measured (a native `<select>`), so the full value shows regardless;
+ *   - themed via design tokens (inline `var()` styles, since it is appended to `<body>`), with a NEUTRAL
+ *     `rgba(0,0,0,…)` shadow so it reads as a shadow in BOTH light and dark mode (a token-tinted shadow
+ *     glowed in dark). Capped at ~1.5 tab-widths × 3 lines — never a screen-wide banner.
+ */
+export class WorkspaceTipDirective {
+    host = inject(ElementRef).nativeElement;
+    r = inject(Renderer2);
+    Text = '';
+    /** Show even when the host isn't measurably truncated (e.g. a native <select>). */
+    Always = false;
+    timer = null;
+    tip = null;
+    onEnter() {
+        this.arm();
+    }
+    onMove() {
+        this.hide();
+        this.arm();
+    }
+    onLeave() {
+        this.clear();
+        this.hide();
+    }
+    ngOnDestroy() {
+        this.clear();
+        this.hide();
+    }
+    arm() {
+        this.clear();
+        this.timer = setTimeout(() => this.show(), DELAY_MS);
+    }
+    clear() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+    }
+    show() {
+        this.timer = null;
+        const text = (this.Text ?? '').trim();
+        if (!text)
+            return;
+        if (!this.Always && this.host.scrollWidth <= this.host.clientWidth + 1)
+            return;
+        const rect = this.host.getBoundingClientRect();
+        const el = this.r.createElement('div');
+        this.r.setProperty(el, 'textContent', text);
+        this.r.setAttribute(el, 'role', 'tooltip');
+        this.styleTip(el.style);
+        this.r.appendChild(document.body, el);
+        this.tip = el;
+        // Keep it on-screen (measured after append) — clamp right, flip above if it would overflow bottom.
+        const left = Math.max(4, Math.min(Math.round(rect.left), window.innerWidth - el.offsetWidth - 4));
+        let top = Math.round(rect.bottom + 4);
+        if (top + el.offsetHeight > window.innerHeight - 4)
+            top = Math.max(4, Math.round(rect.top - el.offsetHeight - 4));
+        el.style.left = `${left}px`;
+        el.style.top = `${top}px`;
+    }
+    styleTip(s) {
+        s.position = 'fixed';
+        s.left = '0';
+        s.top = '0';
+        s.zIndex = '1000';
+        s.pointerEvents = 'none';
+        s.maxWidth = `${MAX_WIDTH}px`;
+        s.overflow = 'hidden';
+        s.display = '-webkit-box';
+        s.setProperty('-webkit-line-clamp', '3');
+        s.setProperty('-webkit-box-orient', 'vertical');
+        s.padding = '5px 9px';
+        s.borderRadius = '6px';
+        s.background = 'var(--mj-bg-surface-elevated, var(--mj-bg-surface))';
+        s.border = '1px solid var(--mj-border-default)';
+        s.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.18)';
+        s.color = 'var(--mj-text-primary)';
+        s.fontSize = '12px';
+        s.lineHeight = '1.35';
+        s.whiteSpace = 'normal';
+        s.wordBreak = 'break-word';
+    }
+    hide() {
+        if (this.tip) {
+            this.r.removeChild(document.body, this.tip);
+            this.tip = null;
+        }
+    }
+    static ɵfac = function WorkspaceTipDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkspaceTipDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: WorkspaceTipDirective, selectors: [["", "mjTip", ""]], hostBindings: function WorkspaceTipDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mouseenter", function WorkspaceTipDirective_mouseenter_HostBindingHandler() { return ctx.onEnter(); })("mousemove", function WorkspaceTipDirective_mousemove_HostBindingHandler() { return ctx.onMove(); })("mouseleave", function WorkspaceTipDirective_mouseleave_HostBindingHandler() { return ctx.onLeave(); });
+        } }, inputs: { Text: [0, "mjTip", "Text"], Always: [0, "mjTipAlways", "Always"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceTipDirective, [{
+        type: Directive,
+        args: [{ selector: '[mjTip]', standalone: true }]
+    }], null, { Text: [{
+            type: Input,
+            args: ['mjTip']
+        }], Always: [{
+            type: Input,
+            args: ['mjTipAlways']
+        }], onEnter: [{
+            type: HostListener,
+            args: ['mouseenter']
+        }], onMove: [{
+            type: HostListener,
+            args: ['mousemove']
+        }], onLeave: [{
+            type: HostListener,
+            args: ['mouseleave']
+        }] }); })();
+//# sourceMappingURL=workspace-tip.directive.js.map

package/dist/lib/transfer-pending/workspace-tabs/workspace-tip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tip.directive.js","sourceRoot":"","sources":["../../../../src/lib/transfer-pending/workspace-tabs/workspace-tip.directive.ts"],"names":[],"mappings":"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"}

package/dist/public-api.d.ts

@@ -0,0 +1,80 @@
+/**
+ * BizApps Orders Angular Bootstrap
+ *
+ * Client-side bootstrap package for the BizApps Orders Open App. Imports the
+ * entity classes, the generated form components and this app's Explorer sections
+ * so @RegisterClass decorators fire and the components are available to MJ's
+ * class factory.
+ */
+import '@mj-biz-apps/orders-entities';
+import './lib/generated/generated-forms.module.js';
+import './lib/custom/custom-forms.module.js';
+import './lib/form-panels/party-headers.module.js';
+import './lib/form-panels/document-forms.module.js';
+export { CLASS_REGISTRATIONS } from './lib/generated/class-registrations-manifest.js';
+export { GeneratedFormsModule } from './lib/generated/generated-forms.module.js';
+export { CustomFormsModule } from './lib/custom/custom-forms.module.js';
+export { BizAppsProductFormComponent } from './lib/custom/Product/product-form.component.js';
+export { BizAppsProductPricingWidgetComponent } from './lib/custom/Product/widgets/product-pricing-widget.component.js';
+export { BizAppsProductPromotionsWidgetComponent } from './lib/custom/Product/widgets/product-promotions-widget.component.js';
+export { BizAppsProductAccountingWidgetComponent } from './lib/custom/Product/widgets/product-accounting-widget.component.js';
+export { BizAppsProductFulfillmentWidgetComponent } from './lib/custom/Product/widgets/product-fulfillment-widget.component.js';
+export { BizAppsProductSubscriptionWidgetComponent } from './lib/custom/Product/widgets/product-subscription-widget.component.js';
+export { BizAppsPriceListFormComponent } from './lib/custom/PriceList/price-list-form.component.js';
+export { BizAppsPromotionFormComponent } from './lib/custom/Promotion/promotion-form.component.js';
+export { BizAppsOrderHeaderFormComponent } from './lib/custom/OrderHeader/order-header-form.component.js';
+export { BizAppsSubscriptionFormComponent } from './lib/custom/Subscription/subscription-form.component.js';
+export { BizAppsSubscriptionTermFormComponent } from './lib/custom/SubscriptionTerm/subscription-term-form.component.js';
+export { BizAppsPaymentHeaderFormComponent } from './lib/custom/PaymentHeader/payment-header-form.component.js';
+export { OrdersPartyHeadersModule } from './lib/form-panels/party-headers.module.js';
+export { PersonOrdersOverviewPanel } from './lib/form-panels/person-orders-overview.panel.js';
+export { OrganizationOrdersOverviewPanel } from './lib/form-panels/organization-orders-overview.panel.js';
+export { PartyOrdersOverviewComponent } from './lib/panels/party-orders-overview.component.js';
+export { ProductCategoryHierarchyPanel } from './lib/form-panels/product-category-hierarchy.panel.js';
+export { MJCheckoutWidgetComponent, type CheckoutWidgetConfig, type CheckoutWidgetTheme, type CheckoutAttendee, type CheckoutSubmissionEvent, } from './lib/checkout-widget/checkout-widget.component.js';
+export { CheckoutPublicHostComponent, } from './lib/checkout-widget/checkout-public-host.component.js';
+export { buildCheckoutDraftLine } from './lib/checkout-widget/checkout-draft-line.js';
+/** Explorer sections — the four top-level tabs of the Orders application. */
+export { MJOSectionBaseComponent, OrdersSectionResource, PaymentsSectionResource, ReceivablesSectionResource, CatalogSectionResource, } from './lib/sections/orders-sections.component.js';
+/** The section frame, reusable by any surface that wants a rail over sub-pages. */
+export { MJOSectionShellComponent } from './lib/sections/section-shell.component.js';
+/** The panel library — the shared vocabulary every screen is assembled from. */
+export * from './lib/panels/index.js';
+export * from './lib/panels/worklist-table.component.js';
+export * from './lib/panels/stat-tile.component.js';
+export * from './lib/panels/summary-strip.component.js';
+export * from './lib/panels/day-bars.component.js';
+export * from './lib/panels/allocation-grid.component.js';
+export * from './lib/panels/allocation-math.js';
+/** The seam between a draft and the engine. */
+export * from './lib/services/pricing-scheduler.service.js';
+export * from './lib/data/entity-names.js';
+export * from './lib/data/orders-queries.js';
+/** Screens. */
+export * from './lib/pages/orders/orders-list.page.js';
+export * from './lib/pages/orders/orders-dashboard.page.js';
+export * from './lib/pages/orders/fulfillment.page.js';
+export * from './lib/pages/orders/order-document.page.js';
+export * from './lib/pages/payments/payments-list.page.js';
+export * from './lib/pages/payments/payments-dashboard.page.js';
+export * from './lib/pages/payments/refund.page.js';
+export * from './lib/pages/payments/account-credit.page.js';
+export * from './lib/pages/receivables/overdue.page.js';
+export * from './lib/pages/receivables/customer-ar.page.js';
+export * from './lib/pages/receivables/subscriptions.page.js';
+export * from './lib/pages/catalog/products.page.js';
+export * from './lib/pages/catalog/pricing.page.js';
+export * from './lib/pages/orders/return.page.js';
+/** The information architecture, as data — testable, and injectable for badges. */
+export { BuildLeftNavSections, ORDERS_SUB_PAGES, PAYMENTS_SUB_PAGES, RECEIVABLES_SUB_PAGES, CATALOG_SUB_PAGES, } from './lib/sections/section-nav.model.js';
+export type { OrdersSubPage, OrdersNavBadges } from './lib/sections/section-nav.model.js';
+/**
+ * Bootstrap function called during MJExplorer initialization. The static imports
+ * above handle registration; this is the startupExport entry point.
+ *
+ * The section classes are referenced rather than merely imported: a bundler that
+ * sees an unused import is entitled to drop the module, and dropping it would
+ * silently un-register the tabs.
+ */
+export declare function LoadBizAppsOrdersClient(): void;
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"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"}

package/dist/public-api.js

@@ -0,0 +1,98 @@
+/**
+ * BizApps Orders Angular Bootstrap
+ *
+ * Client-side bootstrap package for the BizApps Orders Open App. Imports the
+ * entity classes, the generated form components and this app's Explorer sections
+ * so @RegisterClass decorators fire and the components are available to MJ's
+ * class factory.
+ */
+// Import entity package to trigger @RegisterClass decorators for entity subclasses
+import '@mj-biz-apps/orders-entities';
+// Import generated form components (triggers @RegisterClass for form components)
+import './lib/generated/generated-forms.module.js';
+// Import custom form components (loaded AFTER generated to override via @RegisterClass priority)
+import './lib/custom/custom-forms.module.js';
+import { LoadCustomForms } from './lib/custom/custom-forms.module.js';
+import './lib/form-panels/party-headers.module.js';
+import './lib/form-panels/document-forms.module.js';
+// Import generated class registrations manifest
+import { CLASS_REGISTRATIONS } from './lib/generated/class-registrations-manifest.js';
+/**
+ * The four Explorer sections. Importing them here is what makes the app's
+ * navigation work: the Orders Application's `DefaultNavItems` name a `DriverClass`
+ * per tab, Explorer asks the class factory for it, and the factory only knows a
+ * class whose `@RegisterClass` decorator has actually run — which means the module
+ * has to be in the bundle. A tree-shaken section is a blank tab.
+ */
+import { CatalogSectionResource, OrdersSectionResource, PaymentsSectionResource, ReceivablesSectionResource, } from './lib/sections/orders-sections.component.js';
+// Re-export for consumers
+export { CLASS_REGISTRATIONS } from './lib/generated/class-registrations-manifest.js';
+export { GeneratedFormsModule } from './lib/generated/generated-forms.module.js';
+export { CustomFormsModule } from './lib/custom/custom-forms.module.js';
+export { BizAppsProductFormComponent } from './lib/custom/Product/product-form.component.js';
+export { BizAppsProductPricingWidgetComponent } from './lib/custom/Product/widgets/product-pricing-widget.component.js';
+export { BizAppsProductPromotionsWidgetComponent } from './lib/custom/Product/widgets/product-promotions-widget.component.js';
+export { BizAppsProductAccountingWidgetComponent } from './lib/custom/Product/widgets/product-accounting-widget.component.js';
+export { BizAppsProductFulfillmentWidgetComponent } from './lib/custom/Product/widgets/product-fulfillment-widget.component.js';
+export { BizAppsProductSubscriptionWidgetComponent } from './lib/custom/Product/widgets/product-subscription-widget.component.js';
+export { BizAppsPriceListFormComponent } from './lib/custom/PriceList/price-list-form.component.js';
+export { BizAppsPromotionFormComponent } from './lib/custom/Promotion/promotion-form.component.js';
+export { BizAppsOrderHeaderFormComponent } from './lib/custom/OrderHeader/order-header-form.component.js';
+export { BizAppsSubscriptionFormComponent } from './lib/custom/Subscription/subscription-form.component.js';
+export { BizAppsSubscriptionTermFormComponent } from './lib/custom/SubscriptionTerm/subscription-term-form.component.js';
+export { BizAppsPaymentHeaderFormComponent } from './lib/custom/PaymentHeader/payment-header-form.component.js';
+export { OrdersPartyHeadersModule } from './lib/form-panels/party-headers.module.js';
+export { PersonOrdersOverviewPanel } from './lib/form-panels/person-orders-overview.panel.js';
+export { OrganizationOrdersOverviewPanel } from './lib/form-panels/organization-orders-overview.panel.js';
+export { PartyOrdersOverviewComponent } from './lib/panels/party-orders-overview.component.js';
+export { ProductCategoryHierarchyPanel } from './lib/form-panels/product-category-hierarchy.panel.js';
+export { MJCheckoutWidgetComponent, } from './lib/checkout-widget/checkout-widget.component.js';
+export { CheckoutPublicHostComponent, } from './lib/checkout-widget/checkout-public-host.component.js';
+export { buildCheckoutDraftLine } from './lib/checkout-widget/checkout-draft-line.js';
+/** Explorer sections — the four top-level tabs of the Orders application. */
+export { MJOSectionBaseComponent, OrdersSectionResource, PaymentsSectionResource, ReceivablesSectionResource, CatalogSectionResource, } from './lib/sections/orders-sections.component.js';
+/** The section frame, reusable by any surface that wants a rail over sub-pages. */
+export { MJOSectionShellComponent } from './lib/sections/section-shell.component.js';
+/** The panel library — the shared vocabulary every screen is assembled from. */
+export * from './lib/panels/index.js';
+export * from './lib/panels/worklist-table.component.js';
+export * from './lib/panels/stat-tile.component.js';
+export * from './lib/panels/summary-strip.component.js';
+export * from './lib/panels/day-bars.component.js';
+export * from './lib/panels/allocation-grid.component.js';
+export * from './lib/panels/allocation-math.js';
+/** The seam between a draft and the engine. */
+export * from './lib/services/pricing-scheduler.service.js';
+export * from './lib/data/entity-names.js';
+export * from './lib/data/orders-queries.js';
+/** Screens. */
+export * from './lib/pages/orders/orders-list.page.js';
+export * from './lib/pages/orders/orders-dashboard.page.js';
+export * from './lib/pages/orders/fulfillment.page.js';
+export * from './lib/pages/orders/order-document.page.js';
+export * from './lib/pages/payments/payments-list.page.js';
+export * from './lib/pages/payments/payments-dashboard.page.js';
+export * from './lib/pages/payments/refund.page.js';
+export * from './lib/pages/payments/account-credit.page.js';
+export * from './lib/pages/receivables/overdue.page.js';
+export * from './lib/pages/receivables/customer-ar.page.js';
+export * from './lib/pages/receivables/subscriptions.page.js';
+export * from './lib/pages/catalog/products.page.js';
+export * from './lib/pages/catalog/pricing.page.js';
+export * from './lib/pages/orders/return.page.js';
+/** The information architecture, as data — testable, and injectable for badges. */
+export { BuildLeftNavSections, ORDERS_SUB_PAGES, PAYMENTS_SUB_PAGES, RECEIVABLES_SUB_PAGES, CATALOG_SUB_PAGES, } from './lib/sections/section-nav.model.js';
+/**
+ * Bootstrap function called during MJExplorer initialization. The static imports
+ * above handle registration; this is the startupExport entry point.
+ *
+ * The section classes are referenced rather than merely imported: a bundler that
+ * sees an unused import is entitled to drop the module, and dropping it would
+ * silently un-register the tabs.
+ */
+export function LoadBizAppsOrdersClient() {
+    void [OrdersSectionResource, PaymentsSectionResource, ReceivablesSectionResource, CatalogSectionResource];
+    void CLASS_REGISTRATIONS;
+    LoadCustomForms();
+}
+//# sourceMappingURL=public-api.js.map