@memberjunction/ng-ui-components 5.51.0 → 6.1.0-edge.1

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":"AAAA,OAAO,EAAiB,SAAS,EAAE,uBAAuB,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnI,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAe,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAoB,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;;;IA2DpD,wBAAmE;;;IAAhE,0BAAkB;;;IAGrB,uBAAwF;;;IAOxF,+BAAgD;IAAA,sBAAM;IAAA,iBAAO;;;;IAvBjE,8BAWqC;IAAnC,8MAAS,kCAAwB,KAAC;IAClC,kGAAgB;IAGhB,kGAAiC;IAGjC,+BAAiD;IAAA,YAAe;IAAA,iBAAO;IACvE,qGAAiB;IAQjB,iCAKyC;IAAvC,uNAAS,sCAA4B,KAAC;IACtC,wBAAoD;IAExD,AADE,iBAAS,EACL;;;;IA5BJ,AADA,AADA,qEAAkD,wDACQ,wDACA;IAH1D,AADA,sDAAiC,4CACG;;IAQpC,cAEC;IAFD,sCAEC;IACD,cAEC;IAFD,uDAEC;IAC4B,cAAmB;IAAnB,oCAAmB;IAAC,cAAe;IAAf,kCAAe;IAChE,cAKC;IALD,uCAKC;IAOC,cAAwC;;;;;IAQ9C,kCAA4G;IAAjE,gMAAS,6BAAsB,KAAC;IACzE,wBAAmD;IACnD,4BAAM;IAAA,YAAiB;IACzB,AADyB,iBAAO,EACvB;;;;IADD,eAAiB;IAAjB,wCAAiB;;AA/EjC;;;;;;;;;;;;;;;;;GAiBG;AAqEH,MAAM,OAAO,4BAA4B;IACtB,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEjD,eAAe;QACb,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC;IAEQ,IAAI,GAAqB,EAAE,CAAC;IAC5B,QAAQ,GAAkB,IAAI,CAAC;IAC/B,UAAU,GAAG,IAAI,CAAC;IAClB,WAAW,GAAG,KAAK,CAAC;IAE7B;;;;OAIG;IACM,YAAY,GAAG,IAAI,CAAC;IAE7B;;;;;;;;OAQG;IACa,cAAc,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAEhD,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,EAAgB,CAAC;IAE1D,mGAAmG;IAC5F,MAAM,CAAC,KAAoC;QAChD,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;IAED;;;OAGG;IACI,iBAAiB,CAAC,GAAmB;QAC1C,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,GAAG,CAAC,MAAM,KAAK,UAAU;YAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,IAAI,GAAG,CAAC,KAAK;YAAE,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,0FAA0F;IACnF,mBAAmB,CAAC,OAAyB;QAClD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,qFAAqF;IAC9E,gBAAgB,CAAC,OAAyB;QAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,8FAA8F;IACvF,YAAY,CAAC,KAAiB,EAAE,EAAU;QAC/C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;sHAzEU,4BAA4B;6DAA5B,4BAA4B;YA7DnC,AADF,8BAAkC,aAQQ;YAAtC,AAHA,AADA,0IAAwB,+BAA2B,IAAC,uHAC/B,4BAAwB,IAAC,yHAGxB,kBAAc,IAAC;YACrC,gGAyCC;YACH,iBAAM;YACN,iGAAkB;YAMpB,iBAAM;;YAjDF,eAyCC;YAzCD,uBAyCC;YAEH,eAKC;YALD,yCAKC;4BA5DK,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB;;iFAiE9E,4BAA4B;cApExC,SAAS;6BACI,IAAI,YACN,wBAAwB,WACzB,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,mBACzE,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DT;;kBAUA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAOL,KAAK;;kBAaL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFAjCI,4BAA4B","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"}

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

@@ -0,0 +1,123 @@
+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 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 class MJWorkspaceTipDirective {
+    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 MJWorkspaceTipDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJWorkspaceTipDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MJWorkspaceTipDirective, selectors: [["", "mjTip", ""]], hostBindings: function MJWorkspaceTipDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mouseenter", function MJWorkspaceTipDirective_mouseenter_HostBindingHandler() { return ctx.onEnter(); })("mousemove", function MJWorkspaceTipDirective_mousemove_HostBindingHandler() { return ctx.onMove(); })("mouseleave", function MJWorkspaceTipDirective_mouseleave_HostBindingHandler() { return ctx.onLeave(); });
+        } }, inputs: { Text: [0, "mjTip", "Text"], Always: [0, "mjTipAlways", "Always"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJWorkspaceTipDirective, [{
+        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/workspace-tabs/workspace-tip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tip.directive.js","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostListener, Input, OnDestroy, Renderer2, inject } from '@angular/core';\n\nconst DELAY_MS = 450;\nconst MAX_WIDTH = 300; // ~1.5 tab-widths; height is capped at 3 lines below.\n\n/**\n * `mjTip` — a small, reusable, THEMED hover tooltip for dense surfaces (tab labels, truncated\n * selects, …). Behavior:\n *   - shows the full text only after the pointer holds STILL over the host (~450ms);\n *   - NON-INTERACTIVE (`pointer-events:none`) so it never blocks a click, and leaves on the next mousemove;\n *   - by default shows ONLY when the host is truncated (`scrollWidth > clientWidth`) — pass `mjTipAlways`\n *     for hosts whose truncation can't be measured (a native `<select>`), so the full value shows regardless;\n *   - themed via design tokens (inline `var()` styles, since it is appended to `<body>`), with a NEUTRAL\n *     `rgba(0,0,0,…)` shadow so it reads as a shadow in BOTH light and dark mode (a token-tinted shadow\n *     glows in dark). Capped at ~1.5 tab-widths × 3 lines — never a screen-wide banner.\n */\n@Directive({ selector: '[mjTip]', standalone: true })\nexport class MJWorkspaceTipDirective implements OnDestroy {\n  private host = inject(ElementRef).nativeElement as HTMLElement;\n  private r = inject(Renderer2);\n\n  @Input('mjTip') Text = '';\n  /** Show even when the host isn't measurably truncated (e.g. a native <select>). */\n  @Input('mjTipAlways') Always = false;\n\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private tip: HTMLElement | null = null;\n\n  @HostListener('mouseenter') onEnter(): void {\n    this.arm();\n  }\n  @HostListener('mousemove') onMove(): void {\n    this.hide();\n    this.arm();\n  }\n  @HostListener('mouseleave') onLeave(): void {\n    this.clear();\n    this.hide();\n  }\n  ngOnDestroy(): void {\n    this.clear();\n    this.hide();\n  }\n\n  private arm(): void {\n    this.clear();\n    this.timer = setTimeout(() => this.show(), DELAY_MS);\n  }\n  private clear(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  private show(): void {\n    this.timer = null;\n    const text = (this.Text ?? '').trim();\n    if (!text) return;\n    if (!this.Always && this.host.scrollWidth <= this.host.clientWidth + 1) return;\n\n    const rect = this.host.getBoundingClientRect();\n    const el = this.r.createElement('div') as HTMLElement;\n    this.r.setProperty(el, 'textContent', text);\n    this.r.setAttribute(el, 'role', 'tooltip');\n    this.styleTip(el.style);\n    this.r.appendChild(document.body, el);\n    this.tip = el;\n    // Keep it on-screen (measured after append) — clamp right, flip above if it would overflow bottom.\n    const left = Math.max(4, Math.min(Math.round(rect.left), window.innerWidth - el.offsetWidth - 4));\n    let top = Math.round(rect.bottom + 4);\n    if (top + el.offsetHeight > window.innerHeight - 4) top = Math.max(4, Math.round(rect.top - el.offsetHeight - 4));\n    el.style.left = `${left}px`;\n    el.style.top = `${top}px`;\n  }\n\n  private styleTip(s: CSSStyleDeclaration): void {\n    s.position = 'fixed';\n    s.left = '0';\n    s.top = '0';\n    s.zIndex = '1000';\n    s.pointerEvents = 'none';\n    s.maxWidth = `${MAX_WIDTH}px`;\n    s.overflow = 'hidden';\n    s.display = '-webkit-box';\n    s.setProperty('-webkit-line-clamp', '3');\n    s.setProperty('-webkit-box-orient', 'vertical');\n    s.padding = '5px 9px';\n    s.borderRadius = '6px';\n    s.background = 'var(--mj-bg-surface-elevated, var(--mj-bg-surface))';\n    s.border = '1px solid var(--mj-border-default)';\n    s.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.18)';\n    s.color = 'var(--mj-text-primary)';\n    s.fontSize = '12px';\n    s.lineHeight = '1.35';\n    s.whiteSpace = 'normal';\n    s.wordBreak = 'break-word';\n  }\n\n  private hide(): void {\n    if (this.tip) {\n      this.r.removeChild(document.body, this.tip);\n      this.tip = null;\n    }\n  }\n}\n"]}

package/dist/public-api.d.ts

@@ -15,6 +15,7 @@ export * from './lib/accordion/accordion.component';
 export * from './lib/alert/alert.component';
 export * from './lib/window/window.component';
 export * from './lib/slide-panel/slide-panel.component';
+export * from './lib/bottom-sheet/bottom-sheet.component';
 export * from './lib/combobox/combobox.component';
 export * from './lib/page-header/page-header.component';
 export * from './lib/page-layout/page-layout.component';
@@ -27,6 +28,13 @@ export * from './lib/filter-chip/filter-chip.component';
 export * from './lib/filter-field/filter-field.component';
 export * from './lib/filter-panel/filter-panel.component';
 export * from './lib/tab-nav/tab-nav.component';
+export * from './lib/tabs/tab-list.directive';
+export * from './lib/tabs/tab-chrome-guard';
+export * from './lib/workspace-tabs/workspace-tabs.types';
+export * from './lib/workspace-tabs/workspace-tab-store';
+export * from './lib/workspace-tabs/workspace-tab-strip.component';
+export * from './lib/workspace-tabs/workspace-card.component';
+export * from './lib/workspace-tabs/workspace-tip.directive';
 export * from './lib/view-toggle/view-toggle.component';
 export * from './lib/left-nav/left-nav.component';
 export * from './lib/left-nav/left-nav-content.component';

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

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC"}

package/dist/public-api.js

@@ -17,6 +17,7 @@ export * from './lib/accordion/accordion.component';
 export * from './lib/alert/alert.component';
 export * from './lib/window/window.component';
 export * from './lib/slide-panel/slide-panel.component';
+export * from './lib/bottom-sheet/bottom-sheet.component';
 export * from './lib/combobox/combobox.component';
 export * from './lib/page-header/page-header.component';
 export * from './lib/page-layout/page-layout.component';
@@ -29,6 +30,13 @@ export * from './lib/filter-chip/filter-chip.component';
 export * from './lib/filter-field/filter-field.component';
 export * from './lib/filter-panel/filter-panel.component';
 export * from './lib/tab-nav/tab-nav.component';
+export * from './lib/tabs/tab-list.directive';
+export * from './lib/tabs/tab-chrome-guard';
+export * from './lib/workspace-tabs/workspace-tabs.types';
+export * from './lib/workspace-tabs/workspace-tab-store';
+export * from './lib/workspace-tabs/workspace-tab-strip.component';
+export * from './lib/workspace-tabs/workspace-card.component';
+export * from './lib/workspace-tabs/workspace-tip.directive';
 export * from './lib/view-toggle/view-toggle.component';
 export * from './lib/left-nav/left-nav.component';
 export * from './lib/left-nav/left-nav-content.component';

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,+DAA+D;AAE/D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC","sourcesContent":["// @memberjunction/ng-ui-components\n// Reusable standalone Angular UI components for MemberJunction\n\nexport * from './lib/button/button.directive';\nexport * from './lib/clickable/clickable.directive';\nexport * from './lib/dialog/dialog.component';\nexport * from './lib/dialog/dialog.service';\nexport * from './lib/confirm-dialog/confirm-dialog.component';\nexport * from './lib/confirm-dialog/confirm-dialog.service';\nexport * from './lib/dropdown/dropdown.component';\nexport * from './lib/switch/switch.component';\nexport * from './lib/numeric-input/numeric-input.component';\nexport * from './lib/progress-bar/progress-bar.component';\nexport * from './lib/calendar/calendar-utils';\nexport * from './lib/datepicker/datepicker.component';\nexport * from './lib/splitter/splitter.component';\nexport * from './lib/accordion/accordion.component';\nexport * from './lib/alert/alert.component';\nexport * from './lib/window/window.component';\nexport * from './lib/slide-panel/slide-panel.component';\nexport * from './lib/combobox/combobox.component';\nexport * from './lib/page-header/page-header.component';\nexport * from './lib/page-layout/page-layout.component';\nexport * from './lib/page-body/page-body.component';\nexport * from './lib/stat-badge/stat-badge.component';\nexport * from './lib/refresh-button/refresh-button.component';\nexport * from './lib/filter-popover/filter-popover.component';\nexport * from './lib/page-search/page-search.component';\nexport * from './lib/filter-chip/filter-chip.component';\nexport * from './lib/filter-field/filter-field.component';\nexport * from './lib/filter-panel/filter-panel.component';\nexport * from './lib/tab-nav/tab-nav.component';\nexport * from './lib/view-toggle/view-toggle.component';\nexport * from './lib/left-nav/left-nav.component';\nexport * from './lib/left-nav/left-nav-content.component';\nexport * from './lib/page-header-interior/page-header-interior.component';\nexport * from './lib/page-body-interior/page-body-interior.component';\nexport * from './lib/empty-state/empty-state.component';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,+DAA+D;AAE/D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,yCAAyC,CAAC","sourcesContent":["// @memberjunction/ng-ui-components\n// Reusable standalone Angular UI components for MemberJunction\n\nexport * from './lib/button/button.directive';\nexport * from './lib/clickable/clickable.directive';\nexport * from './lib/dialog/dialog.component';\nexport * from './lib/dialog/dialog.service';\nexport * from './lib/confirm-dialog/confirm-dialog.component';\nexport * from './lib/confirm-dialog/confirm-dialog.service';\nexport * from './lib/dropdown/dropdown.component';\nexport * from './lib/switch/switch.component';\nexport * from './lib/numeric-input/numeric-input.component';\nexport * from './lib/progress-bar/progress-bar.component';\nexport * from './lib/calendar/calendar-utils';\nexport * from './lib/datepicker/datepicker.component';\nexport * from './lib/splitter/splitter.component';\nexport * from './lib/accordion/accordion.component';\nexport * from './lib/alert/alert.component';\nexport * from './lib/window/window.component';\nexport * from './lib/slide-panel/slide-panel.component';\nexport * from './lib/bottom-sheet/bottom-sheet.component';\nexport * from './lib/combobox/combobox.component';\nexport * from './lib/page-header/page-header.component';\nexport * from './lib/page-layout/page-layout.component';\nexport * from './lib/page-body/page-body.component';\nexport * from './lib/stat-badge/stat-badge.component';\nexport * from './lib/refresh-button/refresh-button.component';\nexport * from './lib/filter-popover/filter-popover.component';\nexport * from './lib/page-search/page-search.component';\nexport * from './lib/filter-chip/filter-chip.component';\nexport * from './lib/filter-field/filter-field.component';\nexport * from './lib/filter-panel/filter-panel.component';\nexport * from './lib/tab-nav/tab-nav.component';\nexport * from './lib/tabs/tab-list.directive';\nexport * from './lib/tabs/tab-chrome-guard';\nexport * from './lib/workspace-tabs/workspace-tabs.types';\nexport * from './lib/workspace-tabs/workspace-tab-store';\nexport * from './lib/workspace-tabs/workspace-tab-strip.component';\nexport * from './lib/workspace-tabs/workspace-card.component';\nexport * from './lib/workspace-tabs/workspace-tip.directive';\nexport * from './lib/view-toggle/view-toggle.component';\nexport * from './lib/left-nav/left-nav.component';\nexport * from './lib/left-nav/left-nav-content.component';\nexport * from './lib/page-header-interior/page-header-interior.component';\nexport * from './lib/page-body-interior/page-body-interior.component';\nexport * from './lib/empty-state/empty-state.component';\n"]}