@gjermundgaraba-designs/pixel-paper 0.24.0 → 0.25.0

package/DESIGN.md

@@ -1120,7 +1120,7 @@ One keyboard for the page, Vim first, with the arrows beside the letters. The ke
 
 ### Reel
 
-**Reel** (Submodel, holding its own drag state rather than `@foldkit/ui`'s DragAndDrop, whose targets are positions in a list and whose pointer reads the items under it; for a workspace of windows side by side: terminals, an editor, a browser, a canvas, in columns the reader arranges) → `div.reel[role="group"][aria-label][data-reel]` holding the scroller `div.reel-view`, whose `div.reel-track` holds, in order, `div.reel-gap` (the gap before the first column), then per column `div.reel-column[data-reel-column]` (the column's id; its share in `--reel-width`) with a `div.reel-slot` per pane (`--reel-weight`, `--reel-anchor`) and between two slots `div.reel-split[role="separator"][aria-orientation="horizontal"]` ("Height of <pane>", `data-reel-split` the id of the pane above it), and after each column `div.reel-gap.reel-resize[role="separator"][aria-orientation="vertical"]` ("Width of column 2", its share as `aria-valuenow` and in words as `aria-valuetext`, `data-reel-resize` its column's id), then `div.reel-panes` with a `div.reel-pane[data-reel-pane][tabindex="-1"]` per pane, each the parent's Window with the pane's grip as its `lead`; after the scroller, the grips' keyboard help in a `p.sr-only` and, while a pointer carries a pane, `div.reel-lift` with its copy. The reel takes its height from whatever holds it. The layout is the parent's (`Reel.Layout`: columns, each an id, a width and its panes, each an id, a label and a weight), passed to the view and, as `{ layout }`, to `update`, so the reel never holds a copy that could go stale. Whenever the parent changes the layout (a request it applied, another client's, a pane it closed), it calls `Reel.reconcile` with the layout as it is now.
+**Reel** (Submodel, holding its own drag state rather than `@foldkit/ui`'s DragAndDrop, whose targets are positions in a list and whose pointer reads the items under it; for a workspace of windows side by side: terminals, an editor, a browser, a canvas, in columns the reader arranges) → `div.reel[role="group"][aria-label][data-reel]` holding the scroller `div.reel-view`, whose `div.reel-track` holds, in order, `div.reel-gap` (the gap before the first column), then per column `div.reel-column[data-reel-column]` (the column's id; its share in `--reel-width`) with a `div.reel-slot` per pane (`--reel-weight`, `--reel-anchor`) and between two slots `div.reel-split[role="separator"][aria-orientation="horizontal"]` ("Height of <pane>", `data-reel-split` the id of the pane above it), and after each column `div.reel-gap.reel-resize[role="separator"][aria-orientation="vertical"]` ("Width of column 2", its share as `aria-valuenow` and in words as `aria-valuetext`, `data-reel-resize` its column's id), then `div.reel-panes` with a `div.reel-pane[data-reel-pane][tabindex="-1"]` per pane, each the parent's Window with the pane's grip as its `lead` (under tabs, see below, the panes have no grip and the track a stage in place of its columns); after the scroller, the grips' keyboard help in a `p.sr-only` and, while a pointer carries a pane, `div.reel-lift` with its copy. The reel takes its height from whatever holds it. The layout is the parent's (`Reel.Layout`: columns, each an id, a width and its panes, each an id, a label and a weight), passed to the view and, as `{ layout }`, to `update`, so the reel never holds a copy that could go stale. Whenever the parent changes the layout (a request it applied, another client's, a pane it closed), it calls `Reel.reconcile` with the layout as it is now.
 
 **A column has no head.** It is its panes and nothing else, so the only title bars in a reel are its windows'. That was chosen over a head above each column, which read as a second title bar over its panes and printed what the width splitter already says.
 
@@ -1136,6 +1136,8 @@ The reel binds no page keys: the application binds its own and calls `Reel.perfo
 
 Focus is the reel's: one pane is focused (`.focused`, its window on the 8px card shadow), the one that last took focus or that a key moved to; `reconcile` reads its place again from each changed layout, so when it goes, focus finds the pane now nearest where it was, whoever moved it. A focus key puts the keyboard in the pane's control marked `data-reel-focus` (a terminal's input), else on the pane itself (ringed outside its window), and the browser scrolls the pane into view by the least distance either way, its gutter kept by `scroll-margin` (motion is stepped or instant, and a follow is instant); a pointer focusing a pane does not scroll the reel. When the focused pane leaves the layout with the keyboard in it, `reconcile` puts the keyboard in the pane now nearest where it was; focus the reader put elsewhere stays there. Each focus and move is said ("Diff, column 2 of 3.", "Shell moved to 1 of 2 in column 2 of 3.", "Column 1 takes two thirds of the width."). Every move and resize reports what it asks (`MovedPane`, `PulledOutPane`, `MovedColumn`, `ResizedColumn`, `ResizedPanes`), which `Reel.apply` applies to a layout, so the parent can apply it at once and keep or replace it when its source answers; a pane that joins a column takes that column's mean weight and an emptied column is dropped. An application that draws something of its own over a pane (a native view) measures the pane's bounds itself, which follows the reel's scroll, moves and resizes alike.
 
+**Tabs.** The same reel prints its panes one at a time when the parent passes `arrangement: "Tabs"` to the view and to `perform`, for a reader who works in one pane at a time or a window too narrow for columns: `div.reel.tabbed` holds a `div.nav.tabs.reel-tabs[role="tablist"]` (named by the reel's label, a gutter in from the reel's edges) over the scroller, whose track holds one `div.reel-slot.reel-stage`, the view less a gutter at every edge, where the columns were. There is a `button[role="tab"]` per pane in reading order (column by column, down each column), saying the pane's label in a `span.reel-tab-words`, which ends in an ellipsis when the list runs out of width, after what the parent's `toTabLeadView` gives (a kind glyph), `aria-controls` its window; the focused pane is the selected tab, so the arrangement adds no state, and a pane closed under its tab hands the tab to the pane focus finds. A press shows the pane and puts the keyboard in it; the side arrows (wrapping), Home and End select as they move and keep the keyboard on the tabs, only the selected tab in the Tab order, a modified arrow being the application's. `perform` steps the focus keys from tab to tab (left and up back, right and down on, past neither end) and says "Notes, tab 2 of 4."; it moves and sizes nothing, and no grip or splitter prints, since a tab has no column. The layout is untouched, so the columns come back as they were. **The panes stay in their layer:** every pane is pinned to the stage, the focused one drawn and the others `.behind` (`visibility: hidden`, `inert`), so changing the arrangement or the tab takes no pane out of the page, and a pane behind keeps its size: a terminal sized by its box is not resized to nothing as the tabs change, as it would be under `display: none`. A pane behind its tab is not on top at any point, so an application that draws over a pane (a native view) sees it hidden, as it sees a pane scrolled out of the reel.
+
 ### Inputs / Fields
 
 - **Field** (a View over `@foldkit/ui`'s Input) → `div.field (.boxed, .mono) > label + input + p.field-error + p.field-help`, the label naming the input and the help describing it; a failed field prints why in `p.field-error` (sans, Urgent Red) under the control, which is `aria-invalid` and described by it before its help, and the ErrorSummary above the fields says it again; a required field's control is `aria-required`; the input's `type` the platform's (`"date"` for the browser's date control) when given. A field whose place says what it is (a browser's address bar) hides its label (`label.sr-only`), which still names the input. **SelectField** (over `@foldkit/ui`'s Select) → `div.field > label + select + p.field-error + p.field-help`, its options in order and a group's under an `optgroup` heading, an option that is listed but not choosable `disabled`; **TextareaField** (over `@foldkit/ui`'s Textarea) → `div.field (.mono) > label + textarea + p.field-error + p.field-help`, opening at `rows` lines. Both name, describe and mark their control as a Field does. **Fieldset** → `fieldset.field > legend.field-label`, then the controls, `p.field-error` and `p.field-help`, its error and its help linked with `aria-describedby`; **FieldGrid** → `div.field-grid` (auto-fit, 160px minimum); **Fields** → `fieldset.stack.gap-m`: a form's fields as one column `--space-m` (14px) apart, a body's gap, on the layout primitives with no rule of its own. `isBusy` (a save in flight) sets `disabled` and `aria-busy` on it, so every control holds at once and nothing changes under the save; the submit Button stays outside it, `isBusy`, so it keeps focus. A disabled control prints its value in Muted Ink; a boxless one also drops its dotted baseline (the mark of a place to type), a boxed one or a select mutes its box and caret.

package/dist/src/reel/index.d.ts

@@ -1,4 +1,4 @@
 export { Layout, OutMessage, Pane, apply } from "./layout.ts";
-export { Action, AnnounceReel, FocusPane, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.ts";
+export { Action, AnnounceReel, Arrangement, FocusPane, FocusTab, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.ts";
 export type { InitConfig, PaneRender, UpdateContext, ViewInputs } from "./reel.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/reel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,IAAI,GACL,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,IAAI,GACL,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/reel/index.js

@@ -1,2 +1,2 @@
 export { Layout, OutMessage, Pane, apply } from "./layout.js";
-export { Action, AnnounceReel, FocusPane, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.js";
+export { Action, AnnounceReel, Arrangement, FocusPane, FocusTab, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.js";

package/dist/src/reel/reel.d.ts

@@ -59,6 +59,11 @@ export declare const Model: Schema.Struct<{
     }>>;
 }>;
 export type Model = typeof Model.Type;
+/** How a reel shows its panes: side by side in their columns (`Strip`), or one at a time at
+ *  the reel's full size under a tab per pane (`Tabs`). The application holds it and passes it
+ *  in; the layout is the same in both. */
+export declare const Arrangement: Schema.Literals<readonly ["Strip", "Tabs"]>;
+export type Arrangement = typeof Arrangement.Type;
 /** Union of all Messages a reel can produce. */
 export declare const Message: import("foldkit/message").MessageUnion<{
     readonly PressedGrip: {
@@ -106,6 +111,12 @@ export declare const Message: import("foldkit/message").MessageUnion<{
     readonly FocusedPane: {
         paneId: Schema.String;
     };
+    readonly PressedTab: {
+        paneId: Schema.String;
+    };
+    readonly SteppedTab: {
+        paneId: Schema.String;
+    };
     readonly PressedSplitter: {
         splitter: import("foldkit/schema").TaggedUnion<{
             readonly Width: {
@@ -139,6 +150,7 @@ export declare const Message: import("foldkit/message").MessageUnion<{
     };
     readonly CompletedAnnounceReel: {};
     readonly CompletedFocusPane: {};
+    readonly CompletedFocusTab: {};
     readonly CompletedRestoreFocus: {};
     readonly CompletedScrollIntoView: {};
     readonly CompletedSizeLiftedPane: {};
@@ -169,6 +181,13 @@ export declare const FocusPane: Command.CommandDefinitionWithArgs<"FocusPane", {
 }, Effect.Effect<{
     readonly _tag: "CompletedFocusPane";
 }, never, never>>;
+/** Focuses the tab `tabHook` names, for a tab the arrows step to: the keyboard stays in the
+ *  tab list until the reader goes into the pane. */
+export declare const FocusTab: Command.CommandDefinitionWithArgs<"FocusTab", {
+    tabHook: Schema.String;
+}, Effect.Effect<{
+    readonly _tag: "CompletedFocusTab";
+}, never, never>>;
 /** Focuses the pane `paneHook` names only where focus was lost (it left with the pane that
  *  held it), so focus the reader put somewhere else stays there. */
 export declare const RestoreFocus: Command.CommandDefinitionWithArgs<"RestoreFocus", {
@@ -185,9 +204,11 @@ export declare const ScrollIntoView: Command.CommandDefinitionWithArgs<"ScrollIn
     readonly _tag: "CompletedScrollIntoView";
 }, never, never>>;
 /** What the reel reads from its parent as each Message arrives: the layout as the
- *  application holds it now. */
+ *  application holds it now, and how the view shows it (`Strip` when not given), which
+ *  `perform` reads. */
 export type UpdateContext = Readonly<{
     layout: Layout;
+    arrangement?: Arrangement;
 }>;
 type UpdateReturn = Update.ReturnWithOutMessage<Model, Message, OutMessage>;
 /** Processes a reel Message against the layout as the application holds it now, and returns
@@ -214,7 +235,8 @@ export type Action = typeof Action.Type;
  * layout as the application holds it: focus moves focus the pane and scroll the reel to it;
  * moves report their request as the OutMessage, which the application applies, with focus
  * kept on the pane. Each is said through the live region. Nothing happens while something is
- * held, or where there is nowhere to go.
+ * held, or where there is nowhere to go. Under tabs, only the focus keys act, stepping from tab
+ * to tab.
  */
 export declare const perform: (model: Model, action: Action, context: UpdateContext) => UpdateReturn;
 /** A held pane follows the pointer (the reel scrolling near its edges), a dragged
@@ -285,6 +307,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly _tag: "CompletedAnnounceReel";
     } | {
         readonly _tag: "CompletedFocusPane";
+    } | {
+        readonly _tag: "CompletedFocusTab";
     } | {
         readonly _tag: "CompletedRestoreFocus";
     } | {
@@ -344,6 +368,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             readonly columnId: string;
         };
         readonly share: number;
+    } | {
+        readonly _tag: "PressedTab";
+        readonly paneId: string;
     } | {
         readonly _tag: "ReleasedPointer";
         readonly clientX: number;
@@ -362,6 +389,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "SteppedHeld";
         readonly step: "Down" | "Left" | "Right" | "Up";
+    } | {
+        readonly _tag: "SteppedTab";
+        readonly paneId: string;
     }, {
         readonly maybeHold: Option.Option<{
             readonly reelHook: string;
@@ -433,6 +463,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly _tag: "CompletedAnnounceReel";
     } | {
         readonly _tag: "CompletedFocusPane";
+    } | {
+        readonly _tag: "CompletedFocusTab";
     } | {
         readonly _tag: "CompletedRestoreFocus";
     } | {
@@ -492,6 +524,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             readonly columnId: string;
         };
         readonly share: number;
+    } | {
+        readonly _tag: "PressedTab";
+        readonly paneId: string;
     } | {
         readonly _tag: "ReleasedPointer";
         readonly clientX: number;
@@ -510,6 +545,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "SteppedHeld";
         readonly step: "Down" | "Left" | "Right" | "Up";
+    } | {
+        readonly _tag: "SteppedTab";
+        readonly paneId: string;
     }, {
         readonly maybeHold: Option.Option<{
             readonly reelHook: string;
@@ -581,6 +619,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly _tag: "CompletedAnnounceReel";
     } | {
         readonly _tag: "CompletedFocusPane";
+    } | {
+        readonly _tag: "CompletedFocusTab";
     } | {
         readonly _tag: "CompletedRestoreFocus";
     } | {
@@ -640,6 +680,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             readonly columnId: string;
         };
         readonly share: number;
+    } | {
+        readonly _tag: "PressedTab";
+        readonly paneId: string;
     } | {
         readonly _tag: "ReleasedPointer";
         readonly clientX: number;
@@ -658,6 +701,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "SteppedHeld";
         readonly step: "Down" | "Left" | "Right" | "Up";
+    } | {
+        readonly _tag: "SteppedTab";
+        readonly paneId: string;
     }, {
         readonly maybeHold: Option.Option<{
             readonly reelHook: string;
@@ -737,6 +783,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly _tag: "CompletedAnnounceReel";
     } | {
         readonly _tag: "CompletedFocusPane";
+    } | {
+        readonly _tag: "CompletedFocusTab";
     } | {
         readonly _tag: "CompletedRestoreFocus";
     } | {
@@ -796,6 +844,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             readonly columnId: string;
         };
         readonly share: number;
+    } | {
+        readonly _tag: "PressedTab";
+        readonly paneId: string;
     } | {
         readonly _tag: "ReleasedPointer";
         readonly clientX: number;
@@ -814,6 +865,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "SteppedHeld";
         readonly step: "Down" | "Left" | "Right" | "Up";
+    } | {
+        readonly _tag: "SteppedTab";
+        readonly paneId: string;
     }, {
         readonly isHolding: boolean;
     }, never> & {
@@ -829,11 +883,12 @@ export declare const SizeLiftedPane: Mount.MountDefinitionWithArgs<"SizeLiftedPa
 }, {
     readonly _tag: "CompletedSizeLiftedPane";
 }>;
-/** What the reel hands `toPaneView` for each pane: put `grip` in the Window's `lead` and give
+/** What the reel hands `toPaneView` for each pane: put `lead` in the Window's `lead` and give
  *  it `id`. */
 export type PaneRender = Readonly<{
-    /** The pane's grip, for its title bar's `lead`: a quiet glyph button named "Move <label>". */
-    grip: Html;
+    /** The title bar's `lead`: the pane's grip, a quiet glyph button named "Move <label>", or
+     *  nothing under tabs, where a pane does not move. */
+    lead: ReadonlyArray<Html>;
     /** The window's id, unique in the document. */
     id: string;
 }>;
@@ -844,10 +899,15 @@ export type ViewInputs = Readonly<{
     layout: Layout;
     /** Names the reel for screen readers. */
     label: string;
-    /** Renders one pane, a `Window.view` with `render.grip` as its `lead` and `render.id` as its
+    /** Renders one pane, a `Window.view` with `render.lead` as its `lead` and `render.id` as its
      *  `id`. Mark the control focus should land on in it (a terminal's input) with
      *  `data-reel-focus`. */
     toPaneView: (pane: Pane, render: PaneRender) => Html;
+    /** How the panes print: in their columns (`Strip`, when not given), or one at a time under
+     *  their tabs (`Tabs`). Pass the same to `perform`. */
+    arrangement?: Arrangement;
+    /** What a pane's tab prints before its label: a kind glyph. Nothing when not given. */
+    toTabLeadView?: (pane: Pane) => ReadonlyArray<Html>;
 }>;
 /**
  * A row of columns wider than the view when it must be, each a stack of panes, scrolled
@@ -862,6 +922,11 @@ export type ViewInputs = Readonly<{
  * panes), Space drops it, and Escape or Tab puts it back. A drop reports what it asks
  * of the layout as the OutMessage. Lift `subscriptions(keyPrefix)` into the application's, or
  * nothing follows the pointer, and call `reconcile` whenever the layout changes.
+ *
+ * Under tabs (`arrangement: "Tabs"`) the reel is `div.reel.tabbed`: a `div.nav.tabs.reel-tabs`
+ * tab list over the scroller, whose track holds one `div.reel-slot.reel-stage` at the reel's
+ * full size where the columns were. Every pane is pinned to it, the focused one shown and the
+ * others `.behind`, hidden and inert; there are no grips and no splitters.
  */
 export declare const view: import("foldkit/submodel").View<{
     readonly id: string;
@@ -925,6 +990,8 @@ export declare const view: import("foldkit/submodel").View<{
     readonly _tag: "CompletedAnnounceReel";
 } | {
     readonly _tag: "CompletedFocusPane";
+} | {
+    readonly _tag: "CompletedFocusTab";
 } | {
     readonly _tag: "CompletedRestoreFocus";
 } | {
@@ -984,6 +1051,9 @@ export declare const view: import("foldkit/submodel").View<{
         readonly columnId: string;
     };
     readonly share: number;
+} | {
+    readonly _tag: "PressedTab";
+    readonly paneId: string;
 } | {
     readonly _tag: "ReleasedPointer";
     readonly clientX: number;
@@ -1002,15 +1072,23 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "SteppedHeld";
     readonly step: "Down" | "Left" | "Right" | "Up";
+} | {
+    readonly _tag: "SteppedTab";
+    readonly paneId: string;
 }, Readonly<{
     /** The columns and their panes, as the application holds them. */
     layout: Layout;
     /** Names the reel for screen readers. */
     label: string;
-    /** Renders one pane, a `Window.view` with `render.grip` as its `lead` and `render.id` as its
+    /** Renders one pane, a `Window.view` with `render.lead` as its `lead` and `render.id` as its
      *  `id`. Mark the control focus should land on in it (a terminal's input) with
      *  `data-reel-focus`. */
     toPaneView: (pane: Pane, render: PaneRender) => Html;
+    /** How the panes print: in their columns (`Strip`, when not given), or one at a time under
+     *  their tabs (`Tabs`). Pass the same to `perform`. */
+    arrangement?: Arrangement;
+    /** What a pane's tab prints before its label: a kind glyph. Nothing when not given. */
+    toTabLeadView?: (pane: Pane) => ReadonlyArray<Html>;
 }>>;
 export {};
 //# sourceMappingURL=reel.d.ts.map

package/dist/src/reel/reel.d.ts.map

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