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

package/dist/lib/workspace-tabs/workspace-card.component.js

@@ -0,0 +1,256 @@
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJWorkspaceTabStripComponent } from './workspace-tab-strip.component';
+import { MJButtonDirective } from '../button/button.directive';
+import * as i0 from "@angular/core";
+const _c0 = [[["", "workspaceHeader", ""]], "*", [["", "workspaceFooterNote", ""]]];
+const _c1 = ["[workspaceHeader]", "*", "[workspaceFooterNote]"];
+function MJWorkspaceCardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 10);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ConfirmBusyLabel, " ");
+} }
+function MJWorkspaceCardComponent_Conditional_7_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.ConfirmIcon);
+} }
+function MJWorkspaceCardComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJWorkspaceCardComponent_Conditional_7_Conditional_3_Conditional_0_Template, 1, 2, "i", 11);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.ConfirmIcon ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ConfirmLabel, " ");
+} }
+function MJWorkspaceCardComponent_Conditional_7_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.DraftIcon);
+} }
+function MJWorkspaceCardComponent_Conditional_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function MJWorkspaceCardComponent_Conditional_7_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveDraft.emit()); });
+    i0.ɵɵconditionalCreate(1, MJWorkspaceCardComponent_Conditional_7_Conditional_4_Conditional_1_Template, 1, 2, "i", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.DraftDisabled);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DraftIcon ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftLabel, " ");
+} }
+function MJWorkspaceCardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "footer", 5)(1, "button", 6);
+    i0.ɵɵlistener("click", function MJWorkspaceCardComponent_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Confirm.emit()); });
+    i0.ɵɵconditionalCreate(2, MJWorkspaceCardComponent_Conditional_7_Conditional_2_Template, 2, 1)(3, MJWorkspaceCardComponent_Conditional_7_Conditional_3_Template, 2, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MJWorkspaceCardComponent_Conditional_7_Conditional_4_Template, 3, 3, "button", 7);
+    i0.ɵɵelementStart(5, "button", 8);
+    i0.ɵɵlistener("click", function MJWorkspaceCardComponent_Conditional_7_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Discard.emit()); });
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 9);
+    i0.ɵɵprojection(8, 2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.ConfirmDisabled || ctx_r1.ConfirmBusy)("title", ctx_r1.ConfirmTitle || ctx_r1.ConfirmLabel);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ConfirmBusy ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ShowDraft ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.DiscardLabel);
+} }
+/**
+ * `<mj-workspace-card>` — the reusable frame every "workspace" screen shares (a screen where the
+ * user builds several drafts in parallel, each in a tab). A THIN, slotted wrapper: it owns ONLY the
+ * invariant chrome —
+ *   • the card surface (border + rounded corners + contained scroll),
+ *   • the tab-strip row (delegated to `<mj-workspace-tab-strip>`, which carries all tab behavior),
+ *   • an identity band beside the tabs, and
+ *   • a single scrollable body —
+ * and PROJECTS everything that varies:
+ *   • `[workspaceHeader]` — the per-workshop identity band content (e.g. number/status/currency badges);
+ *   • the default slot — the workshop's form/body;
+ *   • `[workspaceFooterNote]` — an optional caption beside the standardized footer verbs.
+ *
+ * The card deliberately bakes in NO workshop-specific header; those differ per workshop and are
+ * projected. Height chain: `:host` fills its parent, the card fills the host, the body is the
+ * flex:1 scroller — so the BODY scrolls in place while the strip + identity band stay pinned.
+ *
+ * SIZING RULE for content inside the card: the card is a query container (`container-type: size`),
+ * so content sizes with CONTAINER units (`cqh`/`cqw`/`cqi`) — relative to the card as a pane —
+ * never viewport units (`vh`/`vw`), which break the moment the card sits in a split or a smaller
+ * window.
+ */
+export class MJWorkspaceCardComponent {
+    Tabs = [];
+    ActiveId = null;
+    NewTabLabel = 'New';
+    AriaLabel = 'Workspace';
+    /** Passed through to the strip — see `MJWorkspaceTabStripComponent.AllowReorder`. */
+    AllowReorder = true;
+    // ── Standardized footer (opt-in) ────────────────────────────────────────────
+    /** Render the standardized action bar (confirm / save-as-draft / discard) below the body. */
+    ShowFooter = false;
+    /** The primary verb's label — the ONE thing that changes per workshop ("Create entry" / "Build batch"). */
+    ConfirmLabel = 'Confirm';
+    /** Optional Font Awesome class for the confirm button (e.g. 'fa-solid fa-check'). */
+    ConfirmIcon = null;
+    ConfirmDisabled = false;
+    /** Tooltip / blocked-reason on the confirm button; falls back to ConfirmLabel. */
+    ConfirmTitle = null;
+    /** Show the spinner + busy label on the confirm button while an async confirm runs. */
+    ConfirmBusy = false;
+    ConfirmBusyLabel = 'Working…';
+    /** Whether the save-as-draft button appears (some workshops have no draft concept). */
+    ShowDraft = true;
+    DraftLabel = 'Keep as draft';
+    DraftIcon = 'fa-regular fa-floppy-disk';
+    DraftDisabled = false;
+    DiscardLabel = 'Discard';
+    TabSelected = new EventEmitter();
+    TabClosed = new EventEmitter();
+    NewTabRequested = new EventEmitter();
+    TabReordered = new EventEmitter();
+    /** The primary verb (create / build / …). */
+    Confirm = new EventEmitter();
+    SaveDraft = new EventEmitter();
+    Discard = new EventEmitter();
+    static ɵfac = function MJWorkspaceCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJWorkspaceCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJWorkspaceCardComponent, selectors: [["mj-workspace-card"]], inputs: { Tabs: "Tabs", ActiveId: "ActiveId", NewTabLabel: "NewTabLabel", AriaLabel: "AriaLabel", AllowReorder: "AllowReorder", ShowFooter: "ShowFooter", ConfirmLabel: "ConfirmLabel", ConfirmIcon: "ConfirmIcon", ConfirmDisabled: "ConfirmDisabled", ConfirmTitle: "ConfirmTitle", ConfirmBusy: "ConfirmBusy", ConfirmBusyLabel: "ConfirmBusyLabel", ShowDraft: "ShowDraft", DraftLabel: "DraftLabel", DraftIcon: "DraftIcon", DraftDisabled: "DraftDisabled", DiscardLabel: "DiscardLabel" }, outputs: { TabSelected: "TabSelected", TabClosed: "TabClosed", NewTabRequested: "NewTabRequested", TabReordered: "TabReordered", Confirm: "Confirm", SaveDraft: "SaveDraft", Discard: "Discard" }, ngContentSelectors: _c1, decls: 8, vars: 6, consts: [[1, "ws-card"], [1, "ws-card__head"], [3, "TabSelected", "TabClosed", "NewTabRequested", "TabReordered", "Tabs", "ActiveId", "NewTabLabel", "AllowReorder"], [1, "ws-card__headmeta"], [1, "ws-card__body"], [1, "ws-card__foot"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click", "disabled", "title"], ["type", "button", "mjButton", "", "variant", "outline", 3, "disabled"], ["type", "button", "mjButton", "", "variant", "flat", 3, "click"], [1, "ws-card__footnote"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 3, "class"], ["aria-hidden", "true"], ["type", "button", "mjButton", "", "variant", "outline", 3, "click", "disabled"]], template: function MJWorkspaceCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "section", 0)(1, "header", 1)(2, "mj-workspace-tab-strip", 2);
+            i0.ɵɵlistener("TabSelected", function MJWorkspaceCardComponent_Template_mj_workspace_tab_strip_TabSelected_2_listener($event) { return ctx.TabSelected.emit($event); })("TabClosed", function MJWorkspaceCardComponent_Template_mj_workspace_tab_strip_TabClosed_2_listener($event) { return ctx.TabClosed.emit($event); })("NewTabRequested", function MJWorkspaceCardComponent_Template_mj_workspace_tab_strip_NewTabRequested_2_listener() { return ctx.NewTabRequested.emit(); })("TabReordered", function MJWorkspaceCardComponent_Template_mj_workspace_tab_strip_TabReordered_2_listener($event) { return ctx.TabReordered.emit($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 3);
+            i0.ɵɵprojection(4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵprojection(6, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(7, MJWorkspaceCardComponent_Conditional_7_Template, 9, 5, "footer", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.AriaLabel);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Tabs", ctx.Tabs)("ActiveId", ctx.ActiveId)("NewTabLabel", ctx.NewTabLabel)("AllowReorder", ctx.AllowReorder);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ShowFooter ? 7 : -1);
+        } }, dependencies: [CommonModule, MJWorkspaceTabStripComponent, MJButtonDirective], styles: ["\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n\n\n.ws-card[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  overflow: hidden;\n  \n\n\n\n\n  container-type: size;\n  container-name: workspace;\n}\n\n.ws-card__head[_ngcontent-%COMP%] {\n  flex: none;\n}\n\n\n\n.ws-card__headmeta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 10px 14px;\n}\n\n\n.ws-card__headmeta[_ngcontent-%COMP%]:empty {\n  display: none;\n}\n\n\n\n\n.ws-card__body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 14px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n\n\n\n\n.ws-card__foot[_ngcontent-%COMP%] {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 4px 14px 12px;\n}\n\n\n.ws-card__footnote[_ngcontent-%COMP%] {\n  margin-left: auto;\n  max-width: 46ch;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.ws-card__footnote[_ngcontent-%COMP%]:empty {\n  display: none;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJWorkspaceCardComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-workspace-card', imports: [CommonModule, MJWorkspaceTabStripComponent, MJButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="ws-card" [attr.aria-label]="AriaLabel">
+      <header class="ws-card__head">
+        <mj-workspace-tab-strip
+          [Tabs]="Tabs"
+          [ActiveId]="ActiveId"
+          [NewTabLabel]="NewTabLabel"
+          [AllowReorder]="AllowReorder"
+          (TabSelected)="TabSelected.emit($event)"
+          (TabClosed)="TabClosed.emit($event)"
+          (NewTabRequested)="NewTabRequested.emit()"
+          (TabReordered)="TabReordered.emit($event)">
+        </mj-workspace-tab-strip>
+        <div class="ws-card__headmeta">
+          <ng-content select="[workspaceHeader]"></ng-content>
+        </div>
+      </header>
+      <div class="ws-card__body">
+        <ng-content></ng-content>
+      </div>
+      <!-- Standardized action bar: the SAME three verbs on every workspace — a primary
+           confirm/submit whose LABEL is the only thing that varies per use case, a neutral
+           save-as-draft, and a neutral discard — so no workshop hand-rolls its own footer. Pinned
+           below the scrolling body. Opt-in via [ShowFooter]; the [workspaceFooterNote] slot carries
+           any per-workshop caption beside the buttons. Confirm sits LEFT of the neutral verbs per
+           the MJ dialog-button convention. -->
+      @if (ShowFooter) {
+        <footer class="ws-card__foot">
+          <button type="button" mjButton variant="primary"
+            [disabled]="ConfirmDisabled || ConfirmBusy"
+            [title]="ConfirmTitle || ConfirmLabel"
+            (click)="Confirm.emit()">
+            @if (ConfirmBusy) {
+              <i class="fa-solid fa-spinner fa-spin" aria-hidden="true"></i> {{ ConfirmBusyLabel }}
+            } @else {
+              @if (ConfirmIcon) { <i [class]="ConfirmIcon" aria-hidden="true"></i> } {{ ConfirmLabel }}
+            }
+          </button>
+          @if (ShowDraft) {
+            <button type="button" mjButton variant="outline" [disabled]="DraftDisabled" (click)="SaveDraft.emit()">
+              @if (DraftIcon) { <i [class]="DraftIcon" aria-hidden="true"></i> } {{ DraftLabel }}
+            </button>
+          }
+          <button type="button" mjButton variant="flat" (click)="Discard.emit()">{{ DiscardLabel }}</button>
+          <span class="ws-card__footnote"><ng-content select="[workspaceFooterNote]"></ng-content></span>
+        </footer>
+      }
+    </section>
+  `, styles: ["/* The reusable workspace card frame \u2014 design tokens only. The height chain (host fills parent \u2192 card\n   fills host \u2192 body is the flex:1 scroller) is load-bearing: it's what lets the BODY scroll in place\n   while the tab strip + identity band stay pinned. */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n/* One object against the page: --mj-bg-surface, rounded, with the body's scroll contained inside. */\n.ws-card {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  overflow: hidden;\n  /* SIZING CONTAINER (design rule, Marcelo 2026-07-21): the card is a query container, so content\n     inside sizes with CONTAINER units (cqh/cqw/cqi) \u2014 relative to THIS card (a window/pane), never the\n     viewport (vh/vw). vh would size to the whole screen regardless of the pane the card sits in. The\n     card's own size comes from the flex chain (parent-driven), so size containment is safe here. */\n  container-type: size;\n  container-name: workspace;\n}\n\n.ws-card__head {\n  flex: none;\n}\n\n/* Identity band below the tab row (never in line with the tabs) \u2014 the slot the workshop projects into. */\n.ws-card__headmeta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  padding: 10px 14px;\n}\n/* Collapse the band entirely when the workshop projects nothing into it (no empty padded strip). */\n.ws-card__headmeta:empty {\n  display: none;\n}\n\n/* The single scrollable body. Standard gutters + a stacked-column default (the compact-workspace\n   layout); a workshop's projected content flows here. */\n.ws-card__body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 14px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* The standardized action bar \u2014 pinned below the scrolling body, so the verbs stay reachable without\n   scrolling to the end of a long form. NO top border (Marcelo 2026-07-21): the buttons should read as\n   part of the sheet, not a boxed-off strip \u2014 the card's own frame is the only border we want. */\n.ws-card__foot {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding: 4px 14px 12px;\n}\n/* Per-workshop caption beside the verbs (projected). Collapses when nothing is slotted. */\n.ws-card__footnote {\n  margin-left: auto;\n  max-width: 46ch;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n.ws-card__footnote:empty {\n  display: none;\n}\n"] }]
+    }], null, { Tabs: [{
+            type: Input
+        }], ActiveId: [{
+            type: Input
+        }], NewTabLabel: [{
+            type: Input
+        }], AriaLabel: [{
+            type: Input
+        }], AllowReorder: [{
+            type: Input
+        }], ShowFooter: [{
+            type: Input
+        }], ConfirmLabel: [{
+            type: Input
+        }], ConfirmIcon: [{
+            type: Input
+        }], ConfirmDisabled: [{
+            type: Input
+        }], ConfirmTitle: [{
+            type: Input
+        }], ConfirmBusy: [{
+            type: Input
+        }], ConfirmBusyLabel: [{
+            type: Input
+        }], ShowDraft: [{
+            type: Input
+        }], DraftLabel: [{
+            type: Input
+        }], DraftIcon: [{
+            type: Input
+        }], DraftDisabled: [{
+            type: Input
+        }], DiscardLabel: [{
+            type: Input
+        }], TabSelected: [{
+            type: Output
+        }], TabClosed: [{
+            type: Output
+        }], NewTabRequested: [{
+            type: Output
+        }], TabReordered: [{
+            type: Output
+        }], Confirm: [{
+            type: Output
+        }], SaveDraft: [{
+            type: Output
+        }], Discard: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJWorkspaceCardComponent, { className: "MJWorkspaceCardComponent", filePath: "lib/workspace-tabs/workspace-card.component.ts", lineNumber: 85 }); })();
+//# sourceMappingURL=workspace-card.component.js.map

package/dist/lib/workspace-tabs/workspace-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-card.component.js","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-card.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MJWorkspaceTab } from './workspace-tabs.types';\nimport { MJWorkspaceTabStripComponent, MJTabReorder } from './workspace-tab-strip.component';\nimport { MJButtonDirective } from '../button/button.directive';\n\n/**\n * `<mj-workspace-card>` — the reusable frame every \"workspace\" screen shares (a screen where the\n * user builds several drafts in parallel, each in a tab). A THIN, slotted wrapper: it owns ONLY the\n * invariant chrome —\n *   • the card surface (border + rounded corners + contained scroll),\n *   • the tab-strip row (delegated to `<mj-workspace-tab-strip>`, which carries all tab behavior),\n *   • an identity band beside the tabs, and\n *   • a single scrollable body —\n * and PROJECTS everything that varies:\n *   • `[workspaceHeader]` — the per-workshop identity band content (e.g. number/status/currency badges);\n *   • the default slot — the workshop's form/body;\n *   • `[workspaceFooterNote]` — an optional caption beside the standardized footer verbs.\n *\n * The card deliberately bakes in NO workshop-specific header; those differ per workshop and are\n * projected. Height chain: `:host` fills its parent, the card fills the host, the body is the\n * flex:1 scroller — so the BODY scrolls in place while the strip + identity band stay pinned.\n *\n * SIZING RULE for content inside the card: the card is a query container (`container-type: size`),\n * so content sizes with CONTAINER units (`cqh`/`cqw`/`cqi`) — relative to the card as a pane —\n * never viewport units (`vh`/`vw`), which break the moment the card sits in a split or a smaller\n * window.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-workspace-card',\n  imports: [CommonModule, MJWorkspaceTabStripComponent, MJButtonDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <section class=\"ws-card\" [attr.aria-label]=\"AriaLabel\">\n      <header class=\"ws-card__head\">\n        <mj-workspace-tab-strip\n          [Tabs]=\"Tabs\"\n          [ActiveId]=\"ActiveId\"\n          [NewTabLabel]=\"NewTabLabel\"\n          [AllowReorder]=\"AllowReorder\"\n          (TabSelected)=\"TabSelected.emit($event)\"\n          (TabClosed)=\"TabClosed.emit($event)\"\n          (NewTabRequested)=\"NewTabRequested.emit()\"\n          (TabReordered)=\"TabReordered.emit($event)\">\n        </mj-workspace-tab-strip>\n        <div class=\"ws-card__headmeta\">\n          <ng-content select=\"[workspaceHeader]\"></ng-content>\n        </div>\n      </header>\n      <div class=\"ws-card__body\">\n        <ng-content></ng-content>\n      </div>\n      <!-- Standardized action bar: the SAME three verbs on every workspace — a primary\n           confirm/submit whose LABEL is the only thing that varies per use case, a neutral\n           save-as-draft, and a neutral discard — so no workshop hand-rolls its own footer. Pinned\n           below the scrolling body. Opt-in via [ShowFooter]; the [workspaceFooterNote] slot carries\n           any per-workshop caption beside the buttons. Confirm sits LEFT of the neutral verbs per\n           the MJ dialog-button convention. -->\n      @if (ShowFooter) {\n        <footer class=\"ws-card__foot\">\n          <button type=\"button\" mjButton variant=\"primary\"\n            [disabled]=\"ConfirmDisabled || ConfirmBusy\"\n            [title]=\"ConfirmTitle || ConfirmLabel\"\n            (click)=\"Confirm.emit()\">\n            @if (ConfirmBusy) {\n              <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i> {{ ConfirmBusyLabel }}\n            } @else {\n              @if (ConfirmIcon) { <i [class]=\"ConfirmIcon\" aria-hidden=\"true\"></i> } {{ ConfirmLabel }}\n            }\n          </button>\n          @if (ShowDraft) {\n            <button type=\"button\" mjButton variant=\"outline\" [disabled]=\"DraftDisabled\" (click)=\"SaveDraft.emit()\">\n              @if (DraftIcon) { <i [class]=\"DraftIcon\" aria-hidden=\"true\"></i> } {{ DraftLabel }}\n            </button>\n          }\n          <button type=\"button\" mjButton variant=\"flat\" (click)=\"Discard.emit()\">{{ DiscardLabel }}</button>\n          <span class=\"ws-card__footnote\"><ng-content select=\"[workspaceFooterNote]\"></ng-content></span>\n        </footer>\n      }\n    </section>\n  `,\n  styleUrls: ['./workspace-card.component.css'],\n})\nexport class MJWorkspaceCardComponent {\n  @Input() Tabs: MJWorkspaceTab[] = [];\n  @Input() ActiveId: string | null = null;\n  @Input() NewTabLabel = 'New';\n  @Input() AriaLabel = 'Workspace';\n  /** Passed through to the strip — see `MJWorkspaceTabStripComponent.AllowReorder`. */\n  @Input() AllowReorder = true;\n\n  // ── Standardized footer (opt-in) ────────────────────────────────────────────\n  /** Render the standardized action bar (confirm / save-as-draft / discard) below the body. */\n  @Input() ShowFooter = false;\n  /** The primary verb's label — the ONE thing that changes per workshop (\"Create entry\" / \"Build batch\"). */\n  @Input() ConfirmLabel = 'Confirm';\n  /** Optional Font Awesome class for the confirm button (e.g. 'fa-solid fa-check'). */\n  @Input() ConfirmIcon: string | null = null;\n  @Input() ConfirmDisabled = false;\n  /** Tooltip / blocked-reason on the confirm button; falls back to ConfirmLabel. */\n  @Input() ConfirmTitle: string | null = null;\n  /** Show the spinner + busy label on the confirm button while an async confirm runs. */\n  @Input() ConfirmBusy = false;\n  @Input() ConfirmBusyLabel = 'Working…';\n  /** Whether the save-as-draft button appears (some workshops have no draft concept). */\n  @Input() ShowDraft = true;\n  @Input() DraftLabel = 'Keep as draft';\n  @Input() DraftIcon: string | null = 'fa-regular fa-floppy-disk';\n  @Input() DraftDisabled = false;\n  @Input() DiscardLabel = 'Discard';\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  /** The primary verb (create / build / …). */\n  @Output() Confirm = new EventEmitter<void>();\n  @Output() SaveDraft = new EventEmitter<void>();\n  @Output() Discard = new EventEmitter<void>();\n}\n"]}

package/dist/lib/workspace-tabs/workspace-tab-store.d.ts

@@ -0,0 +1,47 @@
+import { MJWorkspaceTab, MJWorkspaceTabState } from './workspace-tabs.types';
+/**
+ * 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 declare class MJWorkspaceTabStore<TState = unknown> {
+    private tabs;
+    private activeId;
+    /** Current tabs, in strip order. Returns a copy — callers must not mutate internal state. */
+    get Tabs(): MJWorkspaceTab<TState>[];
+    get ActiveId(): string | null;
+    get ActiveTab(): MJWorkspaceTab<TState> | null;
+    get Count(): number;
+    /** True when any tab holds unsaved edits — the "you'll lose work" signal for the host. */
+    get HasDirtyTabs(): boolean;
+    /**
+     * 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: MJWorkspaceTab<TState>): MJWorkspaceTab<TState>;
+    Activate(id: string): boolean;
+    /**
+     * 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: string): boolean;
+    /** Replace a tab's host-owned payload. Marks the tab dirty unless told otherwise. */
+    UpdateState(id: string, state: TState, markDirty?: boolean): boolean;
+    /** Move a tab through its lifecycle. Clears the rejection reason on any non-rejected state. */
+    SetStatus(id: string, status: MJWorkspaceTabState, rejectionReason?: string | null): boolean;
+    /** Mark a tab saved/clean without touching its payload. */
+    MarkClean(id: string): boolean;
+    /**
+     * 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: number, toIndex: number): boolean;
+    /** Drop every tab (session end / explicit discard-all). */
+    Clear(): void;
+}
+//# sourceMappingURL=workspace-tab-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tab-store.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace-tabs/workspace-tab-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7E;;;;;;;;GAQG;AACH,qBAAa,mBAAmB,CAAC,MAAM,GAAG,OAAO;IAC/C,OAAO,CAAC,IAAI,CAAgC;IAC5C,OAAO,CAAC,QAAQ,CAAuB;IAEvC,6FAA6F;IAC7F,IAAW,IAAI,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAE1C;IAED,IAAW,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAW,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG,IAAI,CAEpD;IAED,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,0FAA0F;IAC1F,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED;;;OAGG;IACI,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;IAWzD,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAMpC;;;;OAIG;IACI,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAcjC,qFAAqF;IAC9E,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,UAAO,GAAG,OAAO;IAQxE,+FAA+F;IACxF,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,eAAe,GAAE,MAAM,GAAG,IAAW,GAAG,OAAO;IAQzG,2DAA2D;IACpD,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAOrC;;;OAGG;IACI,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAQ3D,2DAA2D;IACpD,KAAK,IAAI,IAAI;CAIrB"}

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"}