docier-web 0.1.0

package/dist/ui/ruler.js

@@ -0,0 +1,391 @@
+import { MP_PER_TWIP, fromCssPx, mp, mpToTwip, toCssPx, twip, twipToMp } from '../units/index.js';
+import { createDisposableStore, markPart, markSlot, make, setText } from './dom.js';
+const INCH_MP = 1440 * MP_PER_TWIP;
+export const UNIT_SPECS = {
+    cm: { mpPerUnit: INCH_MP / 2.54, majorStep: 1, minorStep: 0.5, decimals: 1 },
+    mm: { mpPerUnit: INCH_MP / 25.4, majorStep: 10, minorStep: 5, decimals: 0 },
+    inch: { mpPerUnit: INCH_MP, majorStep: 1, minorStep: 0.25, decimals: 0 },
+    pt: { mpPerUnit: 1000, majorStep: 10, minorStep: 5, decimals: 0 },
+    pica: { mpPerUnit: 12000, majorStep: 6, minorStep: 3, decimals: 0 },
+    px: { mpPerUnit: INCH_MP / 96, majorStep: 12, minorStep: 3, decimals: 0 },
+};
+export const RULER_UNITS = ['cm', 'mm', 'inch', 'pt', 'pica', 'px'];
+const MAX_TICKS = 400;
+export const formatRulerValue = (valueMp, units) => {
+    const spec = UNIT_SPECS[units];
+    const value = valueMp / spec.mpPerUnit;
+    if (spec.decimals === 0)
+        return String(Math.round(value));
+    return value.toFixed(spec.decimals);
+};
+const MARKER_DEFS = [
+    { part: 'margin-left', labelKey: 'ui.ruler.marginLeft', kind: 'margin' },
+    { part: 'margin-right', labelKey: 'ui.ruler.marginRight', kind: 'margin' },
+    { part: 'indent-first-line', labelKey: 'ui.ruler.indentFirstLine', kind: 'first-line' },
+    { part: 'indent-hanging', labelKey: 'ui.ruler.indentHanging', kind: 'hanging' },
+    { part: 'indent-left', labelKey: 'ui.ruler.indentLeft', kind: 'left' },
+    { part: 'indent-right', labelKey: 'ui.ruler.indentRight', kind: 'right' },
+];
+const ZERO_INDENTS = { firstLineTwips: 0, leftTwips: 0, rightTwips: 0 };
+export const createRuler = (options) => {
+    const { context } = options;
+    const store = createDisposableStore();
+    const doc = context.host.ownerDocument;
+    const element = make('div', 'docier-ruler');
+    markPart(element, 'ruler');
+    markSlot(element, 'ruler');
+    element.setAttribute('role', 'toolbar');
+    element.setAttribute('aria-label', context.i18n.text('ui.chrome.ruler'));
+    element.setAttribute('aria-orientation', 'horizontal');
+    const corner = make('div', 'docier-ruler-corner');
+    const unitButton = make('button', 'docier-ruler-unit');
+    unitButton.setAttribute('type', 'button');
+    unitButton.setAttribute('data-docier-part', 'ruler-units');
+    unitButton.setAttribute('aria-haspopup', 'menu');
+    unitButton.addEventListener('click', (event) => {
+        event.preventDefault();
+        context.run('setUnits', { cycle: true });
+    });
+    corner.appendChild(unitButton);
+    element.appendChild(corner);
+    const strip = make('div', 'docier-ruler-strip');
+    strip.setAttribute('data-docier-part', 'ruler-strip');
+    const textArea = make('div', 'docier-ruler-text-area');
+    textArea.setAttribute('data-docier-part', 'ruler-text-area');
+    const ticks = make('div', 'docier-ruler-ticks');
+    ticks.setAttribute('data-docier-part', 'ruler-ticks');
+    const badge = make('div', 'docier-ruler-badge');
+    badge.hidden = true;
+    badge.setAttribute('aria-hidden', 'true');
+    strip.appendChild(textArea);
+    strip.appendChild(ticks);
+    element.appendChild(strip);
+    element.appendChild(badge);
+    const markers = new Map();
+    for (const definition of MARKER_DEFS) {
+        const marker = make('button', `docier-ruler-marker docier-ruler-marker-${definition.kind}`);
+        marker.setAttribute('type', 'button');
+        marker.setAttribute('role', 'slider');
+        marker.setAttribute('data-docier-part', definition.part);
+        marker.setAttribute('aria-label', context.i18n.text(definition.labelKey));
+        marker.setAttribute('aria-orientation', 'horizontal');
+        marker.setAttribute('aria-valuemin', '0');
+        marker.setAttribute('aria-valuemax', '0');
+        marker.setAttribute('aria-valuenow', '0');
+        marker.setAttribute('aria-valuetext', '');
+        markers.set(definition.part, marker);
+        strip.appendChild(marker);
+    }
+    const units = () => context.state.units;
+    const unitSuffix = (value) => {
+        const key = `ui.ruler.unit.${value}`;
+        const text = context.i18n.text(key);
+        return text === key ? value : text;
+    };
+    const positionMarker = (part, valueMp, zoom, offsetPx, reportedMp = valueMp) => {
+        const marker = markers.get(part);
+        if (marker === undefined)
+            return;
+        const px = toCssPx(mp(Math.round(valueMp)), zoom);
+        marker.style.left = `${String(offsetPx + px)}px`;
+        marker.setAttribute('aria-valuenow', String(Math.round(mpToTwip(mp(Math.round(reportedMp))))));
+        marker.setAttribute('aria-valuetext', `${formatRulerValue(reportedMp, units())} ${unitSuffix(units())}`);
+    };
+    const renderTicks = (fromMp, toMp, zoom, offsetPx, labelOriginMp) => {
+        while (ticks.firstChild !== null)
+            ticks.removeChild(ticks.firstChild);
+        const spec = UNIT_SPECS[units()];
+        const majorMp = spec.majorStep * spec.mpPerUnit;
+        const minorMp = spec.minorStep * spec.mpPerUnit;
+        const start = labelOriginMp + Math.floor((fromMp - labelOriginMp) / minorMp) * minorMp;
+        let count = 0;
+        for (let value = start; value <= toMp && count < MAX_TICKS; value += minorMp) {
+            count += 1;
+            const relative = Math.round(value - labelOriginMp);
+            const isMajor = Math.abs(relative / majorMp - Math.round(relative / majorMp)) < 0.0001;
+            const tick = make('span', 'docier-ruler-tick');
+            tick.style.left = `${String(offsetPx + toCssPx(mp(Math.round(value)), zoom))}px`;
+            tick.style.height = isMajor ? '100%' : '35%';
+            if (isMajor) {
+                const label = make('span', 'docier-ruler-tick-label');
+                setText(label, formatRulerValue(Math.round(value - labelOriginMp), units()));
+                tick.appendChild(label);
+            }
+            ticks.appendChild(tick);
+        }
+    };
+    const refresh = () => {
+        const current = options.metrics();
+        element.hidden = !context.state.rulerVisible || current === undefined;
+        setText(unitButton, units());
+        unitButton.setAttribute('aria-label', context.i18n.text('ui.ruler.units'));
+        unitButton.setAttribute('title', context.i18n.text('ui.ruler.units'));
+        if (current === undefined)
+            return;
+        const page = current.page;
+        const zoom = current.zoom === 0 ? 1 : current.zoom;
+        const offsetPx = current.offsetPx;
+        const left = page.contentBox.x;
+        const right = page.contentBox.x + page.contentBox.width;
+        const pageStart = page.page.x;
+        const pageEnd = page.page.x + page.page.width;
+        const gutterMp = (current.gutterTwips ?? 0) * MP_PER_TWIP;
+        textArea.style.left = `${String(offsetPx + toCssPx(left, zoom))}px`;
+        textArea.style.width = `${String(toCssPx(mp(right - left), zoom))}px`;
+        positionMarker('margin-left', left, zoom, offsetPx, mp(left - pageStart));
+        positionMarker('margin-right', right, zoom, offsetPx, mp(pageEnd - right));
+        const indents = current.indents ?? ZERO_INDENTS;
+        const leftIndentMp = left + gutterMp + indents.leftTwips * MP_PER_TWIP;
+        positionMarker('indent-left', leftIndentMp, zoom, offsetPx);
+        positionMarker('indent-first-line', leftIndentMp + indents.firstLineTwips * MP_PER_TWIP, zoom, offsetPx);
+        positionMarker('indent-hanging', leftIndentMp + Math.min(0, indents.firstLineTwips) * MP_PER_TWIP, zoom, offsetPx);
+        positionMarker('indent-right', right - indents.rightTwips * MP_PER_TWIP, zoom, offsetPx);
+        renderTicks(pageStart, pageEnd, zoom, offsetPx, left);
+    };
+    const currentIndents = () => options.metrics()?.indents ?? ZERO_INDENTS;
+    const commitIndent = (next) => {
+        const values = {
+            firstLineTwips: Math.round(next.firstLineTwips),
+            leftTwips: Math.max(0, Math.round(next.leftTwips)),
+            rightTwips: Math.max(0, Math.round(next.rightTwips)),
+        };
+        options.onIndent?.(values);
+        const command = 'docier.command.format.setParagraphIndent';
+        if (context.commands.get(command) !== undefined) {
+            void context.commands.execute(command, values, { source: 'ui' });
+            return;
+        }
+        context.run('setIndent', { ...values, target: 'ruler' });
+    };
+    const indentApply = {
+        'indent-left': (delta, base) => ({ ...base, leftTwips: base.leftTwips + delta }),
+        'indent-first-line': (delta, base) => ({ ...base, firstLineTwips: base.firstLineTwips + delta }),
+        'indent-hanging': (delta, base) => ({
+            ...base,
+            firstLineTwips: Math.min(0, base.firstLineTwips) + delta,
+        }),
+        'indent-right': (delta, base) => ({ ...base, rightTwips: base.rightTwips - delta }),
+    };
+    const indentDrag = (part, event) => {
+        const marker = markers.get(part);
+        const apply = indentApply[part];
+        const current = options.metrics();
+        if (marker === undefined || apply === undefined || current === undefined)
+            return;
+        event.preventDefault();
+        const zoom = current.zoom === 0 ? 1 : current.zoom;
+        const base = currentIndents();
+        const startX = event.clientX;
+        const markerX = marker.getBoundingClientRect().left;
+        let pending = base;
+        const onMove = (moveEvent) => {
+            const travel = moveEvent.clientX - startX;
+            pending = apply(Math.round(mpToTwip(fromCssPx(travel, zoom))), base);
+            marker.style.left = `${String(Math.round(markerX + travel))}px`;
+            showGuide(markerX + travel);
+            badge.hidden = false;
+            badge.style.left = `${String(Math.round(markerX + travel))}px`;
+            setText(badge, `${formatRulerValue(twipToMp(twip(pending.leftTwips)), units())} ${unitSuffix(units())}`);
+        };
+        const onUp = () => {
+            hideGuide();
+            badge.hidden = true;
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('keydown', onKey);
+            cancelDrag = undefined;
+            const moved = pending.leftTwips !== base.leftTwips ||
+                pending.firstLineTwips !== base.firstLineTwips ||
+                pending.rightTwips !== base.rightTwips;
+            if (moved)
+                commitIndent(pending);
+            else
+                refresh();
+        };
+        const onKey = (keyEvent) => {
+            if (keyEvent.key !== 'Escape')
+                return;
+            keyEvent.preventDefault();
+            pending = base;
+            onUp();
+        };
+        doc.addEventListener('pointermove', onMove);
+        doc.addEventListener('pointerup', onUp);
+        doc.addEventListener('keydown', onKey);
+        cancelDrag = () => {
+            hideGuide();
+            badge.hidden = true;
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('keydown', onKey);
+            cancelDrag = undefined;
+        };
+    };
+    for (const part of Object.keys(indentApply)) {
+        const marker = markers.get(part);
+        const apply = indentApply[part];
+        if (marker === undefined || apply === undefined)
+            continue;
+        store.listen(marker, 'pointerdown', (event) => {
+            indentDrag(part, event);
+        });
+        store.listen(marker, 'keydown', (event) => {
+            const step = event.shiftKey ? 10 * MP_PER_TWIP : MP_PER_TWIP;
+            const delta = event.key === 'ArrowRight' ? step : event.key === 'ArrowLeft' ? -step : 0;
+            if (delta === 0)
+                return;
+            event.preventDefault();
+            commitIndent(apply(Math.round(mpToTwip(mp(delta))), currentIndents()));
+        });
+    }
+    const marginBase = (side) => {
+        const current = options.metrics();
+        if (current === undefined)
+            return 0;
+        return side === 'left'
+            ? current.page.contentBox.x
+            : current.page.page.width - current.page.contentBox.width - current.page.contentBox.x;
+    };
+    const marginLimit = (side) => {
+        const current = options.metrics();
+        if (current === undefined)
+            return Number.POSITIVE_INFINITY;
+        const page = current.page;
+        const other = side === 'left'
+            ? page.page.width - page.contentBox.x - page.contentBox.width
+            : page.contentBox.x;
+        return Math.max(0, Math.floor((page.page.width - other) / MP_PER_TWIP));
+    };
+    const commitMargin = (side, valueTwips) => {
+        const clamped = Math.min(Math.max(0, Math.round(valueTwips)), marginLimit(side));
+        const value = Number.isFinite(clamped) ? clamped : Math.max(0, Math.round(valueTwips));
+        options.onMargin?.(side, value);
+        const command = 'docier.command.doc.setMargins';
+        if (context.commands.get(command) !== undefined) {
+            void context.commands.execute(command, { side, twips: value }, { source: 'ui' });
+            return;
+        }
+        context.run('setMargin', { side, twips: value });
+    };
+    let guide;
+    let cancelDrag;
+    const guideHost = () => {
+        const canvas = element.parentElement?.querySelector('.docier-canvas');
+        return canvas instanceof HTMLElement ? canvas : undefined;
+    };
+    const showGuide = (viewportX) => {
+        const host = guideHost();
+        if (host === undefined)
+            return;
+        if (guide === undefined) {
+            guide = make('div', 'docier-guide-line');
+            markPart(guide, 'margin-guide');
+            Object.assign(guide.style, {
+                position: 'absolute',
+                top: '0',
+                bottom: '0',
+                width: '1px',
+                zIndex: '5',
+                pointerEvents: 'none',
+                backgroundImage: 'repeating-linear-gradient(to bottom, var(--docier-guide) 0 6px, transparent 6px 12px)',
+            });
+            host.appendChild(guide);
+        }
+        const box = host.getBoundingClientRect();
+        guide.style.left = `${String(Math.round(viewportX - box.left))}px`;
+        guide.hidden = false;
+    };
+    const hideGuide = () => {
+        if (guide !== undefined)
+            guide.hidden = true;
+    };
+    const marginDrag = (side, event) => {
+        const marker = markers.get(`margin-${side}`);
+        const current = options.metrics();
+        if (marker === undefined || current === undefined)
+            return;
+        event.preventDefault();
+        const zoom = current.zoom === 0 ? 1 : current.zoom;
+        const sign = side === 'left' ? 1 : -1;
+        const base = Math.round(marginBase(side) / MP_PER_TWIP);
+        const startX = event.clientX;
+        const markerX = marker.getBoundingClientRect().left;
+        let pending = base;
+        const onMove = (moveEvent) => {
+            const travel = moveEvent.clientX - startX;
+            pending = Math.round(base + sign * mpToTwip(fromCssPx(travel, zoom)));
+            marker.style.left = `${String(Math.round(markerX + travel))}px`;
+            showGuide(markerX + travel);
+            badge.hidden = false;
+            badge.style.left = `${String(Math.round(markerX + travel))}px`;
+            setText(badge, `${formatRulerValue(twipToMp(twip(pending)), units())} ${unitSuffix(units())}`);
+        };
+        const onUp = () => {
+            hideGuide();
+            badge.hidden = true;
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('keydown', onKey);
+            if (pending !== base)
+                commitMargin(side, pending);
+            else
+                refresh();
+        };
+        const onKey = (keyEvent) => {
+            if (keyEvent.key !== 'Escape')
+                return;
+            keyEvent.preventDefault();
+            pending = base;
+            onUp();
+        };
+        doc.addEventListener('pointermove', onMove);
+        doc.addEventListener('pointerup', onUp);
+        doc.addEventListener('keydown', onKey);
+        cancelDrag = () => {
+            hideGuide();
+            badge.hidden = true;
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('keydown', onKey);
+            cancelDrag = undefined;
+        };
+    };
+    for (const side of ['left', 'right']) {
+        const marker = markers.get(`margin-${side}`);
+        if (marker === undefined)
+            continue;
+        const sign = side === 'left' ? 1 : -1;
+        store.listen(marker, 'pointerdown', (event) => {
+            marginDrag(side, event);
+        });
+        store.listen(marker, 'keydown', (event) => {
+            const step = event.shiftKey ? 10 : 1;
+            const delta = event.key === 'ArrowRight' ? step : event.key === 'ArrowLeft' ? -step : 0;
+            if (delta === 0)
+                return;
+            event.preventDefault();
+            commitMargin(side, marginBase(side) / MP_PER_TWIP + sign * delta);
+        });
+    }
+    store.add({
+        dispose: context.subscribe(() => {
+            refresh();
+        }),
+    });
+    refresh();
+    return {
+        element,
+        get markers() {
+            return [...markers.values()];
+        },
+        ticks,
+        textArea,
+        refresh,
+        dispose: () => {
+            cancelDrag?.();
+            store.dispose();
+        },
+    };
+};
+export const twipsToMp = (value) => twipToMp(twip(value));
+//# sourceMappingURL=ruler.js.map

package/dist/ui/ruler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruler.js","sourceRoot":"","sources":["../../src/ui/ruler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAuCpF,MAAM,OAAO,GAAG,IAAI,GAAG,WAAW,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAA0C;IAC/D,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC3E,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE;IACxE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;IACjE,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;IACnE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;CAC1E,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AAE1F,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,KAAgB,EAAU,EAAE;IAC5E,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IACvC,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,WAAW,GAIX;IACJ,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,QAAQ,EAAE;IACxE,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,sBAAsB,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC1E,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,0BAA0B,EAAE,IAAI,EAAE,YAAY,EAAE;IACvF,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,wBAAwB,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/E,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,EAAE;IACtE,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,sBAAsB,EAAE,IAAI,EAAE,OAAO,EAAE;CAC1E,CAAC;AAEF,MAAM,YAAY,GAAiB,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;AAEtF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAqB,EAAe,EAAE;IAChE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,KAAK,GAAG,qBAAqB,EAAE,CAAC;IACtC,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;IAEvC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IAC5C,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACzE,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IACvD,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;IAC3D,UAAU,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IACjD,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;IAChD,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;IACvD,QAAQ,CAAC,YAAY,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;IAChD,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;IAChD,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC1C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAuB,CAAC;IAC/C,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,2CAA2C,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;QAC5F,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1E,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;QACtD,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACrC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,KAAK,GAAG,GAAc,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;IAEnD,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAU,EAAE;QAC9C,MAAM,GAAG,GAAG,iBAAiB,KAAK,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpC,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CACrB,IAAY,EACZ,OAAe,EACf,IAAY,EACZ,QAAgB,EAChB,aAAqB,OAAO,EACtB,EAAE;QACR,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAO,EAAE,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC,IAAI,CAAC;QACjD,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,GAAG,gBAAgB,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAC3G,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,MAAc,EACd,IAAY,EACZ,IAAY,EACZ,QAAgB,EAChB,aAAqB,EACf,EAAE;QACR,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI;YAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACtE,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAChD,MAAM,KAAK,GAAG,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QACvF,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,IAAI,KAAK,GAAG,KAAK,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,CAAC;YAC7E,KAAK,IAAI,CAAC,CAAC;YACX,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;YACnD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC;YACvF,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAO,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC;YACvF,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YAC7C,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;gBACtD,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC7E,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;YACD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAClC,OAAO,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,OAAO,KAAK,SAAS,CAAC;QACtE,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC3E,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACtE,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO;QAElC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAC1B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9C,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC;QAE1D,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC;QACpE,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAO,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC;QAE5E,cAAc,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;QAC1E,cAAc,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;QAE3E,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC;QAChD,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;QACvE,cAAc,CAAC,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC5D,cAAc,CACZ,mBAAmB,EACnB,YAAY,GAAG,OAAO,CAAC,cAAc,GAAG,WAAW,EACnD,IAAI,EACJ,QAAQ,CACT,CAAC;QACF,cAAc,CACZ,gBAAgB,EAChB,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,WAAW,EAChE,IAAI,EACJ,QAAQ,CACT,CAAC;QACF,cAAc,CAAC,cAAc,EAAE,KAAK,GAAG,OAAO,CAAC,UAAU,GAAG,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEzF,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAiB,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,OAAO,IAAI,YAAY,CAAC;IAEtF,MAAM,YAAY,GAAG,CAAC,IAAkB,EAAQ,EAAE;QAChD,MAAM,MAAM,GAAiB;YAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;YAC/C,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAClD,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrD,CAAC;QACF,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QAC3B,MAAM,OAAO,GAAG,0CAA0C,CAAC;QAC3D,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,SAAS,EAAE,CAAC;YAChD,KAAK,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACjE,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,WAAW,GAEb;QACF,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,GAAG,KAAK,EAAE,CAAC;QAChF,mBAAmB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,GAAG,KAAK,EAAE,CAAC;QAChG,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAClC,GAAG,IAAI;YACP,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,KAAK;SACzD,CAAC;QACF,cAAc,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE,CAAC;KACpF,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,KAAmB,EAAQ,EAAE;QAC7D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAClC,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO;QACjF,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QACnD,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACpD,IAAI,OAAO,GAAG,IAAI,CAAC;QAEnB,MAAM,MAAM,GAAG,CAAC,SAAuB,EAAQ,EAAE;YAC/C,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;YAC1C,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACrE,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;YAChE,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;YAC5B,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACrB,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;YAC/D,OAAO,CAAC,KAAK,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAO,EAAE,KAAK,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QACjH,CAAC,CAAC;QACF,MAAM,IAAI,GAAG,GAAS,EAAE;YACtB,SAAS,EAAE,CAAC;YACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACpB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC/C,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC3C,GAAG,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC1C,UAAU,GAAG,SAAS,CAAC;YACvB,MAAM,KAAK,GACT,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;gBACpC,OAAO,CAAC,cAAc,KAAK,IAAI,CAAC,cAAc;gBAC9C,OAAO,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU,CAAC;YACzC,IAAI,KAAK;gBAAE,YAAY,CAAC,OAAO,CAAC,CAAC;;gBAC5B,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,CAAC,QAAuB,EAAQ,EAAE;YAC9C,IAAI,QAAQ,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO;YACtC,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,EAAE,CAAC;QACT,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC5C,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACxC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACvC,UAAU,GAAG,GAAG,EAAE;YAChB,SAAS,EAAE,CAAC;YACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACpB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC/C,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC3C,GAAG,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC1C,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;YAAE,SAAS;QAC1D,KAAK,CAAC,MAAM,CAAe,MAAM,EAAE,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YAC1D,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,MAAM,CAAgB,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACvD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;YAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACxF,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAU,EAAE;QACpD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAClC,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,CAAC,CAAC;QACpC,OAAO,IAAI,KAAK,MAAM;YACpB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC3B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1F,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAsB,EAAU,EAAE;QACrD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAClC,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,MAAM,CAAC,iBAAiB,CAAC;QAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAC1B,MAAM,KAAK,GACT,IAAI,KAAK,MAAM;YACb,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK;YAC7D,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,UAAkB,EAAQ,EAAE;QACxE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QACjF,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;QACvF,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAChC,MAAM,OAAO,GAAG,+BAA+B,CAAC;QAChD,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,SAAS,EAAE,CAAC;YAChD,KAAK,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACjF,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,IAAI,KAA8B,CAAC;IACnC,IAAI,UAAoC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAA4B,EAAE;QAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACtE,OAAO,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5D,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAQ,EAAE;QAC5C,MAAM,IAAI,GAAG,SAAS,EAAE,CAAC;QACzB,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO;QAC/B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;YACzC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;YAChC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;gBACzB,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,GAAG;gBACR,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,GAAG;gBACX,aAAa,EAAE,MAAM;gBACrB,eAAe,EACb,uFAAuF;aAC1F,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACzC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QACnE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAS,EAAE;QAC3B,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAE,KAAmB,EAAQ,EAAE;QACvE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAClC,IAAI,MAAM,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO;QAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QACnD,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACpD,IAAI,OAAO,GAAG,IAAI,CAAC;QAEnB,MAAM,MAAM,GAAG,CAAC,SAAuB,EAAQ,EAAE;YAC/C,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;YAC1C,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;YAChE,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;YAC5B,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACrB,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;YAC/D,OAAO,CAAC,KAAK,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAO,EAAE,KAAK,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QACvG,CAAC,CAAC;QACF,MAAM,IAAI,GAAG,GAAS,EAAE;YACtB,SAAS,EAAE,CAAC;YACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACpB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC/C,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC3C,GAAG,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC1C,IAAI,OAAO,KAAK,IAAI;gBAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;;gBAC7C,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,CAAC,QAAuB,EAAQ,EAAE;YAC9C,IAAI,QAAQ,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO;YACtC,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,EAAE,CAAC;QACT,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC5C,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACxC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACvC,UAAU,GAAG,GAAG,EAAE;YAChB,SAAS,EAAE,CAAC;YACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACpB,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC/C,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC3C,GAAG,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC1C,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAU,EAAE,CAAC;QAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAC7C,IAAI,MAAM,KAAK,SAAS;YAAE,SAAS;QACnC,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,KAAK,CAAC,MAAM,CAAe,MAAM,EAAE,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YAC1D,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,MAAM,CAAgB,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACvD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACxF,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,GAAG,CAAC;QACR,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAC9B,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;KACH,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC;IAEV,OAAO;QACL,OAAO;QACP,IAAI,OAAO;YACT,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/B,CAAC;QACD,KAAK;QACL,QAAQ;QACR,OAAO;QACP,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,EAAE,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC"}

package/dist/ui/status-bar.d.ts

@@ -0,0 +1,24 @@
+import type { Disposable } from '../api/types.js';
+import type { ChromeContext, StatusItemId } from './types.js';
+export interface StatusBarOptions {
+    readonly context: ChromeContext;
+    readonly items?: readonly StatusItemId[] | undefined;
+    readonly onZoom?: ((zoom: number) => void) | undefined;
+    readonly onItemMenu?: ((element: HTMLElement, x: number, y: number) => void) | undefined;
+}
+export interface StatusBarHandle extends Disposable {
+    readonly element: HTMLElement;
+    readonly page: HTMLElement;
+    readonly words: HTMLElement;
+    readonly language: HTMLElement;
+    readonly save: HTMLElement;
+    readonly zoom: HTMLInputElement;
+    refresh(): void;
+}
+export declare const ZOOM_MIN = 0.1;
+export declare const ZOOM_MAX = 5;
+export declare const zoomAtPosition: (position: number) => number;
+export declare const positionOfZoom: (zoom: number) => number;
+export declare const ZOOM_STEP = 0.05;
+export declare const createStatusBar: (options: StatusBarOptions) => StatusBarHandle;
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/ui/status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../src/ui/status-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAY,MAAM,YAAY,CAAC;AAEnF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;IACrD,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1F;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,OAAO,IAAI,IAAI,CAAC;CACjB;AAiBD,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,IAAI,CAAC;AAI1B,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,MAOjD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,MAO7C,CAAC;AACF,eAAO,MAAM,SAAS,OAAO,CAAC;AAE9B,eAAO,MAAM,eAAe,GAAI,SAAS,gBAAgB,KAAG,eA6L3D,CAAC"}

package/dist/ui/status-bar.js

@@ -0,0 +1,206 @@
+import { createDisposableStore, markPart, markSlot, make, setText } from './dom.js';
+import { STATUS_VIEW_MODES as MODES } from './types.js';
+const SAVE_KEYS = {
+    saved: 'ui.status.save.saved',
+    unsaved: 'ui.status.save.unsaved',
+    saving: 'ui.status.save.saving',
+    failed: 'ui.status.save.failed',
+    autosaved: 'ui.status.save.autosaved',
+};
+const VIEW_KEYS = {
+    print: 'ui.control.viewPrint',
+    web: 'ui.control.viewWeb',
+    draft: 'ui.control.viewDraft',
+    read: 'ui.control.viewRead',
+};
+export const ZOOM_MIN = 0.1;
+export const ZOOM_MAX = 5;
+const ZOOM_POSITIONS = 1000;
+export const zoomAtPosition = (position) => {
+    const t = Math.min(ZOOM_POSITIONS, Math.max(0, position)) / ZOOM_POSITIONS;
+    const value = t <= 0.5
+        ? ZOOM_MIN * (1 / ZOOM_MIN) ** (t * 2)
+        : 1 * (ZOOM_MAX / 1) ** (t * 2 - 1);
+    return Math.round(value * 100) / 100;
+};
+export const positionOfZoom = (zoom) => {
+    const value = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, zoom));
+    const t = value <= 1
+        ? Math.log(value / ZOOM_MIN) / Math.log(1 / ZOOM_MIN) / 2
+        : 0.5 + Math.log(value) / Math.log(ZOOM_MAX) / 2;
+    return Math.round(t * ZOOM_POSITIONS);
+};
+export const ZOOM_STEP = 0.05;
+export const createStatusBar = (options) => {
+    const { context } = options;
+    const store = createDisposableStore();
+    const doc = context.host.ownerDocument;
+    const element = make('div', 'docier-status');
+    markPart(element, 'status');
+    markSlot(element, 'statusBar');
+    element.setAttribute('role', 'toolbar');
+    element.setAttribute('aria-label', context.i18n.text('ui.chrome.statusBar'));
+    const button = (part) => {
+        const node = doc.createElement('button');
+        node.setAttribute('type', 'button');
+        node.className = 'docier-status-item';
+        node.setAttribute('data-docier-status-item', part);
+        node.addEventListener('mousedown', (event) => {
+            event.preventDefault();
+        });
+        return node;
+    };
+    const page = button('page');
+    page.addEventListener('click', () => context.run('openDialog', { dialog: 'goToPage' }));
+    const words = button('words');
+    words.addEventListener('click', () => context.run('openDialog', { dialog: 'wordCount' }));
+    const language = button('language');
+    language.addEventListener('click', () => context.run('openDialog', { dialog: 'setLanguage' }));
+    const save = button('save');
+    save.addEventListener('click', () => context.run('openDialog', { dialog: 'save' }));
+    const viewGroup = make('span', 'docier-status-view');
+    viewGroup.setAttribute('data-docier-status-item', 'view');
+    viewGroup.setAttribute('role', 'group');
+    viewGroup.setAttribute('aria-label', context.i18n.text('ui.status.viewMode'));
+    const viewButtons = new Map();
+    for (const mode of MODES) {
+        const node = button(`view-${mode}`);
+        node.setAttribute('aria-pressed', 'false');
+        node.addEventListener('click', () => context.run('setViewMode', { mode }));
+        viewButtons.set(mode, node);
+        viewGroup.appendChild(node);
+    }
+    const zoomGroup = make('div', 'docier-status-zoom');
+    zoomGroup.setAttribute('data-docier-status-item', 'zoom');
+    zoomGroup.setAttribute('role', 'group');
+    zoomGroup.setAttribute('aria-label', context.i18n.text('ui.group.zoom'));
+    const zoomOut = button('zoom-out');
+    zoomOut.addEventListener('click', () => context.run('zoomOut', {}));
+    const zoom = doc.createElement('input');
+    zoom.className = 'docier-status-range';
+    zoom.setAttribute('type', 'range');
+    zoom.setAttribute('min', '0');
+    zoom.setAttribute('max', String(ZOOM_POSITIONS));
+    zoom.setAttribute('step', '1');
+    zoom.setAttribute('data-docier-part', 'zoom');
+    zoom.setAttribute('aria-label', context.i18n.text('ui.status.zoom'));
+    zoom.value = String(positionOfZoom(1));
+    zoom.addEventListener('input', () => {
+        const position = Number(zoom.value);
+        if (!Number.isFinite(position))
+            return;
+        const value = zoomAtPosition(position);
+        options.onZoom?.(value);
+        context.run('zoomSet', { zoom: value });
+    });
+    const zoomIn = button('zoom-in');
+    zoomIn.addEventListener('click', () => context.run('zoomIn', {}));
+    const zoomLabel = make('span', 'docier-status-zoom-label');
+    zoomGroup.appendChild(zoomOut);
+    zoomGroup.appendChild(zoom);
+    zoomGroup.appendChild(zoomIn);
+    zoomGroup.appendChild(zoomLabel);
+    const slots = {
+        page,
+        words,
+        language,
+        save,
+        view: viewGroup,
+        zoom: zoomGroup,
+    };
+    const languageNameOf = (tag) => {
+        if (tag === undefined || tag === '')
+            return '';
+        try {
+            const names = new Intl.DisplayNames([tag], { type: 'language' });
+            return names.of(tag) ?? tag;
+        }
+        catch {
+            return tag;
+        }
+    };
+    const order = ['page', 'words', 'language', 'save', 'view', 'zoom'];
+    let appliedOrder = '';
+    const applyOrder = () => {
+        const key = context.state.statusItems.join(',');
+        for (const id of order) {
+            const node = slots[id];
+            if (node === undefined)
+                continue;
+            node.hidden = !context.state.statusItems.includes(id);
+        }
+        if (key === appliedOrder)
+            return;
+        appliedOrder = key;
+        for (const id of order) {
+            const node = slots[id];
+            if (node === undefined)
+                continue;
+            if (node.parentNode !== null)
+                node.parentNode.removeChild(node);
+        }
+        for (const id of context.state.statusItems) {
+            const node = slots[id];
+            if (node !== undefined)
+                element.appendChild(node);
+        }
+    };
+    element.appendChild(page);
+    const refresh = () => {
+        const state = context.state;
+        setText(page, context.i18n.text('ui.status.page', {
+            page: context.i18n.formatNumber(state.page),
+            pages: context.i18n.formatNumber(state.pages),
+        }));
+        page.setAttribute('title', page.textContent ?? '');
+        setText(words, state.words === 1
+            ? context.i18n.text('ui.status.wordCountOne')
+            : context.i18n.text('ui.status.words', { count: context.i18n.formatNumber(state.words) }));
+        words.setAttribute('title', words.textContent ?? '');
+        setText(language, languageNameOf(state.language));
+        language.dataset.docierTag = state.language ?? '';
+        language.setAttribute('title', context.i18n.text('ui.status.language'));
+        setText(save, context.i18n.text(SAVE_KEYS[state.save]));
+        save.setAttribute('title', context.i18n.text('ui.status.save'));
+        save.setAttribute('data-docier-save', state.save);
+        for (const [mode, node] of viewButtons) {
+            setText(node, context.i18n.text(VIEW_KEYS[mode]));
+            node.setAttribute('aria-pressed', state.viewMode === mode ? 'true' : 'false');
+            node.setAttribute('title', context.i18n.text(VIEW_KEYS[mode]));
+            node.setAttribute('aria-label', context.i18n.text(VIEW_KEYS[mode]));
+        }
+        zoom.value = String(positionOfZoom(state.zoom));
+        setText(zoomLabel, context.i18n.text('ui.status.zoomPercent', { percent: Math.round(state.zoom * 100) }));
+        zoomLabel.setAttribute('title', context.i18n.text('ui.status.zoom'));
+        zoomOut.setAttribute('aria-label', context.i18n.text('ui.control.zoomOut'));
+        zoomOut.setAttribute('title', context.i18n.text('ui.control.zoomOut'));
+        setText(zoomOut, '−');
+        zoomIn.setAttribute('aria-label', context.i18n.text('ui.control.zoomIn'));
+        zoomIn.setAttribute('title', context.i18n.text('ui.control.zoomIn'));
+        setText(zoomIn, '+');
+        applyOrder();
+    };
+    store.listen(element, 'contextmenu', (event) => {
+        event.preventDefault();
+        options.onItemMenu?.(element, event.clientX, event.clientY);
+    });
+    store.add({
+        dispose: context.subscribe(() => {
+            refresh();
+        }),
+    });
+    refresh();
+    return {
+        element,
+        page,
+        words,
+        language,
+        save,
+        zoom,
+        refresh,
+        dispose: () => {
+            store.dispose();
+        },
+    };
+};
+//# sourceMappingURL=status-bar.js.map