@docmentis/udoc-viewer 0.5.3 → 0.5.6

package/dist/src/ui/viewer/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/ui/viewer/state.ts"],"names":[],"mappings":"AAaA,MAAM,SAAS,GAAkB,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AACzG,MAAM,UAAU,cAAc,CAAC,GAAa;IACxC,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AA4BD,iDAAiD;AACjD,MAAM,UAAU,iBAAiB,CAAC,MAAsB;IACpD,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,KAAK;YACN,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;QAC1E,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACR,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;IAChE,CAAC;AACL,CAAC;AAED,iDAAiD;AACjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAS5F,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uCAAuC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAE1B,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAE9B,gEAAgE;AAChE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,WAAW;AAElE,yDAAyD;AACzD,MAAM,UAAU,iBAAiB,CAAC,GAAW;IACzC,OAAO,GAAG,GAAG,OAAO,CAAC;AACzB,CAAC;AAwFD,MAAM,CAAC,MAAM,YAAY,GAAgB;IACrC,GAAG,EAAE,IAAI;IACT,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,EAAE;IAEb,aAAa,EAAE,KAAK;IACpB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,KAAK;IAEvB,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,KAAK;IAErB,eAAe,EAAE,IAAI,GAAG,EAAE;IAC1B,kBAAkB,EAAE,IAAI,GAAG,EAAE;IAE7B,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,WAAW,EAAE,IAAI,GAAG,EAAE;IAEtB,gBAAgB,EAAE,IAAI;IAEtB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,aAAa;IACzB,QAAQ,EAAE,kBAAkB;IAC5B,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,kBAAkB;IAC7B,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,KAAK;IAElB,GAAG,EAAE,WAAW;IAEhB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IAEjB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,IAAI;IAErB,qBAAqB,EAAE,IAAI;IAE3B,YAAY,EAAE,KAAK;IAEnB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC;CACnB,CAAC"}

package/dist/src/ui/viewer/styles-inline.d.ts

@@ -0,0 +1,2 @@
+export declare const inlineStyles = ".udoc-viewer-root {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    container-type: inline-size;\n    container-name: udoc-viewer;\n}\n\n.udoc-viewer-root .udoc-toolbar-slot {\n    flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-body-slot {\n    flex: 1 1 auto;\n    display: flex;\n    overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel-slot {\n    flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-right-panel-slot {\n    flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-viewport-slot {\n    position: relative;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #e0e0e0;\n}\n\n.udoc-viewer-root .udoc-viewport__scroll {\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    /* scrollbar visibility is managed dynamically by Viewport.ts */\n}\n\n.udoc-viewer-root .udoc-viewport__container {\n    position: relative;\n    min-height: 100%;\n    box-sizing: border-box;\n    /* height set dynamically for virtual scrolling */\n}\n\n/* Spread */\n.udoc-viewer-root .udoc-spread {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-spread--hidden {\n    display: none;\n}\n\n/* Page slot within spread */\n.udoc-viewer-root .udoc-spread__slot {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: white;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.udoc-viewer-root .udoc-viewport--seamless .udoc-spread__slot {\n    box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__slot--empty {\n    background: transparent;\n    box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__canvas {\n    display: block;\n}\n\n/* Floating Toolbar */\n.udoc-viewer-root .udoc-floating-toolbar {\n    position: absolute;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 10px;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n    z-index: 100;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__section {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__divider {\n    width: 1px;\n    height: 20px;\n    background: rgba(0, 0, 0, 0.15);\n    margin: 0 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.7);\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:hover {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:active {\n    background: rgba(0, 0, 0, 0.15);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled {\n    color: rgba(0, 0, 0, 0.25);\n    cursor: default;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled:hover {\n    background: transparent;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn svg {\n    width: 18px;\n    height: 18px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-info {\n    display: flex;\n    align-items: center;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 13px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input {\n    width: 36px;\n    padding: 2px 4px;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 13px;\n    text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input:focus {\n    outline: none;\n    border-color: rgba(0, 0, 0, 0.3);\n    background: white;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-total {\n    white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__zoom-level {\n    min-width: 44px;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 13px;\n    text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn--active {\n    background: rgba(0, 0, 0, 0.12);\n}\n\n/* Zoom Dropdown */\n.udoc-viewer-root .udoc-zoom-dropdown {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    height: 100%;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    background: transparent;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle:focus-within {\n    border-color: rgba(0, 0, 0, 0.3);\n    background: white;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input {\n    width: 44px;\n    padding: 2px 4px;\n    border: none;\n    border-radius: 4px 0 0 4px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 13px;\n    text-align: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input:focus {\n    outline: none;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 2px 2px;\n    border: none;\n    border-left: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 0 4px 4px 0;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.5);\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron:hover {\n    background: rgba(0, 0, 0, 0.08);\n    color: rgba(0, 0, 0, 0.7);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron--active {\n    background: rgba(0, 0, 0, 0.12);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron svg {\n    width: 14px;\n    height: 14px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__menu {\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    min-width: 100px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__section {\n    display: flex;\n    flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__divider {\n    height: 1px;\n    background: rgba(0, 0, 0, 0.1);\n    margin: 6px 0;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item {\n    display: block;\n    width: 100%;\n    padding: 6px 10px;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 13px;\n    text-align: left;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item:hover {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active {\n    background: rgba(0, 102, 204, 0.15);\n    color: #0066cc;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active:hover {\n    background: rgba(0, 102, 204, 0.2);\n}\n\n/* View Mode Menu */\n.udoc-viewer-root .udoc-view-mode-menu {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__dropdown {\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 0;\n    padding: 8px;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    min-width: 160px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section {\n    margin-bottom: 8px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section:last-child {\n    margin-bottom: 0;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__title {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: rgba(0, 0, 0, 0.5);\n    margin-bottom: 4px;\n    padding: 0 4px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__options {\n    display: flex;\n    gap: 2px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.6);\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option:hover {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active {\n    background: rgba(0, 102, 204, 0.15);\n    color: #0066cc;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active:hover {\n    background: rgba(0, 102, 204, 0.2);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled {\n    color: rgba(0, 0, 0, 0.25);\n    cursor: default;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled:hover {\n    background: transparent;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon svg {\n    width: 20px;\n    height: 20px;\n}\n\n/* Left Panel */\n.udoc-viewer-root .udoc-left-panel {\n    position: relative;\n    display: flex;\n    width: 240px;\n    height: 100%;\n    background: #f5f5f5;\n    border-right: 1px solid #ddd;\n}\n\n.udoc-viewer-root .udoc-left-panel--closed {\n    width: 0;\n    overflow: hidden;\n    border-right: none;\n}\n\n.udoc-viewer-root .udoc-left-panel__tabs {\n    display: flex;\n    flex-direction: column;\n    width: 40px;\n    background: #e8e8e8;\n    border-right: 1px solid #ddd;\n}\n\n.udoc-viewer-root .udoc-left-panel__tab {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: #666;\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-left-panel__tab:hover {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab--active {\n    background: #f5f5f5;\n    color: #333;\n    border-right: 2px solid #0066cc;\n}\n\n.udoc-viewer-root .udoc-left-panel__tab svg {\n    width: 20px;\n    height: 20px;\n}\n\n.udoc-viewer-root .udoc-left-panel__content {\n    flex: 1;\n    overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n    background: transparent;\n    z-index: 10;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-left-panel--resizing .udoc-left-panel__resize-handle {\n    background: rgba(0, 102, 204, 0.3);\n}\n\n.udoc-viewer-root .udoc-left-panel--resizing {\n    transition: none;\n}\n\n/* Thumbnail Panel */\n.udoc-viewer-root .udoc-thumbnail-panel {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px;\n    height: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    padding: 8px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    flex-shrink: 0;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active {\n    background: rgba(0, 102, 204, 0.1);\n    outline: 2px solid #0066cc;\n    outline-offset: -2px;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__canvas {\n    display: block;\n    max-width: calc(100% - 16px);\n    background: white;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__label {\n    font-size: 11px;\n    color: #666;\n    text-align: center;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active .udoc-thumbnail-item__label {\n    color: #0066cc;\n    font-weight: 500;\n}\n\n/* Outline Panel */\n.udoc-viewer-root .udoc-outline-panel {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 8px 0;\n}\n\n.udoc-viewer-root .udoc-outline-panel__loading,\n.udoc-viewer-root .udoc-outline-panel__empty {\n    padding: 16px;\n    color: #888;\n    font-size: 13px;\n    text-align: center;\n}\n\n.udoc-viewer-root .udoc-outline-item {\n    display: flex;\n    flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-outline-item__header {\n    display: flex;\n    align-items: center;\n    padding: 6px 12px 6px 8px;\n    gap: 4px;\n    min-height: 28px;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable {\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active {\n    background: rgba(0, 102, 204, 0.1);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active .udoc-outline-item__title {\n    color: #0066cc;\n    font-weight: 500;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: #666;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: transform 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle:hover {\n    color: #333;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle--expanded {\n    transform: rotate(90deg);\n}\n\n.udoc-viewer-root .udoc-outline-item__spacer {\n    width: 16px;\n    flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-outline-item__title {\n    font-size: 13px;\n    color: #333;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n}\n\n/* .udoc-outline-item__children: Indentation is handled via padding-left on header */\n\n.udoc-viewer-root .udoc-toolbar {\n    display: flex;\n    align-items: center;\n    height: 40px;\n    padding: 0 8px;\n    background: #f5f5f5;\n    border-bottom: 1px solid #ddd;\n}\n\n.udoc-viewer-root .udoc-toolbar__left,\n.udoc-viewer-root .udoc-toolbar__right {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.udoc-viewer-root .udoc-toolbar__spacer {\n    flex: 1;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: #555;\n    cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:hover {\n    background: rgba(0, 0, 0, 0.08);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:active {\n    background: rgba(0, 0, 0, 0.12);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn svg {\n    width: 20px;\n    height: 20px;\n}\n\n/* Right Panel */\n.udoc-viewer-root .udoc-right-panel {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 300px;\n    height: 100%;\n    background: #f5f5f5;\n    border-left: 1px solid #ddd;\n}\n\n.udoc-viewer-root .udoc-right-panel--closed {\n    width: 0;\n    overflow: hidden;\n    border-left: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n    background: transparent;\n    z-index: 10;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-right-panel--resizing .udoc-right-panel__resize-handle {\n    background: rgba(0, 102, 204, 0.3);\n}\n\n.udoc-viewer-root .udoc-right-panel--resizing {\n    transition: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__content {\n    flex: 1;\n    overflow: auto;\n}\n\n/* Text Layer (for text selection) */\n.udoc-viewer-root .udoc-spread__text-layer {\n    position: absolute;\n    overflow: hidden;\n    /* user-select: none prevents selection from starting/extending in gaps */\n    user-select: none;\n    pointer-events: auto;\n    z-index: 1;\n}\n\n.udoc-viewer-root .udoc-text-span {\n    position: absolute;\n    color: transparent;\n    white-space: pre;\n    line-height: 1;\n    font-family: sans-serif;\n    /* Allow selection on actual text spans */\n    user-select: text;\n}\n\n.udoc-viewer-root .udoc-text-span::selection {\n    background: rgba(0, 120, 215, 0.3);\n}\n\n/* Annotation Layer */\n.udoc-viewer-root .udoc-spread__annotation-layer {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n}\n\n/* Base annotation */\n.udoc-viewer-root .udoc-annotation {\n    position: absolute;\n    box-sizing: border-box;\n}\n\n/* Link annotation */\n.udoc-viewer-root .udoc-annotation--link {\n    pointer-events: auto;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--link:hover {\n    background-color: rgba(0, 102, 204, 0.15);\n}\n\n/* Highlight annotation */\n.udoc-viewer-root .udoc-annotation--highlight {\n    pointer-events: none;\n}\n\n.udoc-viewer-root .udoc-annotation__quad {\n    mix-blend-mode: multiply;\n}\n\n/* Underline annotation */\n.udoc-viewer-root .udoc-annotation--underline {\n    pointer-events: none;\n}\n\n/* StrikeOut annotation */\n.udoc-viewer-root .udoc-annotation--strikeout {\n    pointer-events: none;\n}\n\n/* Squiggly annotation */\n.udoc-viewer-root .udoc-annotation--squiggly {\n    pointer-events: none;\n}\n\n/* Text (sticky note) annotation */\n.udoc-viewer-root .udoc-annotation--text {\n    pointer-events: auto;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: filter 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--text:hover {\n    filter: brightness(1.1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));\n}\n\n.udoc-viewer-root .udoc-annotation--text svg {\n    width: 100%;\n    height: 100%;\n}\n\n/* Annotation popup */\n.udoc-viewer-root .udoc-annotation-popup {\n    position: absolute;\n    z-index: 100;\n    min-width: 200px;\n    max-width: 300px;\n    background: #ffffc0;\n    border: 1px solid #d4d4a0;\n    border-radius: 4px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    font-size: 12px;\n    color: #333;\n    pointer-events: auto;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 8px;\n    background: #f0f0c0;\n    border-bottom: 1px solid #d4d4a0;\n    border-radius: 4px 4px 0 0;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__author {\n    font-weight: 600;\n    color: #555;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close {\n    width: 16px;\n    height: 16px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.6;\n    flex-shrink: 0;\n    margin-left: 8px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close:hover {\n    opacity: 1;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close svg {\n    width: 12px;\n    height: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__content {\n    padding: 8px;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n/* FreeText annotation */\n.udoc-viewer-root .udoc-annotation--freetext {\n    pointer-events: auto;\n    overflow: hidden;\n    font-size: 12px;\n    padding: 2px;\n}\n\n/* Stamp annotation */\n.udoc-viewer-root .udoc-annotation--stamp {\n    pointer-events: none;\n}\n\n/* Caret annotation - rendered via SVG, minimal styling needed */\n.udoc-viewer-root .udoc-annotation--caret {\n    pointer-events: none;\n}\n\n/* Shape annotations - rendered via SVG overlay */\n.udoc-viewer-root .udoc-annotation--line,\n.udoc-viewer-root .udoc-annotation--square,\n.udoc-viewer-root .udoc-annotation--circle,\n.udoc-viewer-root .udoc-annotation--polygon,\n.udoc-viewer-root .udoc-annotation--polyLine,\n.udoc-viewer-root .udoc-annotation--ink {\n    pointer-events: none;\n}\n\n/* Redact annotation */\n.udoc-viewer-root .udoc-annotation--redact {\n    pointer-events: none;\n}\n\n/* Annotation Panel */\n.udoc-viewer-root .udoc-annotation-panel {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 32px 16px;\n    text-align: center;\n    color: #888;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon {\n    color: #ccc;\n    margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon svg {\n    width: 48px;\n    height: 48px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-title {\n    font-size: 14px;\n    font-weight: 500;\n    color: #666;\n    margin-bottom: 4px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-message {\n    font-size: 12px;\n    color: #999;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: #888;\n    font-size: 13px;\n}\n\n/* Comments List */\n.udoc-viewer-root .udoc-comments-list {\n    display: flex;\n    flex-direction: column;\n}\n\n/* Page Group */\n.udoc-viewer-root .udoc-comments-page-group {\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.udoc-viewer-root .udoc-comments-page-group:last-child {\n    border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comments-page-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 12px;\n    cursor: pointer;\n    user-select: none;\n    background: #f0f0f0;\n    transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comments-page-header:hover {\n    background: #e8e8e8;\n}\n\n.udoc-viewer-root .udoc-comments-page-header svg {\n    width: 16px;\n    height: 16px;\n    color: #666;\n    flex-shrink: 0;\n    transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comments-page-header span {\n    font-size: 13px;\n    font-weight: 500;\n    color: #333;\n}\n\n.udoc-viewer-root .udoc-comments-page-count {\n    margin-left: auto;\n    padding: 2px 6px;\n    background: #ddd;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 500;\n    color: #666;\n}\n\n/* Collapsed state */\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-header svg {\n    transform: rotate(-90deg);\n}\n\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-content {\n    display: none;\n}\n\n/* Page Content */\n.udoc-viewer-root .udoc-comments-page-content {\n    display: flex;\n    flex-direction: column;\n}\n\n/* Comment Item */\n.udoc-viewer-root .udoc-comment-item {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    cursor: pointer;\n    transition: background 0.15s;\n    border-bottom: 1px solid #eee;\n}\n\n.udoc-viewer-root .udoc-comment-item:last-child {\n    border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comment-item:hover {\n    background: rgba(0, 102, 204, 0.05);\n}\n\n/* Reply indentation */\n.udoc-viewer-root .udoc-comment-reply {\n    background: #fafafa;\n}\n\n.udoc-viewer-root .udoc-comment-depth-1 {\n    padding-left: 28px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-2 {\n    padding-left: 44px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-3 {\n    padding-left: 60px;\n}\n\n/* Comment Icon */\n.udoc-viewer-root .udoc-comment-icon {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #888;\n}\n\n.udoc-viewer-root .udoc-comment-icon svg {\n    width: 16px;\n    height: 16px;\n}\n\n/* Comment Body */\n.udoc-viewer-root .udoc-comment-body {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n/* Comment Header */\n.udoc-viewer-root .udoc-comment-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.udoc-viewer-root .udoc-comment-author {\n    font-size: 12px;\n    font-weight: 600;\n    color: #333;\n}\n\n/* Status Badge */\n.udoc-viewer-root .udoc-comment-status {\n    padding: 1px 6px;\n    border-radius: 8px;\n    font-size: 10px;\n    font-weight: 500;\n    text-transform: capitalize;\n}\n\n.udoc-viewer-root .udoc-comment-status--accepted {\n    background: #d4edda;\n    color: #155724;\n}\n\n.udoc-viewer-root .udoc-comment-status--rejected {\n    background: #f8d7da;\n    color: #721c24;\n}\n\n.udoc-viewer-root .udoc-comment-status--completed {\n    background: #cce5ff;\n    color: #004085;\n}\n\n.udoc-viewer-root .udoc-comment-status--cancelled {\n    background: #e2e3e5;\n    color: #383d41;\n}\n\n.udoc-viewer-root .udoc-comment-status--marked {\n    background: #fff3cd;\n    color: #856404;\n}\n\n.udoc-viewer-root .udoc-comment-status--unmarked {\n    background: #e2e3e5;\n    color: #383d41;\n}\n\n/* Comment Contents */\n.udoc-viewer-root .udoc-comment-contents {\n    font-size: 12px;\n    color: #555;\n    line-height: 1.4;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    line-clamp: 3;\n    -webkit-box-orient: vertical;\n}\n\n/* Reply Toggle */\n.udoc-viewer-root .udoc-comment-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    margin-top: 4px;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: #0066cc;\n    font-size: 11px;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comment-toggle:hover {\n    background: rgba(0, 102, 204, 0.1);\n}\n\n.udoc-viewer-root .udoc-comment-toggle svg {\n    width: 12px;\n    height: 12px;\n    transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comment-toggle--expanded svg {\n    transform: rotate(90deg);\n}\n\n/* Replies Container */\n.udoc-viewer-root .udoc-comment-replies {\n    display: flex;\n    flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-comment-replies--collapsed {\n    display: none;\n}\n\n/* Annotation Highlight Animation */\n@keyframes udoc-annotation-pulse {\n    0% {\n        box-shadow: 0 0 0 0 rgba(0, 102, 204, 0.7);\n    }\n    50% {\n        box-shadow: 0 0 0 8px rgba(0, 102, 204, 0.3);\n    }\n    100% {\n        box-shadow: 0 0 0 12px rgba(0, 102, 204, 0);\n    }\n}\n\n.udoc-viewer-root .udoc-annotation--highlighted {\n    animation: udoc-annotation-pulse 1.5s ease-out;\n    outline: 2px solid #0066cc;\n    outline-offset: 2px;\n    border-radius: 2px;\n    z-index: 10;\n}\n\n/* Highlight indicator for full-layer markup annotations */\n.udoc-viewer-root .udoc-annotation-highlight-indicator {\n    position: absolute;\n    box-sizing: border-box;\n    pointer-events: none;\n    animation: udoc-annotation-pulse 1.5s ease-out;\n    outline: 2px solid #0066cc;\n    outline-offset: 2px;\n    border-radius: 2px;\n    z-index: 10;\n}\n\n/* Mobile Panel Overlay */\n.udoc-viewer-root .udoc-panel-overlay {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 140;\n}\n\n/* ===== Responsive: Small Mobile (\u2264480px) ===== */\n@container udoc-viewer (max-width: 480px) {\n    /* Make body-slot a positioning context */\n    .udoc-viewer-root .udoc-body-slot {\n        position: relative;\n    }\n\n    /* Collapse panels to slide-out drawers */\n    .udoc-viewer-root .udoc-left-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        width: 280px !important;\n        z-index: 150;\n        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);\n        transform: translateX(-100%);\n    }\n\n    .udoc-viewer-root .udoc-left-panel:not(.udoc-left-panel--closed) {\n        transform: translateX(0);\n    }\n\n    .udoc-viewer-root .udoc-left-panel--closed {\n        width: 280px !important;\n        transform: translateX(-100%);\n    }\n\n    .udoc-viewer-root .udoc-right-panel {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 280px !important;\n        z-index: 150;\n        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n        transform: translateX(100%);\n    }\n\n    .udoc-viewer-root .udoc-right-panel:not(.udoc-right-panel--closed) {\n        transform: translateX(0);\n    }\n\n    .udoc-viewer-root .udoc-right-panel--closed {\n        width: 280px !important;\n        transform: translateX(100%);\n    }\n\n    /* Show overlay when panel is open */\n    .udoc-viewer-root.udoc-panel-open .udoc-panel-overlay {\n        display: block;\n    }\n\n    /* Convert floating bar to full-width bottom toolbar */\n    .udoc-viewer-root .udoc-floating-toolbar {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        transform: none;\n        border-radius: 0;\n        box-sizing: border-box;\n        height: 40px;\n        padding: 0 12px;\n        gap: 8px;\n        max-width: none;\n        justify-content: center;\n        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n    }\n\n    /* Viewport scroll area needs padding for bottom toolbar */\n    .udoc-viewer-root .udoc-viewport__scroll {\n        padding-bottom: 40px;\n    }\n\n    /* Hide fullscreen button on mobile */\n    .udoc-viewer-root .udoc-toolbar__btn--fullscreen {\n        display: none;\n    }\n\n    /* Touch targets for mobile */\n    .udoc-viewer-root .udoc-floating-toolbar__btn {\n        padding: 6px;\n        min-width: 28px;\n        min-height: 28px;\n    }\n\n    .udoc-viewer-root .udoc-floating-toolbar__btn svg {\n        width: 18px;\n        height: 18px;\n    }\n\n    /* Larger panel tab buttons for touch */\n    .udoc-viewer-root .udoc-left-panel__tabs {\n        width: 44px;\n        padding: 8px 0;\n    }\n\n    .udoc-viewer-root .udoc-left-panel__tab {\n        width: 44px;\n        height: 44px;\n    }\n\n    .udoc-viewer-root .udoc-left-panel__tab svg {\n        width: 22px;\n        height: 22px;\n    }\n\n    /* Toolbar adjustments */\n    .udoc-viewer-root .udoc-toolbar {\n        padding: 0 4px;\n        gap: 4px;\n    }\n\n    .udoc-viewer-root .udoc-toolbar__btn {\n        padding: 8px;\n    }\n\n    /* View mode menu - right align */\n    .udoc-viewer-root .udoc-view-mode-menu__dropdown {\n        left: auto;\n        right: 0;\n    }\n\n    .udoc-viewer-root .udoc-zoom-dropdown__item {\n        padding: 12px 16px;\n    }\n\n    .udoc-viewer-root .udoc-view-mode-menu__option {\n        width: 36px;\n        height: 36px;\n    }\n}\n\n/* ===== Password Dialog ===== */\n.udoc-viewer-root .udoc-password-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 200;\n}\n\n.udoc-viewer-root .udoc-password-dialog {\n    background: #fff;\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n    padding: 24px;\n    max-width: 360px;\n    width: 90%;\n}\n\n.udoc-viewer-root .udoc-password-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-password-icon {\n    width: 32px;\n    height: 32px;\n    color: #666;\n    flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-password-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: #333;\n}\n\n.udoc-viewer-root .udoc-password-message {\n    margin: 0 0 20px 0;\n    font-size: 14px;\n    color: #666;\n    line-height: 1.5;\n}\n\n.udoc-viewer-root .udoc-password-form {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper {\n    display: flex;\n    align-items: center;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    background: #fff;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper:focus-within {\n    border-color: #0066cc;\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15);\n}\n\n.udoc-viewer-root .udoc-password-input {\n    flex: 1;\n    padding: 12px 14px;\n    border: none;\n    border-radius: 8px 0 0 8px;\n    background: transparent;\n    font-size: 15px;\n    color: #333;\n    outline: none;\n}\n\n.udoc-viewer-root .udoc-password-input::placeholder {\n    color: #999;\n}\n\n.udoc-viewer-root .udoc-password-input:disabled {\n    background: #f5f5f5;\n    color: #999;\n}\n\n.udoc-viewer-root .udoc-password-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border: none;\n    background: transparent;\n    color: #888;\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-toggle:hover {\n    color: #333;\n}\n\n.udoc-viewer-root .udoc-password-toggle svg {\n    width: 20px;\n    height: 20px;\n}\n\n.udoc-viewer-root .udoc-password-error {\n    margin: 0;\n    padding: 8px 12px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    font-size: 13px;\n    color: #dc2626;\n}\n\n.udoc-viewer-root .udoc-password-submit {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px 20px;\n    border: none;\n    border-radius: 8px;\n    background: #0066cc;\n    color: #fff;\n    font-size: 15px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-submit:hover:not(:disabled) {\n    background: #0052a3;\n}\n\n.udoc-viewer-root .udoc-password-submit:disabled {\n    background: #94a3b8;\n    cursor: not-allowed;\n}\n\n.udoc-viewer-root .udoc-password-submit-spinner svg {\n    width: 20px;\n    height: 20px;\n}\n\n/* ===== Loading Overlay ===== */\n.udoc-viewer-root .udoc-loading-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(224, 224, 224, 0.95);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 180;\n    backdrop-filter: blur(2px);\n}\n\n.udoc-viewer-root .udoc-loading-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n}\n\n.udoc-viewer-root .udoc-loading-spinner {\n    width: 40px;\n    height: 40px;\n    color: #0066cc;\n}\n\n.udoc-viewer-root .udoc-loading-spinner svg {\n    width: 100%;\n    height: 100%;\n}\n\n.udoc-viewer-root .udoc-loading-progress-container {\n    width: 240px;\n}\n\n.udoc-viewer-root .udoc-loading-progress-track {\n    width: 100%;\n    height: 6px;\n    background: #e5e7eb;\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill {\n    height: 100%;\n    background: #0066cc;\n    border-radius: 3px;\n    width: 0%;\n    transition: width 0.2s ease-out;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill--indeterminate {\n    animation: udoc-loading-indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes udoc-loading-indeterminate {\n    0% {\n        transform: translateX(-100%);\n    }\n    50% {\n        transform: translateX(233%);\n    }\n    100% {\n        transform: translateX(-100%);\n    }\n}\n\n.udoc-viewer-root .udoc-loading-progress-text {\n    font-size: 13px;\n    color: #666;\n    text-align: center;\n}\n";
+//# sourceMappingURL=styles-inline.d.ts.map

package/dist/src/ui/viewer/styles-inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-inline.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,gnlCA6iDxB,CAAC"}