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

package/dist/forum-thread-row.component.js

@@ -0,0 +1,507 @@
+/**
+ * ForumThreadRow component (React parity).
+ *
+ * @module
+ */
+import { Component, ElementRef, inject, Renderer2, ViewChild, } from '@angular/core';
+import { getClassMap } from '@molecule/app-ui';
+import { hasProjectedSlot, SlotGuard } from './slot-dom.js';
+import * as i0 from "@angular/core";
+const _c0 = ["voteControlsWrap"];
+const _c1 = ["scoreWrap"];
+const _c2 = ["excerptWrap"];
+const _c3 = ["authorWrap"];
+const _c4 = ["createdAtWrap"];
+const _c5 = ["tagsWrap"];
+const _c6 = [[["", "slot", "votecontrols"]], [["", "slot", "title"]], [["", "slot", "excerpt"]], [["", "slot", "author"]], [["", "slot", "createdat"]], [["", "slot", "tags"]]];
+const _c7 = ["[slot=voteControls]", "[slot=title]", "[slot=excerpt]", "[slot=author]", "[slot=createdAt]", "[slot=tags]"];
+function ForumThreadRow_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 6);
+    i0.ɵɵtext(1, "\uD83D\uDCCC");
+    i0.ɵɵdomElementEnd();
+} }
+function ForumThreadRow_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 7);
+    i0.ɵɵtext(1, "\uD83D\uDD12");
+    i0.ɵɵdomElementEnd();
+} }
+function ForumThreadRow_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r0.countClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\u00B7 ", ctx_r0.replyCount, " replies");
+} }
+function ForumThreadRow_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r0.countClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\u00B7 ", ctx_r0.viewCount, " views");
+} }
+/**
+ * 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 class ForumThreadRow {
+    /** Thread title (string/number renders as text; nodes are `[slot=title]` content). */
+    title;
+    /** Optional snippet of the OP body (string as text; nodes are `[slot=excerpt]` content). */
+    excerpt;
+    /** Aggregate vote score / upvotes (React's `!== undefined` branch). */
+    voteScore;
+    /** Reply count (React's `!== undefined` branch). */
+    replyCount;
+    /** View count (React's `!== undefined` branch). */
+    viewCount;
+    /** Optional pinned indicator. */
+    pinned;
+    /** Optional locked indicator. */
+    locked;
+    /** Author display (string as text; nodes are `[slot=author]` content). */
+    author;
+    /** Created-at display (string as text; nodes are `[slot=createdAt]` content). */
+    createdAt;
+    /** Tag chips (string as text; nodes are `[slot=tags]` content). */
+    tags;
+    /** Right-side voting controls (string as text; nodes are `[slot=voteControls]` content). */
+    voteControls;
+    /** Click handler; receives the DOM click event (React's `onClick`). */
+    onClick;
+    /** Extra classes. */
+    className;
+    /** The vote-controls wrapper `<div>` (detached when the slot is empty). */
+    voteControlsWrap;
+    /** The score `<div>` (detached when React would not render it). */
+    scoreWrap;
+    /** The excerpt `<p>` (detached when no excerpt input and the slot is empty). */
+    excerptWrap;
+    /** The author `<span>` (detached when no author input and the slot is empty). */
+    authorWrap;
+    /** The created-at `<span>` (detached when no createdAt input and the slot is empty). */
+    createdAtWrap;
+    /** The tags wrapper `<div>` (detached when no tags input and the slot is empty). */
+    tagsWrap;
+    guard = new SlotGuard(inject(ElementRef), inject(Renderer2));
+    /**
+     * The current class map.
+     * @returns The UIClassMap.
+     */
+    cm() {
+        return getClassMap();
+    }
+    /**
+     * 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() {
+        return this.cm().cn(this.cm().flex({ align: 'start', gap: 'sm' }), this.cm().sp('p', 3), this.onClick ? this.cm().cursorPointer : undefined, this.className);
+    }
+    /**
+     * Computes the vote-controls wrapper's class (`cm.shrink0`).
+     * @returns The class string.
+     */
+    voteControlsClasses() {
+        return this.cm().cn(this.cm().shrink0);
+    }
+    /**
+     * Computes the score block's class (`cm.shrink0` + `cm.textCenter` +
+     * `cm.stack(0)`).
+     * @returns The class string.
+     */
+    scoreClasses() {
+        return this.cm().cn(this.cm().shrink0, this.cm().textCenter, this.cm().stack(0));
+    }
+    /**
+     * Computes the score value's class (`cm.textSize('sm')` +
+     * `cm.fontWeight('bold')`).
+     * @returns The class string.
+     */
+    scoreValueClasses() {
+        return this.cm().cn(this.cm().textSize('sm'), this.cm().fontWeight('bold'));
+    }
+    /**
+     * Computes the "votes" label's class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    scoreLabelClasses() {
+        return this.cm().cn(this.cm().textSize('xs'));
+    }
+    /**
+     * Computes the stack's class (`cm.flex1` + `cm.stack(1)`).
+     * @returns The class string.
+     */
+    stackClasses() {
+        return this.cm().cn(this.cm().flex1, this.cm().stack(1));
+    }
+    /**
+     * Computes the header's class (`cm.flex({ align: 'center', gap: 'sm',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    headerClasses() {
+        return this.cm().flex({ align: 'center', gap: 'sm', wrap: 'wrap' });
+    }
+    /**
+     * Computes the title's class (`cm.textSize('base')` +
+     * `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    titleClasses() {
+        return this.cm().cn(this.cm().textSize('base'), this.cm().fontWeight('semibold'));
+    }
+    /**
+     * Computes the excerpt's class (`cm.textSize('sm')`).
+     * @returns The class string.
+     */
+    excerptClasses() {
+        return this.cm().cn(this.cm().textSize('sm'));
+    }
+    /**
+     * Computes the meta row's class (`cm.flex({ align: 'center', gap: 'sm',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    metaClasses() {
+        return this.cm().flex({ align: 'center', gap: 'sm', wrap: 'wrap' });
+    }
+    /**
+     * Computes the author span's class (`cm.textSize('xs')` +
+     * `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    authorClasses() {
+        return this.cm().cn(this.cm().textSize('xs'), this.cm().fontWeight('semibold'));
+    }
+    /**
+     * Computes the created-at span's class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    createdAtClasses() {
+        return this.cm().cn(this.cm().textSize('xs'));
+    }
+    /**
+     * Computes the reply/view count spans' class (`cm.textSize('xs')`).
+     * @returns The class string.
+     */
+    countClasses() {
+        return this.cm().cn(this.cm().textSize('xs'));
+    }
+    /**
+     * Computes the tags row's class (`cm.flex({ align: 'center', gap: 'xs',
+     * wrap: 'wrap' })`).
+     * @returns The class string.
+     */
+    tagsClasses() {
+        return this.cm().flex({ align: 'center', gap: 'xs', wrap: 'wrap' });
+    }
+    /**
+     * 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.
+     */
+    textOf(value) {
+        return typeof value === 'string' || typeof value === 'number' ? String(value) : '';
+    }
+    /**
+     * The title input's text.
+     * @returns The text, or `''` for a node title.
+     */
+    titleText() {
+        return this.textOf(this.title);
+    }
+    /**
+     * The excerpt input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    excerptText() {
+        return this.textOf(this.excerpt);
+    }
+    /**
+     * The author input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    authorText() {
+        return this.textOf(this.author);
+    }
+    /**
+     * The createdAt input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    createdAtText() {
+        return this.textOf(this.createdAt);
+    }
+    /**
+     * The tags input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    tagsText() {
+        return this.textOf(this.tags);
+    }
+    /**
+     * The voteControls input's text.
+     * @returns The text, or `''` for a node value.
+     */
+    voteControlsText() {
+        return this.textOf(this.voteControls);
+    }
+    /**
+     * Whether React would render the vote-controls wrapper: a text value or
+     * projected slot content.
+     * @returns True when vote controls are present.
+     */
+    hasVoteControls() {
+        return this.voteControlsText() !== '' || hasProjectedSlot(this.voteControlsWrap?.nativeElement);
+    }
+    /** Runs the click handler the way React forwards the DOM event. */
+    handleClick(event) {
+        this.onClick?.(event);
+    }
+    /**
+     * Reconciles the wrappers once the view queries resolve.
+     */
+    ngAfterViewInit() {
+        this.reconcile();
+    }
+    /**
+     * 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() {
+        this.reconcile();
+    }
+    /**
+     * 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.
+     */
+    reconcile() {
+        const hasVoteControls = this.hasVoteControls();
+        this.guard.toggle(this.voteControlsWrap?.nativeElement, hasVoteControls);
+        this.guard.toggle(this.scoreWrap?.nativeElement, this.voteScore !== undefined && !hasVoteControls);
+        const excerpt = this.excerptWrap?.nativeElement;
+        const author = this.authorWrap?.nativeElement;
+        const createdAt = this.createdAtWrap?.nativeElement;
+        const tags = this.tagsWrap?.nativeElement;
+        this.guard.toggle(excerpt, this.excerptText() !== '' || hasProjectedSlot(excerpt));
+        this.guard.toggle(author, this.authorText() !== '' || hasProjectedSlot(author));
+        this.guard.toggle(createdAt, this.createdAtText() !== '' || hasProjectedSlot(createdAt));
+        this.guard.toggle(tags, this.tagsText() !== '' || hasProjectedSlot(tags));
+    }
+    static ɵfac = function ForumThreadRow_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ForumThreadRow)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ForumThreadRow, selectors: [["article", "mol-forum-thread-row", ""]], viewQuery: function ForumThreadRow_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 5)(_c2, 5)(_c3, 5)(_c4, 5)(_c5, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.voteControlsWrap = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scoreWrap = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.excerptWrap = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.authorWrap = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.createdAtWrap = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagsWrap = _t.first);
+        } }, hostVars: 2, hostBindings: function ForumThreadRow_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function ForumThreadRow_click_HostBindingHandler($event) { return ctx.handleClick($event); });
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.classes());
+        } }, inputs: { title: "title", excerpt: "excerpt", voteScore: "voteScore", replyCount: "replyCount", viewCount: "viewCount", pinned: "pinned", locked: "locked", author: "author", createdAt: "createdAt", tags: "tags", voteControls: "voteControls", onClick: "onClick", className: "className" }, ngContentSelectors: _c7, decls: 36, vars: 35, consts: [["voteControlsWrap", ""], ["scoreWrap", ""], ["excerptWrap", ""], ["authorWrap", ""], ["createdAtWrap", ""], ["tagsWrap", ""], ["aria-label", "Pinned", "title", "Pinned"], ["aria-label", "Locked", "title", "Locked"], [3, "class"]], template: function ForumThreadRow_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c6);
+            i0.ɵɵdomElementStart(0, "div", null, 0);
+            i0.ɵɵtext(2);
+            i0.ɵɵprojection(3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "div", null, 1)(6, "span");
+            i0.ɵɵtext(7);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(8, "span");
+            i0.ɵɵtext(9, "votes");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(10, "div")(11, "header");
+            i0.ɵɵconditionalCreate(12, ForumThreadRow_Conditional_12_Template, 2, 0, "span", 6);
+            i0.ɵɵconditionalCreate(13, ForumThreadRow_Conditional_13_Template, 2, 0, "span", 7);
+            i0.ɵɵdomElementStart(14, "h3");
+            i0.ɵɵtext(15);
+            i0.ɵɵprojection(16, 1);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(17, "p", null, 2);
+            i0.ɵɵtext(19);
+            i0.ɵɵprojection(20, 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(21, "div")(22, "span", null, 3);
+            i0.ɵɵtext(24);
+            i0.ɵɵprojection(25, 3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(26, "span", null, 4);
+            i0.ɵɵtext(28);
+            i0.ɵɵprojection(29, 4);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(30, ForumThreadRow_Conditional_30_Template, 2, 3, "span", 8);
+            i0.ɵɵconditionalCreate(31, ForumThreadRow_Conditional_31_Template, 2, 3, "span", 8);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(32, "div", null, 5);
+            i0.ɵɵtext(34);
+            i0.ɵɵprojection(35, 5);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.voteControlsClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.voteControlsText(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.scoreClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.scoreValueClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.voteScore);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.scoreLabelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.stackClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.headerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.pinned ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.locked ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.titleText(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.excerptClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.excerptText(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.metaClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.authorClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.authorText(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.createdAtClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" \u00B7 ", ctx.createdAtText(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.replyCount !== undefined ? 30 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.viewCount !== undefined ? 31 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.tagsClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.tagsText(), " ");
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ForumThreadRow, [{
+        type: Component,
+        args: [{
+                selector: 'article[mol-forum-thread-row]',
+                standalone: true,
+                inputs: [
+                    'title',
+                    'excerpt',
+                    'voteScore',
+                    'replyCount',
+                    'viewCount',
+                    'pinned',
+                    'locked',
+                    'author',
+                    'createdAt',
+                    'tags',
+                    'voteControls',
+                    'onClick',
+                    'className',
+                ],
+                host: {
+                    '[class]': 'classes()',
+                    '(click)': 'handleClick($event)',
+                },
+                template: `<div #voteControlsWrap [class]="voteControlsClasses()">
+      {{ voteControlsText() }}
+      <ng-content select="[slot=voteControls]"></ng-content>
+    </div>
+    <div #scoreWrap [class]="scoreClasses()">
+      <span [class]="scoreValueClasses()">{{ voteScore }}</span>
+      <span [class]="scoreLabelClasses()">votes</span>
+    </div>
+    <div [class]="stackClasses()">
+      <header [class]="headerClasses()">
+        @if (pinned) {
+          <span aria-label="Pinned" title="Pinned">📌</span>
+        }
+        @if (locked) {
+          <span aria-label="Locked" title="Locked">🔒</span>
+        }
+        <h3 [class]="titleClasses()">
+          {{ titleText() }}
+          <ng-content select="[slot=title]"></ng-content>
+        </h3>
+      </header>
+      <p #excerptWrap [class]="excerptClasses()">
+        {{ excerptText() }}
+        <ng-content select="[slot=excerpt]"></ng-content>
+      </p>
+      <div [class]="metaClasses()">
+        <span #authorWrap [class]="authorClasses()">
+          {{ authorText() }}
+          <ng-content select="[slot=author]"></ng-content>
+        </span>
+        <span #createdAtWrap [class]="createdAtClasses()">
+          · {{ createdAtText() }}
+          <ng-content select="[slot=createdAt]"></ng-content>
+        </span>
+        @if (replyCount !== undefined) {
+          <span [class]="countClasses()">· {{ replyCount }} replies</span>
+        }
+        @if (viewCount !== undefined) {
+          <span [class]="countClasses()">· {{ viewCount }} views</span>
+        }
+      </div>
+      <div #tagsWrap [class]="tagsClasses()">
+        {{ tagsText() }}
+        <ng-content select="[slot=tags]"></ng-content>
+      </div>
+    </div>`,
+            }]
+    }], null, { voteControlsWrap: [{
+            type: ViewChild,
+            args: ['voteControlsWrap']
+        }], scoreWrap: [{
+            type: ViewChild,
+            args: ['scoreWrap']
+        }], excerptWrap: [{
+            type: ViewChild,
+            args: ['excerptWrap']
+        }], authorWrap: [{
+            type: ViewChild,
+            args: ['authorWrap']
+        }], createdAtWrap: [{
+            type: ViewChild,
+            args: ['createdAtWrap']
+        }], tagsWrap: [{
+            type: ViewChild,
+            args: ['tagsWrap']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ForumThreadRow, { className: "ForumThreadRow", filePath: "forum-thread-row.component.ts", lineNumber: 107 }); })();
+//# sourceMappingURL=forum-thread-row.component.js.map

package/dist/forum-thread-row.component.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Angular forum / discussion-board thread row — the counterpart of
+ * `@molecule/app-forum-thread-row-react`: the same props and the same DOM for
+ * the same input.
+ *
+ * Exports `ForumThreadRow` — title, optional excerpt, vote score, reply/view
+ * counts, pin/lock badges, author, timestamp, tag chips, and an optional
+ * `voteControls` slot for inline up/down buttons.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core'
+ * import { ForumThreadRow } from '@molecule/app-forum-thread-row-angular'
+ *
+ * @Component({
+ *   selector: 'app-thread',
+ *   standalone: true,
+ *   imports: [ForumThreadRow],
+ *   template: `
+ *     <article
+ *       mol-forum-thread-row
+ *       title="How do I reset my password?"
+ *       excerpt="I tried the forgot-password link but never received an email."
+ *       [voteScore]="42"
+ *       [replyCount]="7"
+ *       [viewCount]="320"
+ *       author="alice"
+ *       createdAt="2 hours ago"
+ *       [onClick]="openThread"
+ *     >
+ *       <span slot="tags">help</span>
+ *     </article>
+ *   `,
+ * })
+ * export class Thread {
+ *   openThread(): void {
+ *     // navigate to the thread…
+ *   }
+ * }
+ * ```
+ *
+ * @remarks
+ * - Styling routes through `getClassMap()` — a ClassMap bond (e.g.
+ *   `@molecule/app-ui-tailwind`) must be wired or rendering throws.
+ * - KNOWN GAP (same as React): the counter labels ("votes", "replies",
+ *   "views") and the pin/lock aria-labels are hardcoded English (there is no
+ *   companion locale bond yet). For localized apps, pass pre-formatted content
+ *   via `tags` / `voteControls` or wrap the row until the package routes text
+ *   through `t()`.
+ * - The row has no `data-mol-id` support yet; add your own wrapper attribute
+ *   if AI-agent/e2e selectors need to target it.
+ * - Node-valued props are projected content: `title`, `excerpt`, `author`,
+ *   `createdAt`, `tags` and `voteControls` are selected by `[slot=<name>]`;
+ *   string inputs render as text with React's truthiness branch (an empty
+ *   string renders nothing).
+ *
+ * @module
+ */
+export * from './forum-thread-row.component.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,cAAc,iCAAiC,CAAA;AAC/C,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,61 @@
+/**
+ * Angular forum / discussion-board thread row — the counterpart of
+ * `@molecule/app-forum-thread-row-react`: the same props and the same DOM for
+ * the same input.
+ *
+ * Exports `ForumThreadRow` — title, optional excerpt, vote score, reply/view
+ * counts, pin/lock badges, author, timestamp, tag chips, and an optional
+ * `voteControls` slot for inline up/down buttons.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core'
+ * import { ForumThreadRow } from '@molecule/app-forum-thread-row-angular'
+ *
+ * @Component({
+ *   selector: 'app-thread',
+ *   standalone: true,
+ *   imports: [ForumThreadRow],
+ *   template: `
+ *     <article
+ *       mol-forum-thread-row
+ *       title="How do I reset my password?"
+ *       excerpt="I tried the forgot-password link but never received an email."
+ *       [voteScore]="42"
+ *       [replyCount]="7"
+ *       [viewCount]="320"
+ *       author="alice"
+ *       createdAt="2 hours ago"
+ *       [onClick]="openThread"
+ *     >
+ *       <span slot="tags">help</span>
+ *     </article>
+ *   `,
+ * })
+ * export class Thread {
+ *   openThread(): void {
+ *     // navigate to the thread…
+ *   }
+ * }
+ * ```
+ *
+ * @remarks
+ * - Styling routes through `getClassMap()` — a ClassMap bond (e.g.
+ *   `@molecule/app-ui-tailwind`) must be wired or rendering throws.
+ * - KNOWN GAP (same as React): the counter labels ("votes", "replies",
+ *   "views") and the pin/lock aria-labels are hardcoded English (there is no
+ *   companion locale bond yet). For localized apps, pass pre-formatted content
+ *   via `tags` / `voteControls` or wrap the row until the package routes text
+ *   through `t()`.
+ * - The row has no `data-mol-id` support yet; add your own wrapper attribute
+ *   if AI-agent/e2e selectors need to target it.
+ * - Node-valued props are projected content: `title`, `excerpt`, `author`,
+ *   `createdAt`, `tags` and `voteControls` are selected by `[slot=<name>]`;
+ *   string inputs render as text with React's truthiness branch (an empty
+ *   string renders nothing).
+ *
+ * @module
+ */
+export * from './forum-thread-row.component.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,cAAc,iCAAiC,CAAA;AAC/C,cAAc,YAAY,CAAA"}