@mihe-dev/js 0.0.0-stage → 0.2.0

package/dist/widget/element.d.ts

@@ -0,0 +1,88 @@
+/**
+ * `<mihe-assistant>`: the widget as a web component, for any page and any
+ * framework (doc 08). The orb by default, or the classic launcher and panel,
+ * or just the panel inside a container of the host's.
+ *
+ * ```ts
+ * import { createMihe, mountWidget } from "@mihe-dev/js";
+ * const mihe = createMihe({ … });
+ * mountWidget(mihe);                                           // floating
+ * mountWidget(mihe, { layout: "inline", container: sidebar }); // in a sidebar
+ * ```
+ *
+ * Or in HTML, connected by script:
+ *
+ * ```html
+ * <mihe-assistant form="classic" corner="bottom-left"></mihe-assistant>
+ * <script type="module">
+ *   defineMiheAssistant();
+ *   document.querySelector("mihe-assistant").mihe = createMihe({ … });
+ * </script>
+ * ```
+ *
+ * Everything renders in a shadow root, so the host page's CSS cannot reach
+ * it. One consequence: the panel's id is inside the shadow root, so a host
+ * trigger's `aria-controls` cannot point at it.
+ *
+ * The class is defined when `defineMiheAssistant` first runs, never on
+ * import: importing must work where `HTMLElement` does not exist, such as a
+ * server render, and must not register anything a page did not ask for.
+ */
+import type { VoiceMode, WidgetCorner, WidgetForm } from "@mihe-dev/protocol";
+import type { Mihe } from "../mihe.js";
+export declare const ELEMENT_NAME = "mihe-assistant";
+export interface WidgetOptions {
+    /**
+     * `"floating"`, the default: the orb or launcher, and a panel over the
+     * page. `"inline"`: the panel alone, filling the element, for a sidebar or
+     * a drawer the host app owns.
+     */
+    layout?: "floating" | "inline";
+    /** Header title, and the launcher's accessible name. The app's assistant name otherwise. */
+    title?: string;
+    placeholder?: string;
+    /** Show the orb or launcher. Off when the host app has its own trigger. */
+    showLauncher?: boolean;
+    /** Open on first mount. */
+    defaultOpen?: boolean;
+    /** Inline only: a close button in the header. */
+    showClose?: boolean;
+    /** Drawn in the orb or launcher in place of the uploaded icon. Cloned. */
+    launcherIcon?: Node;
+    /**
+     * How far the orb, launcher and floating panel sit from the bottom and side
+     * edges, in pixels; 20 by default. For a page with its own floating widget
+     * in the same corner, such as a support chat: lift Mihe above it rather
+     * than stacking the two.
+     */
+    offset?: {
+        bottom?: number;
+        side?: number;
+    };
+    form?: WidgetForm;
+    draggable?: boolean;
+    corner?: WidgetCorner;
+    voiceModes?: VoiceMode[];
+}
+/** `<mihe-assistant>`, once defined. */
+export interface MiheAssistantElement extends HTMLElement {
+    /** The assistant it draws. Setting it connects the element. */
+    mihe: Mihe | null;
+    /** Merged over the element's attributes. */
+    options: WidgetOptions;
+}
+/** Register `<mihe-assistant>`. Safe to call more than once. */
+export declare function defineMiheAssistant(): void;
+export interface MountedWidget {
+    element: MiheAssistantElement;
+    /** Remove the widget. The assistant stays connected. */
+    unmount: () => void;
+}
+/**
+ * Put the widget on the page: floating over it by default, or inline in
+ * `container` with `layout: "inline"`.
+ */
+export declare function mountWidget(mihe: Mihe, options?: WidgetOptions & {
+    container?: Element;
+}): MountedWidget;
+//# sourceMappingURL=element.d.ts.map

package/dist/widget/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAkB,MAAM,oBAAoB,CAAC;AAE9F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAOpC,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC/B,4FAA4F;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAO5C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B;AAED,wCAAwC;AACxC,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,+DAA+D;IAC/D,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,aAAa,CAAC;CACxB;AA4CD,gEAAgE;AAChE,wBAAgB,mBAAmB,IAAI,IAAI,CAqN1C;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EACV,OAAO,GAAE,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO,GACpD,aAAa,CAQf"}

package/dist/widget/element.js

@@ -0,0 +1,285 @@
+/**
+ * `<mihe-assistant>`: the widget as a web component, for any page and any
+ * framework (doc 08). The orb by default, or the classic launcher and panel,
+ * or just the panel inside a container of the host's.
+ *
+ * ```ts
+ * import { createMihe, mountWidget } from "@mihe-dev/js";
+ * const mihe = createMihe({ … });
+ * mountWidget(mihe);                                           // floating
+ * mountWidget(mihe, { layout: "inline", container: sidebar }); // in a sidebar
+ * ```
+ *
+ * Or in HTML, connected by script:
+ *
+ * ```html
+ * <mihe-assistant form="classic" corner="bottom-left"></mihe-assistant>
+ * <script type="module">
+ *   defineMiheAssistant();
+ *   document.querySelector("mihe-assistant").mihe = createMihe({ … });
+ * </script>
+ * ```
+ *
+ * Everything renders in a shadow root, so the host page's CSS cannot reach
+ * it. One consequence: the panel's id is inside the shadow root, so a host
+ * trigger's `aria-controls` cannot point at it.
+ *
+ * The class is defined when `defineMiheAssistant` first runs, never on
+ * import: importing must work where `HTMLElement` does not exist, such as a
+ * server render, and must not register anything a page did not ask for.
+ */
+import { h, replace, setAttrs } from "./dom.js";
+import { launcherFace } from "./launcher.js";
+import { Orb } from "./orb.js";
+import { DEFAULT_VOICE_MODES, Panel } from "./panel.js";
+import { STYLES } from "./styles.js";
+export const ELEMENT_NAME = "mihe-assistant";
+/** A setting passed in code, the app's setting otherwise, the SDK's default last. */
+function resolve(options, settings) {
+    const allowed = settings?.voiceModes ?? DEFAULT_VOICE_MODES;
+    return {
+        form: options.form ?? settings?.form ?? "orb",
+        draggable: options.draggable ?? settings?.draggable ?? false,
+        corner: options.corner ?? settings?.corner ?? "bottom-right",
+        voiceModes: options.voiceModes ? options.voiceModes.filter((mode) => allowed.includes(mode)) : allowed,
+    };
+}
+/** Options written as attributes, for a widget placed in HTML. */
+function fromAttributes(element) {
+    const read = (name) => element.getAttribute(name) ?? undefined;
+    const flag = (name) => (element.hasAttribute(name) ? read(name) !== "false" : undefined);
+    const modes = read("voice-modes");
+    return {
+        layout: read("layout"),
+        // Not `title`, which every element already has as its tooltip.
+        title: read("heading"),
+        placeholder: read("placeholder"),
+        showLauncher: flag("show-launcher"),
+        defaultOpen: flag("default-open"),
+        showClose: flag("show-close"),
+        form: read("form"),
+        draggable: flag("draggable"),
+        corner: read("corner"),
+        offset: read("offset-bottom") === undefined && read("offset-side") === undefined
+            ? undefined
+            : {
+                bottom: read("offset-bottom") === undefined ? undefined : Number(read("offset-bottom")),
+                side: read("offset-side") === undefined ? undefined : Number(read("offset-side")),
+            },
+        voiceModes: modes === undefined ? undefined : modes.split(/[\s,]+/).filter(Boolean),
+    };
+}
+function withoutUndefined(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+/** Register `<mihe-assistant>`. Safe to call more than once. */
+export function defineMiheAssistant() {
+    if (typeof customElements === "undefined" || customElements.get(ELEMENT_NAME))
+        return;
+    class Element extends HTMLElement {
+        static observedAttributes = [
+            "layout",
+            "heading",
+            "placeholder",
+            "show-launcher",
+            "default-open",
+            "show-close",
+            "form",
+            "draggable",
+            "corner",
+            "voice-modes",
+            "offset-bottom",
+            "offset-side",
+        ];
+        assistant = null;
+        ownOptions = {};
+        unsubscribe = null;
+        shadow = null;
+        panel = null;
+        orb = null;
+        launcher = null;
+        launcherKey = [];
+        failedIcon = null;
+        openedByDefault = false;
+        get mihe() {
+            return this.assistant;
+        }
+        set mihe(value) {
+            if (value === this.assistant)
+                return;
+            this.disconnectAssistant();
+            this.assistant = value;
+            if (this.isConnected)
+                this.connectAssistant();
+        }
+        get options() {
+            return this.ownOptions;
+        }
+        set options(value) {
+            this.ownOptions = { ...value };
+            this.render();
+        }
+        connectedCallback() {
+            if (!this.shadow) {
+                this.shadow = this.attachShadow({ mode: "open" });
+                this.shadow.appendChild(h("style", {}, STYLES));
+            }
+            this.connectAssistant();
+        }
+        disconnectedCallback() {
+            this.disconnectAssistant();
+        }
+        attributeChangedCallback() {
+            this.render();
+        }
+        connectAssistant() {
+            if (!this.assistant || this.unsubscribe || !this.shadow)
+                return;
+            const mihe = this.assistant;
+            this.panel = new Panel(mihe, { showClose: true, showVoice: true });
+            this.shadow.appendChild(this.panel.root);
+            this.unsubscribe = mihe.subscribe(() => this.render());
+            // Honoured once. After that the assistant owns open and closed, so a
+            // host trigger and this option cannot fight over it.
+            if (this.resolved().defaultOpen && !this.openedByDefault) {
+                this.openedByDefault = true;
+                mihe.open();
+            }
+            this.render();
+        }
+        disconnectAssistant() {
+            this.unsubscribe?.();
+            this.unsubscribe = null;
+            this.orb?.destroy();
+            for (const part of [this.panel?.root, this.orb?.root, this.launcher])
+                part?.remove();
+            this.panel = null;
+            this.orb = null;
+            this.launcher = null;
+            this.launcherKey = [];
+        }
+        resolved() {
+            return { ...withoutUndefined(fromAttributes(this)), ...withoutUndefined(this.ownOptions) };
+        }
+        render() {
+            const mihe = this.assistant;
+            if (!mihe || !this.shadow || !this.panel)
+                return;
+            const state = mihe.getState();
+            const options = this.resolved();
+            const widget = resolve(options, state.widgetSettings);
+            const heading = options.title ?? state.assistantName ?? "Assistant";
+            const offset = { bottom: options.offset?.bottom ?? 20, side: options.offset?.side ?? 20 };
+            const showLauncher = options.showLauncher ?? true;
+            const panel = this.panel;
+            if (options.layout === "inline") {
+                // For `:host([layout="inline"])`. Set only when missing, because
+                // setting an observed attribute calls back into this render.
+                if (this.getAttribute("layout") !== "inline")
+                    this.setAttribute("layout", "inline");
+                panel.setOptions({
+                    title: options.title,
+                    placeholder: options.placeholder,
+                    showClose: options.showClose ?? false,
+                    showVoice: true,
+                });
+                panel.root.classList.remove("floating", "left", "right");
+                panel.root.removeAttribute("style");
+                panel.root.hidden = false;
+                panel.update(state);
+                this.hideOrb();
+                if (this.launcher)
+                    this.launcher.hidden = true;
+                return;
+            }
+            if (widget.form === "orb") {
+                if (this.launcher)
+                    this.launcher.hidden = true;
+                if (!this.orb) {
+                    this.orb = new Orb(mihe);
+                    this.shadow.appendChild(this.orb.root);
+                }
+                this.orb.update(state, {
+                    heading,
+                    draggable: widget.draggable,
+                    corner: widget.corner,
+                    voiceModes: widget.voiceModes,
+                    launcherIcon: options.launcherIcon,
+                    offset,
+                });
+                // Chat open: the panel takes the orb's place, on the orb's side.
+                // Voice is the orb's, so the panel has no microphone.
+                this.orb.root.hidden = state.isOpen || !showLauncher;
+                this.showPanel(state.isOpen, this.orb.side(), offset, {
+                    title: options.title,
+                    placeholder: options.placeholder,
+                    showClose: true,
+                    showVoice: false,
+                });
+                return;
+            }
+            this.hideOrb();
+            this.showPanel(state.isOpen, "right", offset, {
+                title: options.title,
+                placeholder: options.placeholder,
+                showClose: true,
+                showVoice: true,
+            });
+            const launcher = this.drawLauncher(heading, options.launcherIcon, state.launcherIconUrl);
+            launcher.hidden = state.isOpen || !showLauncher;
+            launcher.style.bottom = `${offset.bottom}px`;
+            launcher.style.right = `${offset.side}px`;
+        }
+        showPanel(open, side, offset, options) {
+            const panel = this.panel;
+            panel.root.hidden = !open;
+            panel.root.classList.add("floating");
+            panel.root.style.bottom = `${offset.bottom}px`;
+            panel.root.style.left = side === "left" ? `${offset.side}px` : "";
+            panel.root.style.right = side === "right" ? `${offset.side}px` : "";
+            // The panel keeps to the viewport however far it is lifted.
+            panel.root.style.height = `min(560px, calc(100vh - ${offset.bottom + 20}px))`;
+            panel.setOptions(options);
+            panel.update(this.assistant.getState());
+        }
+        hideOrb() {
+            if (this.orb)
+                this.orb.root.hidden = true;
+        }
+        drawLauncher(heading, icon, url) {
+            if (!this.launcher) {
+                this.launcher = h("button", {
+                    class: "launcher",
+                    attrs: { type: "button", "aria-controls": "mihe-panel", "aria-expanded": "false" },
+                    on: { click: () => this.assistant?.open() },
+                });
+                this.shadow.appendChild(this.launcher);
+            }
+            setAttrs(this.launcher, { "aria-label": `Open ${heading}` });
+            const key = [icon, url, this.failedIcon];
+            if (key.some((value, index) => value !== this.launcherKey[index])) {
+                this.launcherKey = key;
+                replace(this.launcher, launcherFace(icon, url, this.failedIcon, (failed) => {
+                    this.failedIcon = failed;
+                    this.render();
+                }));
+            }
+            return this.launcher;
+        }
+    }
+    customElements.define(ELEMENT_NAME, Element);
+}
+/**
+ * Put the widget on the page: floating over it by default, or inline in
+ * `container` with `layout: "inline"`.
+ */
+export function mountWidget(mihe, options = {}) {
+    defineMiheAssistant();
+    const { container, ...widget } = options;
+    const element = document.createElement(ELEMENT_NAME);
+    element.options = widget;
+    element.mihe = mihe;
+    (container ?? document.body).appendChild(element);
+    return { element, unmount: () => element.remove() };
+}
+//# sourceMappingURL=element.js.map

package/dist/widget/element.js.map

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

package/dist/widget/format.d.ts

@@ -0,0 +1,24 @@
+/**
+ * How a proposal's input reads on the approval card, for every card Mihe
+ * draws: the web component's and the React SDK's.
+ *
+ * One copy, because the card is the last thing a user reads before approving
+ * something consequential, and two copies would drift in exactly the place
+ * where "what they were shown" has to mean one thing.
+ */
+/**
+ * Render one field of a proposal for a person to read.
+ *
+ * This is the last thing a user sees before approving something consequential,
+ * so `JSON.stringify` is not good enough — it was showing
+ * `[{"productName":"Chocolate Protein Loaf","quantity":3}]` where the sentence
+ * "3 × Chocolate Protein Loaf" was wanted. Someone who cannot read the card
+ * cannot meaningfully consent to what it describes.
+ *
+ * Values still come entirely from the schema-validated input, never from model
+ * prose, so this changes how the payload is *shown* and not what it can say.
+ */
+export declare function formatValue(value: unknown): string;
+/** `productName` and `order_number` both become "Product name". */
+export declare function humanizeKey(key: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/widget/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/format.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAsClD;AAED,mEAAmE;AACnE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM/C"}

package/dist/widget/format.js

@@ -0,0 +1,64 @@
+/**
+ * How a proposal's input reads on the approval card, for every card Mihe
+ * draws: the web component's and the React SDK's.
+ *
+ * One copy, because the card is the last thing a user reads before approving
+ * something consequential, and two copies would drift in exactly the place
+ * where "what they were shown" has to mean one thing.
+ */
+/**
+ * Render one field of a proposal for a person to read.
+ *
+ * This is the last thing a user sees before approving something consequential,
+ * so `JSON.stringify` is not good enough — it was showing
+ * `[{"productName":"Chocolate Protein Loaf","quantity":3}]` where the sentence
+ * "3 × Chocolate Protein Loaf" was wanted. Someone who cannot read the card
+ * cannot meaningfully consent to what it describes.
+ *
+ * Values still come entirely from the schema-validated input, never from model
+ * prose, so this changes how the payload is *shown* and not what it can say.
+ */
+export function formatValue(value) {
+    if (value === null || value === undefined)
+        return "—";
+    if (typeof value === "string")
+        return value;
+    if (typeof value === "number" || typeof value === "boolean") {
+        return String(value);
+    }
+    if (Array.isArray(value)) {
+        return value.map(formatValue).join(", ") || "—";
+    }
+    if (typeof value === "object") {
+        const entries = Object.entries(value);
+        // A quantity paired with a name is common enough — order lines, stock
+        // adjustments, recipe amounts — to be worth reading as one.
+        const quantity = entries.find(([key]) => /^(quantity|qty|count)$/i.test(key));
+        // An id is not a product name. Only compact a labelled quantity; all
+        // remaining fields still have to be visible before the user consents.
+        const name = entries.find(([key, nested]) => /(?:name|title|label)$|^(?:product|item)$/i.test(key) &&
+            typeof nested === "string");
+        if (quantity && name) {
+            const details = entries
+                .filter(([key]) => key !== quantity[0] && key !== name[0])
+                .map(([key, nested]) => `${humanizeKey(key)}: ${formatValue(nested)}`);
+            return [
+                `${formatValue(quantity[1])} × ${formatValue(name[1])}`,
+                ...details,
+            ].join("; ");
+        }
+        return entries
+            .map(([key, nested]) => `${humanizeKey(key)}: ${formatValue(nested)}`)
+            .join(", ");
+    }
+    return String(value);
+}
+/** `productName` and `order_number` both become "Product name". */
+export function humanizeKey(key) {
+    const spaced = key
+        .replace(/[_-]+/g, " ")
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        .trim();
+    return spaced.charAt(0).toUpperCase() + spaced.slice(1).toLowerCase();
+}
+//# sourceMappingURL=format.js.map

package/dist/widget/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../../js/src/widget/format.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;QAC5D,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;IAClD,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC,CAAC;QAEjE,sEAAsE;QACtE,4DAA4D;QAC5D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9E,qEAAqE;QACrE,sEAAsE;QACtE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAC1C,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC;YACrD,OAAO,MAAM,KAAK,QAAQ,CAC3B,CAAC;QACF,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;YACrB,MAAM,OAAO,GAAG,OAAO;iBACpB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACzE,OAAO;gBACL,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;gBACvD,GAAG,OAAO;aACX,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;QAED,OAAO,OAAO;aACX,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;aACrE,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,mEAAmE;AACnE,MAAM,UAAU,WAAW,CAAC,GAAW;IACrC,MAAM,MAAM,GAAG,GAAG;SACf,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;SACtB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,IAAI,EAAE,CAAC;IACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACxE,CAAC"}

package/dist/widget/icons.d.ts

@@ -0,0 +1,5 @@
+/** The orb menu's icons, the same strokes as the React SDK's. */
+export declare const chatIcon: () => SVGElement;
+export declare const micIcon: () => SVGElement;
+export declare const waveIcon: () => SVGElement;
+//# sourceMappingURL=icons.d.ts.map

package/dist/widget/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/icons.ts"],"names":[],"mappings":"AAAA,iEAAiE;AAsBjE,eAAO,MAAM,QAAQ,kBACwH,CAAC;AAE9I,eAAO,MAAM,OAAO,kBAIjB,CAAC;AAEJ,eAAO,MAAM,QAAQ,kBAA6E,CAAC"}

package/dist/widget/icons.js

@@ -0,0 +1,19 @@
+/** The orb menu's icons, the same strokes as the React SDK's. */
+import { svg } from "./dom.js";
+function icon(...children) {
+    return svg("svg", {
+        viewBox: "0 0 20 20",
+        width: 18,
+        height: 18,
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 1.7,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, ...children);
+}
+export const chatIcon = () => icon(svg("path", { d: "M4 4.5h12a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-1.5 1.5H9l-4 3v-3H4A1.5 1.5 0 0 1 2.5 13V6A1.5 1.5 0 0 1 4 4.5Z" }));
+export const micIcon = () => icon(svg("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3 }), svg("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" }));
+export const waveIcon = () => icon(svg("path", { d: "M3 10v0M6.5 7v6M10 4v12M13.5 7v6M17 10v0" }));
+//# sourceMappingURL=icons.js.map

package/dist/widget/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../js/src/widget/icons.ts"],"names":[],"mappings":"AAAA,iEAAiE;AAEjE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,SAAS,IAAI,CAAC,GAAG,QAAsB;IACrC,OAAO,GAAG,CACR,KAAK,EACL;QACE,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,GAAG;QACnB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,MAAM;KACtB,EACD,GAAG,QAAQ,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iHAAiH,EAAE,CAAC,CAAC,CAAC;AAE9I,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAC1B,IAAI,CACF,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAC1D,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,uCAAuC,EAAE,CAAC,CAC5D,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC"}

package/dist/widget/launcher.d.ts

@@ -0,0 +1,13 @@
+/**
+ * What the launcher and the orb show: the host's own icon, the customer's
+ * uploaded icon, or the Mihe mark on the brand's warm ink.
+ */
+/**
+ * The uploaded image fills the circle, so what the dashboard's preview shows
+ * is what a user sees. If it cannot load (a Content-Security-Policy that does
+ * not allow the storage's domain, say), it falls back to the mark instead of
+ * an empty circle: `onFail` is told which URL failed, and the next draw skips
+ * it.
+ */
+export declare function launcherFace(override: Node | undefined, url: string | null, failed: string | null, onFail: (url: string) => void): Node;
+//# sourceMappingURL=launcher.d.ts.map

package/dist/widget/launcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"launcher.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/launcher.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,IAAI,GAAG,SAAS,EAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAC5B,IAAI,CAUN"}

package/dist/widget/launcher.js

@@ -0,0 +1,27 @@
+/**
+ * What the launcher and the orb show: the host's own icon, the customer's
+ * uploaded icon, or the Mihe mark on the brand's warm ink.
+ */
+import { h } from "./dom.js";
+import { miheMark } from "./mark.js";
+import { LAUNCHER_INK, LAUNCHER_VOICE } from "./styles.js";
+/**
+ * The uploaded image fills the circle, so what the dashboard's preview shows
+ * is what a user sees. If it cannot load (a Content-Security-Policy that does
+ * not allow the storage's domain, say), it falls back to the mark instead of
+ * an empty circle: `onFail` is told which URL failed, and the next draw skips
+ * it.
+ */
+export function launcherFace(override, url, failed, onFail) {
+    if (override)
+        return override.cloneNode(true);
+    if (url && url !== failed) {
+        return h("img", {
+            class: "launcher-image",
+            attrs: { src: url, alt: "", draggable: "false" },
+            on: { error: () => onFail(url) },
+        });
+    }
+    return miheMark(34, LAUNCHER_INK, LAUNCHER_VOICE);
+}
+//# sourceMappingURL=launcher.js.map

package/dist/widget/launcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"launcher.js","sourceRoot":"","sources":["../../../../js/src/widget/launcher.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,QAA0B,EAC1B,GAAkB,EAClB,MAAqB,EACrB,MAA6B;IAE7B,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,GAAG,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CAAC,CAAC,KAAK,EAAE;YACd,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YAChD,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;SACjC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC,EAAE,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACpD,CAAC"}

package/dist/widget/mark.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The Mihe mark, the widget's default launcher icon (amendment 58).
+ *
+ * An oracle in an open ring, with one pair of arcs for its voice. Drawn inline
+ * rather than loaded, so the default launcher needs no request and no
+ * permission from the host page's Content-Security-Policy. A copy of the
+ * React SDK's `mark.tsx`, which holds the same two paths.
+ */
+export declare function miheMark(size: number, body: string, voice: string): SVGElement;
+//# sourceMappingURL=mark.d.ts.map

package/dist/widget/mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/mark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAYH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,UAAU,CAS9E"}

package/dist/widget/mark.js

@@ -0,0 +1,20 @@
+/**
+ * The Mihe mark, the widget's default launcher icon (amendment 58).
+ *
+ * An oracle in an open ring, with one pair of arcs for its voice. Drawn inline
+ * rather than loaded, so the default launcher needs no request and no
+ * permission from the host page's Content-Security-Policy. A copy of the
+ * React SDK's `mark.tsx`, which holds the same two paths.
+ */
+import { svg } from "./dom.js";
+const TRANSFORM = "translate(0.000000,1760.000000) scale(0.100000,-0.100000)";
+/** The figure and the ring. */
+const BODY = "M8165 16868 c-450 -31 -1057 -131 -1495 -248 -76 -20 -156 -42 -180 -50 -14 -5 -50 -15 -80 -24 -146 -41 -273 -82 -360 -117 -25 -9 -74 -27 -110 -39 -36 -12 -74 -25 -85 -30 -11 -4 -40 -15 -65 -25 -25 -10 -54 -21 -65 -26 -11 -4 -85 -35 -165 -67 -218 -90 -530 -238 -715 -340 -38 -21 -106 -58 -150 -82 -44 -24 -108 -61 -143 -82 -34 -21 -65 -38 -68 -38 -2 0 -17 -8 -32 -19 -15 -10 -52 -34 -82 -53 -1161 -733 -2106 -1735 -2771 -2935 -74 -134 -219 -425 -219 -440 0 -4 -10 -24 -23 -43 -13 -19 -34 -60 -46 -90 -13 -30 -35 -80 -48 -110 -49 -112 -56 -127 -91 -220 -16 -41 -32 -84 -37 -95 -45 -114 -195 -563 -238 -715 -26 -88 -58 -212 -67 -255 -5 -22 -16 -69 -25 -105 -19 -78 -66 -317 -89 -455 -140 -836 -144 -1701 -11 -2525 9 -52 20 -122 25 -155 9 -53 17 -97 51 -262 16 -78 80 -337 105 -423 74 -256 219 -700 264 -810 26 -63 55 -135 79 -192 6 -13 24 -54 40 -91 17 -38 31 -70 31 -72 0 -3 105 -221 203 -425 39 -79 80 -154 128 -233 16 -26 29 -50 29 -52 0 -3 37 -65 82 -138 45 -72 88 -143 95 -157 64 -113 285 -440 339 -500 12 -14 43 -56 70 -95 42 -63 164 -220 221 -285 12 -14 36 -43 55 -66 250 -310 644 -706 1038 -1045 68 -59 396 -310 514 -395 88 -63 522 -341 596 -382 19 -10 80 -45 135 -77 120 -69 571 -298 670 -339 39 -16 107 -47 153 -68 46 -21 87 -38 93 -38 5 0 17 -4 27 -10 25 -13 78 -35 157 -63 39 -14 120 -43 180 -65 222 -82 417 -145 565 -183 41 -10 91 -23 110 -29 134 -37 514 -119 645 -139 836 -130 1685 -150 2385 -57 63 8 151 20 195 26 44 6 100 15 125 20 25 5 88 17 140 25 286 49 729 160 1015 256 198 67 349 119 370 129 11 6 72 30 135 54 63 24 142 56 175 71 103 46 118 52 183 79 53 22 224 108 572 287 750 385 1586 1059 2290 1844 219 244 499 612 666 873 32 52 91 144 131 205 91 141 268 456 366 652 87 172 167 341 167 350 0 4 6 21 14 38 56 124 212 529 241 627 9 30 21 64 26 75 4 11 16 45 25 75 9 30 25 82 36 115 54 166 146 535 178 710 82 461 106 640 137 1030 20 252 23 814 5 1015 -6 74 -17 191 -23 260 -12 141 -34 328 -49 410 -5 30 -16 100 -25 155 -9 55 -26 145 -37 200 -11 55 -24 118 -28 140 -4 22 -16 72 -25 110 -9 39 -20 86 -24 105 -203 889 -617 1816 -1181 2640 -141 205 -236 333 -350 470 -52 63 -113 138 -135 165 -203 255 -745 786 -1035 1016 -58 45 -138 109 -179 142 -228 181 -749 524 -1006 662 -49 26 -115 62 -145 78 -71 38 -346 176 -430 215 -138 64 -201 92 -206 92 -3 0 -35 14 -71 30 -35 17 -70 30 -77 30 -6 0 -16 4 -21 8 -9 8 -216 87 -387 148 -38 13 -98 35 -135 49 -38 13 -102 34 -143 45 -41 12 -97 28 -125 36 -180 53 -464 125 -610 154 -165 33 -214 43 -240 47 -16 2 -66 10 -110 18 -328 56 -573 84 -755 88 l-125 2 0 -515 0 -515 190 -21 c105 -12 242 -29 305 -39 63 -10 138 -21 165 -26 123 -18 192 -30 225 -39 19 -5 62 -14 95 -20 233 -44 615 -154 905 -260 47 -17 105 -38 130 -47 25 -8 59 -21 75 -28 17 -7 93 -39 170 -71 418 -173 867 -425 1345 -757 747 -518 1525 -1379 1970 -2182 18 -33 41 -73 50 -90 64 -116 84 -152 123 -231 25 -49 57 -118 72 -154 15 -36 36 -85 47 -110 42 -93 56 -127 78 -180 12 -30 26 -64 31 -75 61 -146 144 -376 194 -540 15 -49 31 -101 36 -115 9 -26 46 -175 74 -295 8 -38 20 -86 25 -105 15 -58 45 -214 80 -425 24 -141 62 -499 79 -745 34 -482 -17 -1111 -134 -1655 -14 -66 -30 -140 -35 -165 -8 -38 -22 -93 -65 -260 -28 -107 -86 -292 -127 -405 -59 -164 -118 -318 -128 -337 -6 -10 -10 -22 -10 -27 0 -6 -18 -49 -40 -96 -22 -47 -40 -88 -40 -90 0 -27 -247 -518 -314 -624 -14 -22 -26 -43 -26 -45 0 -37 -381 -596 -565 -829 -225 -283 -622 -706 -875 -929 -155 -137 -228 -198 -237 -198 -9 0 -127 185 -183 285 -12 22 -28 47 -35 55 -7 8 -32 49 -55 90 -24 41 -76 125 -115 185 -40 61 -123 195 -186 298 -63 103 -126 207 -141 230 -15 23 -31 49 -35 57 -3 8 -16 29 -27 45 -12 17 -26 39 -33 50 -7 11 -33 54 -59 95 -67 106 -620 996 -1072 1725 -58 94 -129 206 -158 251 -29 45 -65 103 -80 130 -15 27 -55 92 -89 144 -88 134 -280 445 -400 645 -56 94 -163 269 -239 389 -75 121 -135 224 -134 228 2 5 35 54 73 109 403 577 447 641 713 1032 134 197 262 399 262 413 0 8 -36 85 -79 172 -44 86 -142 285 -219 442 -77 157 -244 497 -372 755 -128 259 -297 601 -375 760 -78 160 -220 448 -315 640 -95 193 -264 535 -376 760 -400 810 -543 1101 -566 1155 -14 30 -33 74 -43 98 -17 39 -55 61 -55 31 0 -6 -35 -83 -79 -172 -43 -89 -106 -218 -139 -287 -68 -142 -323 -661 -607 -1235 -106 -214 -271 -550 -368 -745 -225 -457 -457 -927 -747 -1515 -363 -735 -420 -852 -420 -862 0 -10 166 -267 241 -373 21 -30 95 -138 164 -240 68 -102 160 -237 204 -300 80 -115 147 -212 296 -430 43 -63 93 -135 112 -159 42 -56 42 -57 -11 -134 -24 -35 -58 -90 -76 -122 -29 -52 -66 -114 -107 -180 -7 -11 -20 -33 -29 -50 -9 -16 -45 -73 -79 -125 -34 -52 -74 -117 -89 -145 -16 -27 -34 -57 -42 -66 -8 -8 -14 -19 -14 -23 0 -4 -10 -22 -23 -39 -12 -18 -28 -41 -34 -52 -7 -11 -33 -54 -59 -95 -26 -41 -58 -95 -72 -120 -13 -25 -35 -58 -47 -75 -21 -29 -238 -378 -619 -995 -96 -157 -210 -339 -252 -405 -104 -164 -269 -429 -343 -550 -33 -55 -92 -149 -131 -210 -38 -60 -78 -126 -90 -145 -11 -19 -25 -42 -30 -50 -5 -8 -44 -71 -86 -140 -42 -69 -104 -168 -138 -220 -34 -53 -66 -104 -73 -115 -6 -11 -76 -123 -155 -249 -79 -126 -145 -234 -147 -240 -2 -6 -21 -36 -41 -66 -76 -112 -170 -260 -170 -267 0 -5 -14 -24 -30 -43 -29 -35 -29 -35 -82 16 -29 28 -91 84 -138 124 -567 490 -1171 1224 -1508 1832 -47 85 -232 451 -274 543 -20 44 -53 115 -72 158 -20 42 -36 80 -36 83 0 3 -6 20 -14 37 -20 47 -40 99 -85 222 -79 217 -90 252 -140 420 -49 167 -85 311 -141 558 -120 534 -163 1390 -99 1962 41 369 37 343 84 595 48 260 75 373 159 683 39 143 224 654 286 792 110 242 174 371 314 630 563 1039 1532 2008 2644 2642 68 38 455 233 532 267 131 58 397 168 465 192 108 39 384 130 445 148 30 8 87 25 125 36 316 96 789 185 1190 225 94 9 176 20 183 24 12 5 16 287 12 1022 0 13 -27 15 -135 7z m660 -4508 c4 -16 11 -32 16 -35 5 -4 9 -12 9 -20 0 -8 19 -53 41 -102 71 -151 106 -226 129 -278 12 -27 39 -86 60 -130 21 -44 52 -111 70 -150 17 -38 44 -97 60 -130 15 -33 35 -76 43 -95 8 -19 31 -69 50 -110 62 -134 89 -194 107 -240 10 -25 46 -103 80 -175 90 -190 106 -224 133 -285 49 -108 70 -156 97 -215 15 -33 37 -82 50 -110 12 -27 40 -87 61 -133 40 -83 40 -83 6 -140 -19 -31 -50 -86 -69 -122 -65 -120 -91 -165 -140 -242 -26 -43 -48 -80 -48 -83 0 -2 -17 -33 -38 -67 -21 -35 -41 -70 -45 -78 -4 -8 -11 -22 -17 -30 -34 -54 -110 -181 -110 -185 0 -3 -11 -23 -25 -45 -14 -22 -46 -80 -72 -128 -25 -48 -54 -98 -63 -112 -41 -58 -150 -263 -150 -280 0 -10 15 -47 33 -82 62 -117 120 -223 128 -234 5 -6 48 -87 95 -180 47 -93 90 -173 94 -179 4 -5 27 -46 50 -90 23 -44 67 -127 98 -185 30 -58 59 -110 63 -116 11 -14 72 -130 111 -209 37 -77 56 -114 103 -200 142 -264 186 -348 323 -615 63 -124 128 -250 145 -280 33 -59 82 -154 250 -480 58 -113 129 -250 157 -305 96 -182 151 -288 268 -515 63 -124 135 -263 160 -310 24 -47 118 -229 207 -405 170 -333 225 -440 277 -534 17 -31 112 -216 211 -411 99 -195 188 -372 199 -393 11 -22 18 -40 16 -42 -10 -11 -431 -215 -443 -215 -2 0 -36 -15 -77 -34 -40 -18 -109 -48 -153 -66 -44 -18 -93 -38 -110 -45 -16 -7 -75 -29 -130 -50 -55 -20 -116 -43 -135 -50 -39 -14 -282 -90 -345 -107 -22 -6 -60 -16 -85 -24 -61 -17 -216 -55 -265 -64 -22 -4 -85 -17 -140 -28 -165 -33 -277 -52 -513 -87 -183 -27 -182 -27 -182 78 0 34 -4 98 -10 142 -5 44 -14 141 -20 215 -24 285 -30 360 -45 530 -9 96 -20 229 -25 295 -5 66 -17 206 -25 310 -9 105 -20 249 -25 320 -5 72 -12 148 -15 170 -3 22 -10 105 -15 185 -5 80 -17 228 -25 330 -9 102 -20 237 -24 300 -5 63 -19 225 -30 360 -11 135 -27 335 -36 445 -30 392 -37 461 -50 510 -8 28 -26 97 -41 155 -14 58 -37 146 -50 195 -41 154 -55 209 -64 245 -9 33 -23 89 -55 205 -7 28 -25 100 -40 160 -24 98 -49 196 -61 233 -8 27 -28 5 -40 -44 -6 -27 -24 -94 -38 -149 -15 -55 -43 -161 -62 -235 -20 -74 -49 -187 -65 -250 -17 -63 -39 -151 -50 -195 -23 -92 -39 -157 -69 -270 -30 -113 -36 -170 -75 -720 -8 -110 -21 -276 -30 -370 -8 -93 -19 -226 -25 -295 -5 -69 -12 -143 -15 -165 -3 -22 -10 -105 -16 -185 -24 -330 -41 -552 -59 -745 -22 -237 -31 -345 -40 -460 -5 -66 -16 -201 -25 -300 -8 -99 -19 -234 -25 -300 -15 -193 -40 -482 -50 -590 -5 -55 -9 -106 -10 -112 0 -18 -71 -17 -184 2 -50 9 -122 20 -161 26 -108 16 -241 39 -345 61 -52 11 -113 24 -135 28 -52 11 -235 56 -300 75 -27 7 -75 20 -106 29 -62 17 -397 127 -444 146 -16 7 -39 16 -50 21 -11 5 -56 22 -100 39 -214 82 -663 292 -724 339 -23 18 -23 18 62 182 46 90 130 252 185 359 55 107 121 236 147 285 26 50 100 194 165 320 64 127 146 286 182 355 36 69 100 193 143 275 43 83 106 204 140 270 34 66 109 210 165 320 108 211 202 391 280 540 26 50 70 133 97 185 28 52 112 217 188 365 76 149 141 275 145 280 4 6 54 100 110 210 57 110 123 238 148 285 25 47 63 119 85 160 22 41 71 133 110 205 39 71 107 202 152 290 45 88 91 177 103 197 12 21 37 66 55 100 19 35 51 95 72 133 238 435 243 447 218 497 -34 66 -100 186 -137 247 -19 31 -43 72 -53 91 -65 116 -87 155 -142 248 -34 57 -61 106 -61 108 0 2 -10 21 -23 42 -13 20 -44 75 -69 122 -25 47 -73 132 -107 188 -33 57 -61 106 -61 108 0 2 -29 52 -65 110 -68 111 -74 132 -51 180 26 52 103 218 126 269 13 28 41 88 62 135 22 47 54 114 70 150 48 104 78 169 124 267 24 51 44 98 44 103 0 6 4 18 10 28 13 22 90 192 90 198 0 2 23 52 51 112 54 112 81 171 205 440 19 41 34 76 34 78 0 3 15 37 34 77 18 40 43 95 56 122 12 28 43 93 67 145 25 52 49 105 54 117 12 32 36 28 44 -7z";
+/** The two arcs, the only part of the mark in colour. */
+const VOICE = "M4399 12732 c-37 -42 -101 -117 -143 -166 -123 -145 -496 -679 -496 -712 0 -2 -18 -34 -41 -71 -100 -164 -271 -530 -369 -793 -17 -47 -36 -96 -42 -110 -35 -86 -134 -426 -172 -595 -50 -218 -49 -218 -81 -445 -85 -598 -74 -1269 30 -1820 8 -47 20 -107 24 -135 11 -60 68 -292 87 -355 8 -25 21 -67 29 -95 23 -79 72 -227 85 -260 7 -16 16 -39 20 -50 34 -90 73 -186 108 -265 11 -25 30 -70 43 -100 45 -106 197 -400 256 -493 14 -22 36 -60 50 -85 97 -175 409 -612 437 -612 6 0 85 66 176 147 91 80 199 176 240 212 41 36 100 89 130 117 30 29 73 67 95 86 123 107 120 82 23 209 -209 275 -459 726 -589 1064 -112 292 -165 474 -219 750 -19 96 -26 136 -50 287 -70 444 -45 1047 65 1543 9 39 20 88 24 110 149 680 553 1448 1043 1980 15 17 28 33 28 36 0 11 -703 699 -714 699 -6 0 -41 -35 -77 -78z M12835 12532 c-154 -152 -313 -307 -354 -344 -84 -76 -85 -63 16 -174 227 -250 460 -601 637 -959 70 -144 93 -192 130 -280 10 -22 21 -49 26 -60 5 -11 16 -42 25 -70 10 -27 21 -59 26 -70 23 -55 77 -234 112 -370 45 -175 56 -227 78 -345 24 -127 27 -151 58 -425 26 -231 28 -544 6 -780 -17 -180 -30 -267 -85 -570 -9 -47 -39 -165 -89 -350 -23 -83 -54 -178 -76 -230 -7 -16 -19 -48 -28 -70 -144 -374 -335 -726 -576 -1060 -56 -77 -100 -145 -99 -151 2 -5 68 -68 148 -140 80 -71 172 -154 205 -185 138 -128 375 -329 388 -329 23 0 437 582 437 614 0 3 16 30 35 60 62 98 305 576 305 601 0 3 14 35 31 72 54 117 135 338 174 478 124 434 155 590 214 1065 67 536 5 1382 -141 1930 -11 41 -24 89 -28 105 -24 91 -128 414 -175 543 -34 95 -127 306 -196 447 -145 295 -273 511 -475 795 -154 217 -416 530 -443 530 -3 0 -132 -125 -286 -278z";
+export function miheMark(size, body, voice) {
+    const mark = svg("svg", { viewBox: "0 0 1760 1760", width: size, height: size, "aria-hidden": "true", focusable: "false" }, svg("path", { fill: body, "fill-rule": "evenodd", transform: TRANSFORM, d: BODY }), svg("path", { fill: voice, "fill-rule": "evenodd", transform: TRANSFORM, d: VOICE }));
+    mark.style.display = "block";
+    return mark;
+}
+//# sourceMappingURL=mark.js.map

package/dist/widget/mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark.js","sourceRoot":"","sources":["../../../../js/src/widget/mark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,SAAS,GAAG,2DAA2D,CAAC;AAE9E,+BAA+B;AAC/B,MAAM,IAAI,GAAG,m2RAAm2R,CAAC;AAEj3R,yDAAyD;AACzD,MAAM,KAAK,GAAG,0iDAA0iD,CAAC;AAEzjD,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,IAAY,EAAE,KAAa;IAChE,MAAM,IAAI,GAAG,GAAG,CACd,KAAK,EACL,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAClG,GAAG,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAClF,GAAG,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CACrF,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,OAAO,IAAI,CAAC;AACd,CAAC"}