docier-web 0.1.0

package/dist/ui/image-picker.d.ts

@@ -0,0 +1,35 @@
+import type { ChromeContext } from './types.js';
+export declare const PICTURE_DIALOG_NAME = "picture";
+export declare const ALLOWED_IMAGE_TYPES: Readonly<Record<string, string>>;
+export declare const extensionOfType: (contentType: string) => string | undefined;
+export declare const typeOfFile: (file: {
+    readonly type: string;
+    readonly name: string;
+}) => string;
+export interface ImagePickerOptions {
+    readonly context: ChromeContext;
+    readonly insert: (request: {
+        readonly bytes: Uint8Array;
+        readonly contentType: string;
+        readonly extension: string;
+        readonly widthTwips: number;
+        readonly heightTwips: number;
+        readonly name: string;
+    }) => void;
+    readonly pick?: ((accept: string) => Promise<File | undefined>) | undefined;
+}
+export interface ImagePickerHandle {
+    readonly element: HTMLInputElement;
+    open(): void;
+    dispose(): void;
+}
+export declare const fitTwips: (naturalWidthPx: number, naturalHeightPx: number, limitTwips?: number) => {
+    readonly widthTwips: number;
+    readonly heightTwips: number;
+};
+export declare const naturalSizeOf: (bytes: Uint8Array) => Promise<{
+    width: number;
+    height: number;
+} | undefined>;
+export declare const createImagePicker: (options: ImagePickerOptions) => ImagePickerHandle;
+//# sourceMappingURL=image-picker.d.ts.map

package/dist/ui/image-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-picker.d.ts","sourceRoot":"","sources":["../../src/ui/image-picker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAK7C,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQhE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM,KAAG,MAAM,GAAG,SAC7B,CAAC;AAEnC,eAAO,MAAM,UAAU,GAAI,MAAM;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MAOnF,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;QACzB,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;QAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;QAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;QAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,IAAI,IAAI,CAAC;CACjB;AAKD,eAAO,MAAM,QAAQ,GACnB,gBAAgB,MAAM,EACtB,iBAAiB,MAAM,EACvB,mBAAgC,KAC/B;IAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;CAY7D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAU,OAAO,UAAU,KAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAY5G,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,kBAAkB,KAAG,iBA8E/D,CAAC"}

package/dist/ui/image-picker.js

@@ -0,0 +1,133 @@
+import { createDisposableStore } from './dom.js';
+import { dialogText } from './dialog.js';
+export const PICTURE_DIALOG_NAME = 'picture';
+const DEFAULT_WIDTH_TWIPS = 2880;
+const DEFAULT_HEIGHT_TWIPS = 1920;
+export const ALLOWED_IMAGE_TYPES = {
+    'image/png': 'png',
+    'image/jpeg': 'jpeg',
+    'image/gif': 'gif',
+    'image/bmp': 'bmp',
+    'image/tiff': 'tiff',
+    'image/svg+xml': 'svg',
+    'image/webp': 'webp',
+};
+export const extensionOfType = (contentType) => ALLOWED_IMAGE_TYPES[contentType];
+export const typeOfFile = (file) => {
+    if (ALLOWED_IMAGE_TYPES[file.type] !== undefined)
+        return file.type;
+    const extension = file.name.slice(file.name.lastIndexOf('.') + 1).toLowerCase();
+    for (const [type, known] of Object.entries(ALLOWED_IMAGE_TYPES)) {
+        if (known === extension || (extension === 'jpg' && known === 'jpeg'))
+            return type;
+    }
+    return '';
+};
+const EMU_PER_PIXEL = 9525;
+const EMU_PER_TWIP = 635;
+export const fitTwips = (naturalWidthPx, naturalHeightPx, limitTwips = DEFAULT_WIDTH_TWIPS) => {
+    const widthTwips = Math.round((naturalWidthPx * EMU_PER_PIXEL) / EMU_PER_TWIP);
+    const heightTwips = Math.round((naturalHeightPx * EMU_PER_PIXEL) / EMU_PER_TWIP);
+    if (widthTwips <= 0 || heightTwips <= 0) {
+        return { widthTwips: DEFAULT_WIDTH_TWIPS, heightTwips: DEFAULT_HEIGHT_TWIPS };
+    }
+    if (widthTwips <= limitTwips)
+        return { widthTwips, heightTwips };
+    const scale = limitTwips / widthTwips;
+    return {
+        widthTwips: limitTwips,
+        heightTwips: Math.max(1, Math.round(heightTwips * scale)),
+    };
+};
+export const naturalSizeOf = async (bytes) => {
+    const view = globalThis;
+    if (view.createImageBitmap === undefined)
+        return undefined;
+    try {
+        const blob = new Blob([bytes]);
+        const bitmap = await view.createImageBitmap(blob);
+        const size = { width: bitmap.width, height: bitmap.height };
+        bitmap.close?.();
+        return size;
+    }
+    catch {
+        return undefined;
+    }
+};
+export const createImagePicker = (options) => {
+    const { context } = options;
+    const doc = context.host.ownerDocument;
+    const store = createDisposableStore();
+    let busy = false;
+    const input = doc.createElement('input');
+    input.type = 'file';
+    input.accept = Object.keys(ALLOWED_IMAGE_TYPES).join(',');
+    input.setAttribute('data-docier-part', 'picture-input');
+    input.hidden = true;
+    input.style.position = 'fixed';
+    input.style.left = '-10000px';
+    (options.pick === undefined ? (doc.querySelector('[data-docier-portal]') ?? doc.body) : doc.body).appendChild(input);
+    const announce = (message) => {
+        context.run('flushMessage', { message });
+    };
+    const accept = async (file) => {
+        const contentType = typeOfFile(file);
+        if (contentType === '') {
+            announce(dialogText(context, 'ui.picture.unsupported', `${file.name} is not a picture this build can insert`));
+            return;
+        }
+        const bytes = new Uint8Array(await file.arrayBuffer());
+        if (bytes.byteLength === 0) {
+            announce(dialogText(context, 'ui.picture.empty', `${file.name} is empty`));
+            return;
+        }
+        const natural = await naturalSizeOf(bytes);
+        const size = natural === undefined
+            ? { widthTwips: DEFAULT_WIDTH_TWIPS, heightTwips: DEFAULT_HEIGHT_TWIPS }
+            : fitTwips(natural.width, natural.height);
+        options.insert({
+            bytes,
+            contentType,
+            extension: extensionOfType(contentType) ?? 'png',
+            widthTwips: size.widthTwips,
+            heightTwips: size.heightTwips,
+            name: file.name === '' ? 'Picture' : file.name,
+        });
+    };
+    store.listen(input, 'change', () => {
+        const file = input.files?.[0];
+        input.value = '';
+        if (file === undefined)
+            return;
+        void accept(file);
+    });
+    const open = () => {
+        if (busy)
+            return;
+        if (options.pick === undefined) {
+            input.click();
+            return;
+        }
+        busy = true;
+        void options.pick(input.accept)
+            .then((file) => {
+            busy = false;
+            if (file !== undefined)
+                return accept(file);
+            return undefined;
+        })
+            .catch(() => {
+            busy = false;
+        });
+    };
+    return {
+        element: input,
+        open,
+        dispose: () => {
+            store.dispose();
+            if (input.parentNode !== null)
+                input.parentNode.removeChild(input);
+        },
+    };
+};
+//# sourceMappingURL=image-picker.js.map

package/dist/ui/image-picker.js.map

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

package/dist/ui/index.d.ts

@@ -0,0 +1,37 @@
+export type { ChromeAction, ChromeActionArgs, ChromeActionName, ChromeContext, ChromeRenderer, ChromeSlot, ChromeState, ContextSurface, ControlOption, ControlSpec, Density, RibbonCollapse, ResolvedControl, RulerUnit, SaveState, StatusItemId, ViewMode, } from './types.js';
+export { CONTEXT_SURFACES, STATUS_ITEM_IDS, VIEW_MODES } from './types.js';
+export type { MessageCatalogue, MessageParams, UI18n } from './i18n.js';
+export { EN_MESSAGES, createUiI18n, hasLanguage, messagesFor, registerLanguage, registeredLanguages, } from './i18n.js';
+export type { ChromeStatePatch, ChromeStore } from './store.js';
+export { createChromeStore, initialChromeState } from './store.js';
+export { DARK_THEME_TOKENS, DENSITY_TOKENS, DEFAULT_THEME_TOKENS, TOKEN_NAMES, applyTheme, themeVars, } from './theme.js';
+export { DENSITIES, STYLE_ELEMENT_ATTRIBUTE, injectStyles, renderStyles, themeStyles, tokenRule, } from './styles.js';
+export { DATA_PART, DATA_SLOT, createDisposableStore, markPart, markSlot } from './dom.js';
+export type { DisposableStore } from './dom.js';
+export { attachRoving, bindingMatches, describeBinding, shortcutHint } from './keyboard.js';
+export type { RovingHandle } from './keyboard.js';
+export type { DescriptorIndex, ResolverOptions } from './controls.js';
+export { applyResolved, createControl, createResolver, specOf, tooltipFor } from './controls.js';
+export type { UiGroup, UiNode, UiNodeKind, UiTab } from './menu-model.js';
+export { BACKSTAGE_ITEMS, CONTEXT_MENUS, FLOATING_CONTROLS, PICTURE_TAB, QUICK_ACCESS, RIBBON_TABS, STATUS_ITEM_MENU, STYLE_GALLERY, TABLE_TAB, } from './menu-model.js';
+export type { MenuAnchor, MenuHandle, MenuOptions } from './menu.js';
+export { MENU_ITEM_SELECTOR, hasEnabledItem, menuHasItems, openMenu } from './menu.js';
+export type { ContextMenuController, ContextMenuOptions } from './context-menu.js';
+export { SURFACE_LABEL_KEYS, createContextMenus, itemsFor, surfaceAt } from './context-menu.js';
+export type { MenuBarHandle, MenuBarOptions } from './menu-bar.js';
+export { createMenuBar } from './menu-bar.js';
+export type { FloatingGeometry, FloatingToolbarHandle, FloatingToolbarOptions, } from './floating-toolbar.js';
+export { createFloatingToolbar } from './floating-toolbar.js';
+export type { StatusBarHandle, StatusBarOptions } from './status-bar.js';
+export { ZOOM_MAX, ZOOM_MIN, ZOOM_STEP, createStatusBar } from './status-bar.js';
+export type { RulerHandle, RulerIndents, RulerMetrics, RulerOptions } from './ruler.js';
+export { RULER_UNITS, UNIT_SPECS, createRuler, formatRulerValue } from './ruler.js';
+export type { EditorQueries, EditorQueryOptions } from './queries.js';
+export { NO_QUERIES, countWords, createEditorQueries } from './queries.js';
+export type { ChromeHandle, ChromeOptions } from './chrome.js';
+export { DEFAULT_CHROME_THEME, DENSITY_THEME, mountChrome } from './chrome.js';
+export { createVerticalRuler } from './ruler-vertical.js';
+export type { VerticalRulerHandle, VerticalRulerOptions, VerticalMarginSide } from './ruler-vertical.js';
+export { SET_COLOR_COMMAND, SET_HIGHLIGHT_COMMAND, NO_COLOUR, createColourPicker } from './colour-picker.js';
+export type { ColourKind, ColourPickerAnchor, ColourPickerHandle, ColourPickerOptions, ColourSection, ColourSwatch } from './colour-picker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

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

package/dist/ui/index.js

@@ -0,0 +1,20 @@
+export { CONTEXT_SURFACES, STATUS_ITEM_IDS, VIEW_MODES } from './types.js';
+export { EN_MESSAGES, createUiI18n, hasLanguage, messagesFor, registerLanguage, registeredLanguages, } from './i18n.js';
+export { createChromeStore, initialChromeState } from './store.js';
+export { DARK_THEME_TOKENS, DENSITY_TOKENS, DEFAULT_THEME_TOKENS, TOKEN_NAMES, applyTheme, themeVars, } from './theme.js';
+export { DENSITIES, STYLE_ELEMENT_ATTRIBUTE, injectStyles, renderStyles, themeStyles, tokenRule, } from './styles.js';
+export { DATA_PART, DATA_SLOT, createDisposableStore, markPart, markSlot } from './dom.js';
+export { attachRoving, bindingMatches, describeBinding, shortcutHint } from './keyboard.js';
+export { applyResolved, createControl, createResolver, specOf, tooltipFor } from './controls.js';
+export { BACKSTAGE_ITEMS, CONTEXT_MENUS, FLOATING_CONTROLS, PICTURE_TAB, QUICK_ACCESS, RIBBON_TABS, STATUS_ITEM_MENU, STYLE_GALLERY, TABLE_TAB, } from './menu-model.js';
+export { MENU_ITEM_SELECTOR, hasEnabledItem, menuHasItems, openMenu } from './menu.js';
+export { SURFACE_LABEL_KEYS, createContextMenus, itemsFor, surfaceAt } from './context-menu.js';
+export { createMenuBar } from './menu-bar.js';
+export { createFloatingToolbar } from './floating-toolbar.js';
+export { ZOOM_MAX, ZOOM_MIN, ZOOM_STEP, createStatusBar } from './status-bar.js';
+export { RULER_UNITS, UNIT_SPECS, createRuler, formatRulerValue } from './ruler.js';
+export { NO_QUERIES, countWords, createEditorQueries } from './queries.js';
+export { DEFAULT_CHROME_THEME, DENSITY_THEME, mountChrome } from './chrome.js';
+export { createVerticalRuler } from './ruler-vertical.js';
+export { SET_COLOR_COMMAND, SET_HIGHLIGHT_COMMAND, NO_COLOUR, createColourPicker } from './colour-picker.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG3E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEnE,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,SAAS,GACV,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,GACV,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGjG,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,GACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGvF,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGhG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGjF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGpF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAG3E,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/ui/insert-dialogs.d.ts

@@ -0,0 +1,39 @@
+import type { EditorDialogHandle } from './dialog.js';
+import type { ChromeContext } from './types.js';
+export declare const LINK_DIALOG_NAME = "link";
+export declare const SYMBOL_DIALOG_NAME = "symbol";
+export declare const LINK_COMMAND = "docier.command.insert.link";
+export declare const SYMBOL_COMMAND = "docier.command.insert.symbol";
+export interface InsertDialogOptions {
+    readonly context: ChromeContext;
+    readonly mount?: HTMLElement | undefined;
+    readonly onClose?: (() => void) | undefined;
+    readonly placement?: 'center' | 'anchor' | undefined;
+    readonly width?: number | undefined;
+}
+export declare const LINK_KINDS: readonly {
+    readonly prefix: string;
+    readonly label: string;
+}[];
+export declare const EXISTING_LINK_KIND: (url: string) => number;
+export interface LinkDialogHandle extends EditorDialogHandle {
+    readonly name: typeof LINK_DIALOG_NAME;
+}
+export declare const createLinkDialog: (options: InsertDialogOptions) => LinkDialogHandle;
+export interface SymbolEntry {
+    readonly char: string;
+    readonly name: string;
+}
+export declare const SYMBOL_GROUPS: readonly {
+    readonly label: string;
+    readonly entries: readonly SymbolEntry[];
+}[];
+export declare const ALL_SYMBOLS: readonly SymbolEntry[];
+export declare const DEFAULT_SYMBOL_FONT = "Segoe UI Symbol";
+export interface SymbolDialogHandle extends EditorDialogHandle {
+    readonly name: typeof SYMBOL_DIALOG_NAME;
+    readonly grid: HTMLElement;
+    insert(char: string): void;
+}
+export declare const createSymbolDialog: (options: InsertDialogOptions) => SymbolDialogHandle;
+//# sourceMappingURL=insert-dialogs.d.ts.map

package/dist/ui/insert-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-dialogs.d.ts","sourceRoot":"","sources":["../../src/ui/insert-dialogs.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,gBAAgB,SAAS,CAAC;AACvC,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAE3C,eAAO,MAAM,YAAY,+BAA+B,CAAC;AACzD,eAAO,MAAM,cAAc,iCAAiC,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,SAAS;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAIpF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,MAMhD,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,QAAQ,CAAC,IAAI,EAAE,OAAO,gBAAgB,CAAC;CACxC;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,mBAAmB,KAAG,gBA+F/D,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,SAAS;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAA;CAAE,EA8ExG,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAAS,WAAW,EAAoD,CAAC;AAEnG,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,IAAI,EAAE,OAAO,kBAAkB,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,SAAS,mBAAmB,KAAG,kBAuGjE,CAAC"}

package/dist/ui/insert-dialogs.js

@@ -0,0 +1,281 @@
+import { DIALOG_TOKENS, createDialog, dialogGroup, dialogInput, dialogRow, dialogText, setDialogStyles, } from './dialog.js';
+import { setText } from './dom.js';
+export const LINK_DIALOG_NAME = 'link';
+export const SYMBOL_DIALOG_NAME = 'symbol';
+export const LINK_COMMAND = 'docier.command.insert.link';
+export const SYMBOL_COMMAND = 'docier.command.insert.symbol';
+export const LINK_KINDS = [
+    { prefix: 'https://', label: 'Web address' },
+    { prefix: 'mailto:', label: 'Email address' },
+    { prefix: '#', label: 'Place in this document' },
+];
+export const EXISTING_LINK_KIND = (url) => {
+    for (let index = 0; index < LINK_KINDS.length; index += 1) {
+        const kind = LINK_KINDS[index];
+        if (kind !== undefined && url.startsWith(kind.prefix))
+            return index;
+    }
+    return 0;
+};
+export const createLinkDialog = (options) => {
+    const { context } = options;
+    const text = (key, fallback) => dialogText(context, key, fallback);
+    const url = dialogInput('docier-link-url');
+    url.setAttribute('type', 'text');
+    url.setAttribute('inputmode', 'url');
+    url.setAttribute('autocomplete', 'off');
+    url.setAttribute('aria-label', text('ui.insert.linkAddress', 'Address'));
+    const label = dialogInput('docier-link-text');
+    label.setAttribute('autocomplete', 'off');
+    label.setAttribute('aria-label', text('ui.insert.linkText', 'Text to display'));
+    const tooltip = dialogInput('docier-link-tooltip');
+    tooltip.setAttribute('autocomplete', 'off');
+    tooltip.setAttribute('aria-label', text('ui.insert.linkTooltip', 'Screen tip'));
+    const panel = document.createElement('div');
+    setDialogStyles(panel, { display: 'flex', flexDirection: 'column', gap: '10px' });
+    panel.appendChild(dialogRow(text('ui.insert.linkAddress', 'Address'), url, url.id));
+    panel.appendChild(dialogRow(text('ui.insert.linkText', 'Text to display'), label, label.id));
+    panel.appendChild(dialogRow(text('ui.insert.linkTooltip', 'Screen tip'), tooltip, tooltip.id));
+    const argsOf = () => {
+        const address = url.value.trim();
+        const shown = label.value.trim();
+        const tip = tooltip.value.trim();
+        return {
+            url: address,
+            ...(shown === '' ? {} : { text: shown }),
+            ...(tip === '' ? {} : { tooltip: tip }),
+        };
+    };
+    const dialog = createDialog(context, {
+        title: text('ui.insert.linkTitle', 'Insert Hyperlink'),
+        mount: options.mount,
+        width: options.width ?? 430,
+        placement: options.placement,
+        applyLabel: text('ui.insert.insert', 'Insert'),
+        onApply: () => {
+            const args = argsOf();
+            if (!context.commands.isEnabled(LINK_COMMAND, args))
+                return;
+            void context.commands.execute(LINK_COMMAND, args, { source: 'ui' });
+        },
+        onClose: options.onClose,
+        initialFocus: () => url,
+        onOpen: () => {
+            url.value = '';
+            label.value = '';
+            tooltip.value = '';
+            refresh();
+        },
+    });
+    const refresh = () => {
+        const ready = url.value.trim() !== '';
+        dialog.applyButton.disabled = !ready;
+        dialog.applyButton.style.setProperty('opacity', ready ? '1' : '0.5');
+        dialog.applyButton.style.setProperty('cursor', ready ? 'pointer' : 'default');
+        dialog.setStatus(ready ? undefined : text('ui.insert.linkNeedsAddress', 'Type the address to link to'));
+    };
+    for (const field of [url, label, tooltip]) {
+        field.addEventListener('input', refresh);
+        field.addEventListener('change', refresh);
+    }
+    dialog.body.appendChild(panel);
+    const handle = {
+        name: LINK_DIALOG_NAME,
+        element: dialog.element,
+        overlay: dialog.overlay,
+        body: dialog.body,
+        preview: dialog.preview,
+        applyButton: dialog.applyButton,
+        cancelButton: dialog.cancelButton,
+        get isOpen() {
+            return dialog.isOpen;
+        },
+        get tab() {
+            return dialog.tab;
+        },
+        get opener() {
+            return dialog.opener;
+        },
+        open: dialog.open,
+        close: dialog.close,
+        apply: dialog.apply,
+        setTab: dialog.setTab,
+        panel: dialog.panel,
+        setEnabled: dialog.setEnabled,
+        setStatus: dialog.setStatus,
+        dispose: dialog.dispose,
+    };
+    return handle;
+};
+export const SYMBOL_GROUPS = [
+    {
+        label: 'Legal and marks',
+        entries: [
+            { char: '§', name: 'Section' },
+            { char: '¶', name: 'Paragraph' },
+            { char: '©', name: 'Copyright' },
+            { char: '®', name: 'Registered' },
+            { char: '™', name: 'Trade mark' },
+            { char: '°', name: 'Degree' },
+            { char: '†', name: 'Dagger' },
+            { char: '‡', name: 'Double dagger' },
+        ],
+    },
+    {
+        label: 'Currency',
+        entries: [
+            { char: '€', name: 'Euro' },
+            { char: '£', name: 'Pound' },
+            { char: '$', name: 'Dollar' },
+            { char: '¢', name: 'Cent' },
+            { char: '¥', name: 'Yen' },
+            { char: '₽', name: 'Ruble' },
+            { char: '₴', name: 'Hryvnia' },
+            { char: '¤', name: 'Currency sign' },
+        ],
+    },
+    {
+        label: 'Punctuation',
+        entries: [
+            { char: '–', name: 'En dash' },
+            { char: '—', name: 'Em dash' },
+            { char: '…', name: 'Ellipsis' },
+            { char: '«', name: 'Left guillemet' },
+            { char: '»', name: 'Right guillemet' },
+            { char: '„', name: 'Low quotation' },
+            { char: '“', name: 'Left quotation' },
+            { char: '”', name: 'Right quotation' },
+            { char: '‘', name: 'Left single quotation' },
+            { char: '’', name: 'Right single quotation' },
+            { char: '·', name: 'Middle dot' },
+            { char: '•', name: 'Bullet' },
+        ],
+    },
+    {
+        label: 'Mathematics',
+        entries: [
+            { char: '±', name: 'Plus minus' },
+            { char: '×', name: 'Multiplication' },
+            { char: '÷', name: 'Division' },
+            { char: '≠', name: 'Not equal' },
+            { char: '≤', name: 'Less or equal' },
+            { char: '≥', name: 'Greater or equal' },
+            { char: '≈', name: 'Approximately' },
+            { char: '∞', name: 'Infinity' },
+            { char: '√', name: 'Square root' },
+            { char: '∑', name: 'Summation' },
+            { char: 'π', name: 'Pi' },
+            { char: 'µ', name: 'Micro' },
+        ],
+    },
+    {
+        label: 'Arrows and shapes',
+        entries: [
+            { char: '←', name: 'Left arrow' },
+            { char: '→', name: 'Right arrow' },
+            { char: '↑', name: 'Up arrow' },
+            { char: '↓', name: 'Down arrow' },
+            { char: '↔', name: 'Left right arrow' },
+            { char: '⇒', name: 'Right double arrow' },
+            { char: '■', name: 'Black square' },
+            { char: '□', name: 'White square' },
+            { char: '●', name: 'Black circle' },
+            { char: '○', name: 'White circle' },
+            { char: '★', name: 'Black star' },
+            { char: '☆', name: 'White star' },
+        ],
+    },
+];
+export const ALL_SYMBOLS = SYMBOL_GROUPS.flatMap((group) => group.entries);
+export const DEFAULT_SYMBOL_FONT = 'Segoe UI Symbol';
+export const createSymbolDialog = (options) => {
+    const { context } = options;
+    const text = (key, fallback) => dialogText(context, key, fallback);
+    const insert = (char) => {
+        const args = { char, font: DEFAULT_SYMBOL_FONT };
+        if (!context.commands.isEnabled(SYMBOL_COMMAND, args))
+            return;
+        void context.commands.execute(SYMBOL_COMMAND, args, { source: 'ui' });
+        dialog.close();
+    };
+    const grid = document.createElement('div');
+    grid.setAttribute('data-docier-symbol-grid', '');
+    setDialogStyles(grid, {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(8, minmax(0, 1fr))',
+        gap: '2px',
+    });
+    const buttons = [];
+    for (const group of SYMBOL_GROUPS) {
+        for (const entry of group.entries) {
+            const button = document.createElement('button');
+            button.type = 'button';
+            button.setAttribute('data-docier-symbol', entry.char);
+            button.setAttribute('aria-label', entry.name);
+            button.setAttribute('title', `${entry.name} (${entry.char})`);
+            setText(button, entry.char);
+            setDialogStyles(button, {
+                appearance: 'none',
+                font: 'inherit',
+                fontSize: '18px',
+                lineHeight: '1',
+                minHeight: '30px',
+                padding: '2px',
+                background: DIALOG_TOKENS.control,
+                color: DIALOG_TOKENS.text,
+                border: `1px solid ${DIALOG_TOKENS.borderSoft}`,
+                borderRadius: DIALOG_TOKENS.radius,
+                cursor: 'pointer',
+            });
+            button.addEventListener('click', (event) => {
+                event.preventDefault();
+                insert(entry.char);
+            });
+            grid.appendChild(button);
+            buttons.push(button);
+        }
+    }
+    const dialog = createDialog(context, {
+        title: text('ui.insert.symbolTitle', 'Symbol'),
+        mount: options.mount,
+        width: options.width ?? 430,
+        placement: options.placement,
+        applyLabel: text('ui.insert.insert', 'Insert'),
+        onClose: options.onClose,
+        onOpen: () => {
+            const first = ALL_SYMBOLS[0];
+            dialog.setEnabled(first !== undefined && context.commands.isEnabled(SYMBOL_COMMAND, { char: first.char }), text('ui.insert.symbolUnavailable', 'This document cannot take a symbol here'));
+        },
+    });
+    dialog.body.appendChild(dialogGroup(text('ui.insert.symbolRecent', 'Choose a symbol'), [grid], 'symbols'));
+    const handle = {
+        name: SYMBOL_DIALOG_NAME,
+        element: dialog.element,
+        overlay: dialog.overlay,
+        body: dialog.body,
+        preview: dialog.preview,
+        applyButton: dialog.applyButton,
+        cancelButton: dialog.cancelButton,
+        get isOpen() {
+            return dialog.isOpen;
+        },
+        get tab() {
+            return dialog.tab;
+        },
+        get opener() {
+            return dialog.opener;
+        },
+        open: dialog.open,
+        close: dialog.close,
+        apply: dialog.apply,
+        setTab: dialog.setTab,
+        panel: dialog.panel,
+        setEnabled: dialog.setEnabled,
+        setStatus: dialog.setStatus,
+        dispose: dialog.dispose,
+        grid,
+        insert,
+    };
+    return handle;
+};
+//# sourceMappingURL=insert-dialogs.js.map

package/dist/ui/insert-dialogs.js.map

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

package/dist/ui/keyboard.d.ts

@@ -0,0 +1,22 @@
+import type { KeyBinding } from '../api/types.js';
+import type { Disposable, Unsubscribe } from '../api/types.js';
+export declare const describeBinding: (binding: KeyBinding) => string;
+export declare const shortcutHint: (bindings: readonly KeyBinding[] | undefined) => string | undefined;
+export declare const bindingMatches: (binding: KeyBinding, event: KeyboardEvent) => boolean;
+export declare const isActivationKey: (event: KeyboardEvent) => boolean;
+export interface RovingOptions {
+    readonly selector: string;
+    readonly orientation?: 'horizontal' | 'vertical' | 'both';
+    readonly onFocus?: (node: HTMLElement) => void;
+}
+export interface RovingHandle extends Disposable {
+    refresh(): void;
+}
+export declare const attachRoving: (container: HTMLElement, options: RovingOptions) => RovingHandle;
+export interface KeyTipOptions {
+    readonly onActivate: (key: string) => boolean;
+}
+export declare const normaliseKeyTip: (value: string | undefined) => string | undefined;
+export declare const nextKeyTip: (taken: Set<string>) => string;
+export declare const onKeyDown: (target: EventTarget, handler: (event: KeyboardEvent) => void) => Unsubscribe;
+//# sourceMappingURL=keyboard.d.ts.map

package/dist/ui/keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/ui/keyboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAY/D,eAAO,MAAM,eAAe,GAAI,SAAS,UAAU,KAAG,MAOrD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,UAAU,EAAE,GAAG,SAAS,KAAG,MAAM,GAAG,SAGnF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,UAAU,EAAE,OAAO,aAAa,KAAG,OAO1E,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,aAAa,KAAG,OACiB,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,WAAW,WAAW,EAAE,SAAS,aAAa,KAAG,YAkE7E,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC/C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAGpE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,GAAG,CAAC,MAAM,CAAC,KAAG,MAS/C,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,QAAQ,WAAW,EACnB,SAAS,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,KACtC,WAMF,CAAC"}