pixi-effects 0.28.2 → 0.29.0

package/dist/Controller.d.ts

@@ -1,20 +1,7 @@
-import { j as Movie } from './Movie-CHcM8HNB.js';
+import { k as Movie } from './Movie-C2rZFkrO.js';
 import 'pixi.js';
-import './types-DpK1vwcl.js';
+import './types-BzIB65Vk.js';
 
-/** The bar's default stylesheet. Its colours and sizes are CSS custom properties (`--mc-accent`, `--mc-fg`, `--mc-track`, `--mc-bar-bg`, `--mc-track-height`, `--mc-font`): set them in your page CSS, or with the `theme` option. */
-declare const CONTROLLER_CSS = "\n.movie-controller-wrap { position: relative; display: inline-block; line-height: 0; }\n.movie-controller {\n  position: absolute;\n  pointer-events: none;\n  font-family: var(--mc-font, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  opacity: 1;\n  transition: opacity 200ms ease;\n}\n.movie-controller[data-state=\"hidden\"] { opacity: 0; }\n.movie-controller > * { pointer-events: auto; }\n\n.mc-progress {\n  position: relative;\n  width: 100%;\n  height: 16px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n}\n.mc-progress:focus-visible {\n  outline: 2px solid var(--mc-accent, #007AFF);\n  outline-offset: 2px;\n}\n.mc-progress::before {\n  content: \"\"; position: absolute; left: 12px; right: 12px;\n  height: var(--mc-track-height, 3px); background: var(--mc-track, rgba(255,255,255,0.25));\n  transition: height 120ms ease;\n}\n.mc-progress:hover::before, .mc-progress.mc-scrubbing::before { height: calc(var(--mc-track-height, 3px) + 2px); }\n.mc-stops { position: absolute; left: 12px; right: 12px; top: 0; bottom: 0; pointer-events: none; }\n.mc-stop-tick { position: absolute; top: 50%; width: 7px; height: 7px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--mc-fg, #fff); box-shadow: 0 0 0 1.5px rgba(0,0,0,0.5); }\n.mc-stop-page { width: 11px; height: 11px; box-shadow: 0 0 0 2.5px var(--mc-accent, #007AFF), 0 0 0 4px rgba(0,0,0,0.35); }\n.mc-progress-fill {\n  position: absolute; left: 12px; top: 50%;\n  height: var(--mc-track-height, 3px);\n  width: calc((100% - 24px) * var(--mc-fill, 0));\n  background: var(--mc-accent, #007AFF);\n  transform: translateY(-50%);\n  transition: height 120ms ease;\n  pointer-events: none;\n}\n.mc-progress:hover .mc-progress-fill,\n.mc-progress.mc-scrubbing .mc-progress-fill { height: calc(var(--mc-track-height, 3px) + 2px); }\n.mc-progress-thumb {\n  position: absolute; top: 50%;\n  left: calc(12px + (100% - 24px) * var(--mc-fill, 0));\n  width: 12px; height: 12px; border-radius: 50%;\n  background: var(--mc-accent, #007AFF);\n  transform: translate(-50%, -50%) scale(0);\n  transition: transform 120ms ease;\n  pointer-events: none;\n}\n.mc-progress:hover .mc-progress-thumb,\n.mc-progress.mc-scrubbing .mc-progress-thumb { transform: translate(-50%, -50%) scale(1); }\n\n.mc-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 6px 12px 8px 12px;\n  background: var(--mc-bar-bg, linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%));\n  color: var(--mc-fg, #fff);\n  line-height: 1;\n}\n.mc-btn {\n  background: none; border: 0; padding: 0; margin: 0;\n  width: 28px; height: 28px;\n  display: inline-flex; align-items: center; justify-content: center;\n  color: var(--mc-fg, #fff); opacity: 0.85; cursor: pointer;\n  transition: opacity 120ms ease;\n}\n.mc-btn:hover { opacity: 1; }\n.mc-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n.mc-time {\n  font-size: 12px; font-family: Menlo, Monaco, monospace;\n  color: var(--mc-fg, #fff); opacity: 0.85;\n  min-width: 90px;\n}\n.mc-spacer { flex: 1; }\n\n.mc-volume { display: flex; align-items: center; }\n.mc-vol-slider {\n  position: relative;\n  width: 0;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  margin-left: 0;\n  outline: none;\n  transition: width 200ms ease, margin-left 200ms ease;\n  overflow: hidden;\n}\n.mc-volume:hover .mc-vol-slider,\n.mc-volume:focus-within .mc-vol-slider,\n.mc-vol-slider.mc-scrubbing {\n  width: 70px;\n  margin-left: 6px;\n}\n.mc-vol-slider:focus-visible { outline: 2px solid var(--mc-accent, #007AFF); outline-offset: 2px; }\n.mc-vol-slider::before {\n  content: \"\"; position: absolute; left: 4px; right: 4px;\n  height: 3px; background: var(--mc-track, rgba(255,255,255,0.25)); border-radius: 2px;\n}\n.mc-vol-fill {\n  position: absolute; left: 4px; top: 50%;\n  height: 3px;\n  width: calc((100% - 8px) * var(--mc-volume, 1));\n  background: var(--mc-fg, #fff);\n  transform: translateY(-50%);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.mc-vol-thumb {\n  position: absolute; top: 50%;\n  left: calc(4px + (100% - 8px) * var(--mc-volume, 1));\n  width: 10px; height: 10px; border-radius: 50%;\n  background: var(--mc-fg, #fff);\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n\n[data-mc-wrap]:fullscreen {\n  width: 100vw; height: 100vh;\n  display: flex; align-items: center; justify-content: center;\n  background: #000;\n}\n[data-mc-wrap]:fullscreen > canvas {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  max-height: none !important;\n  object-fit: contain;\n  border-radius: 0;\n}\n\n.mc-settings-popover {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 12px;\n  background: rgba(20, 20, 20, 0.96);\n  border-radius: 8px;\n  padding: 10px 12px;\n  min-width: 180px;\n  color: #fff;\n  font-size: 12px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.4);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.mc-settings-popover[data-open=\"false\"] { display: none; }\n.mc-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n.mc-settings-row > span { color: rgba(255,255,255,0.85); }\n.mc-settings-row > select {\n  font: inherit;\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.18);\n  border-radius: 4px;\n  padding: 2px 6px;\n  cursor: pointer;\n}\n.mc-export-confirm {\n  margin-top: 4px;\n  width: 100%;\n  background: var(--mc-accent, #007AFF);\n  color: #fff;\n  border: 0;\n  border-radius: 4px;\n  padding: 6px 10px;\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n.mc-export-confirm:hover { background: #0066d6; }\n.mc-export-confirm:disabled { background: rgba(255,255,255,0.18); cursor: not-allowed; }\n\n.mc-export-overlay {\n  position: absolute; inset: 0;\n  background: rgba(0,0,0,0.7);\n  display: flex; justify-content: center; align-items: center;\n  z-index: 2;\n}\n.mc-export-panel {\n  background: rgba(20,20,20,0.96); color: #fff;\n  border-radius: 8px; padding: 16px 20px;\n  text-align: center; min-width: 200px; max-width: 80%;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n.mc-export-title { font-size: 13px; margin-bottom: 10px; opacity: 0.9; }\n.mc-export-track {\n  width: 100%; height: 6px;\n  background: rgba(255,255,255,0.15); border-radius: 3px;\n  margin-bottom: 8px; overflow: hidden;\n}\n.mc-export-fill {\n  height: 100%; width: 0%;\n  background: linear-gradient(90deg, var(--mc-accent, #007AFF), var(--mc-accent, #0056CC));\n  transition: width 0.3s ease; border-radius: 3px;\n}\n.mc-export-text {\n  color: rgba(255,255,255,0.7); font-size: 11px;\n  font-family: Menlo, Monaco, monospace;\n}\n";
-declare function formatTime(seconds: number): string;
-declare function frameToPercent(frame: number, totalFrames: number): number;
-declare function pxToFrame(clientX: number, rect: {
-    left: number;
-    width: number;
-}, totalFrames: number): number;
-declare function pxToFraction(clientX: number, rect: {
-    left: number;
-    width: number;
-}, inset?: number): number;
-declare function extensionForMimeType(mime: string): string;
 /**
  * The look of the bar. Each key sets a CSS custom property on the bar (so you can also set `--mc-accent` … in your own CSS, on the
  * canvas's parent or on `:root`). `null` puts a value back to the default.
@@ -37,22 +24,24 @@ interface ControllerOptions {
     canvas: HTMLCanvasElement;
     /** Colours and sizes of the bar, see {@link ControllerTheme}. Can be changed later with `controller.setTheme()`. */
     theme?: ControllerTheme;
-    showExportButton?: boolean;
-    enableKeyboardShortcuts?: boolean;
+    /** The download button and its panel. Default true. */
+    exportButton?: boolean;
+    /** Space, arrows, M, F, E … on the page (not while typing in a field). Default true. */
+    keyboard?: boolean;
     /** A click (or tap) on the picture plays / pauses, like a `<video>` element. Default true; `false` leaves the canvas alone. */
     clickToPlay?: boolean;
     /** A movie with `stops` gets a Present button that starts a {@link Presenter} (keys, click and swipe move through the stops). Default true; `false` keeps only the marks on the seek bar. */
-    present?: boolean;
+    presentButton?: boolean;
     /** A movie with `stops`: the play button (and a click on the picture, and Space) plays to the next stop and pauses there, like a slide. Default true; `false` plays straight through to the end. */
     pauseAtStops?: boolean;
     className?: string;
 }
 interface ResolvedOptions {
     canvas: HTMLCanvasElement;
-    showExportButton: boolean;
-    enableKeyboardShortcuts: boolean;
+    exportButton: boolean;
+    keyboard: boolean;
     clickToPlay: boolean;
-    present: boolean;
+    presentButton: boolean;
     pauseAtStops: boolean;
     className: string;
 }
@@ -98,6 +87,11 @@ declare class Controller {
     private settingsOutsideHandler;
     private onReady;
     private presenter;
+    /** `pixi-effects/present`, loaded as soon as the movie has stops (a press of play must not wait for it). */
+    private present;
+    private presentLoading;
+    private playStarting;
+    private loadPresent;
     private presentBtn;
     private onFrame;
     private onPlay;
@@ -183,4 +177,4 @@ declare class Controller {
     destroy(): void;
 }
 
-export { CONTROLLER_CSS, Controller, type ControllerOptions, type ControllerTheme, extensionForMimeType, formatTime, frameToPercent, pxToFraction, pxToFrame };
+export { Controller, type ControllerOptions, type ControllerTheme };

package/dist/Controller.js

@@ -1,17 +1,6 @@
 import { warnUnknownOptions } from './chunk-BXOCEZ4U.js';
 
-// src/Controller.ts
-var ICONS = {
-  play: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M3 2 L13 8 L3 14 Z"/></svg>',
-  pause: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><rect x="3" y="2" width="3.5" height="12"/><rect x="9.5" y="2" width="3.5" height="12"/></svg>',
-  volumeOn: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M2 6 H5 L9 2 V14 L5 10 H2 Z"/><path d="M11 5 Q13 8 11 11" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M12.5 3.5 Q15.5 8 12.5 12.5" fill="none" stroke="currentColor" stroke-width="1.2"/></svg>',
-  volumeOff: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M2 6 H5 L9 2 V14 L5 10 H2 Z"/><path d="M11 5 L15 11 M15 5 L11 11" fill="none" stroke="currentColor" stroke-width="1.4"/></svg>',
-  download: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2 V11 M4 7 L8 11 L12 7 M3 13 H13"/></svg>',
-  fullscreenEnter: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6 V2 H6 M14 6 V2 H10 M2 10 V14 H6 M14 10 V14 H10"/></svg>',
-  present: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M2 2.5 H14 V10.5 H2 Z M8 10.5 V13.5 M5 13.5 H11"/></svg>',
-  fullscreenExit: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 V6 H2 M10 2 V6 H14 M6 14 V10 H2 M10 14 V10 H14"/></svg>'
-};
-var STYLE_ATTR = "data-movie-controller";
+// src/controller/css.ts
 var CONTROLLER_CSS = `
 .movie-controller-wrap { position: relative; display: inline-block; line-height: 0; }
 .movie-controller {
@@ -230,22 +219,8 @@ var CONTROLLER_CSS = `
   font-family: Menlo, Monaco, monospace;
 }
 `;
-var styleRefCount = 0;
-function installStyles() {
-  if (styleRefCount === 0) {
-    const el = document.createElement("style");
-    el.setAttribute(STYLE_ATTR, "");
-    el.textContent = CONTROLLER_CSS;
-    document.head.appendChild(el);
-  }
-  styleRefCount++;
-}
-function uninstallStyles() {
-  styleRefCount = Math.max(0, styleRefCount - 1);
-  if (styleRefCount === 0) {
-    document.head.querySelectorAll(`style[${STYLE_ATTR}]`).forEach((n) => n.remove());
-  }
-}
+
+// src/controller/helpers.ts
 function formatTime(seconds) {
   const s = Math.max(0, Math.floor(seconds));
   const m = Math.floor(s / 60);
@@ -270,7 +245,6 @@ function pxToFraction(clientX, rect, inset = 0) {
   const ratio = (clientX - innerLeft) / innerWidth;
   return Math.min(Math.max(ratio, 0), 1);
 }
-var PDF_QUALITY = { "low": 0.6, "medium": 0.75, "high": 0.88, "very-high": 0.95 };
 function extensionForMimeType(mime) {
   const t = (mime || "").toLowerCase();
   if (t.includes("pdf")) return "pdf";
@@ -279,6 +253,36 @@ function extensionForMimeType(mime) {
   if (t.includes("matroska") || t.includes("mkv")) return "mkv";
   return "mp4";
 }
+
+// src/Controller.ts
+var ICONS = {
+  play: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M3 2 L13 8 L3 14 Z"/></svg>',
+  pause: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><rect x="3" y="2" width="3.5" height="12"/><rect x="9.5" y="2" width="3.5" height="12"/></svg>',
+  volumeOn: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M2 6 H5 L9 2 V14 L5 10 H2 Z"/><path d="M11 5 Q13 8 11 11" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M12.5 3.5 Q15.5 8 12.5 12.5" fill="none" stroke="currentColor" stroke-width="1.2"/></svg>',
+  volumeOff: '<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M2 6 H5 L9 2 V14 L5 10 H2 Z"/><path d="M11 5 L15 11 M15 5 L11 11" fill="none" stroke="currentColor" stroke-width="1.4"/></svg>',
+  download: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2 V11 M4 7 L8 11 L12 7 M3 13 H13"/></svg>',
+  fullscreenEnter: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6 V2 H6 M14 6 V2 H10 M2 10 V14 H6 M14 10 V14 H10"/></svg>',
+  present: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M2 2.5 H14 V10.5 H2 Z M8 10.5 V13.5 M5 13.5 H11"/></svg>',
+  fullscreenExit: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 V6 H2 M10 2 V6 H14 M6 14 V10 H2 M10 14 V10 H14"/></svg>'
+};
+var STYLE_ATTR = "data-movie-controller";
+var styleRefCount = 0;
+function installStyles() {
+  if (styleRefCount === 0) {
+    const el = document.createElement("style");
+    el.setAttribute(STYLE_ATTR, "");
+    el.textContent = CONTROLLER_CSS;
+    document.head.appendChild(el);
+  }
+  styleRefCount++;
+}
+function uninstallStyles() {
+  styleRefCount = Math.max(0, styleRefCount - 1);
+  if (styleRefCount === 0) {
+    document.head.querySelectorAll(`style[${STYLE_ATTR}]`).forEach((n) => n.remove());
+  }
+}
+var PDF_QUALITY = { "low": 0.6, "medium": 0.75, "high": 0.88, "very-high": 0.95 };
 var THEME_PROPERTIES = {
   accent: "--mc-accent",
   foreground: "--mc-fg",
@@ -287,6 +291,7 @@ var THEME_PROPERTIES = {
   trackHeight: "--mc-track-height",
   font: "--mc-font"
 };
+var CONTROLLER_OPTION_KEYS = ["canvas", "theme", "exportButton", "keyboard", "clickToPlay", "presentButton", "pauseAtStops", "className"];
 var Controller = class _Controller {
   movie;
   options;
@@ -329,6 +334,16 @@ var Controller = class _Controller {
   settingsOutsideHandler = null;
   onReady = null;
   presenter = null;
+  /** `pixi-effects/present`, loaded as soon as the movie has stops (a press of play must not wait for it). */
+  present = null;
+  presentLoading = null;
+  playStarting = false;
+  loadPresent() {
+    return this.presentLoading ??= import('./present.js').then((m) => this.present = m, (err) => {
+      this.presentLoading = null;
+      throw err;
+    });
+  }
   presentBtn = null;
   onFrame = null;
   onPlay = null;
@@ -354,13 +369,14 @@ var Controller = class _Controller {
     if (!options || !options.canvas) {
       throw new Error("Controller requires options.canvas (HTMLCanvasElement).");
     }
+    warnUnknownOptions("Controller", options, CONTROLLER_OPTION_KEYS);
     this.movie = movie;
     this.options = {
       canvas: options.canvas,
-      showExportButton: options.showExportButton ?? true,
-      enableKeyboardShortcuts: options.enableKeyboardShortcuts ?? true,
+      exportButton: options.exportButton ?? true,
+      keyboard: options.keyboard ?? true,
       clickToPlay: options.clickToPlay ?? true,
-      present: options.present ?? true,
+      presentButton: options.presentButton ?? true,
       pauseAtStops: options.pauseAtStops ?? true,
       className: options.className ?? "movie-controller"
     };
@@ -389,10 +405,10 @@ var Controller = class _Controller {
     this.bindExportPopover();
     this.bindFullscreen();
     this.bindVisibility();
-    if (this.options.enableKeyboardShortcuts) this.bindKeyboard();
+    if (this.options.keyboard) this.bindKeyboard();
   }
   buildBar() {
-    const popoverHtml = this.options.showExportButton ? `
+    const popoverHtml = this.options.exportButton ? `
       <div class="mc-settings-popover" role="dialog" aria-label="Export settings" data-open="false">
         <label class="mc-settings-row">
           <span>Format</span>
@@ -431,7 +447,7 @@ var Controller = class _Controller {
         </div>
         <span class="mc-time">0:00 / 0:00</span>
         <div class="mc-spacer"></div>
-        ${this.options.showExportButton ? `<button class="mc-btn mc-export" aria-label="Export" aria-expanded="false">${ICONS.download}</button>` : ""}
+        ${this.options.exportButton ? `<button class="mc-btn mc-export" aria-label="Export" aria-expanded="false">${ICONS.download}</button>` : ""}
         <button class="mc-btn mc-fullscreen" aria-label="Enter fullscreen">${ICONS.fullscreenEnter}</button>
       </div>
     `;
@@ -575,6 +591,8 @@ var Controller = class _Controller {
       this.presentBtn = null;
       return;
     }
+    this.loadPresent().catch(() => {
+    });
     const total = this.movie.totalFrames || 1;
     const holder = document.createElement("div");
     holder.className = "mc-stops";
@@ -586,7 +604,7 @@ var Controller = class _Controller {
       holder.appendChild(tick);
     }
     this.progressEl.appendChild(holder);
-    if (this.options.present && !this.presentBtn && this.fullscreenBtn) {
+    if (this.options.presentButton && !this.presentBtn && this.fullscreenBtn) {
       const btn = document.createElement("button");
       btn.className = "mc-btn mc-present";
       btn.setAttribute("aria-label", "Present");
@@ -631,13 +649,29 @@ var Controller = class _Controller {
   async startPlaying() {
     if (this.options.pauseAtStops && (this.movie.stops?.length ?? 0) > 0) {
       if (this.movie.currentFrame >= this.movie.totalFrames) await this.movie.gotoFrame(0, true);
-      await this.movie.next();
+      let present = this.present;
+      if (!present) {
+        if (this.playStarting) return;
+        this.playStarting = true;
+        try {
+          present = await this.loadPresent();
+        } catch (err) {
+          console.warn("pixi-effects: could not load pixi-effects/present, playing straight through:", err);
+        } finally {
+          this.playStarting = false;
+        }
+      }
+      if (!present) {
+        this.movie.play();
+        return;
+      }
+      await present.next(this.movie);
     } else this.movie.play();
   }
   /** Hand the page over to a Presenter (fullscreen, keys, click and swipe move through the stops); Escape gives it back. */
   async startPresenting() {
     if (this.presenter || this.destroyed) return;
-    const { Presenter } = await import('./Presenter.js');
+    const { Presenter } = await this.loadPresent();
     if (this.presenter || this.destroyed) return;
     const p = new Presenter(this.movie, { canvas: this.options.canvas, onExit: () => this.stopPresenting() });
     this.presenter = p;
@@ -935,7 +969,7 @@ var Controller = class _Controller {
       this.exportPages = { done: 0, total };
     } else this.showExportOverlay();
     try {
-      const blob = pdf ? await this.movie.exportPDF({
+      const blob = pdf ? await (await this.loadPresent()).exportPDF(this.movie, {
         which: this.exportFormat === "pdf-steps" ? "stops" : "pages",
         quality: PDF_QUALITY[this.exportQuality],
         onImage: () => this.pdfPageDone()
@@ -1217,6 +1251,6 @@ var Controller = class _Controller {
   }
 };
 
-export { CONTROLLER_CSS, Controller, extensionForMimeType, formatTime, frameToPercent, pxToFraction, pxToFrame };
+export { Controller };
 //# sourceMappingURL=Controller.js.map
 //# sourceMappingURL=Controller.js.map