@docmentis/udoc-viewer 0.6.22 → 0.6.24

package/dist/src/ui/viewer/styles-inline.js

@@ -59,6 +59,7 @@ export const inlineStyles = `.udoc-viewer-root {
     --udoc-search-result-active-bg: rgba(0, 0, 0, 0.06);
 
     --udoc-text-selection: rgba(0, 120, 215, 0.5);
+    --udoc-selection-color: rgb(0, 120, 215);
 
     --udoc-annotation-bg: #ffffc0;
     --udoc-annotation-header-bg: #f0f0c0;
@@ -153,6 +154,7 @@ export const inlineStyles = `.udoc-viewer-root {
     --udoc-search-result-active-bg: rgba(255, 255, 255, 0.08);
 
     --udoc-text-selection: rgba(77, 166, 255, 0.5);
+    --udoc-selection-color: rgb(77, 166, 255);
 
     --udoc-annotation-bg: #4a4a20;
     --udoc-annotation-header-bg: #3a3a18;
@@ -1255,82 +1257,383 @@ export const inlineStyles = `.udoc-viewer-root {
     height: 20px;
 }
 
-/* Tool option groups */
-.udoc-viewer-root .udoc-subtoolbar__option-group {
+/* ---- Dropdown trigger (shared) ---- */
+.udoc-viewer-root .udoc-subtoolbar__dropdown-trigger {
     display: flex;
     align-items: center;
     gap: 4px;
+    height: 28px;
+    padding: 0 6px;
+    border: 1px solid var(--udoc-border);
+    border-radius: 4px;
+    background: var(--udoc-bg-panel);
+    cursor: pointer;
+    color: var(--udoc-text-body);
+    box-sizing: border-box;
 }
 
-.udoc-viewer-root .udoc-subtoolbar__option-label {
+.udoc-viewer-root .udoc-subtoolbar__dropdown-trigger:hover {
+    background: var(--udoc-hover-overlay);
+}
+
+.udoc-viewer-root .udoc-subtoolbar__dropdown-trigger--icon svg {
+    width: 20px;
+    height: 20px;
+}
+
+.udoc-viewer-root .udoc-subtoolbar__dropdown-arrow {
     font-size: 10px;
-    font-weight: 600;
-    text-transform: uppercase;
+    line-height: 1;
     color: var(--udoc-text-muted);
-    letter-spacing: 0.05em;
-    white-space: nowrap;
-    margin-right: 2px;
 }
 
-/* Color swatches */
+/* ---- Color swatch in trigger ---- */
 .udoc-viewer-root .udoc-subtoolbar__color-swatch {
-    width: 20px;
-    height: 20px;
+    display: block;
+    width: 18px;
+    height: 18px;
     border-radius: 50%;
-    border: 2px solid transparent;
-    background: var(--swatch-color);
-    cursor: pointer;
     padding: 0;
     box-sizing: border-box;
+    pointer-events: none;
 }
 
-.udoc-viewer-root .udoc-subtoolbar__color-swatch:hover {
+/* Stroke swatch: outlined ring */
+.udoc-viewer-root .udoc-subtoolbar__color-swatch--stroke {
+    background: transparent;
+    border: 3px solid var(--swatch-color);
+}
+
+/* Stroke none: dashed ring */
+.udoc-viewer-root .udoc-subtoolbar__color-swatch--stroke-none {
     border-color: var(--udoc-text-muted);
+    border-style: dashed;
+    border-width: 2px;
 }
 
-.udoc-viewer-root .udoc-subtoolbar__color-swatch--active {
-    border-color: var(--udoc-primary);
+/* Fill swatch: solid disc */
+.udoc-viewer-root .udoc-subtoolbar__color-swatch--fill {
+    background: var(--swatch-color);
+    border: 2px solid var(--udoc-border);
+}
+
+/* Fill none: diagonal strike */
+.udoc-viewer-root .udoc-subtoolbar__color-swatch--fill-none {
+    background: transparent;
+    position: relative;
+    overflow: hidden;
 }
 
-/* Stroke width buttons */
-.udoc-viewer-root .udoc-subtoolbar__width-btn {
+.udoc-viewer-root .udoc-subtoolbar__color-swatch--fill-none::after {
+    content: "";
+    position: absolute;
+    width: 140%;
+    height: 2px;
+    background: var(--udoc-text-muted);
+    top: 50%;
+    left: -20%;
+    transform: rotate(-45deg);
+}
+
+/* ---- NumberInput trigger ---- */
+.udoc-viewer-root .udoc-number-input__trigger {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 28px;
+    gap: 3px;
+    width: 68px;
     height: 28px;
+    padding: 0 4px;
+    border: 1px solid var(--udoc-border);
+    border-radius: 4px;
+    background: var(--udoc-bg-panel);
+    cursor: pointer;
+    color: var(--udoc-text-body);
+    box-sizing: border-box;
+}
+
+.udoc-viewer-root .udoc-number-input__trigger:hover {
+    background: var(--udoc-hover-overlay);
+}
+
+.udoc-viewer-root .udoc-number-input__icon {
+    display: flex;
+    align-items: center;
+    width: 14px;
+    height: 14px;
+    color: var(--udoc-text-muted);
+}
+
+.udoc-viewer-root .udoc-number-input__icon svg {
+    width: 14px;
+    height: 14px;
+}
+
+.udoc-viewer-root .udoc-number-input__value {
+    font-size: 11px;
+    font-weight: 500;
+    white-space: nowrap;
+}
+
+/* ---- NumberInput floating panel ---- */
+.udoc-viewer-root .udoc-number-input-panel {
+    display: none;
+    position: absolute;
+    top: 100%;
+    margin-top: 2px;
+    padding: 8px 10px;
+    background: var(--udoc-bg-panel);
+    border: 1px solid var(--udoc-border);
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    z-index: 100;
+}
+
+.udoc-viewer-root .udoc-number-input-panel--open {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.udoc-viewer-root .udoc-number-input-panel__slider {
+    width: 100px;
+    height: 4px;
+    cursor: pointer;
+    accent-color: var(--udoc-primary);
+}
+
+.udoc-viewer-root .udoc-number-input-panel__text {
+    width: 48px;
+    text-align: center;
+    border: 1px solid var(--udoc-border);
+    border-radius: 4px;
+    padding: 3px 4px;
+    font-size: 11px;
+    font-family: inherit;
+    color: var(--udoc-text-body);
+    background: var(--udoc-bg-panel);
+    box-sizing: border-box;
+}
+
+.udoc-viewer-root .udoc-number-input-panel__text:focus {
+    outline: 2px solid var(--udoc-primary);
+    outline-offset: -1px;
+}
+
+/* ---- Color panel (floating) ---- */
+.udoc-viewer-root .udoc-color-panel {
+    display: none;
+    position: absolute;
+    top: 100%;
+    margin-top: 2px;
+    padding: 8px;
+    background: var(--udoc-bg-panel);
+    border: 1px solid var(--udoc-border);
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    z-index: 100;
+}
+
+.udoc-viewer-root .udoc-color-panel--open {
+    display: block;
+}
+
+.udoc-viewer-root .udoc-color-panel__grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+    justify-items: center;
+}
+
+/* Base swatch (shared) */
+.udoc-viewer-root .udoc-color-panel__swatch {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    cursor: pointer;
     padding: 0;
+    box-sizing: border-box;
+}
+
+/* Fill panel: solid discs with subtle border */
+.udoc-viewer-root .udoc-color-panel__grid--fill .udoc-color-panel__swatch:not(.udoc-color-panel__swatch--none) {
+    background: var(--swatch-color);
+    border: 2px solid rgba(0, 0, 0, 0.1);
+}
+
+/* Stroke panel: outlined rings */
+.udoc-viewer-root .udoc-color-panel__grid--stroke .udoc-color-panel__swatch:not(.udoc-color-panel__swatch--none) {
+    background: transparent;
+    border: 3px solid var(--swatch-color);
+}
+
+/* Hover: both use outline */
+.udoc-viewer-root .udoc-color-panel__swatch:hover:not(.udoc-color-panel__swatch--active) {
+    outline: 2px solid var(--udoc-text-muted);
+    outline-offset: 1px;
+}
+
+/* Active: both use outline */
+.udoc-viewer-root .udoc-color-panel__swatch--active:not(.udoc-color-panel__swatch--none) {
+    outline: 2px solid var(--udoc-primary);
+    outline-offset: 2px;
+}
+
+/* None swatch — shared base */
+.udoc-viewer-root .udoc-color-panel__swatch--none {
+    background: transparent;
+    cursor: pointer;
+}
+
+.udoc-viewer-root .udoc-color-panel__swatch--none.udoc-color-panel__swatch--active {
+    outline: 2px solid var(--udoc-primary);
+    outline-offset: 2px;
+}
+
+/* None stroke: dashed ring (matches toolbar trigger) */
+.udoc-viewer-root .udoc-color-panel__swatch--none-stroke {
+    border: 2px dashed var(--udoc-text-muted);
+}
+
+/* None fill: diagonal strike (matches toolbar trigger) */
+.udoc-viewer-root .udoc-color-panel__swatch--none-fill {
+    border: 2px solid var(--udoc-border);
+    position: relative;
+    overflow: hidden;
+}
+
+.udoc-viewer-root .udoc-color-panel__swatch--none-fill::after {
+    content: "";
+    position: absolute;
+    width: 140%;
+    height: 2px;
+    background: var(--udoc-text-muted);
+    top: 50%;
+    left: -20%;
+    transform: rotate(-45deg);
+}
+
+.udoc-viewer-root .udoc-color-panel__swatch--none:hover {
+    border-color: var(--udoc-text-muted);
+}
+
+/* ---- Line style panel (floating) ---- */
+.udoc-viewer-root .udoc-linestyle-panel {
+    display: none;
+    position: absolute;
+    top: 100%;
+    margin-top: 2px;
+    padding: 4px;
+    background: var(--udoc-bg-panel);
+    border: 1px solid var(--udoc-border);
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    z-index: 100;
+}
+
+.udoc-viewer-root .udoc-linestyle-panel--open {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.udoc-viewer-root .udoc-linestyle-panel__item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 10px;
     border: none;
     border-radius: 4px;
     background: transparent;
     cursor: pointer;
+    white-space: nowrap;
+    color: var(--udoc-text-body);
 }
 
-.udoc-viewer-root .udoc-subtoolbar__width-btn:hover {
+.udoc-viewer-root .udoc-linestyle-panel__item:hover {
     background: var(--udoc-hover-overlay);
 }
 
-.udoc-viewer-root .udoc-subtoolbar__width-btn--active {
+.udoc-viewer-root .udoc-linestyle-panel__item--active {
     background: var(--udoc-primary-active-bg);
 }
 
-.udoc-viewer-root .udoc-subtoolbar__width-btn--active:hover {
-    background: var(--udoc-primary-active-bg-hover);
+.udoc-viewer-root .udoc-linestyle-panel__icon {
+    display: flex;
+    width: 24px;
+    height: 24px;
 }
 
-.udoc-viewer-root .udoc-subtoolbar__width-line {
-    display: block;
-    width: 16px;
-    border-radius: 1px;
-    background: var(--udoc-text-body);
+.udoc-viewer-root .udoc-linestyle-panel__icon svg {
+    width: 24px;
+    height: 24px;
 }
 
-/* Opacity slider */
-.udoc-viewer-root .udoc-subtoolbar__opacity-slider {
-    width: 80px;
-    height: 4px;
+.udoc-viewer-root .udoc-linestyle-panel__label {
+    font-size: 11px;
+}
+
+/* ---- Arrow head panel (floating) ---- */
+.udoc-viewer-root .udoc-arrowhead-panel {
+    display: none;
+    position: absolute;
+    top: 100%;
+    margin-top: 2px;
+    padding: 8px;
+    background: var(--udoc-bg-panel);
+    border: 1px solid var(--udoc-border);
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    z-index: 100;
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel--open {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__row {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__row-label {
+    font-size: 10px;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: var(--udoc-text-muted);
+    letter-spacing: 0.05em;
+    width: 36px;
+    flex-shrink: 0;
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: transparent;
     cursor: pointer;
-    accent-color: var(--udoc-primary);
+    color: var(--udoc-text-body);
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__btn svg {
+    width: 20px;
+    height: 20px;
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__btn:hover {
+    background: var(--udoc-hover-overlay);
+}
+
+.udoc-viewer-root .udoc-arrowhead-panel__btn--active {
+    background: var(--udoc-primary-active-bg);
 }
 
 /* Right Panel */
@@ -1461,6 +1764,19 @@ export const inlineStyles = `.udoc-viewer-root {
     user-select: none;
 }
 
+/* Annotation draw tool cursor */
+.udoc-viewer--tool-draw .udoc-viewport__scroll {
+    cursor: crosshair;
+}
+
+.udoc-viewer--tool-draw .udoc-spread__text-layer {
+    pointer-events: none;
+}
+
+.udoc-viewer--tool-draw .udoc-text-run {
+    user-select: none;
+}
+
 /* Annotation Layer */
 .udoc-viewer-root .udoc-spread__annotation-layer {
     position: absolute;
@@ -1911,6 +2227,123 @@ export const inlineStyles = `.udoc-viewer-root {
     z-index: 20;
 }
 
+/* Annotation select tool */
+.udoc-viewer--tool-select .udoc-spread__text-layer {
+    pointer-events: none;
+}
+
+.udoc-viewer--tool-select .udoc-text-run {
+    user-select: none;
+}
+
+/* SVG shape annotations: make drawn strokes/fills clickable (not empty SVG space) */
+.udoc-viewer--tool-select .udoc-spread__annotation-layer svg[data-annotation-index] * {
+    pointer-events: painted;
+    cursor: pointer;
+}
+
+/* HTML-based annotations (markup quads, text icons, etc.): make children clickable */
+.udoc-viewer--tool-select .udoc-spread__annotation-layer div[data-annotation-index] > * {
+    pointer-events: auto !important;
+    cursor: pointer;
+}
+
+/* Selected annotation bounding box */
+.udoc-viewer-root .udoc-annotation-select-bbox {
+    pointer-events: none;
+    z-index: 10;
+    overflow: visible;
+}
+
+.udoc-viewer-root .udoc-annotation-select-bbox__inner {
+    box-sizing: border-box;
+    border: 2px solid var(--udoc-selection-color);
+    cursor: grab;
+    pointer-events: auto;
+}
+
+/* Resize handles */
+.udoc-viewer-root .udoc-annotation-select-bbox__handle {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background: #fff;
+    border: 2px solid var(--udoc-selection-color);
+    border-radius: 2px;
+    pointer-events: auto;
+    box-sizing: border-box;
+}
+
+/* Corner handles */
+.udoc-annotation-select-bbox__handle--nw {
+    top: -5px;
+    left: -5px;
+}
+.udoc-annotation-select-bbox__handle--ne {
+    top: -5px;
+    right: -5px;
+}
+.udoc-annotation-select-bbox__handle--se {
+    bottom: -5px;
+    right: -5px;
+}
+.udoc-annotation-select-bbox__handle--sw {
+    bottom: -5px;
+    left: -5px;
+}
+
+/* Edge midpoint handles */
+.udoc-annotation-select-bbox__handle--n {
+    top: -5px;
+    left: 50%;
+    margin-left: -5px;
+}
+.udoc-annotation-select-bbox__handle--e {
+    top: 50%;
+    right: -5px;
+    margin-top: -5px;
+}
+.udoc-annotation-select-bbox__handle--s {
+    bottom: -5px;
+    left: 50%;
+    margin-left: -5px;
+}
+.udoc-annotation-select-bbox__handle--w {
+    top: 50%;
+    left: -5px;
+    margin-top: -5px;
+}
+
+/* Moving annotation cursor */
+.udoc-viewer--annotation-moving .udoc-viewport__scroll {
+    cursor: grabbing !important;
+}
+
+.udoc-viewer--annotation-moving .udoc-annotation-select-bbox__inner {
+    cursor: grabbing;
+}
+
+/* Resizing annotation — lock cursor globally */
+.udoc-viewer--annotation-resizing .udoc-viewport__scroll {
+    cursor: inherit !important;
+}
+
+/* Delete button in sub-toolbar */
+.udoc-viewer-root .udoc-subtoolbar__btn--delete {
+    transition:
+        color 0.15s ease,
+        opacity 0.15s ease;
+}
+
+.udoc-viewer-root .udoc-subtoolbar__btn--delete:disabled {
+    opacity: 0.35;
+    cursor: default;
+}
+
+.udoc-viewer-root .udoc-subtoolbar__btn--delete:not(:disabled):hover {
+    color: var(--udoc-error-text);
+}
+
 /* Mobile Panel Overlay */
 .udoc-viewer-root .udoc-panel-overlay {
     display: none;

package/dist/src/ui/viewer/styles-inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0yF3B,CAAC"}
+{"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2tG3B,CAAC"}

package/dist/src/ui/viewer/text/render.d.ts

@@ -10,9 +10,9 @@
  *    Decomposes transforms into final pixel coordinates, no CSS transforms.
  *    Same approach as the search highlight code.
  */
-import type { JsLayoutPage } from "../../../wasm/udoc.js";
+import type { LayoutPage } from "../../../worker/index.js";
 /**
- * Render a JsLayoutPage to a text layer element.
+ * Render a LayoutPage to a text layer element.
  */
-export declare function renderTextToLayer(layer: HTMLDivElement, layout: JsLayoutPage | null | undefined, scale: number, _pageHeight: number): void;
+export declare function renderTextToLayer(layer: HTMLDivElement, layout: LayoutPage | null | undefined, scale: number, _pageHeight: number): void;
 //# sourceMappingURL=render.d.ts.map

package/dist/src/ui/viewer/text/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../src/ui/viewer/text/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EACR,YAAY,EAYf,MAAM,uBAAuB,CAAC;AAsE/B;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,EACvC,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,GACpB,IAAI,CAWN"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../src/ui/viewer/text/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EACR,UAAU,EAYb,MAAM,0BAA0B,CAAC;AAsElC;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EACrC,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,GACpB,IAAI,CAWN"}

package/dist/src/ui/viewer/text/render.js

@@ -1,7 +1,7 @@
 function px(v) {
     return `${v}px`;
 }
-/** Format a JsTransform as a CSS matrix() with translation scaled to pixels. */
+/** Format a Transform as a CSS matrix() with translation scaled to pixels. */
 function cssMatrix(t, scale) {
     return `matrix(${t.scaleX},${t.skewY},${t.skewX},${t.scaleY},${t.translateX * scale},${t.translateY * scale})`;
 }
@@ -57,7 +57,7 @@ function isFlat(layout) {
     return false;
 }
 /**
- * Render a JsLayoutPage to a text layer element.
+ * Render a LayoutPage to a text layer element.
  */
 export function renderTextToLayer(layer, layout, scale, _pageHeight) {
     if (!layout) {