@molecule/app-forum-thread-row-angular 0.0.0-stage → 0.0.1-stage

package/dist/forum-thread-row.component.d.ts

@@ -0,0 +1,215 @@
+/**
+ * ForumThreadRow component (React parity).
+ *
+ * @module
+ */
+import { type AfterViewInit, type DoCheck, ElementRef } from '@angular/core';
+import type { UIClassMap } from '@molecule/app-ui';
+import * as i0 from "@angular/core";
+/**
+ * ForumThreadRow component.
+ *
+ * Forum / discussion-board thread row. Shows the title, optional excerpt, vote
+ * score + reply/view counts, pin/lock badges, author, and timestamp. The host
+ * IS the root `<article>` (`article[mol-forum-thread-row]`), matching React's
+ * root exactly. The counter labels ("votes", "replies", "views") and the
+ * pin/lock aria-labels are the same hardcoded English React renders (React has
+ * no companion locale bond yet).
+ *
+ * The node props are projected slots: `title`, `excerpt`, `author`,
+ * `createdAt`, `tags` and `voteControls` each render inside the wrapper
+ * element React renders for them. String inputs render as text instead —
+ * React's truthiness branch applies: an empty string renders nothing. The
+ * capture wrappers reconcile against that in {@link ForumThreadRow.ngDoCheck}.
+ */
+export declare class ForumThreadRow implements AfterViewInit, DoCheck {
+    /** Thread title (string/number renders as text; nodes are `[slot=title]` content). */
+    title?: unknown;
+    /** Optional snippet of the OP body (string as text; nodes are `[slot=excerpt]` content). */
+    excerpt?: unknown;
+    /** Aggregate vote score / upvotes (React's `!== undefined` branch). */
+    voteScore?: number;
+    /** Reply count (React's `!== undefined` branch). */
+    replyCount?: number;
+    /** View count (React's `!== undefined` branch). */
+    viewCount?: number;
+    /** Optional pinned indicator. */
+    pinned?: boolean;
+    /** Optional locked indicator. */
+    locked?: boolean;
+    /** Author display (string as text; nodes are `[slot=author]` content). */
+    author?: unknown;
+    /** Created-at display (string as text; nodes are `[slot=createdAt]` content). */
+    createdAt?: unknown;
+    /** Tag chips (string as text; nodes are `[slot=tags]` content). */
+    tags?: unknown;
+    /** Right-side voting controls (string as text; nodes are `[slot=voteControls]` content). */
+    voteControls?: unknown;
+    /** Click handler; receives the DOM click event (React's `onClick`). */
+    onClick?: (event: Event) => void;
+    /** Extra classes. */
+    className?: string;
+    /** The vote-controls wrapper `<div>` (detached when the slot is empty). */
+    voteControlsWrap?: ElementRef<HTMLElement>;
+    /** The score `<div>` (detached when React would not render it). */
+    scoreWrap?: ElementRef<HTMLElement>;
+    /** The excerpt `<p>` (detached when no excerpt input and the slot is empty). */
+    excerptWrap?: ElementRef<HTMLElement>;
+    /** The author `<span>` (detached when no author input and the slot is empty). */
+    authorWrap?: ElementRef<HTMLElement>;
+    /** The created-at `<span>` (detached when no createdAt input and the slot is empty). */
+    createdAtWrap?: ElementRef<HTMLElement>;
+    /** The tags wrapper `<div>` (detached when no tags input and the slot is empty). */
+    tagsWrap?: ElementRef<HTMLElement>;
+    private readonly guard;
+    /**
+     * The current class map.
+     * @returns The UIClassMap.
+     */
+    cm(): UIClassMap;
+    /**
+     * Computes the row's class list (`cm.flex({ align: 'start', gap: 'sm' })` +
+     * `cm.sp('p', 3)` + `cm.cursorPointer` only with an `onClick` +
+     * `className`).
+     * @returns The class string.
+     */
+    classes(): string;
+    /**
+     * Computes the vote-controls wrapper's class (`cm.shrink0`).
+     * @returns The class string.
+     */
+    voteControlsClasses(): string;
+    /**
+     * Computes the score block's class (`cm.shrink0` + `cm.textCenter` +
+     * `cm.stack(0)`).
+     * @returns The class string.
+     */
+    scoreClasses(): string;
+    /**
+     * Computes the score value's class (`cm.textSize('sm')` +
+     * `cm.fontWeight('bold')`).
+     * @returns The class string.
+     */
+    scoreValueClasses(): string;
+    /**
+     * Computes the "votes" label's class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    scoreLabelClasses(): string;
+    /**
+     * Computes the stack's class (`cm.flex1` + `cm.stack(1)`).
+     * @returns The class string.
+     */
+    stackClasses(): string;
+    /**
+     * Computes the header's class (`cm.flex({ align: 'center', gap: 'sm',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    headerClasses(): string;
+    /**
+     * Computes the title's class (`cm.textSize('base')` +
+     * `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    titleClasses(): string;
+    /**
+     * Computes the excerpt's class (`cm.textSize('sm')`).
+     * @returns The class string.
+     */
+    excerptClasses(): string;
+    /**
+     * Computes the meta row's class (`cm.flex({ align: 'center', gap: 'sm',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    metaClasses(): string;
+    /**
+     * Computes the author span's class (`cm.textSize('xs')` +
+     * `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    authorClasses(): string;
+    /**
+     * Computes the created-at span's class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    createdAtClasses(): string;
+    /**
+     * Computes the reply/view count spans' class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    countClasses(): string;
+    /**
+     * Computes the tags row's class (`cm.flex({ align: 'center', gap: 'xs',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    tagsClasses(): string;
+    /**
+     * The input's text (React's `{expr}` for a text child: strings and numbers
+     * render; a node arrives as `[slot=<name>]` content instead).
+     * @param value - The input value.
+     * @returns The text, or `''` for a node value.
+     */
+    private textOf;
+    /**
+     * The title input's text.
+     * @returns The text, or `''` for a node title.
+     */
+    titleText(): string;
+    /**
+     * The excerpt input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    excerptText(): string;
+    /**
+     * The author input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    authorText(): string;
+    /**
+     * The createdAt input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    createdAtText(): string;
+    /**
+     * The tags input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    tagsText(): string;
+    /**
+     * The voteControls input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    voteControlsText(): string;
+    /**
+     * Whether React would render the vote-controls wrapper: a text value or
+     * projected slot content.
+     * @returns True when vote controls are present.
+     */
+    private hasVoteControls;
+    /** Runs the click handler the way React forwards the DOM event. */
+    handleClick(event: Event): void;
+    /**
+     * Reconciles the wrappers once the view queries resolve.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Re-reconciles on later passes (a props step may add an excerpt or an
+     * author, or empty a previously set value, which React re-renders).
+     */
+    ngDoCheck(): void;
+    /**
+     * Applies React's conditions: the vote-controls wrapper renders when the
+     * string input is non-empty or the slot holds projected content; the score
+     * block renders when `voteScore !== undefined` and no vote controls are
+     * supplied; each text-node wrapper renders when its value is truthy or the
+     * slot holds projected content. Re-read every pass, so a props step that
+     * empties a previously set value drops the wrapper.
+     */
+    private reconcile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ForumThreadRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ForumThreadRow, "article[mol-forum-thread-row]", never, { "title": { "alias": "title"; "required": false; }; "excerpt": { "alias": "excerpt"; "required": false; }; "voteScore": { "alias": "voteScore"; "required": false; }; "replyCount": { "alias": "replyCount"; "required": false; }; "viewCount": { "alias": "viewCount"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "author": { "alias": "author"; "required": false; }; "createdAt": { "alias": "createdAt"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "voteControls": { "alias": "voteControls"; "required": false; }; "onClick": { "alias": "onClick"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, ["[slot=voteControls]", "[slot=title]", "[slot=excerpt]", "[slot=author]", "[slot=createdAt]", "[slot=tags]"], true, never>;
+}
+//# sourceMappingURL=forum-thread-row.component.d.ts.map

package/dist/forum-thread-row.component.d.ts.map

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