@aparte/angular 0.10.0 → 0.12.0

package/dist/fesm2022/aparte-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, makeEnvironmentProviders, provideAppInitializer, DestroyRef, effect, ElementRef, signal, output, computed, numberAttribute, booleanAttribute, ViewChildren, ViewChild, Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, Renderer2 } from '@angular/core';
+import { InjectionToken, inject, Injectable, makeEnvironmentProviders, provideAppInitializer, DestroyRef, effect, ElementRef, signal, output, computed, numberAttribute, booleanAttribute, ViewChildren, ViewChild, Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, Renderer2, Directive, EventEmitter, HostListener, Output } from '@angular/core';
 import { AparteClient, aparteGlobalConfig, isAwaitingReply, uuid, AparteChatHost, APARTE_DEFAULT_UI_EVENTS, applyElementProps, AparteConversationManager } from '@aparte/core';
 export { aparteGlobalConfig } from '@aparte/core';
 import { NgTemplateOutlet } from '@angular/common';
@@ -765,6 +765,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * its own once the definition arrives, which is what makes `provideAparte`'s lazy
  * `plugins` loaders work.
  *
+ * A PLUGIN's event is not in the default forward list — that default is core's, and a
+ * third-party plugin's author cannot add to it, so listing ours would privilege our
+ * packages over theirs. Name it in `events` and it arrives; leave it out and the handler
+ * silently never fires, which is what this example used to do.
+ *
  * @example
  * ```html
  * <aparte-ui
@@ -774,6 +779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  *     '--glow-opacity': '1',
  *     '--glow-speed': '4s'
  *   }"
+ *   [events]="['aparte-model-change']"
  *   (elementEvent)="onEvent($event)"
  * />
  * ```
@@ -924,6 +930,632 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input
             }] } });
 
+// AUTO-GENERATED by scripts/gen-element-bindings.mjs from this package's
+// custom-elements.json. Do not edit: it is gitignored and rewritten every build.
+// The source of every fact below is the element's own JSDoc.
+/**
+ * A typed Angular surface for every element this package defines.
+ *
+ * Generated, and that is the point: a hand-written directive is a parallel structure over
+ * the manifest with nothing watching it, so an attribute added to an element would be
+ * typed in React, Vue and Svelte — which derive from the registry — and silently missing
+ * here. That happened, which is why this file is generated now.
+ *
+ * Outputs emit the event's DETAIL, not the `CustomEvent`, because
+ * `(selectChange)="pick($event.value)"` is the Angular idiom. Reach the event itself with
+ * a plain host listener when you need `stopPropagation`.
+ */
+/**
+ * Writes one declared attribute onto the host element.
+ *
+ * `applyElementProps` is core's own rule, reused rather than reimplemented: a primitive
+ * goes through `setAttribute`, `true` becomes the empty presence attribute,
+ * `false`/`null`/`undefined` remove it, and only a value an attribute cannot carry is
+ * handed over as a property.
+ */
+class AparteElementBase {
+    host = inject((ElementRef));
+    write(name, value) {
+        applyElementProps(this.host.nativeElement, { [name]: value });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteElementBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteElementBase, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteElementBase, decorators: [{
+            type: Directive
+        }] });
+/** `<aparte-chat-bubble>` — One message: plain content or a list of rich segments, in light DOM. */
+class AparteChatBubbleDirective extends AparteElementBase {
+    /** `user` / `assistant` / `system`; what the CSS keys off. */
+    set messageRole(v) { this.write('data-role', v); }
+    /** Plain text content, for a bubble with no segments. */
+    set content(v) { this.write('content', v); }
+    /** Epoch milliseconds OR a date string: `_updateTimestamp` accepts either and only coerces when the value is numeric. */
+    set timestamp(v) { this.write('timestamp', v); }
+    /** How streaming and the action bar address this bubble. */
+    set messageId(v) { this.write('message-id', v); }
+    /** Hides the action bar and shows the caret while a reply is in flight. */
+    set streaming(v) { this.write('streaming', v); }
+    /** The display name in the header. */
+    set name(v) { this.write('name', v); }
+    /** An attached image was clicked, asking the app to open it full-size. */
+    attachmentPreview = new EventEmitter();
+    /** A custom action-bar button was pressed. */
+    action = new EventEmitter();
+    /** Retry was pressed; the host forks the turn. */
+    retry = new EventEmitter();
+    /** Thumbs up or down. */
+    feedback = new EventEmitter();
+    /** The info affordance was pressed. */
+    messageInfo = new EventEmitter();
+    /** An edit was saved. */
+    edit = new EventEmitter();
+    /** The `‹1/2›` picker moved between sibling versions. */
+    branchNavigate = new EventEmitter();
+    onAttachmentPreview(e) { this.attachmentPreview.emit(e.detail); }
+    onAction(e) { this.action.emit(e.detail); }
+    onRetry(e) { this.retry.emit(e.detail); }
+    onFeedback(e) { this.feedback.emit(e.detail); }
+    onMessageInfo(e) { this.messageInfo.emit(e.detail); }
+    onEdit(e) { this.edit.emit(e.detail); }
+    onBranchNavigate(e) { this.branchNavigate.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatBubbleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteChatBubbleDirective, isStandalone: true, selector: "aparte-chat-bubble", inputs: { messageRole: "messageRole", content: "content", timestamp: "timestamp", messageId: "messageId", streaming: ["streaming", "streaming", booleanAttribute], name: "name" }, outputs: { attachmentPreview: "attachmentPreview", action: "action", retry: "retry", feedback: "feedback", messageInfo: "messageInfo", edit: "edit", branchNavigate: "branchNavigate" }, host: { listeners: { "aparte-attachment-preview": "onAttachmentPreview($event)", "aparte-action": "onAction($event)", "aparte-retry": "onRetry($event)", "aparte-feedback": "onFeedback($event)", "aparte-message-info": "onMessageInfo($event)", "aparte-edit": "onEdit($event)", "aparte-branch-navigate": "onBranchNavigate($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatBubbleDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-chat-bubble', standalone: true }]
+        }], propDecorators: { messageRole: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], timestamp: [{
+                type: Input
+            }], messageId: [{
+                type: Input
+            }], streaming: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], name: [{
+                type: Input
+            }], attachmentPreview: [{
+                type: Output
+            }], action: [{
+                type: Output
+            }], retry: [{
+                type: Output
+            }], feedback: [{
+                type: Output
+            }], messageInfo: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], branchNavigate: [{
+                type: Output
+            }], onAttachmentPreview: [{
+                type: HostListener,
+                args: ['aparte-attachment-preview', ['$event']]
+            }], onAction: [{
+                type: HostListener,
+                args: ['aparte-action', ['$event']]
+            }], onRetry: [{
+                type: HostListener,
+                args: ['aparte-retry', ['$event']]
+            }], onFeedback: [{
+                type: HostListener,
+                args: ['aparte-feedback', ['$event']]
+            }], onMessageInfo: [{
+                type: HostListener,
+                args: ['aparte-message-info', ['$event']]
+            }], onEdit: [{
+                type: HostListener,
+                args: ['aparte-edit', ['$event']]
+            }], onBranchNavigate: [{
+                type: HostListener,
+                args: ['aparte-branch-navigate', ['$event']]
+            }] } });
+/** `<aparte-chat-status>` — A standalone status line — a light-DOM typing indicator the APP owns. Core never turns it on by itself, so it can never compete with the bubble's own waiting state. */
+class AparteChatStatusDirective extends AparteElementBase {
+    /** Shows or hides the indicator. */
+    set visible(v) { this.write('visible', v); }
+    /** The line to show. Defaults to the locale's typing string. */
+    set text(v) { this.write('text', v); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatStatusDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteChatStatusDirective, isStandalone: true, selector: "aparte-chat-status", inputs: { visible: ["visible", "visible", booleanAttribute], text: "text" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatStatusDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-chat-status', standalone: true }]
+        }], propDecorators: { visible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], text: [{
+                type: Input
+            }] } });
+/** `<aparte-chat-viewport>` — The transcript surface: a light-DOM container with sticky scrolling, token streaming and segment-aware rendering. */
+class AparteChatViewportDirective extends AparteElementBase {
+    /** How close to the bottom still counts as "at the bottom". */
+    set scrollThreshold(v) { this.write('scroll-threshold', v); }
+    /** Caps how many bubbles stay in the DOM; older ones are released. */
+    set maxRenderedBubbles(v) { this.write('max-rendered-bubbles', v); }
+    /** DEPRECATED. It used to evict messages from the model; it now only caps rendered bubbles, which is what `max-rendered-bubbles` says. For real history retention configure the conversation manager instead. */
+    set maxMessages(v) { this.write('max-messages', v); }
+    /** The wrapper's explicit hands-off signal: set it and this element composes none of its own children, because the framework owns them. All four wrappers set it; it was read by this element and declared by nothing until now. */
+    set frameworkManaged(v) { this.write('framework-managed', v); }
+    /** A segment grew or settled during a stream. */
+    segmentUpdate = new EventEmitter();
+    /** `clearAll()` finished emptying the transcript. No detail. */
+    resetDone = new EventEmitter();
+    /** The active branch path changed, after a retry fork or a navigation. Features: - Smart Scroll: Sticks to bottom when user is at bottom, stops on manual scroll up - appendToken(): For simple content streaming - appendToSegment(): For segment-aware streaming (thinking, code, etc.) - Internal message registry for memory management */
+    pathChanged = new EventEmitter();
+    onSegmentUpdate(e) { this.segmentUpdate.emit(e.detail); }
+    onResetDone() { this.resetDone.emit(); }
+    onPathChanged(e) { this.pathChanged.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatViewportDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteChatViewportDirective, isStandalone: true, selector: "aparte-chat-viewport", inputs: { scrollThreshold: ["scrollThreshold", "scrollThreshold", numberAttribute], maxRenderedBubbles: ["maxRenderedBubbles", "maxRenderedBubbles", numberAttribute], maxMessages: ["maxMessages", "maxMessages", numberAttribute], frameworkManaged: ["frameworkManaged", "frameworkManaged", booleanAttribute] }, outputs: { segmentUpdate: "segmentUpdate", resetDone: "resetDone", pathChanged: "pathChanged" }, host: { listeners: { "aparte-segment-update": "onSegmentUpdate($event)", "aparte-reset-done": "onResetDone()", "aparte-path-changed": "onPathChanged($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteChatViewportDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-chat-viewport', standalone: true }]
+        }], propDecorators: { scrollThreshold: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], maxRenderedBubbles: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], maxMessages: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], frameworkManaged: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], segmentUpdate: [{
+                type: Output
+            }], resetDone: [{
+                type: Output
+            }], pathChanged: [{
+                type: Output
+            }], onSegmentUpdate: [{
+                type: HostListener,
+                args: ['aparte-segment-update', ['$event']]
+            }], onResetDone: [{
+                type: HostListener,
+                args: ['aparte-reset-done']
+            }], onPathChanged: [{
+                type: HostListener,
+                args: ['aparte-path-changed', ['$event']]
+            }] } });
+/** `<aparte-composer>` — The root context for every `aparte-composer-*` primitive. It imposes no visual layout — the consumer owns the structure — and holds the shared state the parts read: the value, the streaming flag, pending attachments, the panel slot. */
+class AparteComposerDirective extends AparteElementBase {
+    /** Forwarded to `<aparte-composer-input>` through the internal bus. */
+    set placeholder(v) { this.write('placeholder', v); }
+    /** Disables the whole composer, every part included. */
+    set disabled(v) { this.write('disabled', v); }
+    /** The id of the `<aparte-chat>` this composer drives. */
+    set target(v) { this.write('target', v); }
+    /** Enter sends and Shift+Enter breaks the line (the default); set it to the string `"false"` to swap them. Read lazily by the `submitOnEnter` getter rather than observed, which is why it was missing from the manifest — and so from every typed surface — while all four wrappers wrote it. */
+    set submitOnEnter(v) { this.write('submit-on-enter', v ? '' : 'false'); }
+    /** A message was submitted: the text, its attachments and the target. */
+    send = new EventEmitter();
+    /** The stop button was pressed. No detail; the two window events below carry the target. */
+    cancel = new EventEmitter();
+    /** Any of value / streaming / disabled / attachments / panel changed, folded into one event. */
+    composerChange = new EventEmitter();
+    onSend(e) { this.send.emit(e.detail); }
+    onCancel() { this.cancel.emit(); }
+    onComposerChange(e) { this.composerChange.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteComposerDirective, isStandalone: true, selector: "aparte-composer", inputs: { placeholder: "placeholder", disabled: ["disabled", "disabled", booleanAttribute], target: "target", submitOnEnter: ["submitOnEnter", "submitOnEnter", booleanAttribute] }, outputs: { send: "send", cancel: "cancel", composerChange: "composerChange" }, host: { listeners: { "aparte-send": "onSend($event)", "aparte-cancel": "onCancel()", "aparte-composer-change": "onComposerChange($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer', standalone: true }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], target: [{
+                type: Input
+            }], submitOnEnter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], send: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], composerChange: [{
+                type: Output
+            }], onSend: [{
+                type: HostListener,
+                args: ['aparte-send', ['$event']]
+            }], onCancel: [{
+                type: HostListener,
+                args: ['aparte-cancel']
+            }], onComposerChange: [{
+                type: HostListener,
+                args: ['aparte-composer-change', ['$event']]
+            }] } });
+/** `<aparte-composer-action>` — Generic action button primitive for <aparte-composer>. */
+class AparteComposerActionDirective extends AparteElementBase {
+    /** Icon key for aparteGlobalConfig.getIcon(), or raw SVG/HTML starting with `<` */
+    set icon(v) { this.write('icon', v); }
+    /** Accessible label (also used as tooltip) */
+    set label(v) { this.write('label', v); }
+    /** Disables the button */
+    set disabled(v) { this.write('disabled', v); }
+    /** Identifies WHICH button fired; carried as `AparteActionClickEventDetail.actionId`. Read lazily at dispatch time rather than observed, so the manifest never recorded it — leaving the only way to tell two custom composer buttons apart absent from the typed surface. */
+    set actionId(v) { this.write('action-id', v); }
+    /** Bubbles up when the button is clicked, carrying which button it was and the composer it belongs to. The type argument is not decoration: a BARE `@fires` records `CustomEvent` with no argument, and the bindings generator then emits `EventEmitter<void>` with a listener that drops `$event` — so an Angular consumer with two custom buttons could not tell which one fired. detail: { actionId: string, composer: AparteComposer | null } */
+    actionClick = new EventEmitter();
+    onActionClick(e) { this.actionClick.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerActionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteComposerActionDirective, isStandalone: true, selector: "aparte-composer-action", inputs: { icon: "icon", label: "label", disabled: ["disabled", "disabled", booleanAttribute], actionId: "actionId" }, outputs: { actionClick: "actionClick" }, host: { listeners: { "aparte-action-click": "onActionClick($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerActionDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-action', standalone: true }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], actionId: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }], onActionClick: [{
+                type: HostListener,
+                args: ['aparte-action-click', ['$event']]
+            }] } });
+/** `<aparte-composer-add-attachment>` — File picker button for <aparte-composer>. */
+class AparteComposerAddAttachmentDirective extends AparteElementBase {
+    /** MIME types / extensions passed to the file input (e.g. "image/*,.pdf") */
+    set accept(v) { this.write('accept', v); }
+    /** Allow multiple file selection (default: true) */
+    set multiple(v) { this.write('multiple', v ? '' : 'false'); }
+    /** Greys out the picker and ignores drops. */
+    set disabled(v) { this.write('disabled', v); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerAddAttachmentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteComposerAddAttachmentDirective, isStandalone: true, selector: "aparte-composer-add-attachment", inputs: { accept: "accept", multiple: ["multiple", "multiple", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerAddAttachmentDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-add-attachment', standalone: true }]
+        }], propDecorators: { accept: [{
+                type: Input
+            }], multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+/** `<aparte-composer-attachments>` — Renders a square thumbnail tile for each file attached to the root composer. */
+class AparteComposerAttachmentsDirective {
+    /** An attached image was clicked; the app opens it full-size, and only if it declared `attachmentPreview`. */
+    attachmentPreview = new EventEmitter();
+    onAttachmentPreview(e) { this.attachmentPreview.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerAttachmentsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteComposerAttachmentsDirective, isStandalone: true, selector: "aparte-composer-attachments", outputs: { attachmentPreview: "attachmentPreview" }, host: { listeners: { "aparte-attachment-preview": "onAttachmentPreview($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerAttachmentsDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-attachments', standalone: true }]
+        }], propDecorators: { attachmentPreview: [{
+                type: Output
+            }], onAttachmentPreview: [{
+                type: HostListener,
+                args: ['aparte-attachment-preview', ['$event']]
+            }] } });
+/** `<aparte-composer-cancel>` — Cancel/stop streaming button primitive for <aparte-composer>. */
+/**
+ * No member at all: this element observes nothing and dispatches nothing, so the
+ * directive exists only to CLAIM THE TAG — which is what spares a consuming component
+ * `CUSTOM_ELEMENTS_SCHEMA`, a switch that turns checking off for every unknown tag in
+ * the file rather than just this one.
+ */
+class AparteComposerCancelDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteComposerCancelDirective, isStandalone: true, selector: "aparte-composer-cancel", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerCancelDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-cancel', standalone: true }]
+        }] });
+/** `<aparte-composer-input>` — Contenteditable text input primitive. */
+class AparteComposerInputDirective extends AparteElementBase {
+    /** Placeholder text (fallback: reads from aparte-composer) */
+    set placeholder(v) { this.write('placeholder', v); }
+    /** Max height in px before scroll (default: 200) */
+    set maxHeight(v) { this.write('max-height', v); }
+    /** Min height in px. When omitted, the stylesheet's min-height governs (44px in aparte.css) — so themes can resize the editor in pure CSS without being fought by an inline height. */
+    set minHeight(v) { this.write('min-height', v); }
+    /** Makes the field non-editable; the composer's own `disabled` also reaches it. */
+    set disabled(v) { this.write('disabled', v); }
+    /** Enter was pressed with content. No detail; the composer reads its own value. Behaviour: Enter submits (calls root.submit()), Shift+Enter inserts newline. Auto-expands up to max-height. Paste strips HTML, handles image paste. */
+    composerSubmit = new EventEmitter();
+    onComposerSubmit() { this.composerSubmit.emit(); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerInputDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteComposerInputDirective, isStandalone: true, selector: "aparte-composer-input", inputs: { placeholder: "placeholder", maxHeight: ["maxHeight", "maxHeight", numberAttribute], minHeight: ["minHeight", "minHeight", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { composerSubmit: "composerSubmit" }, host: { listeners: { "aparte-composer-submit": "onComposerSubmit()" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerInputDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-input', standalone: true }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], minHeight: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], composerSubmit: [{
+                type: Output
+            }], onComposerSubmit: [{
+                type: HostListener,
+                args: ['aparte-composer-submit']
+            }] } });
+/** `<aparte-composer-send>` — Submit button primitive for <aparte-composer>. */
+/**
+ * No member at all: this element observes nothing and dispatches nothing, so the
+ * directive exists only to CLAIM THE TAG — which is what spares a consuming component
+ * `CUSTOM_ELEMENTS_SCHEMA`, a switch that turns checking off for every unknown tag in
+ * the file rather than just this one.
+ */
+class AparteComposerSendDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerSendDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteComposerSendDirective, isStandalone: true, selector: "aparte-composer-send", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerSendDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-send', standalone: true }]
+        }] });
+/** `<aparte-composer-toolbar>` — The composer's bottom row — the strip a mode picker, a model selector or a token counter belongs in, rather than a bar of your own floating below the chat. Purely structural: it lays its children out in a row and gets out of the way. */
+/**
+ * No member at all: this element observes nothing and dispatches nothing, so the
+ * directive exists only to CLAIM THE TAG — which is what spares a consuming component
+ * `CUSTOM_ELEMENTS_SCHEMA`, a switch that turns checking off for every unknown tag in
+ * the file rather than just this one.
+ */
+class AparteComposerToolbarDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteComposerToolbarDirective, isStandalone: true, selector: "aparte-composer-toolbar", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteComposerToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-composer-toolbar', standalone: true }]
+        }] });
+/** `<aparte-conversation-list>` — Conversation-history sidebar — a framework-agnostic web component. The host sets the `conversations` JS property and the `active-id` attribute; this renders the list and fires the user's intent, never acting on it itself. */
+class AparteConversationListDirective extends AparteElementBase {
+    /** The id of the conversation to render as selected. */
+    set activeId(v) { this.write('active-id', v); }
+    /** A row was activated; the host loads that conversation. */
+    selectConversation = new EventEmitter();
+    /** The delete action was pressed. Nothing is removed here. */
+    deleteConversation = new EventEmitter();
+    /** The archive action was pressed on a live conversation. */
+    archiveConversation = new EventEmitter();
+    /** The same action on an already-archived one; same detail shape, opposite intent. */
+    unarchiveConversation = new EventEmitter();
+    onSelectConversation(e) { this.selectConversation.emit(e.detail); }
+    onDeleteConversation(e) { this.deleteConversation.emit(e.detail); }
+    onArchiveConversation(e) { this.archiveConversation.emit(e.detail); }
+    onUnarchiveConversation(e) { this.unarchiveConversation.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteConversationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteConversationListDirective, isStandalone: true, selector: "aparte-conversation-list", inputs: { activeId: "activeId" }, outputs: { selectConversation: "selectConversation", deleteConversation: "deleteConversation", archiveConversation: "archiveConversation", unarchiveConversation: "unarchiveConversation" }, host: { listeners: { "aparte-select-conversation": "onSelectConversation($event)", "aparte-delete-conversation": "onDeleteConversation($event)", "aparte-archive-conversation": "onArchiveConversation($event)", "aparte-unarchive-conversation": "onUnarchiveConversation($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteConversationListDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-conversation-list', standalone: true }]
+        }], propDecorators: { activeId: [{
+                type: Input
+            }], selectConversation: [{
+                type: Output
+            }], deleteConversation: [{
+                type: Output
+            }], archiveConversation: [{
+                type: Output
+            }], unarchiveConversation: [{
+                type: Output
+            }], onSelectConversation: [{
+                type: HostListener,
+                args: ['aparte-select-conversation', ['$event']]
+            }], onDeleteConversation: [{
+                type: HostListener,
+                args: ['aparte-delete-conversation', ['$event']]
+            }], onArchiveConversation: [{
+                type: HostListener,
+                args: ['aparte-archive-conversation', ['$event']]
+            }], onUnarchiveConversation: [{
+                type: HostListener,
+                args: ['aparte-unarchive-conversation', ['$event']]
+            }] } });
+/** `<aparte-elicitation>` — The default presenter for a request to the human. It renders nothing itself: it registers as the presenter for the config governing its subtree, and mounts a panel inside the nearest `<aparte-composer>` when something asks — a tool handler calling `requestUserInput`, or core's own approval gate. */
+/**
+ * No member at all: this element observes nothing and dispatches nothing, so the
+ * directive exists only to CLAIM THE TAG — which is what spares a consuming component
+ * `CUSTOM_ELEMENTS_SCHEMA`, a switch that turns checking off for every unknown tag in
+ * the file rather than just this one.
+ */
+class AparteElicitationDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteElicitationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: AparteElicitationDirective, isStandalone: true, selector: "aparte-elicitation", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteElicitationDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-elicitation', standalone: true }]
+        }] });
+/** `<aparte-optgroup>` — AparteOptgroup */
+class AparteOptgroupDirective extends AparteElementBase {
+    /** Group label */
+    set label(v) { this.write('label', v); }
+    /** Allow collapse/expand */
+    set collapsible(v) { this.write('collapsible', v); }
+    /** Collapsed state */
+    set collapsed(v) { this.write('collapsed', v); }
+    /** Shows a spinner in place of the group's options. */
+    set loading(v) { this.write('loading', v); }
+    /** The group was collapsed or expanded. */
+    optgroupToggle = new EventEmitter();
+    onOptgroupToggle(e) { this.optgroupToggle.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteOptgroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteOptgroupDirective, isStandalone: true, selector: "aparte-optgroup", inputs: { label: "label", collapsible: ["collapsible", "collapsible", booleanAttribute], collapsed: ["collapsed", "collapsed", booleanAttribute], loading: ["loading", "loading", booleanAttribute] }, outputs: { optgroupToggle: "optgroupToggle" }, host: { listeners: { "aparte-optgroup-toggle": "onOptgroupToggle($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteOptgroupDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-optgroup', standalone: true }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], collapsible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], loading: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], optgroupToggle: [{
+                type: Output
+            }], onOptgroupToggle: [{
+                type: HostListener,
+                args: ['aparte-optgroup-toggle', ['$event']]
+            }] } });
+/** `<aparte-option>` — AparteOption */
+class AparteOptionDirective extends AparteElementBase {
+    /** Option value */
+    set value(v) { this.write('value', v); }
+    /** Disabled state */
+    set disabled(v) { this.write('disabled', v); }
+    /** Selected state */
+    set selected(v) { this.write('selected', v); }
+    /** Free-form status the host sets; styled, never read by core. */
+    set dataStatus(v) { this.write('data-status', v); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteOptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteOptionDirective, isStandalone: true, selector: "aparte-option", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], selected: ["selected", "selected", booleanAttribute], dataStatus: "dataStatus" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteOptionDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-option', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dataStatus: [{
+                type: Input
+            }] } });
+/** `<aparte-progress-spinner>` — AparteProgressSpinner */
+class AparteProgressSpinnerDirective extends AparteElementBase {
+    /** Progress percentage 0–100 (omit for indeterminate) */
+    set value(v) { this.write('value', v); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteProgressSpinnerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteProgressSpinnerDirective, isStandalone: true, selector: "aparte-progress-spinner", inputs: { value: ["value", "value", numberAttribute] }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteProgressSpinnerDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-progress-spinner', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }] } });
+/** `<aparte-select>` — Dropdown select for aparté — a vanilla web component with optional grouping, a search filter and a keyboard-driven listbox. */
+class AparteSelectDirective extends AparteElementBase {
+    /** The selected option's value. */
+    set value(v) { this.write('value', v); }
+    /** Shown while nothing is selected. */
+    set placeholder(v) { this.write('placeholder', v); }
+    /** Blocks opening and selection. */
+    set disabled(v) { this.write('disabled', v); }
+    /** Renders `<aparte-optgroup>` children as collapsible groups. */
+    set grouped(v) { this.write('grouped', v); }
+    /** Adds a filter field above the options. */
+    set searchable(v) { this.write('searchable', v); }
+    /** Reflects (and controls) whether the dropdown is open. */
+    set open(v) { this.write('open', v); }
+    /** The dropdown opened. No detail. */
+    selectOpen = new EventEmitter();
+    /** The dropdown closed. No detail. */
+    selectClose = new EventEmitter();
+    /** The selection changed; carries the new value, its label and the previous value. */
+    selectChange = new EventEmitter();
+    onSelectOpen() { this.selectOpen.emit(); }
+    onSelectClose() { this.selectClose.emit(); }
+    onSelectChange(e) { this.selectChange.emit(e.detail); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: AparteSelectDirective, isStandalone: true, selector: "aparte-select", inputs: { value: "value", placeholder: "placeholder", disabled: ["disabled", "disabled", booleanAttribute], grouped: ["grouped", "grouped", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], open: ["open", "open", booleanAttribute] }, outputs: { selectOpen: "selectOpen", selectClose: "selectClose", selectChange: "selectChange" }, host: { listeners: { "aparte-select-open": "onSelectOpen()", "aparte-select-close": "onSelectClose()", "aparte-select-change": "onSelectChange($event)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AparteSelectDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'aparte-select', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], grouped: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], searchable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectOpen: [{
+                type: Output
+            }], selectClose: [{
+                type: Output
+            }], selectChange: [{
+                type: Output
+            }], onSelectOpen: [{
+                type: HostListener,
+                args: ['aparte-select-open']
+            }], onSelectClose: [{
+                type: HostListener,
+                args: ['aparte-select-close']
+            }], onSelectChange: [{
+                type: HostListener,
+                args: ['aparte-select-change', ['$event']]
+            }] } });
+/**
+ * Every element directive, for one import in a standalone component.
+ *
+ * ```ts
+ * @Component({ imports: [...APARTE_ELEMENT_DIRECTIVES], template: `…` })
+ * ```
+ */
+const APARTE_ELEMENT_DIRECTIVES = [
+    AparteChatBubbleDirective,
+    AparteChatStatusDirective,
+    AparteChatViewportDirective,
+    AparteComposerDirective,
+    AparteComposerActionDirective,
+    AparteComposerAddAttachmentDirective,
+    AparteComposerAttachmentsDirective,
+    AparteComposerCancelDirective,
+    AparteComposerInputDirective,
+    AparteComposerSendDirective,
+    AparteComposerToolbarDirective,
+    AparteConversationListDirective,
+    AparteElicitationDirective,
+    AparteOptgroupDirective,
+    AparteOptionDirective,
+    AparteProgressSpinnerDirective,
+    AparteSelectDirective,
+];
+
 /**
  * Angular 19 Signal-based wrapper around AparteConversationManager.
  *
@@ -1058,5 +1690,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APARTE_CLIENT_OPTIONS, APARTE_CONFIG_TOKEN, AparteAiService, AparteChatComponent, AparteUiComponent, ConversationManagerService, provideAparte };
+export { APARTE_CLIENT_OPTIONS, APARTE_CONFIG_TOKEN, APARTE_ELEMENT_DIRECTIVES, AparteAiService, AparteChatBubbleDirective, AparteChatComponent, AparteChatStatusDirective, AparteChatViewportDirective, AparteComposerActionDirective, AparteComposerAddAttachmentDirective, AparteComposerAttachmentsDirective, AparteComposerCancelDirective, AparteComposerDirective, AparteComposerInputDirective, AparteComposerSendDirective, AparteComposerToolbarDirective, AparteConversationListDirective, AparteElicitationDirective, AparteOptgroupDirective, AparteOptionDirective, AparteProgressSpinnerDirective, AparteSelectDirective, AparteUiComponent, ConversationManagerService, provideAparte };
 //# sourceMappingURL=aparte-angular.mjs.map