@memberjunction/ng-ui-components 6.1.0-edge.0 → 6.1.0-edge.2

package/dist/lib/workspace-tabs/workspace-tab-store.js

@@ -0,0 +1,112 @@
+/**
+ * The pure, framework-free state machine behind `<mj-workspace-tab-strip>`.
+ *
+ * Deliberately extracted from the component so the tab semantics are exhaustively unit-testable in
+ * isolation (see `__tests__/workspace-tab-store.test.ts`); the Angular shell around it stays thin.
+ * No Angular, no DB, no app types — synchronous and total.
+ *
+ * v1 semantics: session-scoped only. Nothing here touches persistence.
+ */
+export class MJWorkspaceTabStore {
+    tabs = [];
+    activeId = null;
+    /** Current tabs, in strip order. Returns a copy — callers must not mutate internal state. */
+    get Tabs() {
+        return [...this.tabs];
+    }
+    get ActiveId() {
+        return this.activeId;
+    }
+    get ActiveTab() {
+        return this.tabs.find((t) => t.Id === this.activeId) ?? null;
+    }
+    get Count() {
+        return this.tabs.length;
+    }
+    /** True when any tab holds unsaved edits — the "you'll lose work" signal for the host. */
+    get HasDirtyTabs() {
+        return this.tabs.some((t) => t.Dirty === true);
+    }
+    /**
+     * Add a tab and make it active. An existing tab with the same Id is NOT duplicated — it is
+     * activated instead (re-opening the same draft focuses it, which is what a user means).
+     */
+    Open(tab) {
+        const existing = this.tabs.find((t) => t.Id === tab.Id);
+        if (existing) {
+            this.activeId = existing.Id;
+            return existing;
+        }
+        this.tabs.push(tab);
+        this.activeId = tab.Id;
+        return tab;
+    }
+    Activate(id) {
+        if (!this.tabs.some((t) => t.Id === id))
+            return false;
+        this.activeId = id;
+        return true;
+    }
+    /**
+     * Close a tab. When the closed tab was active, activation falls to its NEIGHBOUR — the tab to its
+     * right, else the one to its left, else null. (Closing the tab you're looking at should land you
+     * somewhere sensible, not on nothing.)
+     */
+    Close(id) {
+        const index = this.tabs.findIndex((t) => t.Id === id);
+        if (index === -1)
+            return false;
+        const wasActive = this.activeId === id;
+        this.tabs.splice(index, 1);
+        if (wasActive) {
+            const neighbour = this.tabs[index] ?? this.tabs[index - 1] ?? null;
+            this.activeId = neighbour ? neighbour.Id : null;
+        }
+        return true;
+    }
+    /** Replace a tab's host-owned payload. Marks the tab dirty unless told otherwise. */
+    UpdateState(id, state, markDirty = true) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.State = state;
+        if (markDirty)
+            tab.Dirty = true;
+        return true;
+    }
+    /** Move a tab through its lifecycle. Clears the rejection reason on any non-rejected state. */
+    SetStatus(id, status, rejectionReason = null) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.Status = status;
+        tab.RejectionReason = status === 'rejected' ? rejectionReason : null;
+        return true;
+    }
+    /** Mark a tab saved/clean without touching its payload. */
+    MarkClean(id) {
+        const tab = this.tabs.find((t) => t.Id === id);
+        if (!tab)
+            return false;
+        tab.Dirty = false;
+        return true;
+    }
+    /**
+     * Move a tab from one position to another (drag-reorder). Active tab + payloads are untouched — only
+     * strip ORDER changes. Out-of-range or no-op indices return false and change nothing.
+     */
+    Reorder(fromIndex, toIndex) {
+        const n = this.tabs.length;
+        if (fromIndex === toIndex || fromIndex < 0 || fromIndex >= n || toIndex < 0 || toIndex >= n)
+            return false;
+        const [moved] = this.tabs.splice(fromIndex, 1);
+        this.tabs.splice(toIndex, 0, moved);
+        return true;
+    }
+    /** Drop every tab (session end / explicit discard-all). */
+    Clear() {
+        this.tabs = [];
+        this.activeId = null;
+    }
+}
+//# sourceMappingURL=workspace-tab-store.js.map

package/dist/lib/workspace-tabs/workspace-tab-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-store.js","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tab-store.ts"],"names":[],"mappings":"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","sourcesContent":["import { MJWorkspaceTab, MJWorkspaceTabState } from './workspace-tabs.types';\n\n/**\n * The pure, framework-free state machine behind `<mj-workspace-tab-strip>`.\n *\n * Deliberately extracted from the component so the tab semantics are exhaustively unit-testable in\n * isolation (see `__tests__/workspace-tab-store.test.ts`); the Angular shell around it stays thin.\n * No Angular, no DB, no app types — synchronous and total.\n *\n * v1 semantics: session-scoped only. Nothing here touches persistence.\n */\nexport class MJWorkspaceTabStore<TState = unknown> {\n  private tabs: MJWorkspaceTab<TState>[] = [];\n  private activeId: string | null = null;\n\n  /** Current tabs, in strip order. Returns a copy — callers must not mutate internal state. */\n  public get Tabs(): MJWorkspaceTab<TState>[] {\n    return [...this.tabs];\n  }\n\n  public get ActiveId(): string | null {\n    return this.activeId;\n  }\n\n  public get ActiveTab(): MJWorkspaceTab<TState> | null {\n    return this.tabs.find((t) => t.Id === this.activeId) ?? null;\n  }\n\n  public get Count(): number {\n    return this.tabs.length;\n  }\n\n  /** True when any tab holds unsaved edits — the \"you'll lose work\" signal for the host. */\n  public get HasDirtyTabs(): boolean {\n    return this.tabs.some((t) => t.Dirty === true);\n  }\n\n  /**\n   * Add a tab and make it active. An existing tab with the same Id is NOT duplicated — it is\n   * activated instead (re-opening the same draft focuses it, which is what a user means).\n   */\n  public Open(tab: MJWorkspaceTab<TState>): MJWorkspaceTab<TState> {\n    const existing = this.tabs.find((t) => t.Id === tab.Id);\n    if (existing) {\n      this.activeId = existing.Id;\n      return existing;\n    }\n    this.tabs.push(tab);\n    this.activeId = tab.Id;\n    return tab;\n  }\n\n  public Activate(id: string): boolean {\n    if (!this.tabs.some((t) => t.Id === id)) return false;\n    this.activeId = id;\n    return true;\n  }\n\n  /**\n   * Close a tab. When the closed tab was active, activation falls to its NEIGHBOUR — the tab to its\n   * right, else the one to its left, else null. (Closing the tab you're looking at should land you\n   * somewhere sensible, not on nothing.)\n   */\n  public Close(id: string): boolean {\n    const index = this.tabs.findIndex((t) => t.Id === id);\n    if (index === -1) return false;\n\n    const wasActive = this.activeId === id;\n    this.tabs.splice(index, 1);\n\n    if (wasActive) {\n      const neighbour = this.tabs[index] ?? this.tabs[index - 1] ?? null;\n      this.activeId = neighbour ? neighbour.Id : null;\n    }\n    return true;\n  }\n\n  /** Replace a tab's host-owned payload. Marks the tab dirty unless told otherwise. */\n  public UpdateState(id: string, state: TState, markDirty = true): boolean {\n    const tab = this.tabs.find((t) => t.Id === id);\n    if (!tab) return false;\n    tab.State = state;\n    if (markDirty) tab.Dirty = true;\n    return true;\n  }\n\n  /** Move a tab through its lifecycle. Clears the rejection reason on any non-rejected state. */\n  public SetStatus(id: string, status: MJWorkspaceTabState, rejectionReason: string | null = null): boolean {\n    const tab = this.tabs.find((t) => t.Id === id);\n    if (!tab) return false;\n    tab.Status = status;\n    tab.RejectionReason = status === 'rejected' ? rejectionReason : null;\n    return true;\n  }\n\n  /** Mark a tab saved/clean without touching its payload. */\n  public MarkClean(id: string): boolean {\n    const tab = this.tabs.find((t) => t.Id === id);\n    if (!tab) return false;\n    tab.Dirty = false;\n    return true;\n  }\n\n  /**\n   * Move a tab from one position to another (drag-reorder). Active tab + payloads are untouched — only\n   * strip ORDER changes. Out-of-range or no-op indices return false and change nothing.\n   */\n  public Reorder(fromIndex: number, toIndex: number): boolean {\n    const n = this.tabs.length;\n    if (fromIndex === toIndex || fromIndex < 0 || fromIndex >= n || toIndex < 0 || toIndex >= n) return false;\n    const [moved] = this.tabs.splice(fromIndex, 1);\n    this.tabs.splice(toIndex, 0, moved);\n    return true;\n  }\n\n  /** Drop every tab (session end / explicit discard-all). */\n  public Clear(): void {\n    this.tabs = [];\n    this.activeId = null;\n  }\n}\n"]}

package/dist/lib/workspace-tabs/workspace-tab-strip.component.d.ts

@@ -0,0 +1,75 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MJWorkspaceTab } from './workspace-tabs.types';
+import { MJTabListRequest } from '../tabs/tab-list.directive';
+import * as i0 from "@angular/core";
+/** A drag-reorder request from the strip: move the tab at `previousIndex` to `currentIndex`. */
+export interface MJTabReorder {
+    previousIndex: number;
+    currentIndex: number;
+}
+/**
+ * `<mj-workspace-tab-strip>` — browser-style draft tabs, presentation over `MJWorkspaceTabStore`.
+ *
+ * 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 app-agnostic.
+ *
+ * **Browser-tab behavior lives HERE** 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 `--mj-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);
+ *  - drag-reorder via CDK, emitted as intent for the host to apply to its store.
+ *
+ * **Appearance and keyboard behaviour are NOT owned here.** The look comes from the global
+ * `.mj-tabs*` chrome in `tabs.scss`, and the ARIA tabs keyboard contract from `mjTabList` — both
+ * shared with `mj-tabstrip`, so the two strips cannot drift apart visually or behaviourally even
+ * though they keep different state models.
+ */
+export declare class MJWorkspaceTabStripComponent implements AfterViewInit {
+    private readonly elementRef;
+    ngAfterViewInit(): void;
+    Tabs: MJWorkspaceTab[];
+    ActiveId: string | null;
+    ShowNewTab: boolean;
+    NewTabLabel: string;
+    /**
+     * Whether tabs can be drag-reordered at all. The escape hatch for hosts where even long-press
+     * dragging is wrong (a kiosk surface, a read-only review screen) — reorder simply isn't offered
+     * and every touch gesture belongs to scrolling.
+     */
+    AllowReorder: boolean;
+    /**
+     * Per-pointer-type drag threshold, resolving the touch conflict between REORDER and SCROLL: an
+     * overflowing tab list scrolls by horizontal swipe, and a swipe starts on a tab — with an
+     * immediate drag threshold, CDK claims that touch and the list becomes unscrollable on phones.
+     * A hold-to-drag delay is the platform idiom for exactly this (iOS home screen, mobile browser
+     * tabs): a moving finger within the delay window is a SCROLL and CDK lets it through natively; a
+     * still finger past it is a DRAG. Mouse stays immediate — pointer users scroll with the wheel or
+     * scrollbar, so there is no gesture to disambiguate and a delay would just feel laggy.
+     */
+    readonly DragStartDelay: {
+        touch: number;
+        mouse: number;
+    };
+    TabSelected: EventEmitter<string>;
+    TabClosed: EventEmitter<string>;
+    NewTabRequested: EventEmitter<void>;
+    TabReordered: EventEmitter<MJTabReorder>;
+    /** CDK drop — emit the reorder intent; the host applies it to the store (the strip stays dumb). */
+    onDrop(event: CdkDragDrop<MJWorkspaceTab[]>): void;
+    /**
+     * The tab's accessible name. The dirty dot and the rejected colour/icon are the only signals for
+     * those states, and neither survives being read aloud — so they are spelled out here instead.
+     */
+    tabAccessibleName(tab: MJWorkspaceTab): string;
+    /** Keyboard arrow/Home/End/Enter from `mjTabList` — map the position back onto our id. */
+    onActivateRequested(request: MJTabListRequest): void;
+    /** Delete/Backspace on a focused tab — the APG close gesture for a closeable tab. */
+    onCloseRequested(request: MJTabListRequest): void;
+    /** The close button sits inside the tab, so its click would otherwise also select the tab. */
+    onCloseClick(event: MouseEvent, id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJWorkspaceTabStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJWorkspaceTabStripComponent, "mj-workspace-tab-strip", never, { "Tabs": { "alias": "Tabs"; "required": false; }; "ActiveId": { "alias": "ActiveId"; "required": false; }; "ShowNewTab": { "alias": "ShowNewTab"; "required": false; }; "NewTabLabel": { "alias": "NewTabLabel"; "required": false; }; "AllowReorder": { "alias": "AllowReorder"; "required": false; }; }, { "TabSelected": "TabSelected"; "TabClosed": "TabClosed"; "NewTabRequested": "NewTabRequested"; "TabReordered": "TabReordered"; }, never, never, true, never>;
+}
+//# sourceMappingURL=workspace-tab-strip.component.d.ts.map

package/dist/lib/workspace-tabs/workspace-tab-strip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-strip.component.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tab-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkD,YAAY,EAAyB,MAAM,eAAe,CAAC;AAEnI,OAAO,EAAwB,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAsB,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;;AAGlF,gGAAgG;AAChG,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAoEa,4BAA6B,YAAW,aAAa;IAChE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,eAAe,IAAI,IAAI;IAId,IAAI,EAAE,cAAc,EAAE,CAAM;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,UAAU,UAAQ;IAClB,WAAW,SAAS;IAE7B;;;;OAIG;IACM,YAAY,UAAQ;IAE7B;;;;;;;;OAQG;IACH,SAAgB,cAAc;;;MAA4B;IAEhD,WAAW,uBAA8B;IACzC,SAAS,uBAA8B;IACvC,eAAe,qBAA4B;IAC3C,YAAY,6BAAoC;IAE1D,mGAAmG;IAC5F,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI;IAMzD;;;OAGG;IACI,iBAAiB,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM;IAOrD,0FAA0F;IACnF,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAO3D,qFAAqF;IAC9E,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAOxD,8FAA8F;IACvF,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;yCAtE7C,4BAA4B;2CAA5B,4BAA4B;CA0ExC"}

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

@@ -0,0 +1,252 @@
+import { Component, ChangeDetectionStrategy, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
+import { MJWorkspaceTipDirective } from './workspace-tip.directive';
+import { MJTabListDirective } from '../tabs/tab-list.directive';
+import { warnIfTabChromeMissing } from '../tabs/tab-chrome-guard';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Id;
+function MJWorkspaceTabStripComponent_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 11);
+} if (rf & 2) {
+    const tab_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(tab_r2.Icon);
+} }
+function MJWorkspaceTabStripComponent_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 6);
+} }
+function MJWorkspaceTabStripComponent_For_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1, "\u2022");
+    i0.ɵɵelementEnd();
+} }
+function MJWorkspaceTabStripComponent_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵlistener("click", function MJWorkspaceTabStripComponent_For_3_Template_div_click_0_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(1, MJWorkspaceTabStripComponent_For_3_Conditional_1_Template, 1, 2, "i", 5);
+    i0.ɵɵconditionalCreate(2, MJWorkspaceTabStripComponent_For_3_Conditional_2_Template, 1, 0, "i", 6);
+    i0.ɵɵelementStart(3, "span", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MJWorkspaceTabStripComponent_For_3_Conditional_5_Template, 2, 0, "span", 8);
+    i0.ɵɵelementStart(6, "button", 9);
+    i0.ɵɵlistener("click", function MJWorkspaceTabStripComponent_For_3_Template_button_click_6_listener($event) { const tab_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onCloseClick($event, tab_r2.Id)); });
+    i0.ɵɵelement(7, "i", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const tab_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mj-tabs__tab--active", tab_r2.Id === ctx_r2.ActiveId)("mj-tabs__tab--rejected", tab_r2.Status === "rejected")("mj-tabs__tab--complete", tab_r2.Status === "complete");
+    i0.ɵɵproperty("cdkDragDisabled", !ctx_r2.AllowReorder)("cdkDragStartDelay", ctx_r2.DragStartDelay);
+    i0.ɵɵattribute("aria-selected", tab_r2.Id === ctx_r2.ActiveId)("aria-label", ctx_r2.tabAccessibleName(tab_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tab_r2.Icon ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tab_r2.Status === "rejected" ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("mjTip", tab_r2.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tab_r2.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tab_r2.Dirty ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Close " + tab_r2.Label);
+} }
+function MJWorkspaceTabStripComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function MJWorkspaceTabStripComponent_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", 13);
+    i0.ɵɵelementStart(2, "span");
+    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);
+} }
+/**
+ * `<mj-workspace-tab-strip>` — browser-style draft tabs, presentation over `MJWorkspaceTabStore`.
+ *
+ * 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 app-agnostic.
+ *
+ * **Browser-tab behavior lives HERE** 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 `--mj-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);
+ *  - drag-reorder via CDK, emitted as intent for the host to apply to its store.
+ *
+ * **Appearance and keyboard behaviour are NOT owned here.** The look comes from the global
+ * `.mj-tabs*` chrome in `tabs.scss`, and the ARIA tabs keyboard contract from `mjTabList` — both
+ * shared with `mj-tabstrip`, so the two strips cannot drift apart visually or behaviourally even
+ * though they keep different state models.
+ */
+export class MJWorkspaceTabStripComponent {
+    elementRef = inject(ElementRef);
+    ngAfterViewInit() {
+        warnIfTabChromeMissing(this.elementRef.nativeElement);
+    }
+    Tabs = [];
+    ActiveId = null;
+    ShowNewTab = true;
+    NewTabLabel = 'New';
+    /**
+     * Whether tabs can be drag-reordered at all. The escape hatch for hosts where even long-press
+     * dragging is wrong (a kiosk surface, a read-only review screen) — reorder simply isn't offered
+     * and every touch gesture belongs to scrolling.
+     */
+    AllowReorder = true;
+    /**
+     * Per-pointer-type drag threshold, resolving the touch conflict between REORDER and SCROLL: an
+     * overflowing tab list scrolls by horizontal swipe, and a swipe starts on a tab — with an
+     * immediate drag threshold, CDK claims that touch and the list becomes unscrollable on phones.
+     * A hold-to-drag delay is the platform idiom for exactly this (iOS home screen, mobile browser
+     * tabs): a moving finger within the delay window is a SCROLL and CDK lets it through natively; a
+     * still finger past it is a DRAG. Mouse stays immediate — pointer users scroll with the wheel or
+     * scrollbar, so there is no gesture to disambiguate and a delay would just feel laggy.
+     */
+    DragStartDelay = { touch: 400, mouse: 0 };
+    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 });
+        }
+    }
+    /**
+     * The tab's accessible name. The dirty dot and the rejected colour/icon are the only signals for
+     * those states, and neither survives being read aloud — so they are spelled out here instead.
+     */
+    tabAccessibleName(tab) {
+        const parts = [tab.Label];
+        if (tab.Status === 'rejected')
+            parts.push('(rejected)');
+        if (tab.Dirty)
+            parts.push('(unsaved changes)');
+        return parts.join(' ');
+    }
+    /** Keyboard arrow/Home/End/Enter from `mjTabList` — map the position back onto our id. */
+    onActivateRequested(request) {
+        const tab = this.Tabs[request.Index];
+        if (tab) {
+            this.TabSelected.emit(tab.Id);
+        }
+    }
+    /** Delete/Backspace on a focused tab — the APG close gesture for a closeable tab. */
+    onCloseRequested(request) {
+        const tab = this.Tabs[request.Index];
+        if (tab) {
+            this.TabClosed.emit(tab.Id);
+        }
+    }
+    /** The close button sits inside the tab, so its click would otherwise also select the tab. */
+    onCloseClick(event, id) {
+        event.stopPropagation();
+        this.TabClosed.emit(id);
+    }
+    static ɵfac = function MJWorkspaceTabStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJWorkspaceTabStripComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJWorkspaceTabStripComponent, selectors: [["mj-workspace-tab-strip"]], inputs: { Tabs: "Tabs", ActiveId: "ActiveId", ShowNewTab: "ShowNewTab", NewTabLabel: "NewTabLabel", AllowReorder: "AllowReorder" }, outputs: { TabSelected: "TabSelected", TabClosed: "TabClosed", NewTabRequested: "NewTabRequested", TabReordered: "TabReordered" }, decls: 5, vars: 1, consts: [[1, "mj-tabs", "mj-tabs__bar"], ["mjTabList", "", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "mj-tabs__list", 3, "TabActivateRequested", "TabCloseRequested", "cdkDropListDropped"], ["cdkDrag", "", "role", "tab", 1, "mj-tabs__tab", 3, "cdkDragDisabled", "cdkDragStartDelay", "mj-tabs__tab--active", "mj-tabs__tab--rejected", "mj-tabs__tab--complete"], ["type", "button", 1, "mj-tabs__new"], ["cdkDrag", "", "role", "tab", 1, "mj-tabs__tab", 3, "click", "cdkDragDisabled", "cdkDragStartDelay"], ["aria-hidden", "true", 1, "mj-tabs__icon", 3, "class"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation", "mj-tabs__status-icon"], [1, "mj-tabs__label", 3, "mjTip"], ["aria-hidden", "true", 1, "mj-tabs__dirty"], ["type", "button", "tabindex", "-1", 1, "mj-tabs__close", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], ["aria-hidden", "true", 1, "mj-tabs__icon"], ["type", "button", 1, "mj-tabs__new", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"]], template: function MJWorkspaceTabStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵlistener("TabActivateRequested", function MJWorkspaceTabStripComponent_Template_div_TabActivateRequested_1_listener($event) { return ctx.onActivateRequested($event); })("TabCloseRequested", function MJWorkspaceTabStripComponent_Template_div_TabCloseRequested_1_listener($event) { return ctx.onCloseRequested($event); })("cdkDropListDropped", function MJWorkspaceTabStripComponent_Template_div_cdkDropListDropped_1_listener($event) { return ctx.onDrop($event); });
+            i0.ɵɵrepeaterCreate(2, MJWorkspaceTabStripComponent_For_3_Template, 8, 16, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(4, MJWorkspaceTabStripComponent_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, MJWorkspaceTipDirective, MJTabListDirective], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n  display: block;\n}\n\n\n\n\n\n\n.mj-tabs__tab.cdk-drag[_ngcontent-%COMP%] {\n  cursor: default;\n}\n\n\n\n\n.cdk-drag-preview.mj-tabs__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\n.mj-tabs__tab.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0.35;\n}\n\n\n\n.cdk-drag-animating[_ngcontent-%COMP%], \n.mj-tabs__list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .mj-tabs__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(MJWorkspaceTabStripComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-workspace-tab-strip', imports: [CommonModule, CdkDropList, CdkDrag, MJWorkspaceTipDirective, MJTabListDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="mj-tabs mj-tabs__bar">
+      <div
+        class="mj-tabs__list"
+        mjTabList
+        (TabActivateRequested)="onActivateRequested($event)"
+        (TabCloseRequested)="onCloseRequested($event)"
+        cdkDropList
+        cdkDropListOrientation="horizontal"
+        (cdkDropListDropped)="onDrop($event)">
+        @for (tab of Tabs; track tab.Id) {
+          <!-- role="tab" sits on the FOCUSABLE element, not on a wrapper around one. tabindex is
+               owned by mjTabList (roving), so it is deliberately not bound here. The accessible
+               name folds in the unsaved/rejected state, because those are conveyed visually by a
+               dot and a colour that a screen reader cannot see. -->
+          <div
+            class="mj-tabs__tab"
+            cdkDrag
+            [cdkDragDisabled]="!AllowReorder"
+            [cdkDragStartDelay]="DragStartDelay"
+            [class.mj-tabs__tab--active]="tab.Id === ActiveId"
+            [class.mj-tabs__tab--rejected]="tab.Status === 'rejected'"
+            [class.mj-tabs__tab--complete]="tab.Status === 'complete'"
+            role="tab"
+            [attr.aria-selected]="tab.Id === ActiveId"
+            [attr.aria-label]="tabAccessibleName(tab)"
+            (click)="TabSelected.emit(tab.Id)">
+            @if (tab.Icon) {
+              <i [class]="tab.Icon" class="mj-tabs__icon" aria-hidden="true"></i>
+            }
+            @if (tab.Status === 'rejected') {
+              <i class="fa-solid fa-triangle-exclamation mj-tabs__status-icon" aria-hidden="true"></i>
+            }
+            <span class="mj-tabs__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. Silent to assistive tech —
+                   the state is already in the tab's accessible name. -->
+              <span class="mj-tabs__dirty" aria-hidden="true">&bull;</span>
+            }
+            <!-- tabindex="-1": the TAB is the focus stop and Delete closes it, so a second stop per
+                 tab would double the length of the strip in the page tab order. -->
+            <button
+              type="button"
+              class="mj-tabs__close"
+              tabindex="-1"
+              [attr.aria-label]="'Close ' + tab.Label"
+              (click)="onCloseClick($event, tab.Id)">
+              <i class="fa-solid fa-xmark" aria-hidden="true"></i>
+            </button>
+          </div>
+        }
+      </div>
+      @if (ShowNewTab) {
+        <button type="button" class="mj-tabs__new" (click)="NewTabRequested.emit()" [attr.aria-label]="NewTabLabel">
+          <i class="fa-solid fa-plus" aria-hidden="true"></i>
+          <span>{{ NewTabLabel }}</span>
+        </button>
+      }
+    </div>
+  `, styles: ["/* Only what is LOCAL to this strip. The tab chrome \u2014 bar, tabs, active accent, label ellipsis,\n   dirty dot, close button, pinned new-tab control \u2014 lives in the global `.mj-tabs*` stylesheet\n   (ui-components `lib/tabs/tabs.scss`) so this strip and `mj-tabstrip` cannot drift apart.\n   Anything added here is, by definition, a claim that this strip should look DIFFERENT. */\n\n:host {\n  display: block;\n}\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   Specific to this strip: `mj-tabstrip` has no reorder capability, so these affordances would be\n   dead weight in the shared sheet. Default arrow cursor over tabs \u2014 not a grab hand \u2014 matching\n   browser tab convention. */\n.mj-tabs__tab.cdk-drag {\n  cursor: default;\n}\n\n/* The floating clone while dragging \u2014 still reads as a tab, plus a lift shadow. Neutral rgba so it\n   reads as a shadow in both themes; a token-tinted shadow glows in dark. */\n.cdk-drag-preview.mj-tabs__tab {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);\n  border-radius: 8px 8px 0 0;\n}\n\n/* The gap the tab leaves behind \u2014 a faded outline, not a solid block. */\n.mj-tabs__tab.cdk-drag-placeholder {\n  opacity: 0.35;\n}\n\n/* Smooth settle on drop, and neighbours sliding aside during a drag. */\n.cdk-drag-animating,\n.mj-tabs__list.cdk-drop-list-dragging .mj-tabs__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
+        }], AllowReorder: [{
+            type: Input
+        }], TabSelected: [{
+            type: Output
+        }], TabClosed: [{
+            type: Output
+        }], NewTabRequested: [{
+            type: Output
+        }], TabReordered: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJWorkspaceTabStripComponent, { className: "MJWorkspaceTabStripComponent", filePath: "lib/workspace-tabs/workspace-tab-strip.component.ts", lineNumber: 101 }); })();
+//# sourceMappingURL=workspace-tab-strip.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-strip.component.js","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tab-strip.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, ChangeDetectionStrategy, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CdkDropList, CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';\nimport { MJWorkspaceTab } from './workspace-tabs.types';\nimport { MJWorkspaceTipDirective } from './workspace-tip.directive';\nimport { MJTabListDirective, MJTabListRequest } from '../tabs/tab-list.directive';\nimport { warnIfTabChromeMissing } from '../tabs/tab-chrome-guard';\n\n/** A drag-reorder request from the strip: move the tab at `previousIndex` to `currentIndex`. */\nexport interface MJTabReorder {\n  previousIndex: number;\n  currentIndex: number;\n}\n\n/**\n * `<mj-workspace-tab-strip>` — browser-style draft tabs, presentation over `MJWorkspaceTabStore`.\n *\n * Dumb by design: it renders the tabs it is handed and emits intent. The store holds the state\n * machine; the host owns what a tab's payload means. That split keeps it app-agnostic.\n *\n * **Browser-tab behavior lives HERE** so every consumer inherits it:\n *  - pinned new-tab button; the tab LIST scrolls horizontally *behind* it on overflow;\n *  - tabs size to their text up to `--mj-tab-max`, then ellipsize; the inline unsaved-dot pushes the label;\n *  - the tab body keeps the default arrow cursor (like browser tabs);\n *  - the full label shows via the reusable `mjTip` tooltip when a tab is truncated (delayed, non-interactive);\n *  - drag-reorder via CDK, emitted as intent for the host to apply to its store.\n *\n * **Appearance and keyboard behaviour are NOT owned here.** The look comes from the global\n * `.mj-tabs*` chrome in `tabs.scss`, and the ARIA tabs keyboard contract from `mjTabList` — both\n * shared with `mj-tabstrip`, so the two strips cannot drift apart visually or behaviourally even\n * though they keep different state models.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-workspace-tab-strip',\n  imports: [CommonModule, CdkDropList, CdkDrag, MJWorkspaceTipDirective, MJTabListDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"mj-tabs mj-tabs__bar\">\n      <div\n        class=\"mj-tabs__list\"\n        mjTabList\n        (TabActivateRequested)=\"onActivateRequested($event)\"\n        (TabCloseRequested)=\"onCloseRequested($event)\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"onDrop($event)\">\n        @for (tab of Tabs; track tab.Id) {\n          <!-- role=\"tab\" sits on the FOCUSABLE element, not on a wrapper around one. tabindex is\n               owned by mjTabList (roving), so it is deliberately not bound here. The accessible\n               name folds in the unsaved/rejected state, because those are conveyed visually by a\n               dot and a colour that a screen reader cannot see. -->\n          <div\n            class=\"mj-tabs__tab\"\n            cdkDrag\n            [cdkDragDisabled]=\"!AllowReorder\"\n            [cdkDragStartDelay]=\"DragStartDelay\"\n            [class.mj-tabs__tab--active]=\"tab.Id === ActiveId\"\n            [class.mj-tabs__tab--rejected]=\"tab.Status === 'rejected'\"\n            [class.mj-tabs__tab--complete]=\"tab.Status === 'complete'\"\n            role=\"tab\"\n            [attr.aria-selected]=\"tab.Id === ActiveId\"\n            [attr.aria-label]=\"tabAccessibleName(tab)\"\n            (click)=\"TabSelected.emit(tab.Id)\">\n            @if (tab.Icon) {\n              <i [class]=\"tab.Icon\" class=\"mj-tabs__icon\" aria-hidden=\"true\"></i>\n            }\n            @if (tab.Status === 'rejected') {\n              <i class=\"fa-solid fa-triangle-exclamation mj-tabs__status-icon\" aria-hidden=\"true\"></i>\n            }\n            <span class=\"mj-tabs__label\" [mjTip]=\"tab.Label\">{{ tab.Label }}</span>\n            @if (tab.Dirty) {\n              <!-- Inline dot (no reserved slot): it PUSHES the label, so the ellipsis shifts left on\n                   a capped tab and a short tab grows by the dot's width. Silent to assistive tech —\n                   the state is already in the tab's accessible name. -->\n              <span class=\"mj-tabs__dirty\" aria-hidden=\"true\">&bull;</span>\n            }\n            <!-- tabindex=\"-1\": the TAB is the focus stop and Delete closes it, so a second stop per\n                 tab would double the length of the strip in the page tab order. -->\n            <button\n              type=\"button\"\n              class=\"mj-tabs__close\"\n              tabindex=\"-1\"\n              [attr.aria-label]=\"'Close ' + tab.Label\"\n              (click)=\"onCloseClick($event, tab.Id)\">\n              <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n            </button>\n          </div>\n        }\n      </div>\n      @if (ShowNewTab) {\n        <button type=\"button\" class=\"mj-tabs__new\" (click)=\"NewTabRequested.emit()\" [attr.aria-label]=\"NewTabLabel\">\n          <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n          <span>{{ NewTabLabel }}</span>\n        </button>\n      }\n    </div>\n  `,\n  styleUrls: ['./workspace-tab-strip.component.css'],\n})\nexport class MJWorkspaceTabStripComponent implements AfterViewInit {\n  private readonly elementRef = inject(ElementRef);\n\n  ngAfterViewInit(): void {\n    warnIfTabChromeMissing(this.elementRef.nativeElement);\n  }\n\n  @Input() Tabs: MJWorkspaceTab[] = [];\n  @Input() ActiveId: string | null = null;\n  @Input() ShowNewTab = true;\n  @Input() NewTabLabel = 'New';\n\n  /**\n   * Whether tabs can be drag-reordered at all. The escape hatch for hosts where even long-press\n   * dragging is wrong (a kiosk surface, a read-only review screen) — reorder simply isn't offered\n   * and every touch gesture belongs to scrolling.\n   */\n  @Input() AllowReorder = true;\n\n  /**\n   * Per-pointer-type drag threshold, resolving the touch conflict between REORDER and SCROLL: an\n   * overflowing tab list scrolls by horizontal swipe, and a swipe starts on a tab — with an\n   * immediate drag threshold, CDK claims that touch and the list becomes unscrollable on phones.\n   * A hold-to-drag delay is the platform idiom for exactly this (iOS home screen, mobile browser\n   * tabs): a moving finger within the delay window is a SCROLL and CDK lets it through natively; a\n   * still finger past it is a DRAG. Mouse stays immediate — pointer users scroll with the wheel or\n   * scrollbar, so there is no gesture to disambiguate and a delay would just feel laggy.\n   */\n  public readonly DragStartDelay = { touch: 400, mouse: 0 };\n\n  @Output() TabSelected = new EventEmitter<string>();\n  @Output() TabClosed = new EventEmitter<string>();\n  @Output() NewTabRequested = new EventEmitter<void>();\n  @Output() TabReordered = new EventEmitter<MJTabReorder>();\n\n  /** CDK drop — emit the reorder intent; the host applies it to the store (the strip stays dumb). */\n  public onDrop(event: CdkDragDrop<MJWorkspaceTab[]>): void {\n    if (event.previousIndex !== event.currentIndex) {\n      this.TabReordered.emit({ previousIndex: event.previousIndex, currentIndex: event.currentIndex });\n    }\n  }\n\n  /**\n   * The tab's accessible name. The dirty dot and the rejected colour/icon are the only signals for\n   * those states, and neither survives being read aloud — so they are spelled out here instead.\n   */\n  public tabAccessibleName(tab: MJWorkspaceTab): string {\n    const parts = [tab.Label];\n    if (tab.Status === 'rejected') parts.push('(rejected)');\n    if (tab.Dirty) parts.push('(unsaved changes)');\n    return parts.join(' ');\n  }\n\n  /** Keyboard arrow/Home/End/Enter from `mjTabList` — map the position back onto our id. */\n  public onActivateRequested(request: MJTabListRequest): void {\n    const tab = this.Tabs[request.Index];\n    if (tab) {\n      this.TabSelected.emit(tab.Id);\n    }\n  }\n\n  /** Delete/Backspace on a focused tab — the APG close gesture for a closeable tab. */\n  public onCloseRequested(request: MJTabListRequest): void {\n    const tab = this.Tabs[request.Index];\n    if (tab) {\n      this.TabClosed.emit(tab.Id);\n    }\n  }\n\n  /** The close button sits inside the tab, so its click would otherwise also select the tab. */\n  public onCloseClick(event: MouseEvent, id: string): void {\n    event.stopPropagation();\n    this.TabClosed.emit(id);\n  }\n}\n"]}

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

@@ -0,0 +1,40 @@
+/**
+ * Workspace-tab framework contract.
+ *
+ * A "workspace" is a screen where the user builds several drafts in parallel — each draft lives in
+ * a tab (browser-tab semantics: open, switch, drag-reorder, close, dirty-dot). Originated in the
+ * BizApps accounting JE/batch workspaces and hoisted here as the canonical implementation.
+ *
+ * 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). App types never appear here; a
+ * tab carries an opaque `State` the host owns.
+ */
+/** Lifecycle state of a draft tab. */
+export type MJWorkspaceTabState = 
+/** 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. Hosts narrow it themselves — this is
+ * the layer boundary, not weak typing.
+ */
+export interface MJWorkspaceTab<TState = unknown> {
+    /** Stable identity within the strip. */
+    Id: string;
+    /** Tab caption. */
+    Label: string;
+    /** Optional Font Awesome class rendered before the label. */
+    Icon?: string;
+    Status: MJWorkspaceTabState;
+    /** 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/workspace-tabs/workspace-tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tabs.types.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tabs.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,sCAAsC;AACtC,MAAM,MAAM,mBAAmB;AAC7B,gCAAgC;AAC9B,OAAO;AACT,mGAAmG;GACjG,UAAU;AACZ,sEAAsE;GACpE,UAAU,CAAC;AAEf;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,MAAM,GAAG,OAAO;IAC9C,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,mBAAmB,CAAC;IAC5B,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/workspace-tabs/workspace-tabs.types.js

@@ -0,0 +1,13 @@
+/**
+ * Workspace-tab framework contract.
+ *
+ * A "workspace" is a screen where the user builds several drafts in parallel — each draft lives in
+ * a tab (browser-tab semantics: open, switch, drag-reorder, close, dirty-dot). Originated in the
+ * BizApps accounting JE/batch workspaces and hoisted here as the canonical implementation.
+ *
+ * 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). App types never appear here; a
+ * tab carries an opaque `State` the host owns.
+ */
+export {};
+//# sourceMappingURL=workspace-tabs.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tabs.types.js","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tabs.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG","sourcesContent":["/**\n * Workspace-tab framework contract.\n *\n * A \"workspace\" is a screen where the user builds several drafts in parallel — each draft lives in\n * a tab (browser-tab semantics: open, switch, drag-reorder, close, dirty-dot). Originated in the\n * BizApps accounting JE/batch workspaces and hoisted here as the canonical implementation.\n *\n * v1 is **session-scoped**: a tab's state lives until the tab is closed or the session ends, and is\n * deliberately **NOT DB-persisted** (DB persistence is the v2 fork). App types never appear here; a\n * tab carries an opaque `State` the host owns.\n */\n\n/** Lifecycle state of a draft tab. */\nexport type MJWorkspaceTabState =\n  /** Normal in-progress draft. */\n  | 'draft'\n  /** Round-tripped after a rejection — the tab returns for rework carrying its rejection context. */\n  | 'rejected'\n  /** Committed/built — kept open read-only until the user closes it. */\n  | 'complete';\n\n/**\n * One workspace tab. `State` is intentionally `unknown`: the framework moves tabs around and never\n * inspects their payload, which is what keeps it app-agnostic. Hosts narrow it themselves — this is\n * the layer boundary, not weak typing.\n */\nexport interface MJWorkspaceTab<TState = unknown> {\n  /** Stable identity within the strip. */\n  Id: string;\n  /** Tab caption. */\n  Label: string;\n  /** Optional Font Awesome class rendered before the label. */\n  Icon?: string;\n  Status: MJWorkspaceTabState;\n  /** Host-owned payload — the in-progress draft. */\n  State: TState;\n  /** Set when Status is 'rejected'; surfaced as the tab tooltip so the reason travels with the tab. */\n  RejectionReason?: string | null;\n  /** True when the tab has unsaved edits — drives the discard confirm. */\n  Dirty?: boolean;\n}\n"]}

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

@@ -0,0 +1,34 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `mjTip` — a small, reusable, THEMED hover tooltip for dense surfaces (tab labels, truncated
+ * selects, …). Behavior:
+ *   - 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
+ *     glows in dark). Capped at ~1.5 tab-widths × 3 lines — never a screen-wide banner.
+ */
+export declare class MJWorkspaceTipDirective 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<MJWorkspaceTipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MJWorkspaceTipDirective, "[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/workspace-tabs/workspace-tip.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tip.directive.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tip.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,SAAS,EAAqB,MAAM,eAAe,CAAC;;AAKzG;;;;;;;;;;GAUG;AACH,qBACa,uBAAwB,YAAW,SAAS;IACvD,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,uBAAuB;2CAAvB,uBAAuB;CAwFnC"}