@konce-pt/angular 0.8.3 → 0.9.0

package/fesm2022/konce-pt-angular-chat.mjs

@@ -0,0 +1,1270 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, inject, ElementRef, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChild, TemplateRef, viewChild, DestroyRef, afterRenderEffect, untracked, afterNextRender, model } from '@angular/core';
+import { KptI18n, KptAvatar, KptIcon, KptIconButton, KptBadge, KptFab } from '@konce-pt/angular';
+import { KPT_CHAT_REACTIONS, toDate, canRetry, KPT_CHAT_GROUP_GAP_MS, buildChatRows, pendingCount, chatDayIndicator } from '@konce-pt/chat';
+export { KPT_CHAT_GROUP_GAP_MS, KPT_CHAT_REACTIONS, buildChatRows, canRetry, chatDayIndicator, dateLabel, diffInDays, isSameDay, mergeStatus, pendingCount, replyRefFrom, startOfDay, statusRank, toDate, toggleReaction } from '@konce-pt/chat';
+
+const _c0$3 = ["*"];
+const _c1$2 = a0 => ({ author: a0 });
+const _forTrack0$2 = ($index, $item) => $item.id;
+const _forTrack1 = ($index, $item) => $item.emoji;
+const _forTrack2 = ($index, $item) => $item.kind;
+function KptChatMessage_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.resolvedText());
+} }
+function KptChatMessage_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-avatar", 13);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("src", ctx_r0.resolvedAuthor()?.avatar ?? null)("name", ctx_r0.resolvedAuthor()?.name ?? "");
+} }
+function KptChatMessage_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵconditionalCreate(1, KptChatMessage_Conditional_1_Conditional_1_Conditional_1_Template, 1, 2, "kpt-avatar", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.showAvatar() ? 1 : -1);
+} }
+function KptChatMessage_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx.name);
+} }
+function KptChatMessage_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function KptChatMessage_Conditional_1_Conditional_5_Template_button_click_0_listener() { const quote_r3 = i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.quoted.emit(quote_r3)); });
+    i0.ɵɵelementStart(1, "span", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 16);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const quote_r3 = ctx;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(quote_r3.author);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(quote_r3.excerpt);
+} }
+function KptChatMessage_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.resolvedText());
+} }
+function KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 18);
+} if (rf & 2) {
+    const file_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("src", file_r4.thumbnail, i0.ɵɵsanitizeUrl)("alt", file_r4.name);
+} }
+function KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-icon", 19);
+} }
+function KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const file_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.fileSize(file_r4.size));
+} }
+function KptChatMessage_Conditional_1_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 17);
+    i0.ɵɵconditionalCreate(1, KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_1_Template, 1, 2, "img", 18)(2, KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_2_Template, 1, 0, "kpt-icon", 19);
+    i0.ɵɵelementStart(3, "a", 20);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, KptChatMessage_Conditional_1_Conditional_8_For_2_Conditional_5_Template, 2, 1, "span", 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const file_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(file_r4.thumbnail ? 1 : 2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("href", file_r4.url ?? null, i0.ɵɵsanitizeUrl)("download", file_r4.url ? file_r4.name : null);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", file_r4.name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(file_r4.size ? 5 : -1);
+} }
+function KptChatMessage_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 8);
+    i0.ɵɵrepeaterCreate(1, KptChatMessage_Conditional_1_Conditional_8_For_2_Template, 6, 5, "li", 17, _forTrack0$2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.resolvedAttachments());
+} }
+function KptChatMessage_Conditional_1_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "time", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("datetime", ctx_r0.isoTime());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.timeLabel());
+} }
+function KptChatMessage_Conditional_1_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-icon", 23);
+} if (rf & 2) {
+    i0.ɵɵproperty("name", ctx);
+} }
+function KptChatMessage_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵconditionalCreate(1, KptChatMessage_Conditional_1_Conditional_9_Conditional_1_Template, 2, 2, "time", 22);
+    i0.ɵɵconditionalCreate(2, KptChatMessage_Conditional_1_Conditional_9_Conditional_2_Template, 1, 1, "kpt-icon", 23);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_3_0;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.timeLabel() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_3_0 = ctx_r0.statusIcon()) ? 2 : -1, tmp_3_0);
+} }
+function KptChatMessage_Conditional_1_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 24)(1, "span", 25);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 26);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const reaction_r5 = ctx.$implicit;
+    i0.ɵɵattribute("data-reacted", reaction_r5.reacted ? "" : null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(reaction_r5.emoji);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(reaction_r5.count);
+} }
+function KptChatMessage_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 10);
+    i0.ɵɵrepeaterCreate(1, KptChatMessage_Conditional_1_Conditional_10_For_2_Template, 5, 3, "li", 24, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("data-align", ctx_r0.align());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.resolvedReactions());
+} }
+function KptChatMessage_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kpt-icon-button", 27);
+    i0.ɵɵlistener("click", function KptChatMessage_Conditional_1_Conditional_12_Template_kpt_icon_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.retry.emit()); });
+    i0.ɵɵelement(1, "kpt-icon", 28);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ariaLabel", ctx_r0.i18n.t("chat.retry"));
+} }
+function KptChatMessage_Conditional_1_Conditional_13_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 36);
+    i0.ɵɵlistener("click", function KptChatMessage_Conditional_1_Conditional_13_Conditional_5_For_2_Template_button_click_0_listener() { const option_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.pick(option_r9.emoji)); });
+    i0.ɵɵelementStart(1, "span", 25);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const option_r9 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵattribute("aria-label", ctx_r0.reactionLabel(option_r9))("title", ctx_r0.reactionLabel(option_r9))("aria-pressed", ctx_r0.hasReacted(option_r9.emoji));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(option_r9.emoji);
+} }
+function KptChatMessage_Conditional_1_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵrepeaterCreate(1, KptChatMessage_Conditional_1_Conditional_13_Conditional_5_For_2_Template, 3, 4, "button", 35, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("aria-label", ctx_r0.i18n.t("chat.react"));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.reactionOptions());
+} }
+function KptChatMessage_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kpt-icon-button", 29);
+    i0.ɵɵlistener("click", function KptChatMessage_Conditional_1_Conditional_13_Template_kpt_icon_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.reply.emit()); });
+    i0.ɵɵelement(1, "kpt-icon", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 31);
+    i0.ɵɵlistener("keydown.escape", function KptChatMessage_Conditional_1_Conditional_13_Template_span_keydown_escape_2_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.pickerOpen.set(false)); })("focusout", function KptChatMessage_Conditional_1_Conditional_13_Template_span_focusout_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPickerFocusOut($event)); });
+    i0.ɵɵelementStart(3, "kpt-icon-button", 32);
+    i0.ɵɵlistener("click", function KptChatMessage_Conditional_1_Conditional_13_Template_kpt_icon_button_click_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.pickerOpen.set(!ctx_r0.pickerOpen())); });
+    i0.ɵɵelement(4, "kpt-icon", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, KptChatMessage_Conditional_1_Conditional_13_Conditional_5_Template, 3, 1, "span", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ariaLabel", ctx_r0.i18n.t("chat.replyTo", i0.ɵɵpureFunction1(4, _c1$2, ctx_r0.resolvedAuthor()?.name ?? "")));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ariaLabel", ctx_r0.i18n.t("chat.react"))("ariaExpanded", ctx_r0.pickerOpen());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.pickerOpen() ? 5 : -1);
+} }
+function KptChatMessage_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵconditionalCreate(1, KptChatMessage_Conditional_1_Conditional_1_Template, 2, 1, "span", 2);
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵconditionalCreate(3, KptChatMessage_Conditional_1_Conditional_3_Template, 2, 1, "span", 4);
+    i0.ɵɵelementStart(4, "div", 5);
+    i0.ɵɵconditionalCreate(5, KptChatMessage_Conditional_1_Conditional_5_Template, 5, 2, "button", 6);
+    i0.ɵɵconditionalCreate(6, KptChatMessage_Conditional_1_Conditional_6_Template, 2, 1, "p", 7);
+    i0.ɵɵprojection(7);
+    i0.ɵɵconditionalCreate(8, KptChatMessage_Conditional_1_Conditional_8_Template, 3, 0, "ul", 8);
+    i0.ɵɵconditionalCreate(9, KptChatMessage_Conditional_1_Conditional_9_Template, 3, 2, "span", 9);
+    i0.ɵɵconditionalCreate(10, KptChatMessage_Conditional_1_Conditional_10_Template, 3, 1, "ul", 10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "span", 11);
+    i0.ɵɵconditionalCreate(12, KptChatMessage_Conditional_1_Conditional_12_Template, 2, 1, "kpt-icon-button", 12)(13, KptChatMessage_Conditional_1_Conditional_13_Template, 6, 6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    let tmp_3_0;
+    let tmp_9_0;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("data-align", ctx_r0.align());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.align() === "start" ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_3_0 = ctx_r0.showAuthor() && ctx_r0.resolvedAuthor()) ? 3 : -1, tmp_3_0);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-variant", ctx_r0.resolvedVariant())("data-align", ctx_r0.align())("data-position", ctx_r0.position())("data-status", ctx_r0.resolvedStatus())("data-tail", ctx_r0.hasTail() ? "" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_9_0 = ctx_r0.resolvedReplyTo()) ? 5 : -1, tmp_9_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.resolvedText() ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.resolvedAttachments().length ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.showMeta() ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.resolvedReactions().length ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-open", ctx_r0.pickerOpen() ? "" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.canRetry() ? 12 : ctx_r0.actions() ? 13 : -1);
+} }
+/** Ikona statusu wysyłki. `read` używa tej samej ikony co `delivered`, różni je kolor. */
+const STATUS_ICONS = {
+    sending: 'clock',
+    sent: 'check',
+    delivered: 'checks',
+    read: 'checks',
+    failed: 'alert-triangle',
+};
+/**
+ * Pojedyncza wiadomość czatu — bąbel z treścią, godziną, statusem wysyłki i opcjonalnym
+ * awatarem, cytatem, załącznikami i reakcjami.
+ *
+ * Działa na dwa sposoby: dostaje gotowy obiekt przez `[message]` (tak używa go `kpt-chat`)
+ * albo pojedyncze inputy, gdy budujesz listę samodzielnie. Treść można też wrzucić
+ * przez `<ng-content />` — projekcja wygrywa z `text`, więc bąbel przyjmuje cokolwiek.
+ *
+ * Wygląd wewnątrz grupy steruje `position`: zapadnięty narożnik od strony nadawcy i ogonek
+ * tylko przy ostatnim bąblu. Wylicza to `buildChatRows()` z `@konce-pt/chat`.
+ *
+ * @example
+ * <kpt-chat-message [message]="msg" align="end" position="last" />
+ * <kpt-chat-message align="end" status="failed" (retry)="resend()">Nie poszło</kpt-chat-message>
+ */
+class KptChatMessage {
+    constructor() {
+        /** Cała wiadomość naraz. Pojedyncze inputy poniżej mają nad nią priorytet. */
+        this.message = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.author = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "author" }] : /* istanbul ignore next */ []));
+        this.text = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.time = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "time" }] : /* istanbul ignore next */ []));
+        this.attachments = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attachments" }] : /* istanbul ignore next */ []));
+        this.reactions = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reactions" }] : /* istanbul ignore next */ []));
+        this.replyTo = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "replyTo" }] : /* istanbul ignore next */ []));
+        this.status = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        /** Strona listy: `start` to cudza wiadomość, `end` własna. */
+        this.align = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+        /** Wariant kolorystyczny; bez niego wynika z `align` (własna = `primary`). */
+        this.variant = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.position = input('single', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.system = input(false, { ...(ngDevMode ? { debugName: "system" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.showAuthor = input(false, { ...(ngDevMode ? { debugName: "showAuthor" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.showAvatar = input(false, { ...(ngDevMode ? { debugName: "showAvatar" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.showMeta = input(true, { ...(ngDevMode ? { debugName: "showMeta" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.tail = input(true, { ...(ngDevMode ? { debugName: "tail" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Akcje pod kursorem: odpowiedz i zareaguj. Domyślnie wyłączone. */
+        this.actions = input(false, { ...(ngDevMode ? { debugName: "actions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Zestaw wybieraka reakcji. Domyślnie pięć wbudowanych; można go skrócić lub przestawić. */
+        this.reactionOptions = input(KPT_CHAT_REACTIONS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reactionOptions" }] : /* istanbul ignore next */ []));
+        this.retry = output();
+        this.reply = output();
+        /** Wybrana reakcja (emoji). Biblioteka niczego nie dopisuje do modelu — robi to aplikacja. */
+        this.react = output();
+        /** Kliknięcie w cytat — aplikacja może przewinąć listę do oryginału. */
+        this.quoted = output();
+        this.i18n = inject(KptI18n);
+        this.host = inject((ElementRef));
+        /** Czy wybierak reakcji jest otwarty. */
+        this.pickerOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pickerOpen" }] : /* istanbul ignore next */ []));
+        this.isSystem = computed(() => this.system() || (this.message()?.system ?? false), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSystem" }] : /* istanbul ignore next */ []));
+        this.resolvedAuthor = computed(() => this.author() ?? this.message()?.author ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedAuthor" }] : /* istanbul ignore next */ []));
+        this.resolvedText = computed(() => this.text() ?? this.message()?.text ?? '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedText" }] : /* istanbul ignore next */ []));
+        this.resolvedStatus = computed(() => this.status() ?? this.message()?.status ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedStatus" }] : /* istanbul ignore next */ []));
+        this.resolvedReplyTo = computed(() => this.replyTo() ?? this.message()?.replyTo ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedReplyTo" }] : /* istanbul ignore next */ []));
+        this.resolvedAttachments = computed(() => this.attachments() ?? this.message()?.attachments ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedAttachments" }] : /* istanbul ignore next */ []));
+        this.resolvedReactions = computed(() => this.reactions() ?? this.message()?.reactions ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedReactions" }] : /* istanbul ignore next */ []));
+        this.sentAt = computed(() => {
+            const value = this.time() ?? this.message()?.sentAt ?? null;
+            return value === null ? null : toDate(value);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sentAt" }] : /* istanbul ignore next */ []));
+        /**
+         * Wariant domyślny bierze się z wyrównania. Własna wiadomość dostaje pełny `solid`,
+         * bo motyw biblioteki jest monochromatyczny: pastelowy `primary-subtle` ma tę samą
+         * jasność co `muted`, więc własny i cudzy bąbel byłyby nie do odróżnienia. Kto woli
+         * ciszej, ustawia `variant="primary"` ręcznie.
+         */
+        this.resolvedVariant = computed(() => {
+            if (this.isSystem())
+                return 'system';
+            return this.variant() ?? (this.align() === 'end' ? 'solid' : 'neutral');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+        /** Ogonek tylko na końcu grupy i tylko tam, gdzie bąbel ma tło, z którego da się go wyciąć. */
+        this.hasTail = computed(() => {
+            const variant = this.resolvedVariant();
+            if (!this.tail() || variant === 'ghost' || variant === 'system')
+                return false;
+            return this.position() === 'last' || this.position() === 'single';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTail" }] : /* istanbul ignore next */ []));
+        this.canRetry = computed(() => canRetry(this.resolvedStatus()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canRetry" }] : /* istanbul ignore next */ []));
+        this.statusIcon = computed(() => {
+            const status = this.resolvedStatus();
+            return status ? STATUS_ICONS[status] : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusIcon" }] : /* istanbul ignore next */ []));
+        this.timeLabel = computed(() => {
+            const date = this.sentAt();
+            if (!date)
+                return '';
+            return new Intl.DateTimeFormat(this.i18n.locale(), { hour: '2-digit', minute: '2-digit' }).format(date);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timeLabel" }] : /* istanbul ignore next */ []));
+        this.isoTime = computed(() => this.sentAt()?.toISOString() ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isoTime" }] : /* istanbul ignore next */ []));
+        /**
+         * Etykieta dla czytnika ekranu. Bez niej z bąbla płynie sama treść — bez nadawcy,
+         * godziny i informacji, że wiadomość się nie wysłała.
+         */
+        this.ariaLabel = computed(() => {
+            if (this.isSystem())
+                return this.resolvedText();
+            const parts = [this.resolvedAuthor()?.name, this.timeLabel()];
+            const status = this.resolvedStatus();
+            if (status)
+                parts.push(this.i18n.t('chat.' + status));
+            return parts.filter(Boolean).join(', ');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.statusLabel = computed(() => {
+            const status = this.resolvedStatus();
+            return status ? this.i18n.t('chat.' + status) : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusLabel" }] : /* istanbul ignore next */ []));
+        // Kliknięcie obok zamyka wybierak. Sam `focusout` nie wystarcza: w Safari kliknięcie
+        // w przycisk nie przenosi na niego fokusu, więc wybierak zostawałby otwarty na zawsze.
+        effect((onCleanup) => {
+            if (!this.pickerOpen())
+                return;
+            const close = (event) => {
+                if (!this.host.nativeElement.contains(event.target))
+                    this.pickerOpen.set(false);
+            };
+            // Faza przechwytywania: własne `click` na opcji zdąży się wykonać przed zamknięciem,
+            // bo wybierak zamyka `pointerdown`, nie `click`.
+            document.addEventListener('pointerdown', close, true);
+            onCleanup(() => document.removeEventListener('pointerdown', close, true));
+        });
+    }
+    /** Etykieta opcji wybieraka — `like` → `chat.reactLike`. */
+    reactionLabel(option) {
+        return this.i18n.t('chat.react' + option.kind[0].toUpperCase() + option.kind.slice(1));
+    }
+    /** Czy bieżący użytkownik dał już tę reakcję — opcja wybieraka pokazuje to przez `aria-pressed`. */
+    hasReacted(emoji) {
+        return this.resolvedReactions().some((reaction) => reaction.emoji === emoji && reaction.reacted);
+    }
+    pick(emoji) {
+        this.react.emit(emoji);
+        this.pickerOpen.set(false);
+    }
+    /** Wyjście fokusu poza wybierak zamyka go — przechodzenie Tabem między opcjami nie. */
+    onPickerFocusOut(event) {
+        const container = event.currentTarget;
+        const next = event.relatedTarget;
+        if (!next || !container.contains(next))
+            this.pickerOpen.set(false);
+    }
+    /** Rozmiar załącznika w kB/MB — surowe bajty nic nie mówią przy pliku obok nazwy. */
+    fileSize(bytes) {
+        if (!bytes)
+            return '';
+        if (bytes < 1024)
+            return bytes + ' B';
+        if (bytes < 1024 * 1024)
+            return Math.round(bytes / 1024) + ' kB';
+        return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+    }
+    static { this.ɵfac = function KptChatMessage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChatMessage)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChatMessage, selectors: [["kpt-chat-message"]], hostAttrs: [1, "kpt-chat-message-host"], hostVars: 2, hostBindings: function KptChatMessage_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("role", ctx.isSystem() ? "note" : "article")("aria-label", ctx.ariaLabel());
+        } }, inputs: { message: [1, "message"], author: [1, "author"], text: [1, "text"], time: [1, "time"], attachments: [1, "attachments"], reactions: [1, "reactions"], replyTo: [1, "replyTo"], status: [1, "status"], align: [1, "align"], variant: [1, "variant"], position: [1, "position"], system: [1, "system"], showAuthor: [1, "showAuthor"], showAvatar: [1, "showAvatar"], showMeta: [1, "showMeta"], tail: [1, "tail"], actions: [1, "actions"], reactionOptions: [1, "reactionOptions"] }, outputs: { retry: "retry", reply: "reply", react: "react", quoted: "quoted" }, ngContentSelectors: _c0$3, decls: 2, vars: 1, consts: [[1, "kpt-chat-message__system"], [1, "kpt-chat-message__row"], ["aria-hidden", "true", 1, "kpt-chat-message__avatar"], [1, "kpt-chat-message__stack"], [1, "kpt-chat-message__author"], [1, "kpt-chat-message__bubble"], ["type", "button", 1, "kpt-chat-message__quote"], [1, "kpt-chat-message__text"], [1, "kpt-chat-message__files"], [1, "kpt-chat-message__meta"], [1, "kpt-chat-message__reactions"], [1, "kpt-chat-message__actions"], ["size", "sm", 1, "kpt-chat-message__retry", 3, "ariaLabel"], ["size", "sm", 3, "src", "name"], ["type", "button", 1, "kpt-chat-message__quote", 3, "click"], [1, "kpt-chat-message__quote-author"], [1, "kpt-chat-message__quote-text"], [1, "kpt-chat-message__file"], [1, "kpt-chat-message__file-thumb", 3, "src", "alt"], ["name", "paperclip", "aria-hidden", "true"], [1, "kpt-chat-message__file-name"], [1, "kpt-chat-message__file-size"], [1, "kpt-chat-message__time"], ["aria-hidden", "true", 1, "kpt-chat-message__status", 3, "name"], [1, "kpt-chat-message__reaction"], ["aria-hidden", "true"], [1, "kpt-chat-message__reaction-count"], ["size", "sm", 1, "kpt-chat-message__retry", 3, "click", "ariaLabel"], ["name", "refresh"], ["size", "sm", 3, "click", "ariaLabel"], ["name", "corner-up-left"], [1, "kpt-chat-message__react", 3, "keydown.escape", "focusout"], ["size", "sm", 3, "click", "ariaLabel", "ariaExpanded"], ["name", "mood-smile"], ["role", "group", 1, "kpt-chat-message__picker"], ["type", "button", 1, "kpt-chat-message__pick"], ["type", "button", 1, "kpt-chat-message__pick", 3, "click"]], template: function KptChatMessage_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵconditionalCreate(0, KptChatMessage_Conditional_0_Template, 2, 1, "p", 0)(1, KptChatMessage_Conditional_1_Template, 14, 15, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.isSystem() ? 0 : 1);
+        } }, dependencies: [KptAvatar, KptIcon, KptIconButton], styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-message-host{display:block}.kpt-chat-message__system{margin:var(--%NS%kpt-space-2, .5rem) 0;text-align:center;color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat-message__row{display:flex;align-items:flex-end;gap:var(--%NS%kpt-space-2, .5rem)}.kpt-chat-message__row[data-align=end]{flex-direction:row-reverse}.kpt-chat-message__avatar{flex:0 0 2rem;align-self:flex-end}.kpt-chat-message__stack{display:flex;flex-direction:column;min-width:0;max-inline-size:min(42rem,78%)}.kpt-chat-message__author{margin-inline-start:var(--%NS%kpt-space-3, .75rem);margin-block-end:var(--%NS%kpt-space-1, .25rem);color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-xs, .75rem);font-weight:var(--%NS%kpt-font-weight-medium, 500)}.kpt-chat-message__bubble{--%NS%_bg: var(--%NS%kpt-color-muted);--%NS%_fg: var(--%NS%kpt-color-on-muted);--%NS%_radius: var(--%NS%kpt-radius-lg, .75rem);--%NS%_radius-tight: var(--%NS%kpt-radius-sm, .25rem);position:relative;padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem);border-radius:var(--%NS%_radius);background:var(--%NS%_bg);color:var(--%NS%_fg);font-size:var(--%NS%kpt-font-size-sm, .875rem);line-height:var(--%NS%kpt-font-lineHeight-normal, 1.5)}.kpt-chat-message__bubble[data-variant=primary]{--%NS%_bg: var(--%NS%kpt-color-primary-subtle);--%NS%_fg: var(--%NS%kpt-color-text)}.kpt-chat-message__bubble[data-variant=solid]{--%NS%_bg: var(--%NS%kpt-color-primary);--%NS%_fg: var(--%NS%kpt-color-on-primary)}.kpt-chat-message__bubble[data-variant=ghost]{--%NS%_bg: transparent;--%NS%_fg: var(--%NS%kpt-color-text);padding-inline:0}.kpt-chat-message__bubble[data-status=failed]{--%NS%_bg: var(--%NS%kpt-color-danger-subtle);--%NS%_fg: var(--%NS%kpt-color-text);box-shadow:inset 0 0 0 var(--%NS%kpt-border-width-thin, 1px) var(--%NS%kpt-color-danger-border)}.kpt-chat-message__bubble[data-align=end][data-position=first]{border-end-end-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-align=end][data-position=middle]{border-start-end-radius:var(--%NS%_radius-tight);border-end-end-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-align=end][data-position=last]{border-start-end-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=first]{border-end-start-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=middle]{border-start-start-radius:var(--%NS%_radius-tight);border-end-start-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=last]{border-start-start-radius:var(--%NS%_radius-tight)}.kpt-chat-message__bubble[data-tail][data-align=end]{border-end-end-radius:0}.kpt-chat-message__bubble[data-tail][data-align=start]{border-end-start-radius:0}.kpt-chat-message__bubble[data-tail]:after{content:\"\";position:absolute;inset-block-end:0;inline-size:.75rem;block-size:.75rem;background:var(--%NS%_bg);-webkit-mask:radial-gradient(circle at 100% 0,transparent 0 .75rem,#000 .75rem);mask:radial-gradient(circle at 100% 0,transparent 0 .75rem,#000 .75rem)}.kpt-chat-message__bubble[data-tail][data-align=end]:after{inset-inline-end:-.5rem}.kpt-chat-message__bubble[data-tail][data-align=start]:after{inset-inline-start:-.5rem;transform:scaleX(-1)}.kpt-chat-message__bubble:has(.kpt-chat-message__reactions){margin-block-end:.875rem}.kpt-chat-message__quote{display:flex;flex-direction:column;gap:.125rem;width:100%;margin-block-end:var(--%NS%kpt-space-1, .25rem);padding:var(--%NS%kpt-space-1, .25rem) var(--%NS%kpt-space-2, .5rem);border:0;border-inline-start:2px solid var(--%NS%kpt-color-primary);border-radius:var(--%NS%kpt-radius-sm, .25rem);background:color-mix(in oklch,currentColor 8%,transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.kpt-chat-message__quote-author{font-size:var(--%NS%kpt-font-size-xs, .75rem);font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-chat-message__quote-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--%NS%kpt-font-size-xs, .75rem);opacity:.8}.kpt-chat-message__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.kpt-chat-message__files{display:flex;flex-direction:column;gap:var(--%NS%kpt-space-1, .25rem);margin:var(--%NS%kpt-space-2, .5rem) 0 0;padding:0;list-style:none}.kpt-chat-message__file{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat-message__file-thumb{width:2rem;height:2rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);object-fit:cover}.kpt-chat-message__file-name{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpt-chat-message__file-size{color:inherit;opacity:.6}.kpt-chat-message__meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-block-start:.125rem;font-size:var(--%NS%kpt-font-size-xs, .75rem);opacity:.7}.kpt-chat-message__status{font-size:.875rem}.kpt-chat-message__bubble[data-status=read] .kpt-chat-message__status{color:var(--%NS%kpt-color-primary);opacity:1}.kpt-chat-message__bubble[data-variant=solid][data-status=read] .kpt-chat-message__status{color:currentcolor}.kpt-chat-message__bubble[data-status=failed] .kpt-chat-message__status{color:var(--%NS%kpt-color-danger);opacity:1}.kpt-chat-message__reactions{position:absolute;inset-block-end:-.75rem;display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.kpt-chat-message__reactions[data-align=end]{inset-inline-end:var(--%NS%kpt-space-2, .5rem)}.kpt-chat-message__reactions[data-align=start]{inset-inline-start:var(--%NS%kpt-space-2, .5rem)}.kpt-chat-message__reaction{display:inline-flex;align-items:center;gap:.125rem;padding:.0625rem .375rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-surface-raised);color:var(--%NS%kpt-color-text);font-size:var(--%NS%kpt-font-size-xs, .75rem);line-height:1.25;box-shadow:var(--%NS%kpt-elevation-1)}.kpt-chat-message__reaction[data-reacted]{border-color:var(--%NS%kpt-color-primary-border);background:var(--%NS%kpt-color-primary-subtle)}.kpt-chat-message__reaction-count{opacity:.7}.kpt-chat-message__actions{display:flex;flex:0 0 auto;align-items:center;gap:.125rem}.kpt-chat-message__actions .kpt-icon-button-host{opacity:0;transition:opacity var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard, ease)}.kpt-chat-message__actions .kpt-chat-message__retry{opacity:1;color:var(--%NS%kpt-color-danger)}.kpt-chat-message__row:hover .kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__row:focus-within .kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__actions[data-open] .kpt-icon-button-host{opacity:1}.kpt-chat-message__react{position:relative;display:inline-flex}.kpt-chat-message__picker{position:absolute;inset-block-end:calc(100% + var(--%NS%kpt-space-1, .25rem));inset-inline-end:0;z-index:var(--%NS%kpt-z-raised, 1);display:flex;gap:.125rem;padding:.1875rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-surface-raised);box-shadow:var(--%NS%kpt-elevation-2)}.kpt-chat-message__row[data-align=end] .kpt-chat-message__picker{inset-inline:0 auto}.kpt-chat-message__pick{display:inline-flex;align-items:center;justify-content:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;border-radius:var(--%NS%kpt-radius-full, 9999px);background:transparent;font:inherit;font-size:var(--%NS%kpt-font-size-md, 1rem);line-height:1;cursor:pointer;transition:transform var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard, ease)}.kpt-chat-message__pick:hover{background:var(--%NS%kpt-color-surface-hover);transform:scale(1.15)}.kpt-chat-message__pick:focus-visible{outline:2px solid var(--%NS%kpt-color-focus-ring);outline-offset:1px}.kpt-chat-message__pick[aria-pressed=true]{background:var(--%NS%kpt-color-primary-subtle)}@media(prefers-reduced-motion:reduce){.kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__pick{transition:none}.kpt-chat-message__pick:hover{transform:none}}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptChatMessage, [{
+        type: Component,
+        args: [{ selector: 'kpt-chat-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptAvatar, KptIcon, KptIconButton], host: {
+                    class: 'kpt-chat-message-host',
+                    '[attr.role]': 'isSystem() ? "note" : "article"',
+                    '[attr.aria-label]': 'ariaLabel()',
+                }, template: "@if (isSystem()) {\n  <p class=\"kpt-chat-message__system\">{{ resolvedText() }}</p>\n} @else {\n  <div class=\"kpt-chat-message__row\" [attr.data-align]=\"align()\">\n    @if (align() === 'start') {\n      <span class=\"kpt-chat-message__avatar\" aria-hidden=\"true\">\n        @if (showAvatar()) {\n          <kpt-avatar size=\"sm\" [src]=\"resolvedAuthor()?.avatar ?? null\" [name]=\"resolvedAuthor()?.name ?? ''\" />\n        }\n      </span>\n    }\n\n    <div class=\"kpt-chat-message__stack\">\n      @if (showAuthor() && resolvedAuthor(); as author) {\n        <span class=\"kpt-chat-message__author\">{{ author.name }}</span>\n      }\n\n      <div\n        class=\"kpt-chat-message__bubble\"\n        [attr.data-variant]=\"resolvedVariant()\"\n        [attr.data-align]=\"align()\"\n        [attr.data-position]=\"position()\"\n        [attr.data-status]=\"resolvedStatus()\"\n        [attr.data-tail]=\"hasTail() ? '' : null\"\n      >\n        @if (resolvedReplyTo(); as quote) {\n          <button type=\"button\" class=\"kpt-chat-message__quote\" (click)=\"quoted.emit(quote)\">\n            <span class=\"kpt-chat-message__quote-author\">{{ quote.author }}</span>\n            <span class=\"kpt-chat-message__quote-text\">{{ quote.excerpt }}</span>\n          </button>\n        }\n\n        @if (resolvedText()) {\n          <p class=\"kpt-chat-message__text\">{{ resolvedText() }}</p>\n        }\n        <ng-content />\n\n        @if (resolvedAttachments().length) {\n          <ul class=\"kpt-chat-message__files\">\n            @for (file of resolvedAttachments(); track file.id) {\n              <li class=\"kpt-chat-message__file\">\n                @if (file.thumbnail) {\n                  <img class=\"kpt-chat-message__file-thumb\" [src]=\"file.thumbnail\" [alt]=\"file.name\" />\n                } @else {\n                  <kpt-icon name=\"paperclip\" aria-hidden=\"true\" />\n                }\n                <a class=\"kpt-chat-message__file-name\" [attr.href]=\"file.url ?? null\" [attr.download]=\"file.url ? file.name : null\">\n                  {{ file.name }}\n                </a>\n                @if (file.size) {\n                  <span class=\"kpt-chat-message__file-size\">{{ fileSize(file.size) }}</span>\n                }\n              </li>\n            }\n          </ul>\n        }\n\n        @if (showMeta()) {\n          <span class=\"kpt-chat-message__meta\">\n            @if (timeLabel()) {\n              <time class=\"kpt-chat-message__time\" [attr.datetime]=\"isoTime()\">{{ timeLabel() }}</time>\n            }\n            @if (statusIcon(); as icon) {\n              <kpt-icon class=\"kpt-chat-message__status\" [name]=\"icon\" aria-hidden=\"true\" />\n            }\n          </span>\n        }\n\n        @if (resolvedReactions().length) {\n          <ul class=\"kpt-chat-message__reactions\" [attr.data-align]=\"align()\">\n            @for (reaction of resolvedReactions(); track reaction.emoji) {\n              <li class=\"kpt-chat-message__reaction\" [attr.data-reacted]=\"reaction.reacted ? '' : null\">\n                <span aria-hidden=\"true\">{{ reaction.emoji }}</span>\n                <span class=\"kpt-chat-message__reaction-count\">{{ reaction.count }}</span>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    </div>\n\n    <span class=\"kpt-chat-message__actions\" [attr.data-open]=\"pickerOpen() ? '' : null\">\n      @if (canRetry()) {\n        <kpt-icon-button\n          class=\"kpt-chat-message__retry\"\n          size=\"sm\"\n          [ariaLabel]=\"i18n.t('chat.retry')\"\n          (click)=\"retry.emit()\"\n        >\n          <kpt-icon name=\"refresh\" />\n        </kpt-icon-button>\n      } @else if (actions()) {\n        <kpt-icon-button size=\"sm\" [ariaLabel]=\"i18n.t('chat.replyTo', { author: resolvedAuthor()?.name ?? '' })\" (click)=\"reply.emit()\">\n          <kpt-icon name=\"corner-up-left\" />\n        </kpt-icon-button>\n\n        <span class=\"kpt-chat-message__react\" (keydown.escape)=\"pickerOpen.set(false)\" (focusout)=\"onPickerFocusOut($event)\">\n          <kpt-icon-button\n            size=\"sm\"\n            [ariaLabel]=\"i18n.t('chat.react')\"\n            [ariaExpanded]=\"pickerOpen()\"\n            (click)=\"pickerOpen.set(!pickerOpen())\"\n          >\n            <kpt-icon name=\"mood-smile\" />\n          </kpt-icon-button>\n\n          @if (pickerOpen()) {\n            <span class=\"kpt-chat-message__picker\" role=\"group\" [attr.aria-label]=\"i18n.t('chat.react')\">\n              @for (option of reactionOptions(); track option.kind) {\n                <button\n                  type=\"button\"\n                  class=\"kpt-chat-message__pick\"\n                  [attr.aria-label]=\"reactionLabel(option)\"\n                  [attr.title]=\"reactionLabel(option)\"\n                  [attr.aria-pressed]=\"hasReacted(option.emoji)\"\n                  (click)=\"pick(option.emoji)\"\n                >\n                  <span aria-hidden=\"true\">{{ option.emoji }}</span>\n                </button>\n              }\n            </span>\n          }\n        </span>\n      }\n    </span>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-message-host{display:block}.kpt-chat-message__system{margin:var(--kpt-space-2, .5rem) 0;text-align:center;color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat-message__row{display:flex;align-items:flex-end;gap:var(--kpt-space-2, .5rem)}.kpt-chat-message__row[data-align=end]{flex-direction:row-reverse}.kpt-chat-message__avatar{flex:0 0 2rem;align-self:flex-end}.kpt-chat-message__stack{display:flex;flex-direction:column;min-width:0;max-inline-size:min(42rem,78%)}.kpt-chat-message__author{margin-inline-start:var(--kpt-space-3, .75rem);margin-block-end:var(--kpt-space-1, .25rem);color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-medium, 500)}.kpt-chat-message__bubble{--_bg: var(--kpt-color-muted);--_fg: var(--kpt-color-on-muted);--_radius: var(--kpt-radius-lg, .75rem);--_radius-tight: var(--kpt-radius-sm, .25rem);position:relative;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);border-radius:var(--_radius);background:var(--_bg);color:var(--_fg);font-size:var(--kpt-font-size-sm, .875rem);line-height:var(--kpt-font-lineHeight-normal, 1.5)}.kpt-chat-message__bubble[data-variant=primary]{--_bg: var(--kpt-color-primary-subtle);--_fg: var(--kpt-color-text)}.kpt-chat-message__bubble[data-variant=solid]{--_bg: var(--kpt-color-primary);--_fg: var(--kpt-color-on-primary)}.kpt-chat-message__bubble[data-variant=ghost]{--_bg: transparent;--_fg: var(--kpt-color-text);padding-inline:0}.kpt-chat-message__bubble[data-status=failed]{--_bg: var(--kpt-color-danger-subtle);--_fg: var(--kpt-color-text);box-shadow:inset 0 0 0 var(--kpt-border-width-thin, 1px) var(--kpt-color-danger-border)}.kpt-chat-message__bubble[data-align=end][data-position=first]{border-end-end-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-align=end][data-position=middle]{border-start-end-radius:var(--_radius-tight);border-end-end-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-align=end][data-position=last]{border-start-end-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=first]{border-end-start-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=middle]{border-start-start-radius:var(--_radius-tight);border-end-start-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-align=start][data-position=last]{border-start-start-radius:var(--_radius-tight)}.kpt-chat-message__bubble[data-tail][data-align=end]{border-end-end-radius:0}.kpt-chat-message__bubble[data-tail][data-align=start]{border-end-start-radius:0}.kpt-chat-message__bubble[data-tail]:after{content:\"\";position:absolute;inset-block-end:0;inline-size:.75rem;block-size:.75rem;background:var(--_bg);-webkit-mask:radial-gradient(circle at 100% 0,transparent 0 .75rem,#000 .75rem);mask:radial-gradient(circle at 100% 0,transparent 0 .75rem,#000 .75rem)}.kpt-chat-message__bubble[data-tail][data-align=end]:after{inset-inline-end:-.5rem}.kpt-chat-message__bubble[data-tail][data-align=start]:after{inset-inline-start:-.5rem;transform:scaleX(-1)}.kpt-chat-message__bubble:has(.kpt-chat-message__reactions){margin-block-end:.875rem}.kpt-chat-message__quote{display:flex;flex-direction:column;gap:.125rem;width:100%;margin-block-end:var(--kpt-space-1, .25rem);padding:var(--kpt-space-1, .25rem) var(--kpt-space-2, .5rem);border:0;border-inline-start:2px solid var(--kpt-color-primary);border-radius:var(--kpt-radius-sm, .25rem);background:color-mix(in oklch,currentColor 8%,transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.kpt-chat-message__quote-author{font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-chat-message__quote-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--kpt-font-size-xs, .75rem);opacity:.8}.kpt-chat-message__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.kpt-chat-message__files{display:flex;flex-direction:column;gap:var(--kpt-space-1, .25rem);margin:var(--kpt-space-2, .5rem) 0 0;padding:0;list-style:none}.kpt-chat-message__file{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat-message__file-thumb{width:2rem;height:2rem;border-radius:var(--kpt-radius-sm, .25rem);object-fit:cover}.kpt-chat-message__file-name{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpt-chat-message__file-size{color:inherit;opacity:.6}.kpt-chat-message__meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-block-start:.125rem;font-size:var(--kpt-font-size-xs, .75rem);opacity:.7}.kpt-chat-message__status{font-size:.875rem}.kpt-chat-message__bubble[data-status=read] .kpt-chat-message__status{color:var(--kpt-color-primary);opacity:1}.kpt-chat-message__bubble[data-variant=solid][data-status=read] .kpt-chat-message__status{color:currentcolor}.kpt-chat-message__bubble[data-status=failed] .kpt-chat-message__status{color:var(--kpt-color-danger);opacity:1}.kpt-chat-message__reactions{position:absolute;inset-block-end:-.75rem;display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.kpt-chat-message__reactions[data-align=end]{inset-inline-end:var(--kpt-space-2, .5rem)}.kpt-chat-message__reactions[data-align=start]{inset-inline-start:var(--kpt-space-2, .5rem)}.kpt-chat-message__reaction{display:inline-flex;align-items:center;gap:.125rem;padding:.0625rem .375rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-surface-raised);color:var(--kpt-color-text);font-size:var(--kpt-font-size-xs, .75rem);line-height:1.25;box-shadow:var(--kpt-elevation-1)}.kpt-chat-message__reaction[data-reacted]{border-color:var(--kpt-color-primary-border);background:var(--kpt-color-primary-subtle)}.kpt-chat-message__reaction-count{opacity:.7}.kpt-chat-message__actions{display:flex;flex:0 0 auto;align-items:center;gap:.125rem}.kpt-chat-message__actions .kpt-icon-button-host{opacity:0;transition:opacity var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard, ease)}.kpt-chat-message__actions .kpt-chat-message__retry{opacity:1;color:var(--kpt-color-danger)}.kpt-chat-message__row:hover .kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__row:focus-within .kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__actions[data-open] .kpt-icon-button-host{opacity:1}.kpt-chat-message__react{position:relative;display:inline-flex}.kpt-chat-message__picker{position:absolute;inset-block-end:calc(100% + var(--kpt-space-1, .25rem));inset-inline-end:0;z-index:var(--kpt-z-raised, 1);display:flex;gap:.125rem;padding:.1875rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-surface-raised);box-shadow:var(--kpt-elevation-2)}.kpt-chat-message__row[data-align=end] .kpt-chat-message__picker{inset-inline:0 auto}.kpt-chat-message__pick{display:inline-flex;align-items:center;justify-content:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;border-radius:var(--kpt-radius-full, 9999px);background:transparent;font:inherit;font-size:var(--kpt-font-size-md, 1rem);line-height:1;cursor:pointer;transition:transform var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard, ease)}.kpt-chat-message__pick:hover{background:var(--kpt-color-surface-hover);transform:scale(1.15)}.kpt-chat-message__pick:focus-visible{outline:2px solid var(--kpt-color-focus-ring);outline-offset:1px}.kpt-chat-message__pick[aria-pressed=true]{background:var(--kpt-color-primary-subtle)}@media(prefers-reduced-motion:reduce){.kpt-chat-message__actions .kpt-icon-button-host,.kpt-chat-message__pick{transition:none}.kpt-chat-message__pick:hover{transform:none}}}\n"] }]
+    }], () => [], { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: false }] }], reactions: [{ type: i0.Input, args: [{ isSignal: true, alias: "reactions", required: false }] }], replyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "replyTo", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], system: [{ type: i0.Input, args: [{ isSignal: true, alias: "system", required: false }] }], showAuthor: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAuthor", required: false }] }], showAvatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAvatar", required: false }] }], showMeta: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMeta", required: false }] }], tail: [{ type: i0.Input, args: [{ isSignal: true, alias: "tail", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], reactionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "reactionOptions", required: false }] }], retry: [{ type: i0.Output, args: ["retry"] }], reply: [{ type: i0.Output, args: ["reply"] }], react: [{ type: i0.Output, args: ["react"] }], quoted: [{ type: i0.Output, args: ["quoted"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptChatMessage, { className: "KptChatMessage", filePath: "lib/chat-message.component.ts", lineNumber: 67 }); })();
+
+function KptChatTyping_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.text());
+} }
+function KptChatTyping_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 0)(1, "span", 1);
+    i0.ɵɵdomElement(2, "span", 2)(3, "span", 2)(4, "span", 2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(5, KptChatTyping_Conditional_0_Conditional_5_Template, 2, 1, "span", 3);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r0.text() ? 5 : -1);
+} }
+/**
+ * Wskaźnik pisania — trzy kropki i informacja, kto pisze.
+ *
+ * Pusta lista autorów nie renderuje niczego, więc można go trzymać w szablonie na stałe
+ * i sterować wyłącznie danymi.
+ *
+ * Element jest `role="status"` z `aria-live="polite"`: czytnik ogłasza wejście i zniknięcie
+ * wskaźnika, ale nie przerywa czytania wiadomości. Sama animacja kropek nic nie mówi —
+ * informację niesie etykieta.
+ *
+ * @example
+ * <kpt-chat-typing [authors]="typing()" />
+ */
+class KptChatTyping {
+    constructor() {
+        /** Osoby piszące w tej chwili. Pusta lista chowa wskaźnik. */
+        this.authors = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "authors" }] : /* istanbul ignore next */ []));
+        /** Własna etykieta zamiast tej ze słownika. */
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.i18n = inject(KptI18n);
+        this.visible = computed(() => this.authors().length > 0 || !!this.label(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+        /**
+         * Jedna osoba jest wymieniona z imienia, przy większej liczbie liczy się głowy —
+         * lista nazwisk rozjeżdża wiersz i i tak nikt jej nie czyta.
+         */
+        this.text = computed(() => {
+            const custom = this.label();
+            if (custom)
+                return custom;
+            const authors = this.authors();
+            if (authors.length === 0)
+                return '';
+            if (authors.length === 1)
+                return this.i18n.t('chat.typing', { name: authors[0].name });
+            return this.i18n.t('chat.typingMany', { count: authors.length });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function KptChatTyping_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChatTyping)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChatTyping, selectors: [["kpt-chat-typing"]], hostAttrs: ["role", "status", "aria-live", "polite", 1, "kpt-chat-typing-host"], inputs: { authors: [1, "authors"], label: [1, "label"] }, decls: 1, vars: 1, consts: [[1, "kpt-chat-typing"], ["aria-hidden", "true", 1, "kpt-chat-typing__bubble"], [1, "kpt-chat-typing__dot"], [1, "kpt-chat-typing__label"]], template: function KptChatTyping_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, KptChatTyping_Conditional_0_Template, 6, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.visible() ? 0 : -1);
+        } }, styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-typing-host{display:block}.kpt-chat-typing{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding-inline-start:calc(2rem + var(--%NS%kpt-space-2, .5rem))}.kpt-chat-typing__bubble{display:inline-flex;align-items:center;gap:.1875rem;padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem);border-radius:var(--%NS%kpt-radius-lg, .75rem);border-end-start-radius:var(--%NS%kpt-radius-sm, .25rem);background:var(--%NS%kpt-color-surface-variant)}.kpt-chat-typing__dot{width:.375rem;height:.375rem;border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-text-muted);animation:kpt-chat-typing-bounce 1.2s infinite ease-in-out}.kpt-chat-typing__dot:nth-child(2){animation-delay:.15s}.kpt-chat-typing__dot:nth-child(3){animation-delay:.3s}.kpt-chat-typing__label{color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-xs, .75rem)}@keyframes kpt-chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-.1875rem);opacity:1}}@keyframes kpt-chat-typing-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.kpt-chat-typing__dot{animation-name:kpt-chat-typing-pulse;animation-duration:1.8s}}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptChatTyping, [{
+        type: Component,
+        args: [{ selector: 'kpt-chat-typing', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                    class: 'kpt-chat-typing-host',
+                    role: 'status',
+                    'aria-live': 'polite',
+                }, template: "@if (visible()) {\n  <div class=\"kpt-chat-typing\">\n    <span class=\"kpt-chat-typing__bubble\" aria-hidden=\"true\">\n      <span class=\"kpt-chat-typing__dot\"></span>\n      <span class=\"kpt-chat-typing__dot\"></span>\n      <span class=\"kpt-chat-typing__dot\"></span>\n    </span>\n    @if (text()) {\n      <span class=\"kpt-chat-typing__label\">{{ text() }}</span>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-typing-host{display:block}.kpt-chat-typing{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);padding-inline-start:calc(2rem + var(--kpt-space-2, .5rem))}.kpt-chat-typing__bubble{display:inline-flex;align-items:center;gap:.1875rem;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);border-radius:var(--kpt-radius-lg, .75rem);border-end-start-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-color-surface-variant)}.kpt-chat-typing__dot{width:.375rem;height:.375rem;border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-text-muted);animation:kpt-chat-typing-bounce 1.2s infinite ease-in-out}.kpt-chat-typing__dot:nth-child(2){animation-delay:.15s}.kpt-chat-typing__dot:nth-child(3){animation-delay:.3s}.kpt-chat-typing__label{color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-xs, .75rem)}@keyframes kpt-chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-.1875rem);opacity:1}}@keyframes kpt-chat-typing-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.kpt-chat-typing__dot{animation-name:kpt-chat-typing-pulse;animation-duration:1.8s}}}\n"] }]
+    }], null, { authors: [{ type: i0.Input, args: [{ isSignal: true, alias: "authors", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptChatTyping, { className: "KptChatTyping", filePath: "lib/chat-typing.component.ts", lineNumber: 30 }); })();
+
+const _c0$2 = ["viewport"];
+const _c1$1 = ["day"];
+const _c2$1 = a0 => ({ count: a0 });
+const _c3$1 = (a0, a1) => ({ $implicit: a0, row: a1 });
+const _forTrack0$1 = ($index, $item) => $item.key;
+function KptChat_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.i18n.t("chat.pending", i0.ɵɵpureFunction1(1, _c2$1, ctx_r1.pending())));
+} }
+function KptChat_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 2);
+    i0.ɵɵelement(1, "kpt-icon", 9);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, KptChat_Conditional_0_Conditional_4_Template, 2, 3, "span", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.i18n.t("chat.offline"));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.pending() ? 4 : -1);
+} }
+function KptChat_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.emptyLabel() || ctx_r1.i18n.t("chat.empty"));
+} }
+function KptChat_For_6_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵattribute("aria-label", row_r4.text);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r4.text);
+} }
+function KptChat_For_6_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 12)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", ctx_r1.i18n.t("chat.newMessages", i0.ɵɵpureFunction1(2, _c2$1, row_r4.count)));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.i18n.t("chat.unread"));
+} }
+function KptChat_For_6_Case_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 15);
+} if (rf & 2) {
+    const row_r4 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3$1, row_r4.message, row_r4));
+} }
+function KptChat_For_6_Case_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kpt-chat-message", 14);
+    i0.ɵɵlistener("retry", function KptChat_For_6_Case_2_Template_kpt_chat_message_retry_0_listener() { i0.ɵɵrestoreView(_r5); const row_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.retry.emit(row_r4.message)); })("reply", function KptChat_For_6_Case_2_Template_kpt_chat_message_reply_0_listener() { i0.ɵɵrestoreView(_r5); const row_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reply.emit(row_r4.message)); })("react", function KptChat_For_6_Case_2_Template_kpt_chat_message_react_0_listener($event) { i0.ɵɵrestoreView(_r5); const row_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.react.emit({ message: row_r4.message, emoji: $event })); })("quoted", function KptChat_For_6_Case_2_Template_kpt_chat_message_quoted_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.quoted.emit($event)); });
+    i0.ɵɵconditionalCreate(1, KptChat_For_6_Case_2_Conditional_1_Template, 1, 5, "ng-container", 15);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_22_0;
+    const row_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("message", row_r4.message)("text", ctx_r1.messageTpl() ? "" : null)("align", row_r4.own ? "end" : "start")("position", row_r4.position)("showAuthor", row_r4.showAuthor)("showAvatar", row_r4.showAvatar)("showMeta", row_r4.showMeta)("actions", ctx_r1.actions())("reactionOptions", ctx_r1.reactionOptions());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_22_0 = ctx_r1.messageTpl()) ? 1 : -1, tmp_22_0);
+} }
+function KptChat_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, KptChat_For_6_Case_0_Template, 2, 2, "p", 11)(1, KptChat_For_6_Case_1_Template, 3, 4, "p", 12)(2, KptChat_For_6_Case_2_Template, 2, 10, "kpt-chat-message", 13);
+} if (rf & 2) {
+    let tmp_12_0;
+    const row_r4 = ctx.$implicit;
+    i0.ɵɵconditional((tmp_12_0 = row_r4.kind) === "date" ? 0 : tmp_12_0 === "unread" ? 1 : tmp_12_0 === "message" ? 2 : -1);
+} }
+function KptChat_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-chat-typing", 6);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("authors", ctx_r1.typing());
+} }
+function KptChat_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function KptChat_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.jumpToLatest()); });
+    i0.ɵɵelement(1, "kpt-icon", 17);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.i18n.t("chat.newMessages", i0.ɵɵpureFunction1(1, _c2$1, ctx_r1.newCount())), " ");
+} }
+/** Odległość od dołu (px), przy której listę uznajemy jeszcze za przypiętą. */
+const PIN_THRESHOLD = 48;
+/**
+ * Wiersze, które nie mogą znaleźć się pod pływającą pigułką dnia: separatory i komunikaty
+ * systemowe, czyli wszystko wyśrodkowane, co czyta się jak jej bliźniak. Bąble są poza listą —
+ * pigułka nad wypowiedzią to normalny obrazek czatu.
+ */
+const BLOCKING_ROWS = '.kpt-chat__date, .kpt-chat__unread, .kpt-chat-message__system';
+/**
+ * Lista rozmowy — grupuje wiadomości, wstawia separatory dni i dzielnik nieprzeczytanych,
+ * trzyma widok przy dole i pokazuje pasek offline z liczbą wiadomości czekających na wysłanie.
+ *
+ * Sama logika wierszy mieszka w `@konce-pt/chat` (`buildChatRows`), więc port Reacta liczy ją
+ * tak samo. Komponent nie ma nic wspólnego z transportem: wiadomości dostaje, a `(retry)`
+ * i `(loadMore)` tylko zgłasza — ponowieniem wysyłki i dociąganiem historii zajmuje się aplikacja.
+ *
+ * Treść bąbla można podmienić własnym `<ng-template>`; kontekst dostaje wiadomość jako
+ * `$implicit` i cały wiersz jako `row`.
+ *
+ * Kompozytor (`kpt-chat-composer`) jest osobnym komponentem i stoi obok listy — dzięki temu
+ * czat bez pola wpisywania (podgląd, archiwum) nie wozi go ze sobą.
+ *
+ * @example
+ * <kpt-chat [messages]="messages()" currentUser="me" [typing]="typing()" (retry)="resend($event)" />
+ */
+class KptChat {
+    constructor() {
+        /** Wiadomości w kolejności chronologicznej — komponent ich nie sortuje. */
+        this.messages = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        /** `id` nadawcy uznawanego za „mnie": jego wiadomości idą na prawo i mają status. */
+        this.currentUser = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentUser" }] : /* istanbul ignore next */ []));
+        /** Przerwa łamiąca grupę wiadomości jednego nadawcy. */
+        this.groupGapMs = input(KPT_CHAT_GROUP_GAP_MS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupGapMs" }] : /* istanbul ignore next */ []));
+        /** `id` pierwszej nieprzeczytanej wiadomości — nad nią stanie dzielnik. */
+        this.unreadFrom = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "unreadFrom" }] : /* istanbul ignore next */ []));
+        /** Brak połączenia: pasek u góry listy z liczbą wiadomości czekających na wysłanie. */
+        this.offline = input(false, { ...(ngDevMode ? { debugName: "offline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Osoby piszące w tej chwili. */
+        this.typing = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "typing" }] : /* istanbul ignore next */ []));
+        /** Dosuwanie widoku do najnowszej wiadomości, dopóki użytkownik nie odjedzie w górę. */
+        this.autoScroll = input(true, { ...(ngDevMode ? { debugName: "autoScroll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Akcje bąbla pod kursorem: odpowiedz i zareaguj. */
+        this.actions = input(false, { ...(ngDevMode ? { debugName: "actions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Zestaw wybieraka reakcji, przekazywany bąblom. Domyślnie pięć wbudowanych. */
+        this.reactionOptions = input(KPT_CHAT_REACTIONS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reactionOptions" }] : /* istanbul ignore next */ []));
+        /** Własny komunikat pustej rozmowy. */
+        this.emptyLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []));
+        this.retry = output();
+        this.reply = output();
+        /** Kliknięcie w reakcję w wybieraku: wiadomość i wybrane emoji. */
+        this.react = output();
+        this.quoted = output();
+        /** Przewinięcie na sam szczyt — moment na dociągnięcie starszych wiadomości. */
+        this.loadMore = output();
+        this.i18n = inject(KptI18n);
+        this.messageTpl = contentChild(TemplateRef, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messageTpl" }] : /* istanbul ignore next */ []));
+        this.viewport = viewChild('viewport', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewport" }] : /* istanbul ignore next */ []));
+        this.day = viewChild('day', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "day" }] : /* istanbul ignore next */ []));
+        this.destroyRef = inject(DestroyRef);
+        /** Czy widok stoi przy dole listy. Odjazd w górę wyłącza dosuwanie. */
+        this.pinned = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pinned" }] : /* istanbul ignore next */ []));
+        /** Ile wiadomości przyszło, odkąd użytkownik odjechał w górę. */
+        this.newCount = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "newCount" }] : /* istanbul ignore next */ []));
+        /** Tekst pływającej pigułki dnia — zostaje po zgaszeniu, żeby jej pas nie zmieniał wysokości. */
+        this.dayLabel = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayLabel" }] : /* istanbul ignore next */ []));
+        /** Czy pigułka dnia jest widoczna. */
+        this.dayVisible = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayVisible" }] : /* istanbul ignore next */ []));
+        this.lastCount = 0;
+        this.wasAtTop = false;
+        this.rows = computed(() => buildChatRows(this.messages(), {
+            currentUserId: this.currentUser(),
+            gapMs: this.groupGapMs(),
+            unreadFrom: this.unreadFrom(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.viewRows = computed(() => this.rows().map((row) => (row.kind === 'date' ? { ...row, text: this.dateText(row.label) } : row)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewRows" }] : /* istanbul ignore next */ []));
+        this.pending = computed(() => pendingCount(this.messages()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
+        afterRenderEffect(() => {
+            // Zależność: przerysowanie po każdej zmianie listy.
+            this.viewRows();
+            const element = this.viewport()?.nativeElement;
+            if (!element)
+                return;
+            untracked(() => {
+                const count = this.messages().length;
+                const grew = count > this.lastCount;
+                const first = this.lastCount === 0;
+                this.lastCount = count;
+                if (!grew)
+                    return;
+                // Pierwsze wejście zawsze ląduje na dole — rozmowę czyta się od końca.
+                if (first || (this.autoScroll() && this.pinned())) {
+                    this.scrollToBottom(first ? 'auto' : undefined);
+                }
+                else {
+                    this.newCount.update((value) => value + 1);
+                }
+            });
+            untracked(() => this.syncDay());
+        });
+        // Zmiana szerokości zawija tekst w wierszach i przesuwa je spod pigułki — bez tego pigułka
+        // zostałaby zgaszona (albo zapalona) na podstawie układu sprzed zmiany rozmiaru.
+        afterNextRender(() => {
+            const element = this.viewport()?.nativeElement;
+            if (!element || !globalThis.ResizeObserver)
+                return;
+            const observer = new ResizeObserver(() => this.syncDay());
+            observer.observe(element);
+            this.destroyRef.onDestroy(() => observer.disconnect());
+        });
+    }
+    /** Przewija do najnowszej wiadomości i kasuje licznik nowych. */
+    jumpToLatest() {
+        this.pinned.set(true);
+        this.newCount.set(0);
+        this.scrollToBottom();
+    }
+    onScroll(element) {
+        const distance = element.scrollHeight - element.scrollTop - element.clientHeight;
+        const atBottom = distance < PIN_THRESHOLD;
+        this.pinned.set(atBottom);
+        if (atBottom)
+            this.newCount.set(0);
+        // `loadMore` tylko na wejściu w strefę szczytu — przy każdym zdarzeniu scroll
+        // aplikacja dostawałaby dziesiątki żądań na jedno przewinięcie.
+        const atTop = element.scrollTop < PIN_THRESHOLD;
+        if (atTop && !this.wasAtTop)
+            this.loadMore.emit();
+        this.wasAtTop = atTop;
+        this.syncDay();
+    }
+    /**
+     * Ustawia tekst pływającej pigułki dnia — co ma na niej być, liczy `chatDayIndicator`
+     * z `@konce-pt/chat`, tutaj zostaje czytanie prostokątów i przepisanie etykiety.
+     *
+     * Wszystkie pomiary idą przed zapisem sygnału, więc przeglądarka przelicza układ raz
+     * na klatkę zamiast przy każdym wierszu.
+     */
+    syncDay() {
+        const element = this.viewport()?.nativeElement;
+        const pill = this.day()?.nativeElement;
+        if (!element || !pill)
+            return;
+        const separators = Array.from(element.querySelectorAll('.kpt-chat__date'));
+        const blockers = Array.from(element.querySelectorAll(BLOCKING_ROWS));
+        const box = (node) => {
+            const rect = node.getBoundingClientRect();
+            return { top: rect.top, bottom: rect.bottom };
+        };
+        const active = chatDayIndicator(separators.map(box), blockers.map(box), box(pill));
+        this.dayVisible.set(active >= 0);
+        if (active < 0)
+            return;
+        // Etykieta zostaje po zgaszeniu pigułki: pusta zmieniałaby jej wysokość, a skrypt mierzy
+        // ten pas także wtedy, gdy pigułki nie widać.
+        const label = separators[active]?.textContent?.trim() ?? '';
+        if (label !== this.dayLabel())
+            this.dayLabel.set(label);
+    }
+    scrollToBottom(behavior) {
+        const element = this.viewport()?.nativeElement;
+        if (!element)
+            return;
+        const reduced = globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;
+        element.scrollTo({ top: element.scrollHeight, behavior: behavior ?? (reduced ? 'auto' : 'smooth') });
+    }
+    /**
+     * Etykieta separatora dnia. Rdzeń zwraca rodzaj, słownik daje „dziś"/„wczoraj",
+     * a nazwę dnia i pełną datę — `Intl`, żeby nie trzymać w słowniku kalendarza.
+     */
+    dateText(label) {
+        const locale = this.i18n.locale();
+        switch (label.kind) {
+            case 'today':
+                return this.i18n.t('chat.today');
+            case 'yesterday':
+                return this.i18n.t('chat.yesterday');
+            case 'weekday':
+                return new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(label.date);
+            default:
+                return new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'long', year: 'numeric' }).format(label.date);
+        }
+    }
+    static { this.ɵfac = function KptChat_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChat)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChat, selectors: [["kpt-chat"]], contentQueries: function KptChat_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.messageTpl, TemplateRef, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, viewQuery: function KptChat_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.viewport, _c0$2, 5)(ctx.day, _c1$1, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(2);
+        } }, hostAttrs: [1, "kpt-chat-host"], inputs: { messages: [1, "messages"], currentUser: [1, "currentUser"], groupGapMs: [1, "groupGapMs"], unreadFrom: [1, "unreadFrom"], offline: [1, "offline"], typing: [1, "typing"], autoScroll: [1, "autoScroll"], actions: [1, "actions"], reactionOptions: [1, "reactionOptions"], emptyLabel: [1, "emptyLabel"] }, outputs: { retry: "retry", reply: "reply", react: "react", quoted: "quoted", loadMore: "loadMore" }, decls: 12, vars: 6, consts: [["viewport", ""], ["day", ""], ["role", "status", 1, "kpt-chat__offline"], [1, "kpt-chat__body"], ["role", "log", "aria-live", "polite", "aria-relevant", "additions", 1, "kpt-chat__viewport", 3, "scroll"], [1, "kpt-chat__empty"], [3, "authors"], ["aria-hidden", "true", 1, "kpt-chat__day"], ["type", "button", 1, "kpt-chat__jump"], ["name", "alert-triangle", "aria-hidden", "true"], [1, "kpt-chat__offline-count"], ["role", "separator", 1, "kpt-chat__date"], ["role", "separator", 1, "kpt-chat__unread"], [3, "message", "text", "align", "position", "showAuthor", "showAvatar", "showMeta", "actions", "reactionOptions"], [3, "retry", "reply", "react", "quoted", "message", "text", "align", "position", "showAuthor", "showAvatar", "showMeta", "actions", "reactionOptions"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "button", 1, "kpt-chat__jump", 3, "click"], ["name", "arrow-down", "aria-hidden", "true"]], template: function KptChat_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵconditionalCreate(0, KptChat_Conditional_0_Template, 5, 2, "p", 2);
+            i0.ɵɵelementStart(1, "div", 3)(2, "div", 4, 0);
+            i0.ɵɵlistener("scroll", function KptChat_Template_div_scroll_2_listener() { i0.ɵɵrestoreView(_r1); const viewport_r3 = i0.ɵɵreference(3); return i0.ɵɵresetView(ctx.onScroll(viewport_r3)); });
+            i0.ɵɵconditionalCreate(4, KptChat_Conditional_4_Template, 2, 1, "p", 5);
+            i0.ɵɵrepeaterCreate(5, KptChat_For_6_Template, 3, 1, null, null, _forTrack0$1);
+            i0.ɵɵconditionalCreate(7, KptChat_Conditional_7_Template, 1, 1, "kpt-chat-typing", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "p", 7, 1);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(11, KptChat_Conditional_11_Template, 3, 3, "button", 8);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.offline() ? 0 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(!ctx.viewRows().length ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.viewRows());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.typing().length ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("data-hidden", ctx.dayVisible() ? null : "");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.dayLabel());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.newCount() ? 11 : -1);
+        } }, dependencies: [NgTemplateOutlet, KptChatMessage, KptChatTyping, KptIcon], styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-host{--%NS%_gap: var(--%NS%kpt-space-1, .25rem);--%NS%_group-gap: var(--%NS%kpt-space-4, 1rem);display:flex;flex-direction:column;min-height:0;background:var(--%NS%kpt-color-surface);color:var(--%NS%kpt-color-text)}.kpt-chat__offline{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);margin:0;padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem);border-block-end:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-warning-border);background:var(--%NS%kpt-color-warning-subtle);color:var(--%NS%kpt-color-text);font-size:var(--%NS%kpt-font-size-sm, .875rem)}.kpt-chat__offline-count{margin-inline-start:auto;color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat__body{position:relative;display:flex;flex:1 1 auto;min-height:0}.kpt-chat__viewport{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--%NS%_gap);min-height:0;padding:var(--%NS%kpt-space-4, 1rem);overflow-y:auto;overscroll-behavior:contain}.kpt-chat__viewport>.kpt-chat-message-host:has(.kpt-chat-message__bubble[data-position=first]),.kpt-chat__viewport>.kpt-chat-message-host:has(.kpt-chat-message__bubble[data-position=single]){margin-block-start:var(--%NS%_group-gap)}.kpt-chat__viewport>.kpt-chat-message-host:first-child{margin-block-start:0}.kpt-chat__empty{margin:auto;padding:var(--%NS%kpt-space-8, 2rem);color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-sm, .875rem);text-align:center}.kpt-chat__date,.kpt-chat__day{padding:.125rem var(--%NS%kpt-space-3, .75rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-surface-raised);color:var(--%NS%kpt-color-text-muted);font-size:var(--%NS%kpt-font-size-xs, .75rem);box-shadow:var(--%NS%kpt-elevation-1)}.kpt-chat__date{align-self:center;margin:var(--%NS%kpt-space-4, 1rem) 0 var(--%NS%kpt-space-2, .5rem)}.kpt-chat__day{position:absolute;inset-block-start:var(--%NS%kpt-space-2, .5rem);inset-inline:0 var(--%NS%kpt-space-3, .75rem);z-index:var(--%NS%kpt-z-raised, 1);width:fit-content;margin:0 auto;pointer-events:none}.kpt-chat__day:before{content:\"\\200b\"}.kpt-chat__day[data-hidden]{visibility:hidden}.kpt-chat__unread{display:flex;align-items:center;gap:var(--%NS%kpt-space-3, .75rem);margin:var(--%NS%kpt-space-4, 1rem) 0 var(--%NS%kpt-space-2, .5rem);color:var(--%NS%kpt-color-primary);font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat__unread:before,.kpt-chat__unread:after{content:\"\";flex:1 1 auto;block-size:var(--%NS%kpt-border-width-thin, 1px);background:var(--%NS%kpt-color-primary-border)}.kpt-chat__jump{position:absolute;inset-block-end:var(--%NS%kpt-space-3, .75rem);inset-inline:0;display:inline-flex;align-items:center;gap:var(--%NS%kpt-space-1, .25rem);width:fit-content;margin-inline:auto;padding:var(--%NS%kpt-space-1, .25rem) var(--%NS%kpt-space-3, .75rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-primary-border);border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-surface-raised);color:var(--%NS%kpt-color-primary);font:inherit;font-size:var(--%NS%kpt-font-size-xs, .75rem);cursor:pointer;box-shadow:var(--%NS%kpt-elevation-2)}.kpt-chat__jump:hover{background:var(--%NS%kpt-color-surface-hover)}.kpt-chat__jump:focus-visible{outline:2px solid var(--%NS%kpt-color-focus-ring);outline-offset:2px}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptChat, [{
+        type: Component,
+        args: [{ selector: 'kpt-chat', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, KptChatMessage, KptChatTyping, KptIcon], host: { class: 'kpt-chat-host' }, template: "@if (offline()) {\n  <p class=\"kpt-chat__offline\" role=\"status\">\n    <kpt-icon name=\"alert-triangle\" aria-hidden=\"true\" />\n    <span>{{ i18n.t('chat.offline') }}</span>\n    @if (pending()) {\n      <span class=\"kpt-chat__offline-count\">{{ i18n.t('chat.pending', { count: pending() }) }}</span>\n    }\n  </p>\n}\n\n<div class=\"kpt-chat__body\">\n  <div\n    #viewport\n    class=\"kpt-chat__viewport\"\n    role=\"log\"\n    aria-live=\"polite\"\n    aria-relevant=\"additions\"\n    (scroll)=\"onScroll(viewport)\"\n  >\n    @if (!viewRows().length) {\n      <p class=\"kpt-chat__empty\">{{ emptyLabel() || i18n.t('chat.empty') }}</p>\n    }\n\n    @for (row of viewRows(); track row.key) {\n      @switch (row.kind) {\n        @case ('date') {\n          <p class=\"kpt-chat__date\" role=\"separator\" [attr.aria-label]=\"row.text\">{{ row.text }}</p>\n        }\n        @case ('unread') {\n          <p class=\"kpt-chat__unread\" role=\"separator\" [attr.aria-label]=\"i18n.t('chat.newMessages', { count: row.count })\">\n            <span>{{ i18n.t('chat.unread') }}</span>\n          </p>\n        }\n        @case ('message') {\n          <kpt-chat-message\n            [message]=\"row.message\"\n            [text]=\"messageTpl() ? '' : null\"\n            [align]=\"row.own ? 'end' : 'start'\"\n            [position]=\"row.position\"\n            [showAuthor]=\"row.showAuthor\"\n            [showAvatar]=\"row.showAvatar\"\n            [showMeta]=\"row.showMeta\"\n            [actions]=\"actions()\"\n            [reactionOptions]=\"reactionOptions()\"\n            (retry)=\"retry.emit(row.message)\"\n            (reply)=\"reply.emit(row.message)\"\n            (react)=\"react.emit({ message: row.message, emoji: $event })\"\n            (quoted)=\"quoted.emit($event)\"\n          >\n            @if (messageTpl(); as tpl) {\n              <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.message, row: row }\" />\n            }\n          </kpt-chat-message>\n        }\n      }\n    }\n\n    @if (typing().length) {\n      <kpt-chat-typing [authors]=\"typing()\" />\n    }\n  </div>\n\n  <!-- Pigu\u0142ka dnia wisi nad list\u0105, a nie w niej: w li\u015Bcie jad\u0105 separatory z `role=\"separator\"`,\n       wi\u0119c dla czytnika ekranu jest tylko ich wizualnym echem \u2014 st\u0105d `aria-hidden`. W DOM stoi\n       zawsze, bo skrypt musi umie\u0107 zmierzy\u0107 jej pas tak\u017Ce wtedy, gdy jest zgaszona. -->\n  <p #day class=\"kpt-chat__day\" aria-hidden=\"true\" [attr.data-hidden]=\"dayVisible() ? null : ''\">{{ dayLabel() }}</p>\n\n  @if (newCount()) {\n    <button type=\"button\" class=\"kpt-chat__jump\" (click)=\"jumpToLatest()\">\n      <kpt-icon name=\"arrow-down\" aria-hidden=\"true\" />\n      {{ i18n.t('chat.newMessages', { count: newCount() }) }}\n    </button>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-host{--_gap: var(--kpt-space-1, .25rem);--_group-gap: var(--kpt-space-4, 1rem);display:flex;flex-direction:column;min-height:0;background:var(--kpt-color-surface);color:var(--kpt-color-text)}.kpt-chat__offline{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);margin:0;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-warning-border);background:var(--kpt-color-warning-subtle);color:var(--kpt-color-text);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-chat__offline-count{margin-inline-start:auto;color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat__body{position:relative;display:flex;flex:1 1 auto;min-height:0}.kpt-chat__viewport{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--_gap);min-height:0;padding:var(--kpt-space-4, 1rem);overflow-y:auto;overscroll-behavior:contain}.kpt-chat__viewport>.kpt-chat-message-host:has(.kpt-chat-message__bubble[data-position=first]),.kpt-chat__viewport>.kpt-chat-message-host:has(.kpt-chat-message__bubble[data-position=single]){margin-block-start:var(--_group-gap)}.kpt-chat__viewport>.kpt-chat-message-host:first-child{margin-block-start:0}.kpt-chat__empty{margin:auto;padding:var(--kpt-space-8, 2rem);color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-sm, .875rem);text-align:center}.kpt-chat__date,.kpt-chat__day{padding:.125rem var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-surface-raised);color:var(--kpt-color-text-muted);font-size:var(--kpt-font-size-xs, .75rem);box-shadow:var(--kpt-elevation-1)}.kpt-chat__date{align-self:center;margin:var(--kpt-space-4, 1rem) 0 var(--kpt-space-2, .5rem)}.kpt-chat__day{position:absolute;inset-block-start:var(--kpt-space-2, .5rem);inset-inline:0 var(--kpt-space-3, .75rem);z-index:var(--kpt-z-raised, 1);width:fit-content;margin:0 auto;pointer-events:none}.kpt-chat__day:before{content:\"\\200b\"}.kpt-chat__day[data-hidden]{visibility:hidden}.kpt-chat__unread{display:flex;align-items:center;gap:var(--kpt-space-3, .75rem);margin:var(--kpt-space-4, 1rem) 0 var(--kpt-space-2, .5rem);color:var(--kpt-color-primary);font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat__unread:before,.kpt-chat__unread:after{content:\"\";flex:1 1 auto;block-size:var(--kpt-border-width-thin, 1px);background:var(--kpt-color-primary-border)}.kpt-chat__jump{position:absolute;inset-block-end:var(--kpt-space-3, .75rem);inset-inline:0;display:inline-flex;align-items:center;gap:var(--kpt-space-1, .25rem);width:fit-content;margin-inline:auto;padding:var(--kpt-space-1, .25rem) var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-primary-border);border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-surface-raised);color:var(--kpt-color-primary);font:inherit;font-size:var(--kpt-font-size-xs, .75rem);cursor:pointer;box-shadow:var(--kpt-elevation-2)}.kpt-chat__jump:hover{background:var(--kpt-color-surface-hover)}.kpt-chat__jump:focus-visible{outline:2px solid var(--kpt-color-focus-ring);outline-offset:2px}}\n"] }]
+    }], () => [], { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], groupGapMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupGapMs", required: false }] }], unreadFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "unreadFrom", required: false }] }], offline: [{ type: i0.Input, args: [{ isSignal: true, alias: "offline", required: false }] }], typing: [{ type: i0.Input, args: [{ isSignal: true, alias: "typing", required: false }] }], autoScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScroll", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], reactionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "reactionOptions", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], retry: [{ type: i0.Output, args: ["retry"] }], reply: [{ type: i0.Output, args: ["reply"] }], react: [{ type: i0.Output, args: ["react"] }], quoted: [{ type: i0.Output, args: ["quoted"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], messageTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }], day: [{ type: i0.ViewChild, args: ['day', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptChat, { className: "KptChat", filePath: "lib/chat.component.ts", lineNumber: 80 }); })();
+
+const _c0$1 = a0 => ({ author: a0 });
+const _forTrack0 = ($index, $item) => $item.name + $item.size + $item.lastModified;
+function KptChatComposer_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "span", 8)(2, "span", 9);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 10);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "kpt-icon-button", 11);
+    i0.ɵɵlistener("click", function KptChatComposer_Conditional_0_Template_kpt_icon_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.replyTo.set(null)); });
+    i0.ɵɵelement(7, "kpt-icon", 12);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const quote_r4 = ctx;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.i18n.t("chat.replyTo", i0.ɵɵpureFunction1(3, _c0$1, quote_r4.author)));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(quote_r4.excerpt);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ariaLabel", ctx_r2.i18n.t("chat.cancelReply"));
+} }
+function KptChatComposer_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 13);
+    i0.ɵɵelement(1, "kpt-icon", 14);
+    i0.ɵɵelementStart(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kpt-icon-button", 11);
+    i0.ɵɵlistener("click", function KptChatComposer_Conditional_1_For_2_Template_kpt_icon_button_click_4_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.removeFile(file_r6)); });
+    i0.ɵɵelement(5, "kpt-icon", 12);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const file_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(file_r6.name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ariaLabel", ctx_r2.i18n.t("chat.removeAttachment"));
+} }
+function KptChatComposer_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 3);
+    i0.ɵɵrepeaterCreate(1, KptChatComposer_Conditional_1_For_2_Template, 6, 2, "li", 13, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.files());
+} }
+function KptChatComposer_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 16, 1);
+    i0.ɵɵlistener("change", function KptChatComposer_Conditional_3_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r7); const picker_r8 = i0.ɵɵreference(1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFiles(picker_r8)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kpt-icon-button", 17);
+    i0.ɵɵlistener("click", function KptChatComposer_Conditional_3_Template_kpt_icon_button_click_2_listener() { i0.ɵɵrestoreView(_r7); const picker_r8 = i0.ɵɵreference(1); return i0.ɵɵresetView(picker_r8.click()); });
+    i0.ɵɵelement(3, "kpt-icon", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.disabled())("ariaLabel", ctx_r2.i18n.t("chat.attach"));
+} }
+/**
+ * Pole pisania wiadomości — autorosnące, z załącznikami i paskiem cytatu.
+ *
+ * Nie jest kontrolką Signal Forms i celowo nią nie będzie: nie wchodzi do formularza, nie ma
+ * stanu `touched`/`invalid`, a jego wartość znika po wysłaniu. `model('')` opisuje to wiernie.
+ *
+ * `Enter` wysyła, `Shift+Enter` łamie linię (`[enterToSend]="false"` odwraca układ).
+ * Przy `[offline]` przycisk zmienia etykietę na kolejkowanie — wiadomość dalej da się napisać
+ * i oddać aplikacji, bo to ona decyduje, co zrobić z kolejką.
+ *
+ * @example
+ * <kpt-chat-composer [(value)]="draft" allowAttachments (send)="onSend($event)" />
+ */
+class KptChatComposer {
+    constructor() {
+        this.value = model('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** Podpowiedź w pustym polu; bez niej etykieta ze słownika. */
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Brak połączenia — przycisk mówi o kolejkowaniu, nie o wysyłce. */
+        this.offline = input(false, { ...(ngDevMode ? { debugName: "offline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.allowAttachments = input(false, { ...(ngDevMode ? { debugName: "allowAttachments" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Ile wierszy pole może urosnąć, zanim zacznie się przewijać. */
+        this.maxRows = input(6, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
+        this.enterToSend = input(true, { ...(ngDevMode ? { debugName: "enterToSend" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Wiadomość, na którą odpowiadamy. Po wysłaniu czyści się razem z treścią. */
+        this.replyTo = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "replyTo" }] : /* istanbul ignore next */ []));
+        this.send = output();
+        /** Pierwsze uderzenie w klawiaturę — sygnał „piszę" dla drugiej strony. */
+        this.typing = output();
+        this.i18n = inject(KptI18n);
+        this.files = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+        this.canSend = computed(() => !this.disabled() && (this.value().trim().length > 0 || this.files().length > 0), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
+        this.sendLabel = computed(() => this.offline() ? this.i18n.t('chat.queue') : this.i18n.t('chat.send'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sendLabel" }] : /* istanbul ignore next */ []));
+    }
+    onInput(element) {
+        this.value.set(element.value);
+        this.grow(element);
+        this.typing.emit();
+    }
+    onKeydown(event, element) {
+        if (event.key !== 'Enter')
+            return;
+        const wantsSend = this.enterToSend() ? !event.shiftKey : event.shiftKey;
+        if (!wantsSend || event.isComposing)
+            return;
+        event.preventDefault();
+        this.submit(element);
+    }
+    submit(element) {
+        if (!this.canSend())
+            return;
+        this.send.emit({ text: this.value().trim(), files: this.files(), replyTo: this.replyTo() });
+        this.value.set('');
+        this.files.set([]);
+        this.replyTo.set(null);
+        if (element) {
+            element.value = '';
+            this.grow(element);
+        }
+    }
+    onFiles(input) {
+        const picked = Array.from(input.files ?? []);
+        if (picked.length)
+            this.files.update((current) => [...current, ...picked]);
+        // Bez wyzerowania ten sam plik wybrany drugi raz nie wywoła `change`.
+        input.value = '';
+    }
+    removeFile(file) {
+        this.files.update((current) => current.filter((item) => item !== file));
+    }
+    /**
+     * Wysokość liczona od treści. Zerowanie przed odczytem `scrollHeight` jest konieczne:
+     * bez niego pole potrafi tylko rosnąć, bo `scrollHeight` nigdy nie zejdzie poniżej
+     * ustawionej wcześniej wysokości. Górny limit trzyma CSS (`--_max-rows`).
+     */
+    grow(element) {
+        element.style.height = 'auto';
+        // `scrollHeight` liczy treść z paddingiem, ale BEZ ramki, a pole jest `border-box`.
+        // Sama wysokość ze `scrollHeight` zostawia je o grubość ramki za niskie, więc puste
+        // pole na jeden wiersz dostaje pasek przewijania i nigdy się go nie pozbywa.
+        const borders = element.offsetHeight - element.clientHeight;
+        element.style.height = element.scrollHeight + borders + 'px';
+    }
+    static { this.ɵfac = function KptChatComposer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChatComposer)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChatComposer, selectors: [["kpt-chat-composer"]], hostAttrs: [1, "kpt-chat-composer-host"], inputs: { value: [1, "value"], placeholder: [1, "placeholder"], disabled: [1, "disabled"], offline: [1, "offline"], allowAttachments: [1, "allowAttachments"], maxRows: [1, "maxRows"], enterToSend: [1, "enterToSend"], replyTo: [1, "replyTo"] }, outputs: { value: "valueChange", replyTo: "replyToChange", send: "send", typing: "typing" }, decls: 8, vars: 12, consts: [["field", ""], ["picker", ""], [1, "kpt-chat-composer__reply"], [1, "kpt-chat-composer__files"], [1, "kpt-chat-composer"], ["rows", "1", 1, "kpt-chat-composer__field", 3, "input", "keydown", "value", "disabled"], ["variant", "filled", 3, "click", "disabled", "ariaLabel"], [3, "name"], [1, "kpt-chat-composer__reply-body"], [1, "kpt-chat-composer__reply-author"], [1, "kpt-chat-composer__reply-text"], ["size", "sm", 3, "click", "ariaLabel"], ["name", "x"], [1, "kpt-chat-composer__file"], ["name", "paperclip", "aria-hidden", "true"], [1, "kpt-chat-composer__file-name"], ["type", "file", "multiple", "", 1, "kpt-chat-composer__picker", 3, "change"], ["size", "sm", 3, "click", "disabled", "ariaLabel"], ["name", "paperclip"]], template: function KptChatComposer_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵconditionalCreate(0, KptChatComposer_Conditional_0_Template, 8, 5, "div", 2);
+            i0.ɵɵconditionalCreate(1, KptChatComposer_Conditional_1_Template, 3, 0, "ul", 3);
+            i0.ɵɵelementStart(2, "div", 4);
+            i0.ɵɵconditionalCreate(3, KptChatComposer_Conditional_3_Template, 4, 2);
+            i0.ɵɵelementStart(4, "textarea", 5, 0);
+            i0.ɵɵlistener("input", function KptChatComposer_Template_textarea_input_4_listener() { i0.ɵɵrestoreView(_r1); const field_r9 = i0.ɵɵreference(5); return i0.ɵɵresetView(ctx.onInput(field_r9)); })("keydown", function KptChatComposer_Template_textarea_keydown_4_listener($event) { i0.ɵɵrestoreView(_r1); const field_r9 = i0.ɵɵreference(5); return i0.ɵɵresetView(ctx.onKeydown($event, field_r9)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "kpt-icon-button", 6);
+            i0.ɵɵlistener("click", function KptChatComposer_Template_kpt_icon_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const field_r9 = i0.ɵɵreference(5); return i0.ɵɵresetView(ctx.submit(field_r9)); });
+            i0.ɵɵelement(7, "kpt-icon", 7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            let tmp_1_0;
+            i0.ɵɵconditional((tmp_1_0 = ctx.replyTo()) ? 0 : -1, tmp_1_0);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.files().length ? 1 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.allowAttachments() ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("--%NS%_max-rows", ctx.maxRows());
+            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.disabled());
+            i0.ɵɵattribute("placeholder", ctx.placeholder() || ctx.i18n.t("chat.placeholder"))("aria-label", ctx.placeholder() || ctx.i18n.t("chat.placeholder"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", !ctx.canSend())("ariaLabel", ctx.sendLabel());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("name", ctx.offline() ? "clock" : "send");
+        } }, dependencies: [KptIcon, KptIconButton], styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-composer-host{display:block;border-block-start:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);background:var(--%NS%kpt-color-surface)}.kpt-chat-composer{display:flex;align-items:flex-end;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem)}.kpt-chat-composer__field{--%NS%_max-rows: 6;--%NS%_line: 1.5em;flex:1 1 auto;min-width:0;max-block-size:calc(var(--%NS%_max-rows) * var(--%NS%_line) + var(--%NS%kpt-space-2, .5rem));padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-lg, .75rem);background:var(--%NS%kpt-color-surface-variant);color:var(--%NS%kpt-color-text);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);line-height:1.5;resize:none;overflow-y:auto}.kpt-chat-composer__field::placeholder{color:var(--%NS%kpt-color-text-subtle)}.kpt-chat-composer__field:focus-visible{outline:2px solid var(--%NS%kpt-color-focus-ring);outline-offset:-1px}.kpt-chat-composer__field:disabled{opacity:.6;cursor:not-allowed}.kpt-chat-composer__picker{display:none}.kpt-chat-composer__reply{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem);border-inline-start:2px solid var(--%NS%kpt-color-primary);background:var(--%NS%kpt-color-surface-variant)}.kpt-chat-composer__reply-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat-composer__reply-author{color:var(--%NS%kpt-color-primary);font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-chat-composer__reply-text{color:var(--%NS%kpt-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpt-chat-composer__files{display:flex;flex-wrap:wrap;gap:var(--%NS%kpt-space-2, .5rem);margin:0;padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-3, .75rem) 0;list-style:none}.kpt-chat-composer__file{display:inline-flex;align-items:center;gap:.25rem;max-inline-size:14rem;padding-inline-start:var(--%NS%kpt-space-2, .5rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%kpt-color-surface-variant);font-size:var(--%NS%kpt-font-size-xs, .75rem)}.kpt-chat-composer__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptChatComposer, [{
+        type: Component,
+        args: [{ selector: 'kpt-chat-composer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon, KptIconButton], host: { class: 'kpt-chat-composer-host' }, template: "@if (replyTo(); as quote) {\n  <div class=\"kpt-chat-composer__reply\">\n    <span class=\"kpt-chat-composer__reply-body\">\n      <span class=\"kpt-chat-composer__reply-author\">{{ i18n.t('chat.replyTo', { author: quote.author }) }}</span>\n      <span class=\"kpt-chat-composer__reply-text\">{{ quote.excerpt }}</span>\n    </span>\n    <kpt-icon-button size=\"sm\" [ariaLabel]=\"i18n.t('chat.cancelReply')\" (click)=\"replyTo.set(null)\">\n      <kpt-icon name=\"x\" />\n    </kpt-icon-button>\n  </div>\n}\n\n@if (files().length) {\n  <ul class=\"kpt-chat-composer__files\">\n    @for (file of files(); track file.name + file.size + file.lastModified) {\n      <li class=\"kpt-chat-composer__file\">\n        <kpt-icon name=\"paperclip\" aria-hidden=\"true\" />\n        <span class=\"kpt-chat-composer__file-name\">{{ file.name }}</span>\n        <kpt-icon-button size=\"sm\" [ariaLabel]=\"i18n.t('chat.removeAttachment')\" (click)=\"removeFile(file)\">\n          <kpt-icon name=\"x\" />\n        </kpt-icon-button>\n      </li>\n    }\n  </ul>\n}\n\n<div class=\"kpt-chat-composer\">\n  @if (allowAttachments()) {\n    <input #picker type=\"file\" class=\"kpt-chat-composer__picker\" multiple (change)=\"onFiles(picker)\" />\n    <kpt-icon-button\n      size=\"sm\"\n      [disabled]=\"disabled()\"\n      [ariaLabel]=\"i18n.t('chat.attach')\"\n      (click)=\"picker.click()\"\n    >\n      <kpt-icon name=\"paperclip\" />\n    </kpt-icon-button>\n  }\n\n  <textarea\n    #field\n    class=\"kpt-chat-composer__field\"\n    rows=\"1\"\n    [style.--_max-rows]=\"maxRows()\"\n    [value]=\"value()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"placeholder() || i18n.t('chat.placeholder')\"\n    [attr.aria-label]=\"placeholder() || i18n.t('chat.placeholder')\"\n    (input)=\"onInput(field)\"\n    (keydown)=\"onKeydown($event, field)\"\n  ></textarea>\n\n  <kpt-icon-button\n    variant=\"filled\"\n    [disabled]=\"!canSend()\"\n    [ariaLabel]=\"sendLabel()\"\n    (click)=\"submit(field)\"\n  >\n    <kpt-icon [name]=\"offline() ? 'clock' : 'send'\" />\n  </kpt-icon-button>\n</div>\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-composer-host{display:block;border-block-start:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:var(--kpt-color-surface)}.kpt-chat-composer{display:flex;align-items:flex-end;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem)}.kpt-chat-composer__field{--_max-rows: 6;--_line: 1.5em;flex:1 1 auto;min-width:0;max-block-size:calc(var(--_max-rows) * var(--_line) + var(--kpt-space-2, .5rem));padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-lg, .75rem);background:var(--kpt-color-surface-variant);color:var(--kpt-color-text);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);line-height:1.5;resize:none;overflow-y:auto}.kpt-chat-composer__field::placeholder{color:var(--kpt-color-text-subtle)}.kpt-chat-composer__field:focus-visible{outline:2px solid var(--kpt-color-focus-ring);outline-offset:-1px}.kpt-chat-composer__field:disabled{opacity:.6;cursor:not-allowed}.kpt-chat-composer__picker{display:none}.kpt-chat-composer__reply{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem);border-inline-start:2px solid var(--kpt-color-primary);background:var(--kpt-color-surface-variant)}.kpt-chat-composer__reply-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat-composer__reply-author{color:var(--kpt-color-primary);font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-chat-composer__reply-text{color:var(--kpt-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpt-chat-composer__files{display:flex;flex-wrap:wrap;gap:var(--kpt-space-2, .5rem);margin:0;padding:var(--kpt-space-2, .5rem) var(--kpt-space-3, .75rem) 0;list-style:none}.kpt-chat-composer__file{display:inline-flex;align-items:center;gap:.25rem;max-inline-size:14rem;padding-inline-start:var(--kpt-space-2, .5rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-full, 9999px);background:var(--kpt-color-surface-variant);font-size:var(--kpt-font-size-xs, .75rem)}.kpt-chat-composer__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], offline: [{ type: i0.Input, args: [{ isSignal: true, alias: "offline", required: false }] }], allowAttachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowAttachments", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], enterToSend: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterToSend", required: false }] }], replyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "replyTo", required: false }] }, { type: i0.Output, args: ["replyToChange"] }], send: [{ type: i0.Output, args: ["send"] }], typing: [{ type: i0.Output, args: ["typing"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptChatComposer, { className: "KptChatComposer", filePath: "lib/chat-composer.component.ts", lineNumber: 34 }); })();
+
+const _c0 = ["panel"];
+const _c1 = ["trigger"];
+const _c2 = ["*"];
+const _c3 = a0 => ({ count: a0 });
+function KptChatDock_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kpt-fab", 12);
+    i0.ɵɵlistener("click", function KptChatDock_ng_template_11_Template_kpt_fab_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggle()); });
+    i0.ɵɵelement(1, "kpt-icon", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ariaLabel", ctx_r1.triggerLabel());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("name", ctx_r1.open() ? "x" : ctx_r1.icon());
+} }
+function KptChatDock_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kpt-badge", 10);
+    i0.ɵɵelementContainer(1, 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    const fab_r3 = i0.ɵɵreference(12);
+    i0.ɵɵproperty("value", ctx_r1.unread());
+    i0.ɵɵattribute("aria-label", ctx_r1.i18n.t("chat.unreadBadge", i0.ɵɵpureFunction1(3, _c3, ctx_r1.unread())));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", fab_r3);
+} }
+function KptChatDock_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 11);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const fab_r3 = i0.ɵɵreference(12);
+    i0.ɵɵproperty("ngTemplateOutlet", fab_r3);
+} }
+/**
+ * Pływający czat w rogu ekranu — FAB z licznikiem nieprzeczytanych i panel z rozmową.
+ *
+ * Zawartość panelu jest rzutowana, więc dock nie wie nic o wiadomościach: wkłada się do niego
+ * `kpt-chat` i `kpt-chat-composer` (albo cokolwiek innego). Sam FAB to `kpt-fab` — dock go
+ * używa, nie zastępuje.
+ *
+ * Poniżej `--kpt-breakpoint-sm` panel wchodzi na pełny ekran: 22,5 cm szerokości na telefonie
+ * to nie panel, tylko szpara.
+ *
+ * @example
+ * <kpt-chat-dock [(open)]="chatOpen" [unread]="unread()" header="Wsparcie">
+ *   <kpt-chat [messages]="messages()" currentUser="me" />
+ *   <kpt-chat-composer (send)="onSend($event)" />
+ * </kpt-chat-dock>
+ */
+class KptChatDock {
+    constructor() {
+        this.open = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        this.position = input('bottom-end', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        /** Licznik na plakietce FAB-a. Zero chowa plakietkę. */
+        this.unread = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "unread" }] : /* istanbul ignore next */ []));
+        this.header = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+        /** Ikona zamkniętego FAB-a; otwarty zawsze pokazuje krzyżyk. */
+        this.icon = input('message-circle', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** Szerokość panelu na ekranach powyżej `--kpt-breakpoint-sm`. */
+        this.width = input('22.5rem', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /**
+         * Odsunięcie od rogu ekranu (dowolna długość CSS), wspólne dla obu osi.
+         * Domyślnie `--kpt-space-6`. Przydaje się, gdy w tym samym rogu stoi już inny widget —
+         * `kpt-scroll-top` przykleja się dokładnie tam samo i bez tego oba się nakładają.
+         */
+        this.offset = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
+        this.i18n = inject(KptI18n);
+        this.panel = viewChild('panel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
+        this.trigger = viewChild('trigger', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
+        this.triggerLabel = computed(() => this.open() ? this.i18n.t('chat.close') : this.i18n.t('chat.open'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "triggerLabel" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const open = this.open();
+            untracked(() => (open ? this.focusPanel() : undefined));
+        });
+    }
+    toggle() {
+        this.open.update((value) => !value);
+    }
+    close() {
+        if (!this.open())
+            return;
+        this.open.set(false);
+        // Fokus wraca na FAB — po zamknięciu panelu nie może zostać na elemencie,
+        // który przed chwilą zniknął z drzewa dostępności.
+        this.trigger()?.nativeElement.querySelector('button')?.focus();
+    }
+    /**
+     * Fokus ląduje na polu pisania, jeśli w panelu jest — po to się czat otwiera.
+     * Bez pola bierze pierwszy element interaktywny, a w ostateczności sam panel.
+     */
+    focusPanel() {
+        const element = this.panel()?.nativeElement;
+        if (!element)
+            return;
+        requestAnimationFrame(() => {
+            const target = element.querySelector('textarea:not([disabled])') ??
+                element.querySelector('input:not([disabled]), button:not([disabled])') ??
+                element;
+            target.focus();
+        });
+    }
+    static { this.ɵfac = function KptChatDock_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChatDock)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChatDock, selectors: [["kpt-chat-dock"]], viewQuery: function KptChatDock_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.panel, _c0, 5)(ctx.trigger, _c1, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(2);
+        } }, hostAttrs: [1, "kpt-chat-dock-host"], hostBindings: function KptChatDock_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function KptChatDock_keydown_escape_HostBindingHandler() { return ctx.close(); });
+        } }, inputs: { open: [1, "open"], position: [1, "position"], unread: [1, "unread"], header: [1, "header"], icon: [1, "icon"], width: [1, "width"], offset: [1, "offset"] }, outputs: { open: "openChange" }, ngContentSelectors: _c2, decls: 15, vars: 16, consts: [["panel", ""], ["trigger", ""], ["fab", ""], ["role", "dialog", "tabindex", "-1", 1, "kpt-chat-dock__panel"], [1, "kpt-chat-dock__header"], [1, "kpt-chat-dock__title"], ["size", "sm", 3, "click", "ariaLabel"], ["name", "x"], [1, "kpt-chat-dock__content"], [1, "kpt-chat-dock__trigger"], ["variant", "danger", "size", "sm", "overlay", "", 3, "value"], [3, "ngTemplateOutlet"], [3, "click", "ariaLabel"], [3, "name"]], template: function KptChatDock_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 3, 0)(2, "header", 4)(3, "span", 5);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "kpt-icon-button", 6);
+            i0.ɵɵlistener("click", function KptChatDock_Template_kpt_icon_button_click_5_listener() { return ctx.close(); });
+            i0.ɵɵelement(6, "kpt-icon", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "div", 8);
+            i0.ɵɵprojection(8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "span", 9, 1);
+            i0.ɵɵtemplate(11, KptChatDock_ng_template_11_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(13, KptChatDock_Conditional_13_Template, 2, 5, "kpt-badge", 10)(14, KptChatDock_Conditional_14_Template, 1, 1, "ng-container", 11);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("--%NS%_width", ctx.width())("--%NS%_offset", ctx.offset() || null);
+            i0.ɵɵclassProp("is-open", ctx.open());
+            i0.ɵɵattribute("data-position", ctx.position())("aria-label", ctx.header() || ctx.i18n.t("chat.open"))("aria-hidden", ctx.open() ? null : "true")("inert", ctx.open() ? null : "");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.header());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ariaLabel", ctx.i18n.t("chat.close"));
+            i0.ɵɵadvance(4);
+            i0.ɵɵstyleProp("--%NS%_offset", ctx.offset() || null);
+            i0.ɵɵattribute("data-position", ctx.position());
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.unread() > 0 ? 13 : 14);
+        } }, dependencies: [NgTemplateOutlet, KptBadge, KptFab, KptIcon, KptIconButton], styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-dock-host{display:contents}.kpt-chat-dock__trigger{--%NS%_offset: var(--%NS%kpt-space-6, 1.5rem);position:fixed;inset-block-end:var(--%NS%_offset);z-index:var(--%NS%kpt-z-overlay, 1000)}.kpt-chat-dock__panel{--%NS%_width: 22.5rem;--%NS%_offset: var(--%NS%kpt-space-6, 1.5rem);--%NS%_vis-delay: var(--%NS%kpt-motion-duration-base, .2s);position:fixed;inset-block-end:calc(var(--%NS%_offset) + 4.5rem);z-index:var(--%NS%kpt-z-overlay, 1000);display:flex;flex-direction:column;inline-size:var(--%NS%_width);max-inline-size:calc(100vw - 2 * var(--%NS%_offset));block-size:min(32rem,100dvh - 9rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-lg, .75rem);background:var(--%NS%kpt-color-surface);color:var(--%NS%kpt-color-text);overflow:hidden;box-shadow:var(--%NS%kpt-elevation-3);visibility:hidden;opacity:0;transform:translateY(var(--%NS%kpt-space-4, 1rem)) scale(.98);transform-origin:bottom center;transition:opacity var(--%NS%kpt-motion-duration-base, .2s) var(--%NS%kpt-motion-easing-standard, ease),transform var(--%NS%kpt-motion-duration-base, .2s) var(--%NS%kpt-motion-easing-emphasized, ease),visibility 0s linear var(--%NS%_vis-delay)}.kpt-chat-dock__panel.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.kpt-chat-dock__header{display:flex;flex:0 0 auto;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-2, .5rem) var(--%NS%kpt-space-4, 1rem);border-block-end:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border)}.kpt-chat-dock__title{flex:1 1 auto;font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-chat-dock__content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.kpt-chat-dock__trigger,.kpt-chat-dock__panel{inset-inline-end:var(--%NS%_offset)}.kpt-chat-dock__trigger[data-position=bottom-start],.kpt-chat-dock__panel[data-position=bottom-start]{inset-inline:var(--%NS%_offset) auto}:root:has(.kpt-chat-dock__trigger[data-position=bottom-end]) .kpt-scroll-top{right:calc(var(--%NS%kpt-space-6, 1.5rem) + 4.25rem)}@media(width<640px){.kpt-chat-dock__panel{inset:0;inline-size:auto;max-inline-size:none;block-size:auto;border:0;border-radius:0;transform:translateY(var(--%NS%kpt-space-6, 1.5rem))}}@media(prefers-reduced-motion:reduce){.kpt-chat-dock__panel{transition:opacity var(--%NS%kpt-motion-duration-fast, .12s) linear,visibility 0s linear var(--%NS%_vis-delay);transform:none}}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptChatDock, [{
+        type: Component,
+        args: [{ selector: 'kpt-chat-dock', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, KptBadge, KptFab, KptIcon, KptIconButton], host: {
+                    class: 'kpt-chat-dock-host',
+                    '(keydown.escape)': 'close()',
+                }, template: "<div\n  #panel\n  class=\"kpt-chat-dock__panel\"\n  role=\"dialog\"\n  tabindex=\"-1\"\n  [class.is-open]=\"open()\"\n  [attr.data-position]=\"position()\"\n  [style.--_width]=\"width()\"\n  [style.--_offset]=\"offset() || null\"\n  [attr.aria-label]=\"header() || i18n.t('chat.open')\"\n  [attr.aria-hidden]=\"open() ? null : 'true'\"\n  [attr.inert]=\"open() ? null : ''\"\n>\n  <header class=\"kpt-chat-dock__header\">\n    <span class=\"kpt-chat-dock__title\">{{ header() }}</span>\n    <kpt-icon-button size=\"sm\" [ariaLabel]=\"i18n.t('chat.close')\" (click)=\"close()\">\n      <kpt-icon name=\"x\" />\n    </kpt-icon-button>\n  </header>\n\n  <div class=\"kpt-chat-dock__content\">\n    <ng-content />\n  </div>\n</div>\n\n<span\n  #trigger\n  class=\"kpt-chat-dock__trigger\"\n  [attr.data-position]=\"position()\"\n  [style.--_offset]=\"offset() || null\"\n>\n  <!-- Plakietka wchodzi dopiero, gdy jest co policzy\u0107: `kpt-badge` z pust\u0105 warto\u015Bci\u0105\n       rysuje kropk\u0119, a ta na FAB-ie czatu k\u0142amie o nieprzeczytanych wiadomo\u015Bciach. -->\n  <ng-template #fab>\n    <kpt-fab [ariaLabel]=\"triggerLabel()\" (click)=\"toggle()\">\n      <kpt-icon [name]=\"open() ? 'x' : icon()\" />\n    </kpt-fab>\n  </ng-template>\n\n  @if (unread() > 0) {\n    <kpt-badge\n      [value]=\"unread()\"\n      variant=\"danger\"\n      size=\"sm\"\n      overlay\n      [attr.aria-label]=\"i18n.t('chat.unreadBadge', { count: unread() })\"\n    >\n      <ng-container [ngTemplateOutlet]=\"fab\" />\n    </kpt-badge>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"fab\" />\n  }\n</span>\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-chat-dock-host{display:contents}.kpt-chat-dock__trigger{--_offset: var(--kpt-space-6, 1.5rem);position:fixed;inset-block-end:var(--_offset);z-index:var(--kpt-z-overlay, 1000)}.kpt-chat-dock__panel{--_width: 22.5rem;--_offset: var(--kpt-space-6, 1.5rem);--_vis-delay: var(--kpt-motion-duration-base, .2s);position:fixed;inset-block-end:calc(var(--_offset) + 4.5rem);z-index:var(--kpt-z-overlay, 1000);display:flex;flex-direction:column;inline-size:var(--_width);max-inline-size:calc(100vw - 2 * var(--_offset));block-size:min(32rem,100dvh - 9rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-lg, .75rem);background:var(--kpt-color-surface);color:var(--kpt-color-text);overflow:hidden;box-shadow:var(--kpt-elevation-3);visibility:hidden;opacity:0;transform:translateY(var(--kpt-space-4, 1rem)) scale(.98);transform-origin:bottom center;transition:opacity var(--kpt-motion-duration-base, .2s) var(--kpt-motion-easing-standard, ease),transform var(--kpt-motion-duration-base, .2s) var(--kpt-motion-easing-emphasized, ease),visibility 0s linear var(--_vis-delay)}.kpt-chat-dock__panel.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.kpt-chat-dock__header{display:flex;flex:0 0 auto;align-items:center;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-2, .5rem) var(--kpt-space-2, .5rem) var(--kpt-space-2, .5rem) var(--kpt-space-4, 1rem);border-block-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border)}.kpt-chat-dock__title{flex:1 1 auto;font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-chat-dock__content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.kpt-chat-dock__trigger,.kpt-chat-dock__panel{inset-inline-end:var(--_offset)}.kpt-chat-dock__trigger[data-position=bottom-start],.kpt-chat-dock__panel[data-position=bottom-start]{inset-inline:var(--_offset) auto}:root:has(.kpt-chat-dock__trigger[data-position=bottom-end]) .kpt-scroll-top{right:calc(var(--kpt-space-6, 1.5rem) + 4.25rem)}@media(width<640px){.kpt-chat-dock__panel{inset:0;inline-size:auto;max-inline-size:none;block-size:auto;border:0;border-radius:0;transform:translateY(var(--kpt-space-6, 1.5rem))}}@media(prefers-reduced-motion:reduce){.kpt-chat-dock__panel{transition:opacity var(--kpt-motion-duration-fast, .12s) linear,visibility 0s linear var(--_vis-delay);transform:none}}}\n"] }]
+    }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], unread: [{ type: i0.Input, args: [{ isSignal: true, alias: "unread", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptChatDock, { className: "KptChatDock", filePath: "lib/chat-dock.component.ts", lineNumber: 35 }); })();
+
+/*
+ * Public API — @konce-pt/angular/chat
+ * Rodzina komponentów rozmowy (sygnały, zoneless). Rdzeń obliczeń — grupowanie wiadomości,
+ * etykiety dni i arytmetyka statusów — mieszka w `@konce-pt/chat`, paczce bez frameworka,
+ * wspólnej z portem Reacta; tu tylko re-eksport, żeby publiczne API subpathu niosło komplet.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KptChat, KptChatComposer, KptChatDock, KptChatMessage, KptChatTyping };
+//# sourceMappingURL=konce-pt-angular-chat.mjs.map