@h-k-dev/angular-email-editor 0.0.0-stage → 0.0.2

package/fesm2022/h-k-dev-angular-email-editor-palette.mjs

@@ -0,0 +1,87 @@
+import { InjectionToken, inject } from '@angular/core';
+import { emailBackgroundPalette, emailTextPalette } from '@h-k-dev/angular-email-editor';
+
+/** The library's own palette — the swatches that pass on both a light and a
+    dark client (`emailTextPalette`, `emailBackgroundPalette`). */
+const emailPalette = {
+    text: emailTextPalette,
+    background: emailBackgroundPalette,
+};
+/**
+ * The palette in use — the library's unless a host provides its own
+ * ({@link providePalette}). What the colour pickers offer and what the `/`
+ * menu's colour rows are made of ({@link colorSuggestions}).
+ */
+const EMAIL_PALETTE = new InjectionToken('EMAIL_PALETTE', {
+    providedIn: 'root',
+    factory: () => emailPalette,
+});
+/** The palette a config comes to, over the library's. */
+function resolvePalette(config) {
+    const given = typeof config === 'function' ? config(emailPalette) : config;
+    return {
+        text: given.text ?? emailPalette.text,
+        background: given.background ?? emailPalette.background,
+    };
+}
+/**
+ * Makes a palette the app's — in `appConfig.providers`, or a component's:
+ *
+ *     providePalette({ text: BRAND_TEXT_COLORS })
+ *     providePalette((defaults) => ({
+ *       text: [...defaults.text, { name: 'Brand', value: '#0a5c36' }],
+ *     }))
+ *
+ * Every colour goes into an email as written: keep to what a client shows
+ * on both a light and a dark page (`passesDualContrast`).
+ */
+function providePalette(config) {
+    return { provide: EMAIL_PALETTE, useFactory: () => resolvePalette(config) };
+}
+/** The palette in use, in an injection context. */
+function injectPalette() {
+    return inject(EMAIL_PALETTE);
+}
+/** The word a colour's name becomes in an id: lowercased, spaces as hyphens. */
+const slug = (name) => name.trim().toLowerCase().split(/\s+/).join('-');
+/**
+ * The palette as rows of a `/` menu, the way a chat's slash menu lists
+ * colours: "Red text", "Red background" — one row per colour of either
+ * side, in the section `color`, each carrying its `swatch`. Picked, a row
+ * colours the selection, or what is typed next at a bare caret (the
+ * `TextStyle` mark's `setColor` / `setBackgroundColor`); nothing, when the
+ * kit has no `TextStyle`.
+ *
+ *     items: (ctx) => [...extensionSuggestions(ctx), ...colorSuggestions(ctx, palette)]
+ */
+function colorSuggestions(ctx, palette) {
+    const textStyle = ctx.extensions.find((extension) => extension.name === 'textStyle');
+    const commands = textStyle?.commands?.(ctx);
+    const setColor = commands?.['setColor'];
+    const setBackground = commands?.['setBackgroundColor'];
+    if (!setColor || !setBackground)
+        return [];
+    const rows = (colors, kind, run) => colors.map((color) => ({
+        id: `${kind}-${slug(color.name)}`,
+        title: kind === 'color' ? `${color.name} text` : `${color.name} background`,
+        keywords: ['color', 'colour', kind === 'color' ? 'text' : 'highlight', color.name],
+        section: 'color',
+        swatch: color.value,
+        command: run(color.value),
+    }));
+    return [
+        ...rows(palette.text, 'color', (value) => setColor(value)),
+        ...rows(palette.background, 'background', (value) => setBackground(value)),
+    ];
+}
+
+/*
+ * Public API Surface of @h-k-dev/angular-email-editor/palette
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EMAIL_PALETTE, colorSuggestions, emailPalette, injectPalette, providePalette, resolvePalette };
+//# sourceMappingURL=h-k-dev-angular-email-editor-palette.mjs.map

package/fesm2022/h-k-dev-angular-email-editor-palette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-k-dev-angular-email-editor-palette.mjs","sources":["../../../projects/angular-email-editor/palette/palette.ts","../../../projects/angular-email-editor/palette/public-api.ts","../../../projects/angular-email-editor/palette/h-k-dev-angular-email-editor-palette.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport {\n  ExtensionContext,\n  PaletteColor,\n  SuggestionCommandItem,\n  emailBackgroundPalette,\n  emailTextPalette,\n} from '@h-k-dev/angular-email-editor';\n\n/** The colours a host offers: for text, and for a background. */\nexport interface EmailPalette {\n  readonly text: readonly PaletteColor[];\n  readonly background: readonly PaletteColor[];\n}\n\n/** The library's own palette — the swatches that pass on both a light and a\n    dark client (`emailTextPalette`, `emailBackgroundPalette`). */\nexport const emailPalette: EmailPalette = {\n  text: emailTextPalette,\n  background: emailBackgroundPalette,\n};\n\n/** A host's palette: either list, the other staying the library's — or a\n    function of the library's palette, to mix: keep it and add a brand\n    colour, take a few out, replace one side. */\nexport type EmailPaletteConfig =\n  Partial<EmailPalette> | ((defaults: EmailPalette) => Partial<EmailPalette>);\n\n/**\n * The palette in use — the library's unless a host provides its own\n * ({@link providePalette}). What the colour pickers offer and what the `/`\n * menu's colour rows are made of ({@link colorSuggestions}).\n */\nexport const EMAIL_PALETTE = new InjectionToken<EmailPalette>('EMAIL_PALETTE', {\n  providedIn: 'root',\n  factory: () => emailPalette,\n});\n\n/** The palette a config comes to, over the library's. */\nexport function resolvePalette(config: EmailPaletteConfig): EmailPalette {\n  const given = typeof config === 'function' ? config(emailPalette) : config;\n  return {\n    text: given.text ?? emailPalette.text,\n    background: given.background ?? emailPalette.background,\n  };\n}\n\n/**\n * Makes a palette the app's — in `appConfig.providers`, or a component's:\n *\n *     providePalette({ text: BRAND_TEXT_COLORS })\n *     providePalette((defaults) => ({\n *       text: [...defaults.text, { name: 'Brand', value: '#0a5c36' }],\n *     }))\n *\n * Every colour goes into an email as written: keep to what a client shows\n * on both a light and a dark page (`passesDualContrast`).\n */\nexport function providePalette(config: EmailPaletteConfig): Provider {\n  return { provide: EMAIL_PALETTE, useFactory: () => resolvePalette(config) };\n}\n\n/** The palette in use, in an injection context. */\nexport function injectPalette(): EmailPalette {\n  return inject(EMAIL_PALETTE);\n}\n\n/** The word a colour's name becomes in an id: lowercased, spaces as hyphens. */\nconst slug = (name: string): string => name.trim().toLowerCase().split(/\\s+/).join('-');\n\n/**\n * The palette as rows of a `/` menu, the way a chat's slash menu lists\n * colours: \"Red text\", \"Red background\" — one row per colour of either\n * side, in the section `color`, each carrying its `swatch`. Picked, a row\n * colours the selection, or what is typed next at a bare caret (the\n * `TextStyle` mark's `setColor` / `setBackgroundColor`); nothing, when the\n * kit has no `TextStyle`.\n *\n *     items: (ctx) => [...extensionSuggestions(ctx), ...colorSuggestions(ctx, palette)]\n */\nexport function colorSuggestions(\n  ctx: ExtensionContext,\n  palette: EmailPalette,\n): SuggestionCommandItem[] {\n  const textStyle = ctx.extensions.find((extension) => extension.name === 'textStyle');\n  const commands = textStyle?.commands?.(ctx);\n  const setColor = commands?.['setColor'];\n  const setBackground = commands?.['setBackgroundColor'];\n  if (!setColor || !setBackground) return [];\n  const rows = (\n    colors: readonly PaletteColor[],\n    kind: 'color' | 'background',\n    run: (value: string) => SuggestionCommandItem['command'],\n  ): SuggestionCommandItem[] =>\n    colors.map((color) => ({\n      id: `${kind}-${slug(color.name)}`,\n      title: kind === 'color' ? `${color.name} text` : `${color.name} background`,\n      keywords: ['color', 'colour', kind === 'color' ? 'text' : 'highlight', color.name],\n      section: 'color',\n      swatch: color.value,\n      command: run(color.value),\n    }));\n  return [\n    ...rows(palette.text, 'color', (value) => setColor(value)),\n    ...rows(palette.background, 'background', (value) => setBackground(value)),\n  ];\n}\n","/*\n * Public API Surface of @h-k-dev/angular-email-editor/palette\n */\n\nexport * from './palette';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAeA;AACkE;AAC3D,MAAM,YAAY,GAAiB;AACxC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;;AASpC;;;;AAIG;MACU,aAAa,GAAG,IAAI,cAAc,CAAe,eAAe,EAAE;AAC7E,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,YAAY;AAC5B,CAAA;AAED;AACM,SAAU,cAAc,CAAC,MAA0B,EAAA;AACvD,IAAA,MAAM,KAAK,GAAG,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,MAAM;IAC1E,OAAO;AACL,QAAA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI;AACrC,QAAA,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU;KACxD;AACH;AAEA;;;;;;;;;;AAUG;AACG,SAAU,cAAc,CAAC,MAA0B,EAAA;AACvD,IAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC,MAAM,CAAC,EAAE;AAC7E;AAEA;SACgB,aAAa,GAAA;AAC3B,IAAA,OAAO,MAAM,CAAC,aAAa,CAAC;AAC9B;AAEA;AACA,MAAM,IAAI,GAAG,CAAC,IAAY,KAAa,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAEvF;;;;;;;;;AASG;AACG,SAAU,gBAAgB,CAC9B,GAAqB,EACrB,OAAqB,EAAA;AAErB,IAAA,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC;IACpF,MAAM,QAAQ,GAAG,SAAS,EAAE,QAAQ,GAAG,GAAG,CAAC;AAC3C,IAAA,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AACvC,IAAA,MAAM,aAAa,GAAG,QAAQ,GAAG,oBAAoB,CAAC;AACtD,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa;AAAE,QAAA,OAAO,EAAE;IAC1C,MAAM,IAAI,GAAG,CACX,MAA+B,EAC/B,IAA4B,EAC5B,GAAwD,KAExD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;QACrB,EAAE,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA,CAAE;AACjC,QAAA,KAAK,EAAE,IAAI,KAAK,OAAO,GAAG,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,KAAA,CAAO,GAAG,GAAG,KAAK,CAAC,IAAI,CAAA,WAAA,CAAa;QAC3E,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC;AAClF,QAAA,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,KAAK,CAAC,KAAK;AACnB,QAAA,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AAC1B,KAAA,CAAC,CAAC;IACL,OAAO;AACL,QAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC1D,QAAA,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,CAAC,CAAC;KAC3E;AACH;;AC1GA;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/h-k-dev-angular-email-editor-proposal.mjs

@@ -0,0 +1,307 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, computed, input, Directive, output, DOCUMENT, effect } from '@angular/core';
+import { proposalRange, isStreaming, discardProposal, acceptProposal, stopProposal, proposeContent, reviseProposal } from '@h-k-dev/angular-email-editor';
+import { editorState } from '@h-k-dev/angular-email-editor/actions';
+
+/**
+ * The proposal of an editor, bound and live — for a host's own panel: an
+ * input of its choosing to ask with, and buttons to accept or discard:
+ *
+ *     readonly proposal = injectProposal(() => this.editor());
+ *
+ *     this.proposal.propose(async ({ write, signal }) => {
+ *       for await (const piece of model.write(prompt, { signal })) write(piece);
+ *     }, { format: 'html' });
+ *
+ *     <button [emailProposalAccept]="proposal">Apply</button>
+ *     <button [emailProposalDiscard]="proposal">Discard</button>
+ *
+ * `editor` is read reactively: the proposal follows the editor it is given.
+ * Call in an injection context, or hand it an injector.
+ */
+function injectProposal(editor, options = {}) {
+    const injector = options.injector ?? inject(Injector);
+    const state = editorState(editor, { injector });
+    const range = computed(() => {
+        const now = state();
+        return now ? proposalRange(now) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
+    const streaming = computed(() => {
+        const now = state();
+        return !!now && !!proposalRange(now) && isStreaming(now);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "streaming" }] : /* istanbul ignore next */ []));
+    const box = computed(() => {
+        const now = state();
+        const current = editor();
+        if (!now || !current || current.view.isDestroyed)
+            return null;
+        const proposed = proposalRange(now);
+        const at = proposed ? proposed.to : now.selection.from;
+        // The line the proposal ends on: from where the proposal starts on it —
+        // or, when the proposal began on an earlier line, from the block's own
+        // left edge — to its end.
+        const pos = Math.min(at, now.doc.content.size);
+        const end = current.view.coordsAtPos(pos, -1);
+        const start = current.view.coordsAtPos(proposed ? proposed.from : pos);
+        let left = Math.min(start.left, end.left);
+        if (Math.abs(start.top - end.top) >= 1) {
+            const $end = now.doc.resolve(pos);
+            const block = $end.depth ? current.view.nodeDOM($end.before($end.depth)) : null;
+            left = block instanceof HTMLElement ? block.getBoundingClientRect().left : end.left;
+        }
+        return {
+            left,
+            top: end.top,
+            width: Math.max(0, end.right - left),
+            height: end.bottom - end.top,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "box" }] : /* istanbul ignore next */ []));
+    const selectedPart = computed(() => {
+        const now = state();
+        const proposed = now && proposalRange(now);
+        if (!now || !proposed)
+            return null;
+        const { from, to, empty } = now.selection;
+        return !empty && from >= proposed.from && to <= proposed.to ? { from, to } : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedPart" }] : /* istanbul ignore next */ []));
+    return {
+        active: computed(() => range() !== null),
+        selectedPart,
+        revise: (callback, options = {}) => {
+            const current = editor();
+            const { range: given, ...rest } = options;
+            const part = given ?? selectedPart();
+            if (!current || !part)
+                return null;
+            return reviseProposal(current.view, part, callback, rest);
+        },
+        streaming,
+        thinking: computed(() => {
+            const current = range();
+            return streaming() && !!current && current.to === current.from;
+        }),
+        range,
+        box,
+        propose: (callback, options = {}) => {
+            const current = editor();
+            if (!current)
+                return null;
+            const { target, ...rest } = options;
+            return proposeContent(current.view, target ?? current.state.selection.from, callback, rest);
+        },
+        stop: () => {
+            const current = editor();
+            if (current)
+                stopProposal(current.view);
+        },
+        accept: () => {
+            const current = editor();
+            return !!current && acceptProposal(current.view);
+        },
+        discard: () => {
+            const current = editor();
+            return !!current && discardProposal(current.view);
+        },
+    };
+}
+/**
+ * The proposal of an editor, as a directive: put it on the element that
+ * holds the host's panel — the chat, the buttons — and everything inside
+ * has it, by injection, with nothing to bind:
+ *
+ *     <div [emailProposal]="editor" #p="emailProposal">
+ *       <button emailProposalAccept [disabled]="!p.active()">Apply</button>
+ *       <button emailProposalDiscard>Discard</button>
+ *     </div>
+ *
+ * The directive *is* the {@link EditorProposal}: `p.active()`,
+ * `p.propose(…)`, `p.accept()` — the same face `injectProposal` gives a
+ * class, for a host that lives in its template. The two are one thing
+ * looked at from two sides; a trigger takes either, bound or injected.
+ */
+class Proposal {
+    /** The editor the proposal is in — read reactively, so it may come
+        later, or change. */
+    editor = input.required({ ...(ngDevMode ? { debugName: "editor" } : /* istanbul ignore next */ {}), alias: 'emailProposal' });
+    #proposal = injectProposal(() => this.editor());
+    active = this.#proposal.active;
+    streaming = this.#proposal.streaming;
+    thinking = this.#proposal.thinking;
+    range = this.#proposal.range;
+    box = this.#proposal.box;
+    selectedPart = this.#proposal.selectedPart;
+    propose(...args) {
+        return this.#proposal.propose(...args);
+    }
+    revise(...args) {
+        return this.#proposal.revise(...args);
+    }
+    stop() {
+        this.#proposal.stop();
+    }
+    accept() {
+        return this.#proposal.accept();
+    }
+    discard() {
+        return this.#proposal.discard();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Proposal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Proposal, isStandalone: true, selector: "[emailProposal]", inputs: { editor: { classPropertyName: "editor", publicName: "emailProposal", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["emailProposal"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Proposal, decorators: [{
+            type: Directive,
+            args: [{ selector: '[emailProposal]', exportAs: 'emailProposal' }]
+        }], propDecorators: { editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailProposal", required: true }] }] } });
+/** A trigger's own binding: an `EditorProposal`, or nothing — the bare
+    attribute (`''`) counts as nothing, and the ancestor's is used. */
+const bound = (value) => value || undefined;
+/** The proposal a trigger acts on: the one bound to it, else the one an
+    `[emailProposal]` ancestor provides. Neither is a mistake, and said so. */
+function resolveProposal(own, selector) {
+    const provided = inject(Proposal, { optional: true });
+    return computed(() => {
+        const proposal = own() ?? provided ?? undefined;
+        if (!proposal) {
+            throw new Error(`[${selector}] has no proposal: bind one ([${selector}]="proposal"), ` +
+                `or put [emailProposal] on an ancestor.`);
+        }
+        return proposal;
+    });
+}
+/**
+ * Makes the host's own button the one that accepts the proposal: a click
+ * takes it into the document and hands the caret back; disabled — by the
+ * host's own means, bound from `disabled()` — while nothing is proposed or
+ * it is still being written. The proposal is bound, or, bare, the
+ * `[emailProposal]` ancestor's.
+ *
+ *     <button mat-button [emailProposalAccept]="proposal" #apply="emailProposalAccept"
+ *             [disabled]="apply.disabled()">Apply</button>
+ */
+class ProposalAccept {
+    proposal = input(undefined, { ...(ngDevMode ? { debugName: "proposal" } : /* istanbul ignore next */ {}), alias: 'emailProposalAccept', transform: bound });
+    #proposal = resolveProposal(this.proposal, 'emailProposalAccept');
+    disabled = computed(() => !this.#proposal().active() || this.#proposal().streaming(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    run() {
+        if (this.disabled())
+            return false;
+        return this.#proposal().accept();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalAccept, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ProposalAccept, isStandalone: true, selector: "[emailProposalAccept]", inputs: { proposal: { classPropertyName: "proposal", publicName: "emailProposalAccept", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "run()" }, properties: { "attr.aria-disabled": "disabled() ? true : null" } }, exportAs: ["emailProposalAccept"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalAccept, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emailProposalAccept]',
+                    exportAs: 'emailProposalAccept',
+                    host: { '(click)': 'run()', '[attr.aria-disabled]': 'disabled() ? true : null' },
+                }]
+        }], propDecorators: { proposal: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailProposalAccept", required: false }] }] } });
+/**
+ * Makes the host's own button the one that discards the proposal: a click
+ * takes it out, wherever the writing has got to. The proposal is bound,
+ * or, bare, the `[emailProposal]` ancestor's.
+ *
+ *     <button mat-button [emailProposalDiscard]="proposal">Discard</button>
+ */
+class ProposalDiscard {
+    proposal = input(undefined, { ...(ngDevMode ? { debugName: "proposal" } : /* istanbul ignore next */ {}), alias: 'emailProposalDiscard', transform: bound });
+    #proposal = resolveProposal(this.proposal, 'emailProposalDiscard');
+    disabled = computed(() => !this.#proposal().active(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    run() {
+        if (this.disabled())
+            return false;
+        return this.#proposal().discard();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalDiscard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ProposalDiscard, isStandalone: true, selector: "[emailProposalDiscard]", inputs: { proposal: { classPropertyName: "proposal", publicName: "emailProposalDiscard", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "run()" }, properties: { "attr.aria-disabled": "disabled() ? true : null" } }, exportAs: ["emailProposalDiscard"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalDiscard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emailProposalDiscard]',
+                    exportAs: 'emailProposalDiscard',
+                    host: { '(click)': 'run()', '[attr.aria-disabled]': 'disabled() ? true : null' },
+                }]
+        }], propDecorators: { proposal: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailProposalDiscard", required: false }] }] } });
+/**
+ * The keys of a proposal, heard from anywhere on the page — the text, the
+ * host's input, a button — while one stands, before anything else hears
+ * them (the document, capture phase):
+ *
+ * - **Ctrl-Enter** (⌘-Enter on a Mac) accepts: a proposal on the table is
+ *   what the key commits, and whatever the editor binds to it (a send,
+ *   say) never sees it. While the proposal is still being written the key
+ *   is swallowed — nothing is sent, nothing is applied; one thing at a
+ *   time. `accepted` says it happened.
+ * - **Escape** is the host's: `escape` carries the event, and the host
+ *   decides — close a menu over the text first, or let the proposal go —
+ *   because what else is open is the host's to know. Nothing is prevented
+ *   or stopped for it; the host does that on the event if it acts.
+ *
+ * Nothing is heard while nothing is proposed, and an IME's own keys stay
+ * the IME's. The proposal is bound, or, bare, the `[emailProposal]`
+ * ancestor's.
+ *
+ *     <div [emailProposal]="editor" emailProposalKeys
+ *          (accepted)="done()" (escape)="$event.preventDefault(); leave()">
+ */
+class ProposalKeys {
+    proposal = input(undefined, { ...(ngDevMode ? { debugName: "proposal" } : /* istanbul ignore next */ {}), alias: 'emailProposalKeys', transform: bound });
+    /** Ctrl-Enter (⌘-Enter) took the proposal into the document. */
+    accepted = output();
+    /** Escape, with a proposal standing — for the host to act on. */
+    escape = output();
+    #proposal = resolveProposal(this.proposal, 'emailProposalKeys');
+    #document = inject(DOCUMENT);
+    constructor() {
+        effect((onCleanup) => {
+            const proposal = this.#proposal();
+            if (!proposal.active())
+                return;
+            const onKeydown = (event) => {
+                if (event.isComposing)
+                    return;
+                if (event.key === 'Escape') {
+                    this.escape.emit(event);
+                }
+                else if (event.key === 'Enter' && (isMac() ? event.metaKey : event.ctrlKey)) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (!proposal.streaming() && proposal.accept())
+                        this.accepted.emit();
+                }
+            };
+            this.#document.addEventListener('keydown', onKeydown, true);
+            onCleanup(() => this.#document.removeEventListener('keydown', onKeydown, true));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalKeys, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ProposalKeys, isStandalone: true, selector: "[emailProposalKeys]", inputs: { proposal: { classPropertyName: "proposal", publicName: "emailProposalKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accepted: "accepted", escape: "escape" }, exportAs: ["emailProposalKeys"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProposalKeys, decorators: [{
+            type: Directive,
+            args: [{ selector: '[emailProposalKeys]', exportAs: 'emailProposalKeys' }]
+        }], ctorParameters: () => [], propDecorators: { proposal: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailProposalKeys", required: false }] }], accepted: [{ type: i0.Output, args: ["accepted"] }], escape: [{ type: i0.Output, args: ["escape"] }] } });
+/** Whether the keyboard is a Mac's: ⌘ where others hold Ctrl. */
+function isMac() {
+    return typeof navigator !== 'undefined' && /Mac|iP(hone|ad|od)/.test(navigator.platform);
+}
+
+/*
+ * Public API Surface of @h-k-dev/angular-email-editor/proposal
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Proposal, ProposalAccept, ProposalDiscard, ProposalKeys, injectProposal };
+//# sourceMappingURL=h-k-dev-angular-email-editor-proposal.mjs.map

package/fesm2022/h-k-dev-angular-email-editor-proposal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-k-dev-angular-email-editor-proposal.mjs","sources":["../../../projects/angular-email-editor/proposal/proposal.ts","../../../projects/angular-email-editor/proposal/public-api.ts","../../../projects/angular-email-editor/proposal/h-k-dev-angular-email-editor-proposal.ts"],"sourcesContent":["import {\n  DOCUMENT,\n  Directive,\n  Injector,\n  Signal,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  ContentStreamRange,\n  ContentStreamRun,\n  ContentStreamWriter,\n  Editor,\n  StreamContentOptions,\n  acceptProposal,\n  discardProposal,\n  isStreaming,\n  proposalRange,\n  proposeContent,\n  reviseProposal,\n  stopProposal,\n} from '@h-k-dev/angular-email-editor';\nimport { editorState } from '@h-k-dev/angular-email-editor/actions';\nimport { AnchorRect } from '@h-k-dev/angular-email-editor/anchor';\n\n/**\n * A proposal in an editor, as a host's panel sees it: what is proposed and\n * whether it is still coming, where it stands, and the three things to do\n * about it. The reactive face of `proposeContent` / `acceptProposal` /\n * `discardProposal` (the main entry, which needs `createContentProposal()`\n * and `createContentStream()` in the kit).\n */\nexport interface EditorProposal {\n  /** Something is proposed — written into the text, not the writer's yet. */\n  readonly active: Signal<boolean>;\n  /** The proposal is still being written. */\n  readonly streaming: Signal<boolean>;\n  /** Asked, and nothing has come yet: the model is thinking — for a host\n      to show it, since there is nothing in the text to see. */\n  readonly thinking: Signal<boolean>;\n  /** Where it stands, in the document. */\n  readonly range: Signal<ContentStreamRange | null>;\n  /** Its box in viewport coordinates — the last line's, for a panel to\n      stand under; a caret's when nothing is proposed yet. Measured anew on\n      every change of the editor, so it follows the writing. */\n  readonly box: Signal<AnchorRect | null>;\n  /** Proposes content at the selection (or at `target`), written by\n      `callback` — see `streamContent` for the writer and the options. A\n      proposal already there is discarded first. `null` without an editor. */\n  propose(\n    callback: (writer: ContentStreamWriter) => Promise<void> | void,\n    options?: Omit<StreamContentOptions, 'history'> & { target?: number | ContentStreamRange },\n  ): ContentStreamRun | null;\n  /** Writes a part of the proposal again — `range`, inside it, or the\n      editor's selection when it lies inside — the rest standing. `null`\n      when there is no proposal holding it. */\n  revise(\n    callback: (writer: ContentStreamWriter) => Promise<void> | void,\n    options?: Omit<StreamContentOptions, 'history'> & { range?: ContentStreamRange },\n  ): ContentStreamRun | null;\n  /** The editor's selection, when it is a range inside the proposal —\n      what {@link revise} would write again; null otherwise. */\n  readonly selectedPart: Signal<ContentStreamRange | null>;\n  /** Stops the writing where it is; what is proposed stays proposed. */\n  stop(): void;\n  /** Takes the proposal into the document: one change, one undo. */\n  accept(): boolean;\n  /** Takes it out, as if never written. */\n  discard(): boolean;\n}\n\n/**\n * The proposal of an editor, bound and live — for a host's own panel: an\n * input of its choosing to ask with, and buttons to accept or discard:\n *\n *     readonly proposal = injectProposal(() => this.editor());\n *\n *     this.proposal.propose(async ({ write, signal }) => {\n *       for await (const piece of model.write(prompt, { signal })) write(piece);\n *     }, { format: 'html' });\n *\n *     <button [emailProposalAccept]=\"proposal\">Apply</button>\n *     <button [emailProposalDiscard]=\"proposal\">Discard</button>\n *\n * `editor` is read reactively: the proposal follows the editor it is given.\n * Call in an injection context, or hand it an injector.\n */\nexport function injectProposal(\n  editor: () => Editor | undefined,\n  options: { injector?: Injector } = {},\n): EditorProposal {\n  const injector = options.injector ?? inject(Injector);\n  const state = editorState(editor, { injector });\n  const range = computed(() => {\n    const now = state();\n    return now ? proposalRange(now) : null;\n  });\n  const streaming = computed(() => {\n    const now = state();\n    return !!now && !!proposalRange(now) && isStreaming(now);\n  });\n  const box = computed<AnchorRect | null>(() => {\n    const now = state();\n    const current = editor();\n    if (!now || !current || current.view.isDestroyed) return null;\n    const proposed = proposalRange(now);\n    const at = proposed ? proposed.to : now.selection.from;\n    // The line the proposal ends on: from where the proposal starts on it —\n    // or, when the proposal began on an earlier line, from the block's own\n    // left edge — to its end.\n    const pos = Math.min(at, now.doc.content.size);\n    const end = current.view.coordsAtPos(pos, -1);\n    const start = current.view.coordsAtPos(proposed ? proposed.from : pos);\n    let left = Math.min(start.left, end.left);\n    if (Math.abs(start.top - end.top) >= 1) {\n      const $end = now.doc.resolve(pos);\n      const block = $end.depth ? current.view.nodeDOM($end.before($end.depth)) : null;\n      left = block instanceof HTMLElement ? block.getBoundingClientRect().left : end.left;\n    }\n    return {\n      left,\n      top: end.top,\n      width: Math.max(0, end.right - left),\n      height: end.bottom - end.top,\n    };\n  });\n  const selectedPart = computed<ContentStreamRange | null>(() => {\n    const now = state();\n    const proposed = now && proposalRange(now);\n    if (!now || !proposed) return null;\n    const { from, to, empty } = now.selection;\n    return !empty && from >= proposed.from && to <= proposed.to ? { from, to } : null;\n  });\n  return {\n    active: computed(() => range() !== null),\n    selectedPart,\n    revise: (callback, options = {}) => {\n      const current = editor();\n      const { range: given, ...rest } = options;\n      const part = given ?? selectedPart();\n      if (!current || !part) return null;\n      return reviseProposal(current.view, part, callback, rest);\n    },\n    streaming,\n    thinking: computed(() => {\n      const current = range();\n      return streaming() && !!current && current.to === current.from;\n    }),\n    range,\n    box,\n    propose: (callback, options = {}) => {\n      const current = editor();\n      if (!current) return null;\n      const { target, ...rest } = options;\n      return proposeContent(current.view, target ?? current.state.selection.from, callback, rest);\n    },\n    stop: () => {\n      const current = editor();\n      if (current) stopProposal(current.view);\n    },\n    accept: () => {\n      const current = editor();\n      return !!current && acceptProposal(current.view);\n    },\n    discard: () => {\n      const current = editor();\n      return !!current && discardProposal(current.view);\n    },\n  };\n}\n\n/**\n * The proposal of an editor, as a directive: put it on the element that\n * holds the host's panel — the chat, the buttons — and everything inside\n * has it, by injection, with nothing to bind:\n *\n *     <div [emailProposal]=\"editor\" #p=\"emailProposal\">\n *       <button emailProposalAccept [disabled]=\"!p.active()\">Apply</button>\n *       <button emailProposalDiscard>Discard</button>\n *     </div>\n *\n * The directive *is* the {@link EditorProposal}: `p.active()`,\n * `p.propose(…)`, `p.accept()` — the same face `injectProposal` gives a\n * class, for a host that lives in its template. The two are one thing\n * looked at from two sides; a trigger takes either, bound or injected.\n */\n@Directive({ selector: '[emailProposal]', exportAs: 'emailProposal' })\nexport class Proposal implements EditorProposal {\n  /** The editor the proposal is in — read reactively, so it may come\n      later, or change. */\n  readonly editor = input.required<Editor | undefined>({ alias: 'emailProposal' });\n\n  readonly #proposal = injectProposal(() => this.editor());\n\n  readonly active = this.#proposal.active;\n  readonly streaming = this.#proposal.streaming;\n  readonly thinking = this.#proposal.thinking;\n  readonly range = this.#proposal.range;\n  readonly box = this.#proposal.box;\n  readonly selectedPart = this.#proposal.selectedPart;\n\n  propose(...args: Parameters<EditorProposal['propose']>): ContentStreamRun | null {\n    return this.#proposal.propose(...args);\n  }\n\n  revise(...args: Parameters<EditorProposal['revise']>): ContentStreamRun | null {\n    return this.#proposal.revise(...args);\n  }\n\n  stop(): void {\n    this.#proposal.stop();\n  }\n\n  accept(): boolean {\n    return this.#proposal.accept();\n  }\n\n  discard(): boolean {\n    return this.#proposal.discard();\n  }\n}\n\n/** A trigger's own binding: an `EditorProposal`, or nothing — the bare\n    attribute (`''`) counts as nothing, and the ancestor's is used. */\nconst bound = (value: EditorProposal | '' | undefined): EditorProposal | undefined =>\n  value || undefined;\n\n/** The proposal a trigger acts on: the one bound to it, else the one an\n    `[emailProposal]` ancestor provides. Neither is a mistake, and said so. */\nfunction resolveProposal(\n  own: Signal<EditorProposal | undefined>,\n  selector: string,\n): Signal<EditorProposal> {\n  const provided = inject(Proposal, { optional: true });\n  return computed(() => {\n    const proposal = own() ?? provided ?? undefined;\n    if (!proposal) {\n      throw new Error(\n        `[${selector}] has no proposal: bind one ([${selector}]=\"proposal\"), ` +\n          `or put [emailProposal] on an ancestor.`,\n      );\n    }\n    return proposal;\n  });\n}\n\n/**\n * Makes the host's own button the one that accepts the proposal: a click\n * takes it into the document and hands the caret back; disabled — by the\n * host's own means, bound from `disabled()` — while nothing is proposed or\n * it is still being written. The proposal is bound, or, bare, the\n * `[emailProposal]` ancestor's.\n *\n *     <button mat-button [emailProposalAccept]=\"proposal\" #apply=\"emailProposalAccept\"\n *             [disabled]=\"apply.disabled()\">Apply</button>\n */\n@Directive({\n  selector: '[emailProposalAccept]',\n  exportAs: 'emailProposalAccept',\n  host: { '(click)': 'run()', '[attr.aria-disabled]': 'disabled() ? true : null' },\n})\nexport class ProposalAccept {\n  readonly proposal = input(undefined, { alias: 'emailProposalAccept', transform: bound });\n\n  readonly #proposal = resolveProposal(this.proposal, 'emailProposalAccept');\n\n  readonly disabled = computed(() => !this.#proposal().active() || this.#proposal().streaming());\n\n  run(): boolean {\n    if (this.disabled()) return false;\n    return this.#proposal().accept();\n  }\n}\n\n/**\n * Makes the host's own button the one that discards the proposal: a click\n * takes it out, wherever the writing has got to. The proposal is bound,\n * or, bare, the `[emailProposal]` ancestor's.\n *\n *     <button mat-button [emailProposalDiscard]=\"proposal\">Discard</button>\n */\n@Directive({\n  selector: '[emailProposalDiscard]',\n  exportAs: 'emailProposalDiscard',\n  host: { '(click)': 'run()', '[attr.aria-disabled]': 'disabled() ? true : null' },\n})\nexport class ProposalDiscard {\n  readonly proposal = input(undefined, { alias: 'emailProposalDiscard', transform: bound });\n\n  readonly #proposal = resolveProposal(this.proposal, 'emailProposalDiscard');\n\n  readonly disabled = computed(() => !this.#proposal().active());\n\n  run(): boolean {\n    if (this.disabled()) return false;\n    return this.#proposal().discard();\n  }\n}\n\n/**\n * The keys of a proposal, heard from anywhere on the page — the text, the\n * host's input, a button — while one stands, before anything else hears\n * them (the document, capture phase):\n *\n * - **Ctrl-Enter** (⌘-Enter on a Mac) accepts: a proposal on the table is\n *   what the key commits, and whatever the editor binds to it (a send,\n *   say) never sees it. While the proposal is still being written the key\n *   is swallowed — nothing is sent, nothing is applied; one thing at a\n *   time. `accepted` says it happened.\n * - **Escape** is the host's: `escape` carries the event, and the host\n *   decides — close a menu over the text first, or let the proposal go —\n *   because what else is open is the host's to know. Nothing is prevented\n *   or stopped for it; the host does that on the event if it acts.\n *\n * Nothing is heard while nothing is proposed, and an IME's own keys stay\n * the IME's. The proposal is bound, or, bare, the `[emailProposal]`\n * ancestor's.\n *\n *     <div [emailProposal]=\"editor\" emailProposalKeys\n *          (accepted)=\"done()\" (escape)=\"$event.preventDefault(); leave()\">\n */\n@Directive({ selector: '[emailProposalKeys]', exportAs: 'emailProposalKeys' })\nexport class ProposalKeys {\n  readonly proposal = input(undefined, { alias: 'emailProposalKeys', transform: bound });\n\n  /** Ctrl-Enter (⌘-Enter) took the proposal into the document. */\n  readonly accepted = output<void>();\n\n  /** Escape, with a proposal standing — for the host to act on. */\n  readonly escape = output<KeyboardEvent>();\n\n  readonly #proposal = resolveProposal(this.proposal, 'emailProposalKeys');\n\n  readonly #document = inject(DOCUMENT);\n\n  constructor() {\n    effect((onCleanup) => {\n      const proposal = this.#proposal();\n      if (!proposal.active()) return;\n      const onKeydown = (event: KeyboardEvent) => {\n        if (event.isComposing) return;\n        if (event.key === 'Escape') {\n          this.escape.emit(event);\n        } else if (event.key === 'Enter' && (isMac() ? event.metaKey : event.ctrlKey)) {\n          event.preventDefault();\n          event.stopPropagation();\n          if (!proposal.streaming() && proposal.accept()) this.accepted.emit();\n        }\n      };\n      this.#document.addEventListener('keydown', onKeydown, true);\n      onCleanup(() => this.#document.removeEventListener('keydown', onKeydown, true));\n    });\n  }\n}\n\n/** Whether the keyboard is a Mac's: ⌘ where others hold Ctrl. */\nfunction isMac(): boolean {\n  return typeof navigator !== 'undefined' && /Mac|iP(hone|ad|od)/.test(navigator.platform);\n}\n","/*\n * Public API Surface of @h-k-dev/angular-email-editor/proposal\n */\n\nexport * from './proposal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AA0EA;;;;;;;;;;;;;;;AAeG;SACa,cAAc,CAC5B,MAAgC,EAChC,UAAmC,EAAE,EAAA;IAErC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;IACrD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;AAC/C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAK;AAC1B,QAAA,MAAM,GAAG,GAAG,KAAK,EAAE;AACnB,QAAA,OAAO,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IACxC,CAAC;8EAAC;AACF,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC9B,QAAA,MAAM,GAAG,GAAG,KAAK,EAAE;AACnB,QAAA,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC;IAC1D,CAAC;kFAAC;AACF,IAAA,MAAM,GAAG,GAAG,QAAQ,CAAoB,MAAK;AAC3C,QAAA,MAAM,GAAG,GAAG,KAAK,EAAE;AACnB,QAAA,MAAM,OAAO,GAAG,MAAM,EAAE;QACxB,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,IAAI;AAC7D,QAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI;;;;AAItD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC;AAC9C,QAAA,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC7C,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;AACtE,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;AACzC,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACtC,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI;AAC/E,YAAA,IAAI,GAAG,KAAK,YAAY,WAAW,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QACrF;QACA,OAAO;YACL,IAAI;YACJ,GAAG,EAAE,GAAG,CAAC,GAAG;AACZ,YAAA,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;AACpC,YAAA,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG;SAC7B;IACH,CAAC;4EAAC;AACF,IAAA,MAAM,YAAY,GAAG,QAAQ,CAA4B,MAAK;AAC5D,QAAA,MAAM,GAAG,GAAG,KAAK,EAAE;QACnB,MAAM,QAAQ,GAAG,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC;AAC1C,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,IAAI;QAClC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,SAAS;QACzC,OAAO,CAAC,KAAK,IAAI,IAAI,IAAI,QAAQ,CAAC,IAAI,IAAI,EAAE,IAAI,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI;IACnF,CAAC;qFAAC;IACF,OAAO;QACL,MAAM,EAAE,QAAQ,CAAC,MAAM,KAAK,EAAE,KAAK,IAAI,CAAC;QACxC,YAAY;QACZ,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,KAAI;AACjC,YAAA,MAAM,OAAO,GAAG,MAAM,EAAE;YACxB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO;AACzC,YAAA,MAAM,IAAI,GAAG,KAAK,IAAI,YAAY,EAAE;AACpC,YAAA,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI;AAAE,gBAAA,OAAO,IAAI;AAClC,YAAA,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC;QAC3D,CAAC;QACD,SAAS;AACT,QAAA,QAAQ,EAAE,QAAQ,CAAC,MAAK;AACtB,YAAA,MAAM,OAAO,GAAG,KAAK,EAAE;AACvB,YAAA,OAAO,SAAS,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,IAAI;AAChE,QAAA,CAAC,CAAC;QACF,KAAK;QACL,GAAG;QACH,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,KAAI;AAClC,YAAA,MAAM,OAAO,GAAG,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO;AAAE,gBAAA,OAAO,IAAI;YACzB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO;YACnC,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC;QAC7F,CAAC;QACD,IAAI,EAAE,MAAK;AACT,YAAA,MAAM,OAAO,GAAG,MAAM,EAAE;AACxB,YAAA,IAAI,OAAO;AAAE,gBAAA,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC;QACzC,CAAC;QACD,MAAM,EAAE,MAAK;AACX,YAAA,MAAM,OAAO,GAAG,MAAM,EAAE;YACxB,OAAO,CAAC,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;QAClD,CAAC;QACD,OAAO,EAAE,MAAK;AACZ,YAAA,MAAM,OAAO,GAAG,MAAM,EAAE;YACxB,OAAO,CAAC,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;QACnD,CAAC;KACF;AACH;AAEA;;;;;;;;;;;;;;AAcG;MAEU,QAAQ,CAAA;AACnB;AACwB;IACf,MAAM,GAAG,KAAK,CAAC,QAAQ,6EAAuB,KAAK,EAAE,eAAe,EAAA,CAAG;IAEvE,SAAS,GAAG,cAAc,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;AAE/C,IAAA,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;AAC9B,IAAA,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS;AACpC,IAAA,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ;AAClC,IAAA,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK;AAC5B,IAAA,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG;AACxB,IAAA,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY;IAEnD,OAAO,CAAC,GAAG,IAA2C,EAAA;QACpD,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACxC;IAEA,MAAM,CAAC,GAAG,IAA0C,EAAA;QAClD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACvC;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACvB;IAEA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;IAChC;IAEA,OAAO,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;IACjC;uGAhCW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBADpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE;;AAoCrE;AACsE;AACtE,MAAM,KAAK,GAAG,CAAC,KAAsC,KACnD,KAAK,IAAI,SAAS;AAEpB;AAC8E;AAC9E,SAAS,eAAe,CACtB,GAAuC,EACvC,QAAgB,EAAA;AAEhB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACrD,OAAO,QAAQ,CAAC,MAAK;QACnB,MAAM,QAAQ,GAAG,GAAG,EAAE,IAAI,QAAQ,IAAI,SAAS;QAC/C,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,MAAM,IAAI,KAAK,CACb,IAAI,QAAQ,CAAA,8BAAA,EAAiC,QAAQ,CAAA,eAAA,CAAiB;AACpE,gBAAA,CAAA,sCAAA,CAAwC,CAC3C;QACH;AACA,QAAA,OAAO,QAAQ;AACjB,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;;AASG;MAMU,cAAc,CAAA;AAChB,IAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,KAAK,GAAG;IAE/E,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAEjE,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE;iFAAC;IAE9F,GAAG,GAAA;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,KAAK;AACjC,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;IAClC;uGAVW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE;AACjF,iBAAA;;AAcD;;;;;;AAMG;MAMU,eAAe,CAAA;AACjB,IAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,GAAG;IAEhF,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,sBAAsB,CAAC;AAElE,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;iFAAC;IAE9D,GAAG,GAAA;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,KAAK;AACjC,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE;IACnC;uGAVW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE;AACjF,iBAAA;;AAcD;;;;;;;;;;;;;;;;;;;;;AAqBG;MAEU,YAAY,CAAA;AACd,IAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,GAAG;;IAG7E,QAAQ,GAAG,MAAM,EAAQ;;IAGzB,MAAM,GAAG,MAAM,EAAiB;IAEhC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC;AAE/D,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAErC,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE;AACjC,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBAAE;AACxB,YAAA,MAAM,SAAS,GAAG,CAAC,KAAoB,KAAI;gBACzC,IAAI,KAAK,CAAC,WAAW;oBAAE;AACvB,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;gBACzB;qBAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,KAAK,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;oBAC7E,KAAK,CAAC,cAAc,EAAE;oBACtB,KAAK,CAAC,eAAe,EAAE;oBACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,EAAE;AAAE,wBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;gBACtE;AACF,YAAA,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAC3D,YAAA,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACjF,QAAA,CAAC,CAAC;IACJ;uGA9BW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,mBAAmB,EAAE;;AAkC7E;AACA,SAAS,KAAK,GAAA;AACZ,IAAA,OAAO,OAAO,SAAS,KAAK,WAAW,IAAI,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;AAC1F;;ACzWA;;AAEG;;ACFH;;AAEG;;;;"}