@yui540/comimi 0.1.0 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 yui540
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,10 +2,12 @@
 
 ![comimi バナー画像](assets/banner.png)
 
-comimiは、TypeScript/JavaScript向けの漫画ビューワーライブラリです。
+comimiは、Webサイトに漫画ビューワーを組み込むことができるTypeScript/JavaScriptライブラリです。
 
 ReactなどのUIライブラリに依存していないため、単体で動作します。
 
+https://github.com/user-attachments/assets/3e37b9fb-6381-4f43-9b27-7ae8056a1905
+
 [yui540.com/comimi](https://yui540.com/comimi)
 
 ## インストール

package/dist/components/controls-dock.d.ts

@@ -1,15 +1,21 @@
 import { I18n } from "../i18n/i18n";
-import type { ViewerState } from "../types";
+import type { MascotOption, ViewerState } from "../types";
 import type { RendererCallbacks } from "../renderer/renderer-callbacks";
 export declare class ControlsDock {
     private callbacks;
     private i18n;
+    private mascot?;
     private root;
     private seekCurrent;
     private seekTotal;
     private seekBar;
     private seekFill;
     private seekInput;
+    private seekPreview;
+    private seekPreviewThumbs;
+    private seekPreviewLabel;
+    private seekPreviewKey?;
+    private currentState?;
     private autoplayContainer;
     private autoplayButton;
     private autoplaySlider;
@@ -30,10 +36,12 @@ export declare class ControlsDock {
     private settingsIcon;
     private settingsTooltip;
     private prevPageTurnMode?;
-    constructor(callbacks: RendererCallbacks, i18n: I18n);
+    constructor(callbacks: RendererCallbacks, i18n: I18n, mascot?: MascotOption | undefined);
     getElement(): HTMLElement;
     update(state: ViewerState, isMobile: boolean): void;
     private buildSeek;
+    private updateSeekPreview;
+    private refreshSeekPreviewThumbs;
     private buildRow;
     private buildAutoplay;
     private buildSide;

package/dist/components/controls-dock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls-dock.d.ts","sourceRoot":"","sources":["../../src/components/controls-dock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKxE,qBAAa,YAAY;IAkCrB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IAlCd,OAAO,CAAC,IAAI,CAAiB;IAE7B,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,SAAS,CAAoB;IAErC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAC1C,OAAO,CAAC,mBAAmB,CAAC,CAAkB;IAE9C,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,eAAe,CAAmB;IAE1C,OAAO,CAAC,gBAAgB,CAAC,CAAe;gBAG9B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI;IAapB,UAAU,IAAI,WAAW;IAIzB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAqEnD,OAAO,CAAC,SAAS;IA4CjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,SAAS;IAqCjB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,iBAAiB;CAK1B"}
+{"version":3,"file":"controls-dock.d.ts","sourceRoot":"","sources":["../../src/components/controls-dock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAEV,YAAY,EAEZ,WAAW,EACZ,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAMxE,qBAAa,YAAY;IAuCrB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,MAAM,CAAC;IAxCjB,OAAO,CAAC,IAAI,CAAiB;IAE7B,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,cAAc,CAAC,CAAS;IAChC,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAC1C,OAAO,CAAC,mBAAmB,CAAC,CAAkB;IAE9C,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,eAAe,CAAmB;IAE1C,OAAO,CAAC,gBAAgB,CAAC,CAAe;gBAG9B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,MAAM,CAAC,EAAE,YAAY,YAAA;IAiB/B,UAAU,IAAI,WAAW;IAIzB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAsEnD,OAAO,CAAC,SAAS;IA+DjB,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,wBAAwB;IA6BhC,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,aAAa;IAkCrB,OAAO,CAAC,SAAS;IAqCjB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,iBAAiB;CAK1B"}

package/dist/components/controls-dock.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const controlsDockStyles = "\n/* --- Controls dock (bottom) ------------------------------------------- */\n\n.comimi-controls-dock {\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  width: calc(100% - 48px);\n  padding: 20px 24px;\n  z-index: 40;\n  pointer-events: auto;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-controls-dock[data-overlay=\"false\"] {\n  transform: translateY(35px);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-controls-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 20px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-controls-dock:hover > .comimi-controls-bg {\n    inset: -4px -4px 0 -4px;\n    border-radius: 20px;\n  }\n}\n\n.comimi-controls-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.comimi-controls-side {\n  display: grid;\n  grid-auto-flow: column;\n  column-gap: 16px;\n  justify-content: end;\n  align-items: center;\n  transition:\n    opacity 0.2s ease-in-out,\n    visibility 0.2s ease-in-out;\n}\n\n.comimi-controls-dock[data-autoplay=\"true\"] .comimi-controls-side {\n  opacity: 0;\n  visibility: hidden;\n}\n\n/* --- Seek bar --------------------------------------------------------- */\n\n.comimi-seek {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  column-gap: 10px;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.comimi-seek-text {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  justify-content: start;\n  align-items: end;\n  line-height: 14px;\n}\n\n.comimi-seek-current {\n  color: #333;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.comimi-seek-total {\n  color: #999;\n  font-size: 12px;\n  font-weight: 400;\n  margin-left: 0.4em;\n}\n\n.comimi-seek-bar {\n  position: relative;\n  width: 100%;\n  height: 18px;\n}\n\n.comimi-seek-track {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 8px;\n  border-radius: 999px;\n  background: #e0e0e0;\n  overflow: hidden;\n  transform: translateY(-50%);\n  transition: height 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-seek-bar:hover .comimi-seek-track {\n    height: 12px;\n  }\n}\n\n.comimi-seek-fill {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  border-radius: 999px;\n  background: #666;\n}\n\n.comimi-seek-bar[data-direction=\"rtl\"] .comimi-seek-fill {\n  right: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.comimi-seek-bar[data-direction=\"ltr\"] .comimi-seek-fill {\n  left: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.comimi-seek-input {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  width: 100%;\n  height: 18px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.comimi-seek-input::-webkit-slider-runnable-track {\n  height: 8px;\n  background: transparent;\n  border: 0;\n}\n\n.comimi-seek-input::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 18px;\n  height: 18px;\n  margin-top: -5px;\n  border: 0;\n  border-radius: 50%;\n  background: #666;\n  box-shadow: none;\n  transition:\n    transform 0.36s var(--comimi-spring),\n    background-color 0.2s ease-in-out;\n}\n\n.comimi-seek-input:hover::-webkit-slider-thumb {\n  transform: scale(1.15);\n}\n\n.comimi-seek-input::-moz-range-track {\n  height: 8px;\n  background: transparent;\n  border: 0;\n}\n\n.comimi-seek-input::-moz-range-thumb {\n  width: 18px;\n  height: 18px;\n  border: 0;\n  border-radius: 50%;\n  background: #666;\n  box-shadow: none;\n  transition:\n    transform 0.36s var(--comimi-spring),\n    background-color 0.2s ease-in-out;\n}\n\n.comimi-seek-input:hover::-moz-range-thumb {\n  transform: scale(1.15);\n}\n\n.comimi-seek-input:focus-visible {\n  outline: none;\n}\n\n.comimi-seek-input:focus-visible::-webkit-slider-thumb {\n  box-shadow: none;\n}\n\n.comimi-seek-input:focus-visible::-moz-range-thumb {\n  box-shadow: none;\n}\n\n.comimi-seek-input[data-direction=\"rtl\"] {\n  direction: rtl;\n}\n\n/* --- Auto Play -------------------------------------------------------- */\n\n.comimi-autoplay {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  column-gap: 12px;\n  justify-content: start;\n  align-items: center;\n}\n\n.comimi-autoplay-button {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n}\n\n.comimi-autoplay-window {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 20px;\n  height: 20px;\n  overflow: hidden;\n  transform: translate(-50%, -50%);\n}\n\n.comimi-autoplay-slider {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 200%;\n  height: 100%;\n  transition: transform 0.36s var(--comimi-spring);\n}\n\n.comimi-autoplay-slider[data-active=\"true\"] {\n  transform: translateX(50%);\n}\n\n.comimi-autoplay-icon {\n  position: absolute;\n  top: 0;\n  width: 50%;\n  height: 100%;\n  display: block;\n}\n\n.comimi-autoplay-icon-play {\n  right: 0;\n}\n\n.comimi-autoplay-icon-pause {\n  left: 0;\n}\n\n.comimi-autoplay-progress {\n  position: relative;\n  width: 140px;\n  height: 6px;\n  border-radius: 999px;\n  background: #e0e0e0;\n  overflow: hidden;\n}\n\n.comimi-autoplay-progress-bar {\n  display: block;\n  position: absolute;\n  inset: 0;\n  border-radius: 999px;\n  background: #666;\n  animation: comimi-autoplay-progress 3s linear 0s infinite;\n}\n\n/* --- Page Mode Toggle (single / spread) ------------------------------ */\n\n.comimi-page-mode {\n  position: relative;\n  width: 80px;\n  height: 30px;\n}\n\n.comimi-page-mode-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 80px;\n  height: 30px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  background: #eeeeee;\n  border-radius: 8px;\n  transform: translate(-50%, -50%);\n  transition: width 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-page-mode-wrapper:hover {\n    width: 95px;\n  }\n}\n\n.comimi-page-mode-button {\n  position: relative;\n  display: grid;\n  place-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n}\n\n.comimi-page-mode-icon {\n  display: block;\n  width: 20px;\n  opacity: 0.3;\n  transform-origin: center bottom;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.comimi-page-mode-button[data-selected=\"true\"] .comimi-page-mode-icon {\n  opacity: 1;\n}\n\n.comimi-page-mode-icon.comimi-pop-animate {\n  animation: comimi-pop 0.5s ease-in-out 0s both;\n}\n\n/* --- Settings (button + popover panel) ------------------------------- */\n\n.comimi-settings {\n  position: relative;\n  width: 24px;\n  height: 24px;\n}\n\n.comimi-settings-button {\n  position: absolute;\n  inset: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.comimi-settings-icon {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #666;\n  transition: transform 0.36s var(--comimi-spring);\n}\n\n.comimi-settings[data-open=\"true\"] .comimi-settings-icon {\n  transform: rotate(30deg);\n}\n\n@keyframes comimi-pop {\n  from, to {\n    transform: scale(1, 1);\n  }\n  50% {\n    transform: scale(0.95, 1.15);\n  }\n  75% {\n    transform: scale(1.15, 0.95);\n  }\n}\n\n@keyframes comimi-autoplay-progress {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@media (max-width: 767px) {\n  .comimi-controls-dock {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px));\n  }\n\n  .comimi-controls-bg {\n    border-radius: 20px 20px 0 0;\n  }\n}\n";
+export declare const controlsDockStyles = "\n/* --- Controls dock (bottom) ------------------------------------------- */\n\n.comimi-controls-dock {\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 24px;\n  left: 24px;\n  width: calc(100% - 48px);\n  padding: 20px 24px;\n  z-index: 40;\n  pointer-events: auto;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-controls-dock[data-overlay=\"false\"] {\n  transform: translateY(35px);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-controls-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 20px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-controls-dock:hover > .comimi-controls-bg {\n    inset: -4px -4px 0 -4px;\n    border-radius: 20px;\n  }\n}\n\n.comimi-controls-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.comimi-controls-side {\n  display: grid;\n  grid-auto-flow: column;\n  column-gap: 16px;\n  justify-content: end;\n  align-items: center;\n  transition:\n    opacity 0.2s ease-in-out,\n    visibility 0.2s ease-in-out;\n}\n\n.comimi-controls-dock[data-autoplay=\"true\"] .comimi-controls-side {\n  opacity: 0;\n  visibility: hidden;\n}\n\n/* --- Seek bar --------------------------------------------------------- */\n\n.comimi-seek {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  column-gap: 10px;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.comimi-seek-text {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  justify-content: start;\n  align-items: end;\n  line-height: 14px;\n}\n\n.comimi-seek-current {\n  color: #333;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.comimi-seek-total {\n  color: #999;\n  font-size: 12px;\n  font-weight: 400;\n  margin-left: 0.4em;\n}\n\n.comimi-seek-bar {\n  position: relative;\n  width: 100%;\n  height: 18px;\n}\n\n.comimi-seek-track {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 8px;\n  border-radius: 999px;\n  background: #e0e0e0;\n  overflow: hidden;\n  transform: translateY(-50%);\n  transition: height 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-seek-bar:hover .comimi-seek-track {\n    height: 12px;\n  }\n}\n\n.comimi-seek-fill {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  border-radius: 999px;\n  background: #666;\n}\n\n.comimi-seek-bar[data-direction=\"rtl\"] .comimi-seek-fill {\n  right: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.comimi-seek-bar[data-direction=\"ltr\"] .comimi-seek-fill {\n  left: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.comimi-seek-input {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  width: 100%;\n  height: 18px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.comimi-seek-input::-webkit-slider-runnable-track {\n  height: 8px;\n  background: transparent;\n  border: 0;\n}\n\n.comimi-seek-input::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 18px;\n  height: 18px;\n  margin-top: -5px;\n  border: 0;\n  border-radius: 50%;\n  background: #666;\n  box-shadow: none;\n  transition:\n    transform 0.36s var(--comimi-spring),\n    background-color 0.2s ease-in-out;\n}\n\n.comimi-seek-input:hover::-webkit-slider-thumb {\n  transform: scale(1.15);\n}\n\n.comimi-seek-input::-moz-range-track {\n  height: 8px;\n  background: transparent;\n  border: 0;\n}\n\n.comimi-seek-input::-moz-range-thumb {\n  width: 18px;\n  height: 18px;\n  border: 0;\n  border-radius: 50%;\n  background: #666;\n  box-shadow: none;\n  transition:\n    transform 0.36s var(--comimi-spring),\n    background-color 0.2s ease-in-out;\n}\n\n.comimi-seek-input:hover::-moz-range-thumb {\n  transform: scale(1.15);\n}\n\n.comimi-seek-input:focus-visible {\n  outline: none;\n}\n\n.comimi-seek-input:focus-visible::-webkit-slider-thumb {\n  box-shadow: none;\n}\n\n.comimi-seek-input:focus-visible::-moz-range-thumb {\n  box-shadow: none;\n}\n\n.comimi-seek-input[data-direction=\"rtl\"] {\n  direction: rtl;\n}\n\n/* --- Seek preview ---------------------------------------------------- */\n\n.comimi-seek-preview {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  margin-bottom: 14px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateX(-50%);\n  transition: opacity 0.16s linear;\n  z-index: 5;\n}\n\n.comimi-seek-preview[data-show=\"true\"] {\n  opacity: 1;\n}\n\n.comimi-seek-preview-thumbs {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n}\n\n.comimi-seek-preview-thumb {\n  position: relative;\n  width: 80px;\n  aspect-ratio: 100 / 141;\n  background: #fff;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);\n}\n\n.comimi-seek-preview-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.comimi-seek-preview-thumb[data-kind=\"html\"] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 8px;\n  color: #aaa;\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.comimi-seek-preview-label {\n  color: #333;\n  background: rgba(255, 255, 255, 0.5);\n  backdrop-filter: blur(5px);\n  box-shadow: var(--comimi-shadow);\n  border-radius: 8px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n@media (hover: none) {\n  .comimi-seek-preview {\n    display: none;\n  }\n}\n\n/* --- Auto Play -------------------------------------------------------- */\n\n.comimi-autoplay {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  column-gap: 12px;\n  justify-content: start;\n  align-items: center;\n}\n\n.comimi-autoplay-button {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n}\n\n.comimi-autoplay-window {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 20px;\n  height: 20px;\n  overflow: hidden;\n  transform: translate(-50%, -50%);\n}\n\n.comimi-autoplay-slider {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 200%;\n  height: 100%;\n  transition: transform 0.36s var(--comimi-spring);\n}\n\n.comimi-autoplay-slider[data-active=\"true\"] {\n  transform: translateX(50%);\n}\n\n.comimi-autoplay-icon {\n  position: absolute;\n  top: 0;\n  width: 50%;\n  height: 100%;\n  display: block;\n}\n\n.comimi-autoplay-icon-play {\n  right: 0;\n}\n\n.comimi-autoplay-icon-pause {\n  left: 0;\n}\n\n.comimi-autoplay-progress {\n  position: relative;\n  width: 140px;\n  height: 6px;\n  border-radius: 999px;\n  background: #e0e0e0;\n  overflow: hidden;\n}\n\n.comimi-autoplay-progress-bar {\n  display: block;\n  position: absolute;\n  inset: 0;\n  border-radius: 999px;\n  background: #666;\n  animation: comimi-autoplay-progress 3s linear 0s infinite;\n}\n\n/* --- Page Mode Toggle (single / spread) ------------------------------ */\n\n.comimi-page-mode {\n  position: relative;\n  width: 80px;\n  height: 30px;\n}\n\n.comimi-page-mode-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 80px;\n  height: 30px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  background: #eeeeee;\n  border-radius: 8px;\n  transform: translate(-50%, -50%);\n  transition: width 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-page-mode-wrapper:hover {\n    width: 95px;\n  }\n}\n\n.comimi-page-mode-button {\n  position: relative;\n  display: grid;\n  place-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n}\n\n.comimi-page-mode-icon {\n  display: block;\n  width: 20px;\n  opacity: 0.3;\n  transform-origin: center bottom;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.comimi-page-mode-button[data-selected=\"true\"] .comimi-page-mode-icon {\n  opacity: 1;\n}\n\n.comimi-page-mode-icon.comimi-pop-animate {\n  animation: comimi-pop 0.5s ease-in-out 0s both;\n}\n\n/* --- Settings (button + popover panel) ------------------------------- */\n\n.comimi-settings {\n  position: relative;\n  width: 24px;\n  height: 24px;\n}\n\n.comimi-settings-button {\n  position: absolute;\n  inset: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.comimi-settings-icon {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #666;\n  transition: transform 0.36s var(--comimi-spring);\n}\n\n.comimi-settings[data-open=\"true\"] .comimi-settings-icon {\n  transform: rotate(30deg);\n}\n\n@keyframes comimi-pop {\n  from, to {\n    transform: scale(1, 1);\n  }\n  50% {\n    transform: scale(0.95, 1.15);\n  }\n  75% {\n    transform: scale(1.15, 0.95);\n  }\n}\n\n@keyframes comimi-autoplay-progress {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@media (max-width: 767px) {\n  .comimi-controls-dock {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px));\n  }\n\n  .comimi-controls-bg {\n    border-radius: 20px 20px 0 0;\n  }\n}\n";
 //# sourceMappingURL=controls-dock.styles.d.ts.map

package/dist/components/controls-dock.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls-dock.styles.d.ts","sourceRoot":"","sources":["../../src/components/controls-dock.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,49PAoa9B,CAAC"}
+{"version":3,"file":"controls-dock.styles.d.ts","sourceRoot":"","sources":["../../src/components/controls-dock.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,48SAif9B,CAAC"}

package/dist/components/menu-panel.d.ts

@@ -1,9 +1,10 @@
 import { I18n } from "../i18n/i18n";
-import type { ViewerState } from "../types";
+import type { MascotOption, ViewerState } from "../types";
 import type { RendererCallbacks } from "../renderer/renderer-callbacks";
 export declare class MenuPanel {
     private callbacks;
     private i18n;
+    private options;
     private root;
     private titleEl;
     private authorEl;
@@ -16,7 +17,10 @@ export declare class MenuPanel {
     private currentState?;
     private currentView;
     private i18nTexts;
-    constructor(callbacks: RendererCallbacks, i18n: I18n);
+    constructor(callbacks: RendererCallbacks, i18n: I18n, options?: {
+        lockLayoutMode?: boolean;
+        mascot?: MascotOption;
+    });
     getElement(): HTMLElement;
     private bindI18nText;
     private refreshI18nTexts;

package/dist/components/menu-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-panel.d.ts","sourceRoot":"","sources":["../../src/components/menu-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAMxE,qBAAa,SAAS;IAelB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IAfd,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAClC,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAA+C;gBAGtD,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI;IA8BpB,UAAU,IAAI,WAAW;IAIzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,gBAAgB;IAMxB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAiChC,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,eAAe;IAwCvB,OAAO,CAAC,QAAQ;IAqChB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,iBAAiB;IAqCzB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,gBAAgB;CA2BzB"}
+{"version":3,"file":"menu-panel.d.ts","sourceRoot":"","sources":["../../src/components/menu-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAOxE,qBAAa,SAAS;IAelB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,OAAO;IAhBjB,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAClC,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAA+C;gBAGtD,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,OAAO,GAAE;QACf,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,MAAM,CAAC,EAAE,YAAY,CAAC;KAClB;IAkCR,UAAU,IAAI,WAAW;IAIzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,gBAAgB;IAMxB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAiChC,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,eAAe;IA6CvB,OAAO,CAAC,QAAQ;IAqChB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,iBAAiB;IAoDzB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,gBAAgB;CA2BzB"}

package/dist/components/menu-panel.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const menuPanelStyles = "\n.comimi-menu-panel {\n  position: absolute;\n  top: 24px;\n  left: 24px;\n  width: 420px;\n  z-index: 45;\n  pointer-events: auto;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-menu-panel[data-overlay=\"false\"] {\n  transform: translateY(-35px);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-menu-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-menu-panel:hover > .comimi-menu-bg {\n    inset: -5px;\n  }\n}\n\n.comimi-menu-top {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  column-gap: 13px;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 62px;\n  padding: 0 13px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.comimi-menu-button {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  overflow: hidden;\n}\n\n.comimi-menu-button-inner {\n  display: block;\n  position: absolute;\n  inset: 0;\n  transition: transform 0.4s var(--comimi-spring);\n}\n\n.comimi-menu-panel[data-open=\"true\"] .comimi-menu-button-inner {\n  transform: translateY(100%);\n}\n\n.comimi-menu-button-inner > * {\n  position: absolute;\n  inset: 0;\n}\n\n.comimi-menu-button-inner > *:nth-child(2) {\n  transform: translateY(-100%);\n}\n\n.comimi-menu-title-wrap {\n  min-width: 0;\n}\n\n.comimi-menu-title {\n  display: block;\n  width: 100%;\n  color: #333;\n  font-size: 15px;\n  font-weight: 700;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-author {\n  display: block;\n  width: 100%;\n  color: #666;\n  font-size: 12px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-bottom {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  transition: height 0.24s ease-in-out;\n}\n\n.comimi-menu-border {\n  width: 100%;\n  height: 1px;\n  background: #e0e0e0;\n}\n\n.comimi-menu-view {\n  position: absolute;\n  top: 1px;\n  left: 0;\n  width: 100%;\n  transition: all 0.28s ease-in-out;\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(0.92);\n  filter: blur(5px);\n}\n\n.comimi-menu-view-menu {\n  position: relative;\n}\n\n.comimi-menu-panel[data-view=\"menu\"] .comimi-menu-view-menu,\n.comimi-menu-panel[data-view=\"shortcut\"] .comimi-menu-view-shortcut,\n.comimi-menu-panel[data-view=\"pageList\"] .comimi-menu-view-page-list {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n  filter: blur(0);\n}\n\n.comimi-menu-list {\n  position: relative;\n  width: 100%;\n  padding: 10px 0;\n}\n\n.comimi-menu-link {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  column-gap: 8px;\n  align-items: center;\n  width: 100%;\n  padding: 10px 16px 10px 22px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n  transition: background-color 0.24s linear;\n}\n\n.comimi-menu-link:hover {\n  background: #f1f1f1;\n}\n\n.comimi-menu-link-text {\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: left;\n}\n\n.comimi-menu-link-arrow {\n  display: block;\n  width: 20px;\n  height: 20px;\n  color: #aaa;\n}\n\n.comimi-menu-link-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.comimi-page-list-inner {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  box-sizing: border-box;\n  padding: 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-page-list-item {\n  display: grid;\n  row-gap: 4px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n  text-align: center;\n}\n\n.comimi-page-list-thumb {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 100 / 141;\n  background: #fff;\n  border-radius: 6px;\n  outline: 3px solid #e0e0e0;\n}\n\n.comimi-page-list-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  border-radius: 4px;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.comimi-page-list-text {\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.comimi-shortcut-inner {\n  display: grid;\n  row-gap: 22px;\n  box-sizing: border-box;\n  padding: 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-shortcut-section {\n  display: grid;\n  row-gap: 8px;\n}\n\n.comimi-shortcut-heading {\n  color: #666;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-list {\n  display: grid;\n  row-gap: 8px;\n  justify-items: start;\n}\n\n.comimi-shortcut-column {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  align-items: center;\n}\n\n.comimi-shortcut-item {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  column-gap: 8px;\n  align-items: center;\n  width: fit-content;\n}\n\n.comimi-shortcut-badge {\n  display: grid;\n  grid-auto-flow: column;\n  column-gap: 6px;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 7px;\n  background: #eeeeee;\n}\n\n.comimi-shortcut-key {\n  color: #666;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-or::before {\n  content: \"or\";\n  display: block;\n  color: #666;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-label {\n  color: #666;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-back-button {\n  position: relative;\n  width: 100%;\n  height: 56px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.comimi-back-inner {\n  position: absolute;\n  inset: 8px;\n}\n\n.comimi-back-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  background: #eeeeee;\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n.comimi-back-button:hover .comimi-back-bg {\n  inset: -4px;\n  border-radius: 10px;\n}\n\n.comimi-back-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  pointer-events: none;\n}\n\n.comimi-back-arrow {\n  position: absolute;\n  top: 50%;\n  left: 8px;\n  width: 22px;\n  height: 22px;\n  color: #aaa;\n  transform: translateY(-50%) scaleX(-1);\n  pointer-events: none;\n}\n\n.comimi-back-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n@media (max-width: 767px) {\n  .comimi-menu-panel {\n    top: 0;\n    left: 0;\n    width: 100%;\n  }\n\n  .comimi-menu-bg {\n    border-radius: 0 0 16px 16px;\n  }\n\n  .comimi-menu-top {\n    width: 100%;\n  }\n\n  .comimi-page-list-inner,\n  .comimi-shortcut-inner {\n    max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n  }\n}\n";
+export declare const menuPanelStyles = "\n.comimi-menu-panel {\n  position: absolute;\n  top: 24px;\n  left: 24px;\n  width: 420px;\n  z-index: 45;\n  pointer-events: auto;\n  transition:\n    transform 0.6s var(--comimi-spring),\n    opacity 0.3s linear;\n}\n\n.comimi-menu-panel[data-overlay=\"false\"] {\n  transform: translateY(-35px);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    transform 0.3s var(--comimi-spring),\n    opacity 0.15s linear;\n}\n\n.comimi-menu-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 16px;\n  background: var(--comimi-glass);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  transition: inset 0.36s var(--comimi-spring);\n}\n\n@media (hover: hover) {\n  .comimi-menu-panel:hover > .comimi-menu-bg {\n    inset: -5px;\n  }\n}\n\n.comimi-menu-top {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  column-gap: 13px;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 62px;\n  padding: 0 13px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.comimi-menu-button {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  overflow: hidden;\n}\n\n.comimi-menu-button-inner {\n  display: block;\n  position: absolute;\n  inset: 0;\n  transition: transform 0.4s var(--comimi-spring);\n}\n\n.comimi-menu-panel[data-open=\"true\"] .comimi-menu-button-inner {\n  transform: translateY(100%);\n}\n\n.comimi-menu-button-inner > * {\n  position: absolute;\n  inset: 0;\n}\n\n.comimi-menu-button-inner > *:nth-child(2) {\n  transform: translateY(-100%);\n}\n\n.comimi-menu-title-wrap {\n  min-width: 0;\n}\n\n.comimi-menu-title {\n  display: block;\n  width: 100%;\n  color: #333;\n  font-size: 15px;\n  font-weight: 700;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-author {\n  display: block;\n  width: 100%;\n  color: #666;\n  font-size: 12px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comimi-menu-bottom {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  transition: height 0.24s ease-in-out;\n}\n\n.comimi-menu-border {\n  width: 100%;\n  height: 1px;\n  background: #e0e0e0;\n}\n\n.comimi-menu-view {\n  position: absolute;\n  top: 1px;\n  left: 0;\n  width: 100%;\n  transition: all 0.28s ease-in-out;\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(0.92);\n  filter: blur(5px);\n}\n\n.comimi-menu-view-menu {\n  position: relative;\n}\n\n.comimi-menu-panel[data-view=\"menu\"] .comimi-menu-view-menu,\n.comimi-menu-panel[data-view=\"shortcut\"] .comimi-menu-view-shortcut,\n.comimi-menu-panel[data-view=\"pageList\"] .comimi-menu-view-page-list {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n  filter: blur(0);\n}\n\n.comimi-menu-list {\n  position: relative;\n  width: 100%;\n  padding: 10px 0;\n}\n\n.comimi-menu-link {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  column-gap: 8px;\n  align-items: center;\n  width: 100%;\n  padding: 10px 16px 10px 22px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n  transition: background-color 0.24s linear;\n}\n\n.comimi-menu-link:hover {\n  background: #f1f1f1;\n}\n\n.comimi-menu-link-text {\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: left;\n}\n\n.comimi-menu-link-arrow {\n  display: block;\n  width: 20px;\n  height: 20px;\n  color: #aaa;\n}\n\n.comimi-menu-link-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.comimi-page-list-inner {\n  box-sizing: border-box;\n  padding: 0 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-page-list-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.comimi-page-list-item {\n  display: grid;\n  row-gap: 4px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n  text-align: center;\n}\n\n.comimi-page-list-thumb {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 100 / 141;\n  background: #fff;\n  border-radius: 6px;\n  outline: 3px solid #e0e0e0;\n}\n\n.comimi-page-list-thumb-html {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 8px;\n  text-align: center;\n  color: #aaa;\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.comimi-page-list-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  border-radius: 4px;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.comimi-page-list-text {\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.comimi-shortcut-inner {\n  box-sizing: border-box;\n  padding: 0 22px;\n  max-height: 315px;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-shortcut-grid {\n  display: grid;\n  row-gap: 22px;\n}\n\n.comimi-shortcut-section {\n  display: grid;\n  row-gap: 8px;\n}\n\n.comimi-shortcut-heading {\n  color: #666;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-list {\n  display: grid;\n  row-gap: 8px;\n  justify-items: start;\n}\n\n.comimi-shortcut-column {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  align-items: center;\n}\n\n.comimi-shortcut-item {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  column-gap: 8px;\n  align-items: center;\n  width: fit-content;\n}\n\n.comimi-shortcut-badge {\n  display: grid;\n  grid-auto-flow: column;\n  column-gap: 6px;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 7px;\n  background: #eeeeee;\n}\n\n.comimi-shortcut-key {\n  color: #666;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-or::before {\n  content: \"or\";\n  display: block;\n  color: #666;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-shortcut-label {\n  color: #666;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.comimi-back-button {\n  position: relative;\n  width: 100%;\n  height: 56px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.comimi-back-inner {\n  position: absolute;\n  inset: 8px;\n}\n\n.comimi-back-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  background: #eeeeee;\n  transition: inset 0.36s var(--comimi-spring), border-radius 0.36s var(--comimi-spring);\n}\n\n.comimi-back-button:hover .comimi-back-bg {\n  inset: -4px;\n  border-radius: 10px;\n}\n\n.comimi-back-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #666;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.45;\n  pointer-events: none;\n}\n\n.comimi-back-arrow {\n  position: absolute;\n  top: 50%;\n  left: 8px;\n  width: 22px;\n  height: 22px;\n  color: #aaa;\n  transform: translateY(-50%) scaleX(-1);\n  pointer-events: none;\n}\n\n.comimi-back-arrow > svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n@media (max-width: 767px) {\n  .comimi-menu-panel {\n    top: 0;\n    left: 0;\n    width: 100%;\n  }\n\n  .comimi-menu-bg {\n    border-radius: 0 0 16px 16px;\n  }\n\n  .comimi-menu-top {\n    width: 100%;\n  }\n\n  .comimi-page-list-inner,\n  .comimi-shortcut-inner {\n    max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n  }\n}\n";
 //# sourceMappingURL=menu-panel.styles.d.ts.map

package/dist/components/menu-panel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-panel.styles.d.ts","sourceRoot":"","sources":["../../src/components/menu-panel.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,y/NA0Y3B,CAAC"}
+{"version":3,"file":"menu-panel.styles.d.ts","sourceRoot":"","sources":["../../src/components/menu-panel.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,01OA+Z3B,CAAC"}

package/dist/components/page-layout.d.ts

@@ -12,4 +12,5 @@ export declare function getAdjacentPageIndexes(state: ViewerState, direction: Ad
 export declare function getPreloadedPageGroups(state: ViewerState, isMobile: boolean): PageGroup[];
 export declare function getPageGroupSide(state: ViewerState, placement: PageGroupPlacement): PageGroupSide;
 export declare function isSwipeToNext(deltaX: number, direction: ReadingDirection): boolean;
+export declare function getPageIndexesForPageIndex(state: ViewerState, pageIndex: number, isMobile: boolean): number[];
 //# sourceMappingURL=page-layout.d.ts.map

package/dist/components/page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../src/components/page-layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAEV;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAYV;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,OAAO,GAChB,SAAS,EAAE,CAwCb;AAYD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,kBAAkB,GAC5B,aAAa,CAQf;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,gBAAgB,GAC1B,OAAO,CAET"}
+{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../src/components/page-layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAEV;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAYV;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,OAAO,GAChB,SAAS,EAAE,CAwCb;AAYD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,kBAAkB,GAC5B,aAAa,CAQf;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,gBAAgB,GAC1B,OAAO,CAET;AA0BD,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,GAChB,MAAM,EAAE,CAoBV"}

package/dist/components/page-stage.d.ts

@@ -1,10 +1,11 @@
 import { AssetLoader } from "../core/asset-loader";
 import { I18n } from "../i18n/i18n";
-import type { ViewerState } from "../types";
+import type { PageSrcResolver, ViewerState } from "../types";
 export interface PageStageOptions {
     assetLoader: AssetLoader;
     i18n: I18n;
     isMobileViewport: () => boolean;
+    resolvePageSrc?: PageSrcResolver;
 }
 export declare class PageStage {
     private options;

package/dist/components/page-stage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-stage.d.ts","sourceRoot":"","sources":["../../src/components/page-stage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,UAAU,CAAC;AASvD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAOD,qBAAa,SAAS;IAMR,OAAO,CAAC,OAAO;IAL3B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,KAAK,CAAiC;gBAE1B,OAAO,EAAE,gBAAgB;IAK7C,UAAU,IAAI,cAAc;IAI5B,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,GAAG,IAAI;IAKrD;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAarB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAqCnD,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,SAAS;CAqElB"}
+{"version":3,"file":"page-stage.d.ts","sourceRoot":"","sources":["../../src/components/page-stage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAGV,eAAe,EACf,WAAW,EACZ,MAAM,UAAU,CAAC;AASlB,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAOD,qBAAa,SAAS;IAMR,OAAO,CAAC,OAAO;IAL3B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,eAAe,CAAsC;IAC7D,OAAO,CAAC,KAAK,CAAiC;gBAE1B,OAAO,EAAE,gBAAgB;IAK7C,UAAU,IAAI,cAAc;IAI5B,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,GAAG,IAAI;IAKrD;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAarB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAqCnD,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,SAAS;CA2ElB"}

package/dist/components/rabbit-mascot.d.ts

@@ -1,2 +1,3 @@
-export declare function renderRabbitMascot(): HTMLElement;
+import type { MascotOption } from "../types";
+export declare function renderRabbitMascot(option?: MascotOption): HTMLElement | null;
 //# sourceMappingURL=rabbit-mascot.d.ts.map

package/dist/components/rabbit-mascot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rabbit-mascot.d.ts","sourceRoot":"","sources":["../../src/components/rabbit-mascot.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,IAAI,WAAW,CAiBhD"}
+{"version":3,"file":"rabbit-mascot.d.ts","sourceRoot":"","sources":["../../src/components/rabbit-mascot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgB7C,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,IAAI,CAyB5E"}

package/dist/components/rabbit-mascot.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rabbitMascotStyles = "\n.comimi-rabbit {\n  position: absolute;\n  width: 50px;\n  pointer-events: none;\n}\n\n.comimi-rabbit-svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.comimi-controls-dock > .comimi-rabbit {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.comimi-menu-panel > .comimi-rabbit {\n  top: 20px;\n  right: 20px;\n}\n\n@media (max-width: 767px) {\n  .comimi-controls-dock > .comimi-rabbit {\n    display: none;\n  }\n}\n\n@media (min-width: 768px) {\n  .comimi-menu-panel > .comimi-rabbit {\n    display: none;\n  }\n}\n";
+export declare const rabbitMascotStyles = "\n.comimi-rabbit {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  aspect-ratio: 1 / 1;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.comimi-rabbit > * {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.comimi-controls-dock > .comimi-rabbit {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.comimi-menu-panel > .comimi-rabbit {\n  top: 12px;\n  right: 20px;\n}\n\n@media (max-width: 767px) {\n  .comimi-controls-dock > .comimi-rabbit {\n    display: none;\n  }\n}\n\n@media (min-width: 768px) {\n  .comimi-menu-panel > .comimi-rabbit {\n    display: none;\n  }\n}\n";
 //# sourceMappingURL=rabbit-mascot.styles.d.ts.map

package/dist/components/rabbit-mascot.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rabbit-mascot.styles.d.ts","sourceRoot":"","sources":["../../src/components/rabbit-mascot.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,2iBAmC9B,CAAC"}
+{"version":3,"file":"rabbit-mascot.styles.d.ts","sourceRoot":"","sources":["../../src/components/rabbit-mascot.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,grBAyC9B,CAAC"}

package/dist/components/scroll-fade.d.ts

@@ -0,0 +1,2 @@
+export declare function bindScrollFade(el: HTMLElement): void;
+//# sourceMappingURL=scroll-fade.d.ts.map

package/dist/components/scroll-fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-fade.d.ts","sourceRoot":"","sources":["../../src/components/scroll-fade.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAyBpD"}

package/dist/components/scroll-fade.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const scrollFadeStyles = "\n.comimi-scrollfade {\n  position: relative;\n}\n\n.comimi-scrollfade::before,\n.comimi-scrollfade::after {\n  content: \"\";\n  position: sticky;\n  display: block;\n  left: 0;\n  width: 100%;\n  height: 32px;\n  z-index: 2;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.16s linear;\n}\n\n.comimi-scrollfade::before {\n  top: 0;\n  background: linear-gradient(to bottom, var(--comimi-bg), transparent);\n}\n\n.comimi-scrollfade::after {\n  bottom: 0;\n  background: linear-gradient(to top, var(--comimi-bg), transparent);\n}\n\n.comimi-scrollfade[data-scroll-up=\"true\"]::before {\n  opacity: 1;\n}\n\n.comimi-scrollfade[data-scroll-down=\"true\"]::after {\n  opacity: 1;\n}\n";
+//# sourceMappingURL=scroll-fade.styles.d.ts.map

package/dist/components/scroll-fade.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-fade.styles.d.ts","sourceRoot":"","sources":["../../src/components/scroll-fade.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+rBAoC5B,CAAC"}

package/dist/components/settings-panel.d.ts

@@ -11,11 +11,13 @@ export declare class SettingsPanel {
     private localeLabel;
     private coverLabel;
     private directionLabel;
+    private backgroundColorLabel;
     private animationLabel;
     private intervalLabel;
     private localeSelect;
     private coverToggle;
     private directionSelect;
+    private backgroundColorSelect;
     private animationToggle;
     private intervalSlider;
     constructor(callbacks: RendererCallbacks, i18n: I18n);

package/dist/components/settings-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../src/components/settings-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,qBAAa,aAAa;IAmBtB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IAnBd,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,KAAK,CAAiB;IAE9B,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,aAAa,CAAiB;IAEtC,OAAO,CAAC,YAAY,CAAY;IAChC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,eAAe,CAAY;IACnC,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,cAAc,CAAc;gBAG1B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI;IA0DpB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA+BhC,UAAU,IAAI,WAAW;IAIzB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,oBAAoB;CAa7B"}
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../src/components/settings-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAqC,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE,qBAAa,aAAa;IAqBtB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IArBd,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,KAAK,CAAiB;IAE9B,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,oBAAoB,CAAiB;IAC7C,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,aAAa,CAAiB;IAEtC,OAAO,CAAC,YAAY,CAAY;IAChC,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,eAAe,CAAY;IACnC,OAAO,CAAC,qBAAqB,CAAY;IACzC,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,cAAc,CAAc;gBAG1B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI;IAsEpB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAiDhC,UAAU,IAAI,WAAW;IAIzB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,oBAAoB;CAa7B"}

package/dist/components/settings-panel.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const settingsPanelStyles = "\n.comimi-settings-panel {\n  position: absolute;\n  top: 0;\n  right: -16px;\n  width: 250px;\n  height: 0;\n  border-radius: 20px;\n  overflow: hidden;\n  background: var(--comimi-glass-strong);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  opacity: 0;\n  transform: translateY(calc(-100% - 8px));\n  transition:\n    height 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02),\n    opacity 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02);\n  z-index: 10;\n}\n\n.comimi-settings-panel[data-open=\"true\"] {\n  opacity: 1;\n  height: var(--comimi-settings-height, 460px);\n}\n\n.comimi-settings-panel-body {\n  position: relative;\n  width: 100%;\n}\n\n.comimi-settings-panel-inner {\n  box-sizing: border-box;\n  position: relative;\n  padding: 16px 20px 22px;\n}\n\n.comimi-settings-panel-title {\n  color: #333;\n  font-size: 14px;\n  font-weight: 700;\n  text-align: center;\n}\n\n.comimi-settings-section {\n  display: grid;\n  row-gap: 8px;\n  margin-top: 18px;\n}\n\n.comimi-settings-label {\n  color: #333;\n  font-size: 12px;\n  font-weight: 400;\n}\n\n@media (max-width: 767px) {\n  .comimi-settings-panel-body {\n    max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n";
+export declare const settingsPanelStyles = "\n.comimi-settings-panel {\n  position: absolute;\n  top: 0;\n  right: -16px;\n  width: 250px;\n  height: 0;\n  border-radius: 20px;\n  overflow: hidden;\n  background: var(--comimi-glass-strong);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  opacity: 0;\n  transform: translateY(calc(-100% - 8px));\n  transition:\n    height 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02),\n    opacity 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02);\n  z-index: 10;\n}\n\n.comimi-settings-panel[data-open=\"true\"] {\n  opacity: 1;\n  height: var(--comimi-settings-height, 460px);\n}\n\n.comimi-settings-panel-body {\n  position: relative;\n  width: 100%;\n  max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-settings-panel-inner {\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 20px;\n}\n\n.comimi-settings-panel-title {\n  color: #333;\n  font-size: 14px;\n  font-weight: 700;\n  text-align: center;\n}\n\n.comimi-settings-section {\n  display: grid;\n  row-gap: 8px;\n  margin-top: 18px;\n}\n\n.comimi-settings-label {\n  color: #333;\n  font-size: 12px;\n  font-weight: 400;\n}\n\n";
 //# sourceMappingURL=settings-panel.styles.d.ts.map

package/dist/components/settings-panel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-panel.styles.d.ts","sourceRoot":"","sources":["../../src/components/settings-panel.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,4vCA8D/B,CAAC"}
+{"version":3,"file":"settings-panel.styles.d.ts","sourceRoot":"","sources":["../../src/components/settings-panel.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,wqCA0D/B,CAAC"}

package/dist/components/splash-screen.d.ts

@@ -1,3 +1,4 @@
 import { I18n } from "../i18n/i18n";
-export declare function renderSplashScreen(i18n: I18n): HTMLElement;
+import type { MascotOption } from "../types";
+export declare function renderSplashScreen(i18n: I18n, mascot?: MascotOption): HTMLElement;
 //# sourceMappingURL=splash-screen.d.ts.map

package/dist/components/splash-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splash-screen.d.ts","sourceRoot":"","sources":["../../src/components/splash-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,CAuB1D"}
+{"version":3,"file":"splash-screen.d.ts","sourceRoot":"","sources":["../../src/components/splash-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,MAAM,CAAC,EAAE,YAAY,GACpB,WAAW,CAyBb"}

package/dist/components/splash-screen.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const splashScreenStyles = "\n.comimi-splash {\n  position: absolute;\n  inset: 0;\n  z-index: 100;\n  background-color: #e0e0e0;\n  overflow: hidden;\n  animation: comimi-splash-clip 1s cubic-bezier(0.82, 0.01, 0.48, 1.02) 1s both;\n  pointer-events: none;\n}\n\n.comimi-splash-logo-wrap {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -60%);\n  width: 260px;\n  aspect-ratio: 290 / 99;\n}\n\n.comimi-splash-logo {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.72);\n  width: 360px;\n  aspect-ratio: 360 / 99;\n}\n\n.comimi-splash-symbol {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 113px;\n  display: block;\n  transform-origin: center bottom;\n}\n\n.comimi-splash-typo-wrap {\n  position: absolute;\n  right: 7px;\n  bottom: 11px;\n  width: 229.5px;\n}\n\n.comimi-splash-typo {\n  display: block;\n  width: 100%;\n  overflow: visible;\n}\n\n.comimi-splash-stroke {\n  fill: none;\n  stroke: #fff;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 10px;\n}\n\n.comimi-splash-mimi {\n  transform-origin: 56px 43px;\n}\n\n.comimi-splash-mimi-left {\n  animation: comimi-splash-mimi-left 0.4s ease-in-out 0.3s 2 forwards;\n}\n\n.comimi-splash-mimi-right {\n  animation: comimi-splash-mimi-right 0.4s ease-in-out 0.3s 2 forwards;\n}\n\n.comimi-splash-eyes {\n  transform: translateX(-7px);\n}\n\n.comimi-splash-eye {\n  transform-origin: center;\n  transform-box: fill-box;\n  animation: comimi-splash-eye 0.4s ease-in-out 0.2s forwards;\n}\n\n.comimi-splash-heart {\n  --size: 14px;\n  position: absolute;\n  top: -20px;\n  width: var(--size);\n  height: var(--size);\n}\n\n.comimi-splash-heart::before,\n.comimi-splash-heart::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 150%;\n  border-radius: 999px;\n  transform-origin: center bottom;\n}\n\n.comimi-splash-heart::before {\n  transform: translateX(-32%) rotate(45deg);\n  background-color: #eee;\n}\n\n.comimi-splash-heart::after {\n  transform: translateX(32%) rotate(-45deg);\n  background-color: #fff;\n}\n\n.comimi-splash-heart-1 {\n  right: -2px;\n}\n\n.comimi-splash-heart-2 {\n  right: 76px;\n}\n\n.comimi-splash-text {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 120%);\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.comimi-splash-text span {\n  display: inline-block;\n  animation: comimi-splash-dot 0.8s ease-in-out 0s infinite both;\n}\n\n.comimi-splash-text span:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.comimi-splash-text span:nth-child(2) {\n  animation-delay: 0.15s;\n}\n\n.comimi-splash-text span:nth-child(3) {\n  animation-delay: 0.3s;\n}\n\n@keyframes comimi-splash-clip {\n  from {\n    clip-path: circle(70%);\n  }\n  to {\n    clip-path: circle(0%);\n  }\n}\n\n@keyframes comimi-splash-mimi-left {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(20deg);\n  }\n}\n\n@keyframes comimi-splash-mimi-right {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(-20deg);\n  }\n}\n\n@keyframes comimi-splash-eye {\n  from, to {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.2);\n  }\n}\n\n@keyframes comimi-splash-dot {\n  from, 50%, to {\n    opacity: 1;\n  }\n  25% {\n    opacity: 0;\n  }\n}\n";
+export declare const splashScreenStyles = "\n.comimi-splash {\n  position: absolute;\n  inset: 0;\n  z-index: 100;\n  background-color: #e0e0e0;\n  overflow: hidden;\n  animation: comimi-splash-clip 1s cubic-bezier(0.82, 0.01, 0.48, 1.02) 1s both;\n  pointer-events: none;\n}\n\n.comimi-splash-logo-wrap {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -60%);\n  width: 260px;\n  aspect-ratio: 290 / 99;\n}\n\n.comimi-splash-logo {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.72);\n  width: 360px;\n  aspect-ratio: 360 / 99;\n}\n\n.comimi-splash-symbol {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 113px;\n  display: block;\n  transform-origin: center bottom;\n}\n\n.comimi-splash-logo-wrap-custom {\n  width: 120px;\n  aspect-ratio: 1 / 1;\n}\n\n.comimi-splash-logo-wrap-custom .comimi-splash-text {\n  transform: translate(-50%, calc(100% + 16px));\n}\n\n.comimi-splash-custom-logo {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 120px;\n  aspect-ratio: 1 / 1;\n}\n\n.comimi-splash-custom-logo > * {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.comimi-splash-typo-wrap {\n  position: absolute;\n  right: 7px;\n  bottom: 11px;\n  width: 229.5px;\n}\n\n.comimi-splash-typo {\n  display: block;\n  width: 100%;\n  overflow: visible;\n}\n\n.comimi-splash-stroke {\n  fill: none;\n  stroke: #fff;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 10px;\n}\n\n.comimi-splash-mimi {\n  transform-origin: 56px 43px;\n}\n\n.comimi-splash-mimi-left {\n  animation: comimi-splash-mimi-left 0.4s ease-in-out 0.3s 2 forwards;\n}\n\n.comimi-splash-mimi-right {\n  animation: comimi-splash-mimi-right 0.4s ease-in-out 0.3s 2 forwards;\n}\n\n.comimi-splash-eyes {\n  transform: translateX(-7px);\n}\n\n.comimi-splash-eye {\n  transform-origin: center;\n  transform-box: fill-box;\n  animation: comimi-splash-eye 0.4s ease-in-out 0.2s forwards;\n}\n\n.comimi-splash-heart {\n  --size: 14px;\n  position: absolute;\n  top: -20px;\n  width: var(--size);\n  height: var(--size);\n}\n\n.comimi-splash-heart::before,\n.comimi-splash-heart::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 150%;\n  border-radius: 999px;\n  transform-origin: center bottom;\n}\n\n.comimi-splash-heart::before {\n  transform: translateX(-32%) rotate(45deg);\n  background-color: #eee;\n}\n\n.comimi-splash-heart::after {\n  transform: translateX(32%) rotate(-45deg);\n  background-color: #fff;\n}\n\n.comimi-splash-heart-1 {\n  right: -2px;\n}\n\n.comimi-splash-heart-2 {\n  right: 76px;\n}\n\n.comimi-splash-text {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 120%);\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.comimi-splash-text span {\n  display: inline-block;\n  animation: comimi-splash-dot 0.8s ease-in-out 0s infinite both;\n}\n\n.comimi-splash-text span:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.comimi-splash-text span:nth-child(2) {\n  animation-delay: 0.15s;\n}\n\n.comimi-splash-text span:nth-child(3) {\n  animation-delay: 0.3s;\n}\n\n@keyframes comimi-splash-clip {\n  from {\n    clip-path: circle(70%);\n  }\n  to {\n    clip-path: circle(0%);\n  }\n}\n\n@keyframes comimi-splash-mimi-left {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(20deg);\n  }\n}\n\n@keyframes comimi-splash-mimi-right {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(-20deg);\n  }\n}\n\n@keyframes comimi-splash-eye {\n  from, to {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.2);\n  }\n}\n\n@keyframes comimi-splash-dot {\n  from, 50%, to {\n    opacity: 1;\n  }\n  25% {\n    opacity: 0;\n  }\n}\n";
 //# sourceMappingURL=splash-screen.styles.d.ts.map

package/dist/components/splash-screen.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splash-screen.styles.d.ts","sourceRoot":"","sources":["../../src/components/splash-screen.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,g3GAkM9B,CAAC"}
+{"version":3,"file":"splash-screen.styles.d.ts","sourceRoot":"","sources":["../../src/components/splash-screen.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,q0HA2N9B,CAAC"}

package/dist/components/viewer-root.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const viewerRootStyles = "\n.comimi-root {\n  --comimi-bg: #fff;\n  --comimi-surface: #f7f7f7;\n  --comimi-surface-2: #eeeeee;\n  --comimi-fg: #333;\n  --comimi-muted: #666;\n  --comimi-soft: #999;\n  --comimi-line: #e0e0e0;\n  --comimi-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  --comimi-glass: rgba(255, 255, 255, 0.8);\n  --comimi-glass-strong: rgba(255, 255, 255, 0.8);\n  --comimi-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n  background: var(--comimi-bg);\n  color: var(--comimi-fg);\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: relative;\n  width: calc(100% - 24px * 2);\n  max-width: 900px;\n  aspect-ratio: 900 / 636;\n  margin: 0 auto;\n  border-radius: 16px;\n  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  transition: box-shadow 0.24s ease-out;\n}\n\n.comimi-root:focus {\n  outline: none;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14);\n}\n\n@media (max-width: 767px) {\n  .comimi-root {\n    max-width: 500px;\n    aspect-ratio: 390 / 490;\n  }\n}\n\n.comimi-root[data-layout=\"theater\"] {\n  width: 100%;\n  max-width: none;\n  aspect-ratio: auto;\n  min-height: 320px;\n  margin: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.comimi-root[data-layout=\"browserFullscreen\"],\n.comimi-root[data-layout=\"nativeFullscreen\"] {\n  position: fixed;\n  inset: 0;\n  z-index: 999;\n  width: 100vw;\n  height: 100dvh;\n  max-width: none;\n  aspect-ratio: auto;\n  margin: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.comimi-resize-handle {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: #fff;\n  cursor: ns-resize;\n  touch-action: none;\n}\n\n.comimi-resize-handle::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 40px;\n  height: 3px;\n  border-radius: 999px;\n  background: #bbb;\n  transition:\n    width 0.36s cubic-bezier(0.34, 1.56, 0.64, 1),\n    height 0.36s cubic-bezier(0.34, 1.56, 0.64, 1),\n    background-color 0.2s linear;\n}\n\n@media (hover: hover) {\n  .comimi-resize-handle:hover::after {\n    width: 52px;\n    height: 5px;\n    background: #888;\n  }\n}\n\n";
+export declare const viewerRootStyles = "\n.comimi-root {\n  --comimi-bg: #fff;\n  --comimi-surface: #f7f7f7;\n  --comimi-surface-2: #eeeeee;\n  --comimi-fg: #333;\n  --comimi-muted: #666;\n  --comimi-soft: #999;\n  --comimi-line: #e0e0e0;\n  --comimi-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  --comimi-glass: rgba(255, 255, 255, 0.8);\n  --comimi-glass-strong: rgba(255, 255, 255, 0.8);\n  --comimi-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n  background: var(--comimi-bg);\n  color: var(--comimi-fg);\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: relative;\n  width: calc(100% - 24px * 2);\n  max-width: 900px;\n  aspect-ratio: 900 / 636;\n  margin: 0 auto;\n  border-radius: 16px;\n  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: none;\n  transition:\n    box-shadow 0.24s ease-out,\n    background-color 0.16s linear;\n}\n\n.comimi-root:focus {\n  outline: none;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14);\n}\n\n@media (max-width: 767px) {\n  .comimi-root {\n    max-width: 500px;\n    aspect-ratio: 390 / 490;\n  }\n}\n\n.comimi-root[data-bg=\"black\"] {\n  --comimi-bg: #000;\n}\n\n.comimi-root[data-layout=\"wide\"] {\n  width: 100%;\n  max-width: none;\n  aspect-ratio: auto;\n  min-height: 320px;\n  margin: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.comimi-root[data-layout=\"browserFullscreen\"],\n.comimi-root[data-layout=\"nativeFullscreen\"] {\n  position: fixed;\n  inset: 0;\n  z-index: 999;\n  width: 100vw;\n  height: 100dvh;\n  max-width: none;\n  aspect-ratio: auto;\n  margin: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.comimi-resize-handle {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: #fff;\n  cursor: ns-resize;\n  touch-action: none;\n}\n\n.comimi-resize-handle::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 40px;\n  height: 3px;\n  border-radius: 999px;\n  background: #bbb;\n  transition:\n    width 0.36s cubic-bezier(0.34, 1.56, 0.64, 1),\n    height 0.36s cubic-bezier(0.34, 1.56, 0.64, 1),\n    background-color 0.2s linear;\n}\n\n@media (hover: hover) {\n  .comimi-resize-handle:hover::after {\n    width: 52px;\n    height: 5px;\n    background: #888;\n  }\n}\n\n";
 //# sourceMappingURL=viewer-root.styles.d.ts.map

package/dist/components/viewer-root.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewer-root.styles.d.ts","sourceRoot":"","sources":["../../src/components/viewer-root.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,spEAkG5B,CAAC"}
+{"version":3,"file":"viewer-root.styles.d.ts","sourceRoot":"","sources":["../../src/components/viewer-root.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,uyEAyG5B,CAAC"}

package/dist/core/manga-viewer-core.d.ts

@@ -11,6 +11,7 @@ export declare class MangaViewerCore implements MangaViewerInstance {
     private notificationTimers;
     private autoTimer?;
     private mobileMediaQuery?;
+    private lockLayoutMode;
     constructor(container: HTMLElement, options: MangaViewerOptions);
     destroy(): void;
     setManga(manga: Manga): Promise<void>;
@@ -32,7 +33,7 @@ export declare class MangaViewerCore implements MangaViewerInstance {
     private bindViewportChange;
     private moveFromKey;
     private setLayoutMode;
-    private setTheaterHeight;
+    private setWideHeight;
     private afterStateChange;
     private syncAutoTimer;
     private emitPageChangeIfNeeded;

package/dist/core/manga-viewer-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manga-viewer-core.d.ts","sourceRoot":"","sources":["../../src/core/manga-viewer-core.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAEV,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAElB,eAAe,EACf,cAAc,EACd,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,qBAAa,eAAgB,YAAW,mBAAmB;IAavD,OAAO,CAAC,SAAS;IAZnB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAC,CAAiB;gBAGhC,SAAS,EAAE,WAAW,EAC9B,OAAO,EAAE,kBAAkB;IAiE7B,OAAO,IAAI,IAAI;IAaT,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAKrC,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjD,QAAQ,IAAI,QAAQ,CAAC,WAAW,CAAC;IAI3B,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQtE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAejC,QAAQ,IAAI,IAAI;IAehB,YAAY,IAAI,IAAI;IAepB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,kBAAkB;IAW1B,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAMpC,kBAAkB,IAAI,IAAI;IAQpB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAcvC,EAAE,CAAC,CAAC,SAAS,eAAe,EAC1B,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,MAAM,IAAI;YAIC,SAAS;IAiCvB,OAAO,CAAC,YAAY;IA+FpB,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,WAAW;YASL,aAAa;IA8B3B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,MAAM;CA0Bf"}
+{"version":3,"file":"manga-viewer-core.d.ts","sourceRoot":"","sources":["../../src/core/manga-viewer-core.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAEV,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAElB,eAAe,EACf,cAAc,EACd,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,qBAAa,eAAgB,YAAW,mBAAmB;IAcvD,OAAO,CAAC,SAAS;IAbnB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAC1C,OAAO,CAAC,cAAc,CAAS;gBAGrB,SAAS,EAAE,WAAW,EAC9B,OAAO,EAAE,kBAAkB;IAqE7B,OAAO,IAAI,IAAI;IAaT,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAKrC,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjD,QAAQ,IAAI,QAAQ,CAAC,WAAW,CAAC;IAI3B,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAatE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAejC,QAAQ,IAAI,IAAI;IAehB,YAAY,IAAI,IAAI;IAepB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,kBAAkB;IAW1B,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAMpC,kBAAkB,IAAI,IAAI;IAQpB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAevC,EAAE,CAAC,CAAC,SAAS,eAAe,EAC1B,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,MAAM,IAAI;YAIC,SAAS;IA0CvB,OAAO,CAAC,YAAY;IAwGpB,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,WAAW;YASL,aAAa;IA+B3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,MAAM;CA0Bf"}

package/dist/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,eAAO,MAAM,eAAe,EAAE,cAa7B,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,SAAS,SAAI,GACZ,WAAW,CAuBb;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,cAAc,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAChC,cAAc,CAShB;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM3E;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAU/E;AAED,wBAAgB,2BAA2B,CACzC,gBAAgB,EAAE,MAAM,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,cAAc,GACvB,MAAM,EAAE,CAwBV"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,eAAO,MAAM,eAAe,EAAE,cAc7B,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,SAAS,SAAI,GACZ,WAAW,CAuBb;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,cAAc,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAChC,cAAc,CAShB;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM3E;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAU/E;AAED,wBAAgB,2BAA2B,CACzC,gBAAgB,EAAE,MAAM,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,cAAc,GACvB,MAAM,EAAE,CAwBV"}

package/dist/i18n/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,qBAAa,IAAI;IACf,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAiC;gBAEzC,MAAM,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,cAAc;IAe/D,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI/B,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,GAAG,MAAM;CAQrE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,qBAAa,IAAI;IACf,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAiC;gBAEzC,MAAM,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,cAAc;IAmB/D,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI/B,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,GAAG,MAAM;CAQrE"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import type { MangaViewerInstance, MangaViewerOptions } from "./types";
 export declare function createMangaViewer(container: HTMLElement, options: MangaViewerOptions): MangaViewerInstance;
-export type { HtmlPage, ImagePage, LayoutMode, Manga, MangaPage, MangaViewerInstance, MangaViewerOptions, PageTurnMode, ReadingDirection, TranslationMap, ViewerEventHandler, ViewerEventMap, ViewerEventName, ViewerSettings, ViewerState } from "./types";
+export type { HtmlPage, ImagePage, LayoutMode, Manga, MangaPage, MangaViewerInstance, MangaViewerOptions, PageTurnMode, ReadingDirection, TranslationMap, ViewerEventHandler, ViewerEventMap, ViewerEventName, ViewerSettings, ViewerState, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvE,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,kBAAkB,GAC1B,mBAAmB,CAErB;AAED,YAAY,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,WAAW,EACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvE,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,kBAAkB,GAC1B,mBAAmB,CAErB;AAED,YAAY,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,WAAW,GACZ,MAAM,SAAS,CAAC"}