@foxycape/core 1.1.3 → 1.1.5

package/dist/kernal/progress/Progress.mjs

@@ -1,41 +1,24 @@
-const a = class a {
-  /**
-   * Constructor
-   * @param total Total progress value (page count for fixed-layout files, 1 for reflowable files)
-   * @param current Current overall progress (page number for fixed-layout files, 0~1 for reflowable files)
-   */
-  constructor(s, i) {
-    this.total = s, this.current = i, this.location = new n(void 0, 1, "ratio");
-    var t = /* @__PURE__ */ new Date();
-    this.createTime = t, this.updateTime = t;
-  }
-};
-a.Min = 1e-10, a.Max = 0.9999999999;
-let c = a;
-class h {
-  /**
-   * Constructor
-   * @param url Current URL or file index
-   * @param total Total for the current file (page count for fixed-layout files, 1 for reflowable files)
-   * @param unit Progress unit
-   */
-  constructor(s, i, t) {
-    this.url = s, this.total = i, this.unit = t, this.total = i || 1, this.unit = t || "ratio";
-  }
-}
-class n extends h {
-  /**
-   * Constructor
-   * @param url Current URL or file index
-   * @param total Total for the current file (page count for fixed-layout files, 1 for reflowable files)
-   * @param unit Progress unit
-   */
-  constructor(s, i, t) {
-    super(s, i, t), this.url = s, this.total = i, this.unit = t;
-  }
-}
-export {
-  n as FileLocation,
-  c as Progress,
-  h as ReadingLocation
+//#region kernal/progress/Progress.ts
+var e = class {
+	static {
+		this.Min = 1e-10;
+	}
+	static {
+		this.Max = .9999999999;
+	}
+	constructor(e, t) {
+		this.total = e, this.current = t, this.location = new n(void 0, 1, "ratio");
+		var r = /* @__PURE__ */ new Date();
+		this.createTime = r, this.updateTime = r;
+	}
+}, t = class {
+	constructor(e, t, n) {
+		this.url = e, this.total = t, this.unit = n, this.total = t || 1, this.unit = n || "ratio";
+	}
+}, n = class extends t {
+	constructor(e, t, n) {
+		super(e, t, n), this.url = e, this.total = t, this.unit = n;
+	}
 };
+//#endregion
+export { n as FileLocation, e as Progress, t as ReadingLocation };

package/dist/kernal/progress/ReadingProgressStore.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(e){this.storage=e,this.storageKey="readingProgress"}async save(e,t){await this.storage.set(this.storageKey,e,t)}async delete(e){await this.storage.delete(this.storageKey,e)}async get(e){return await this.storage.get(this.storageKey,e)}}exports.ReadingProgressStore=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{constructor(e){this.storage=e,this.storageKey=`readingProgress`}async save(e,t){await this.storage.set(this.storageKey,e,t)}async delete(e){await this.storage.delete(this.storageKey,e)}async get(e){return await this.storage.get(this.storageKey,e)}};exports.ReadingProgressStore=e;

package/dist/kernal/progress/ReadingProgressStore.mjs

@@ -1,17 +1,17 @@
-class a {
-  constructor(e) {
-    this.storage = e, this.storageKey = "readingProgress";
-  }
-  async save(e, t) {
-    await this.storage.set(this.storageKey, e, t);
-  }
-  async delete(e) {
-    await this.storage.delete(this.storageKey, e);
-  }
-  async get(e) {
-    return await this.storage.get(this.storageKey, e);
-  }
-}
-export {
-  a as ReadingProgressStore
+//#region kernal/progress/ReadingProgressStore.ts
+var e = class {
+	constructor(e) {
+		this.storage = e, this.storageKey = "readingProgress";
+	}
+	async save(e, t) {
+		await this.storage.set(this.storageKey, e, t);
+	}
+	async delete(e) {
+		await this.storage.delete(this.storageKey, e);
+	}
+	async get(e) {
+		return await this.storage.get(this.storageKey, e);
+	}
 };
+//#endregion
+export { e as ReadingProgressStore };

package/dist/kernal/services/ServiceCollection.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{constructor(e,r,t){this.locale=e,this.events=r,this.readerInfo=t,this.services=new Map}add(e,r){this.services.set(e,r)}async get(e,r){const t=this.services.get(e);if(t===void 0){if(r)throw new Error(`Service "${String(e)}" is not registered.`);return}return await t()}has(e){return this.services.has(e)}remove(e){this.services.delete(e)}clear(){this.services.clear()}asReaderServices(){return this}registerCoreServices(){this.has("httpClient")||this.add("httpClient",async()=>{const{HttpClient:e}=await Promise.resolve().then(()=>require("../network/HttpClient.cjs"));return new e}),this.has("crypto")||this.add("crypto",async()=>{const{WebCrypto:e}=await Promise.resolve().then(()=>require("../crypto/WebCrypto.cjs"));return new e}),this.has("internalUrlBuilder")||this.add("internalUrlBuilder",async()=>{const{DefaultInternalUrlBuilder:e}=await Promise.resolve().then(()=>require("./internalUrlBuilder/DefaultInternalUrlBuilder.cjs"));return new e(this.readerInfo.baseUrl,this.readerInfo.preventCacheHash)}),this.has("fileUrlParser")||this.add("fileUrlParser",async()=>{const{DefaultFileUrlParser:e}=await Promise.resolve().then(()=>require("./fileUrlParser/DefaultFileUrlParser.cjs")),r=await this.get("httpClient",!0),t=await this.get("internalUrlBuilder",!0);return new e(r,t,this.locale)}),this.has("storage")||this.add("storage",async()=>{const{WebStorage:e}=await Promise.resolve().then(()=>require("../storage/WebStorage.cjs"));return new e}),this.has("readingProgressStore")||this.add("readingProgressStore",async()=>{const{ReadingProgressStore:e}=await Promise.resolve().then(()=>require("../progress/ReadingProgressStore.cjs"));return new e(await this.get("storage",!0))})}registerUiServices(){this.has("notifier")||this.add("notifier",async()=>{const{DefaultNotifier:e}=await Promise.resolve().then(()=>require("./notifier/DefaultNotifier.cjs"));return new e}),this.has("loading")||this.add("loading",async()=>{const{DefaultLoading:e}=await Promise.resolve().then(()=>require("./loading/DefaultLoading.cjs"));return new e(this.locale)}),this.has("loadLayer")||this.add("loadLayer",async()=>{const{HtmlLoadLayer:e}=await Promise.resolve().then(()=>require("./docLoadLayer/HtmlLoadLayer.cjs"));return new e(this.events)})}}exports.ServiceCollection=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{constructor(e,t,n){this.locale=e,this.events=t,this.readerInfo=n,this.services=new Map}add(e,t){this.services.set(e,t)}async get(e,t){let n=this.services.get(e);if(n===void 0){if(t)throw Error(`Service "${String(e)}" is not registered.`);return}return await n()}has(e){return this.services.has(e)}remove(e){this.services.delete(e)}clear(){this.services.clear()}asReaderServices(){return this}registerCoreServices(){this.has(`httpClient`)||this.add(`httpClient`,async()=>{let{HttpClient:e}=await Promise.resolve().then(()=>require("../network/HttpClient.cjs"));return new e}),this.has(`crypto`)||this.add(`crypto`,async()=>{let{WebCrypto:e}=await Promise.resolve().then(()=>require("../crypto/WebCrypto.cjs"));return new e}),this.has(`internalUrlBuilder`)||this.add(`internalUrlBuilder`,async()=>{let{DefaultInternalUrlBuilder:e}=await Promise.resolve().then(()=>require("./internalUrlBuilder/DefaultInternalUrlBuilder.cjs"));return new e(this.readerInfo.baseUrl,this.readerInfo.preventCacheHash)}),this.has(`fileUrlParser`)||this.add(`fileUrlParser`,async()=>{let{DefaultFileUrlParser:e}=await Promise.resolve().then(()=>require("./fileUrlParser/DefaultFileUrlParser.cjs"));return new e(await this.get(`httpClient`,!0),await this.get(`internalUrlBuilder`,!0),this.locale)}),this.has(`storage`)||this.add(`storage`,async()=>{let{WebStorage:e}=await Promise.resolve().then(()=>require("../storage/WebStorage.cjs"));return new e}),this.has(`readingProgressStore`)||this.add(`readingProgressStore`,async()=>{let{ReadingProgressStore:e}=await Promise.resolve().then(()=>require("../progress/ReadingProgressStore.cjs"));return new e(await this.get(`storage`,!0))})}registerUiServices(){this.has(`notifier`)||this.add(`notifier`,async()=>{let{DefaultNotifier:e}=await Promise.resolve().then(()=>require("./notifier/DefaultNotifier.cjs"));return new e}),this.has(`loading`)||this.add(`loading`,async()=>{let{DefaultLoading:e}=await Promise.resolve().then(()=>require("./loading/DefaultLoading.cjs"));return new e(this.locale)}),this.has(`loadLayer`)||this.add(`loadLayer`,async()=>{let{HtmlLoadLayer:e}=await Promise.resolve().then(()=>require("./docLoadLayer/HtmlLoadLayer.cjs"));return new e(this.events)})}};exports.ServiceCollection=e;

package/dist/kernal/services/ServiceCollection.mjs

@@ -1,89 +1,64 @@
-class s {
-  constructor(t, e, r) {
-    this.locale = t, this.events = e, this.readerInfo = r, this.services = /* @__PURE__ */ new Map();
-  }
-  add(t, e) {
-    this.services.set(t, e);
-  }
-  async get(t, e) {
-    const r = this.services.get(t);
-    if (r === void 0) {
-      if (e)
-        throw new Error(`Service "${String(t)}" is not registered.`);
-      return;
-    }
-    return await r();
-  }
-  has(t) {
-    return this.services.has(t);
-  }
-  remove(t) {
-    this.services.delete(t);
-  }
-  clear() {
-    this.services.clear();
-  }
-  /**
-   * Widen to the full reader service map (same instance).
-   * Call {@link registerUiServices} after this when hosting a Reader.
-   */
-  asReaderServices() {
-    return this;
-  }
-  /** Headless / parse-time defaults. */
-  registerCoreServices() {
-    this.has("httpClient") || this.add("httpClient", async () => {
-      const {
-        HttpClient: t
-      } = await import("../network/HttpClient.mjs");
-      return new t();
-    }), this.has("crypto") || this.add("crypto", async () => {
-      const {
-        WebCrypto: t
-      } = await import("../crypto/WebCrypto.mjs");
-      return new t();
-    }), this.has("internalUrlBuilder") || this.add("internalUrlBuilder", async () => {
-      const {
-        DefaultInternalUrlBuilder: t
-      } = await import("./internalUrlBuilder/DefaultInternalUrlBuilder.mjs");
-      return new t(this.readerInfo.baseUrl, this.readerInfo.preventCacheHash);
-    }), this.has("fileUrlParser") || this.add("fileUrlParser", async () => {
-      const {
-        DefaultFileUrlParser: t
-      } = await import("./fileUrlParser/DefaultFileUrlParser.mjs"), e = await this.get("httpClient", !0), r = await this.get("internalUrlBuilder", !0);
-      return new t(e, r, this.locale);
-    }), this.has("storage") || this.add("storage", async () => {
-      const {
-        WebStorage: t
-      } = await import("../storage/WebStorage.mjs");
-      return new t();
-    }), this.has("readingProgressStore") || this.add("readingProgressStore", async () => {
-      const {
-        ReadingProgressStore: t
-      } = await import("../progress/ReadingProgressStore.mjs");
-      return new t(await this.get("storage", !0));
-    });
-  }
-  /** DOM / reader UI defaults. Only valid on {@link ServiceCollection}<{@link ServiceMap}>. */
-  registerUiServices() {
-    this.has("notifier") || this.add("notifier", async () => {
-      const {
-        DefaultNotifier: t
-      } = await import("./notifier/DefaultNotifier.mjs");
-      return new t();
-    }), this.has("loading") || this.add("loading", async () => {
-      const {
-        DefaultLoading: t
-      } = await import("./loading/DefaultLoading.mjs");
-      return new t(this.locale);
-    }), this.has("loadLayer") || this.add("loadLayer", async () => {
-      const {
-        HtmlLoadLayer: t
-      } = await import("./docLoadLayer/HtmlLoadLayer.mjs");
-      return new t(this.events);
-    });
-  }
-}
-export {
-  s as ServiceCollection
+//#region kernal/services/ServiceCollection.ts
+var e = class {
+	constructor(e, t, n) {
+		this.locale = e, this.events = t, this.readerInfo = n, this.services = /* @__PURE__ */ new Map();
+	}
+	add(e, t) {
+		this.services.set(e, t);
+	}
+	async get(e, t) {
+		let n = this.services.get(e);
+		if (n === void 0) {
+			if (t) throw Error(`Service "${String(e)}" is not registered.`);
+			return;
+		}
+		return await n();
+	}
+	has(e) {
+		return this.services.has(e);
+	}
+	remove(e) {
+		this.services.delete(e);
+	}
+	clear() {
+		this.services.clear();
+	}
+	asReaderServices() {
+		return this;
+	}
+	registerCoreServices() {
+		this.has("httpClient") || this.add("httpClient", async () => {
+			let { HttpClient: e } = await import("../network/HttpClient.mjs");
+			return new e();
+		}), this.has("crypto") || this.add("crypto", async () => {
+			let { WebCrypto: e } = await import("../crypto/WebCrypto.mjs");
+			return new e();
+		}), this.has("internalUrlBuilder") || this.add("internalUrlBuilder", async () => {
+			let { DefaultInternalUrlBuilder: e } = await import("./internalUrlBuilder/DefaultInternalUrlBuilder.mjs");
+			return new e(this.readerInfo.baseUrl, this.readerInfo.preventCacheHash);
+		}), this.has("fileUrlParser") || this.add("fileUrlParser", async () => {
+			let { DefaultFileUrlParser: e } = await import("./fileUrlParser/DefaultFileUrlParser.mjs");
+			return new e(await this.get("httpClient", !0), await this.get("internalUrlBuilder", !0), this.locale);
+		}), this.has("storage") || this.add("storage", async () => {
+			let { WebStorage: e } = await import("../storage/WebStorage.mjs");
+			return new e();
+		}), this.has("readingProgressStore") || this.add("readingProgressStore", async () => {
+			let { ReadingProgressStore: e } = await import("../progress/ReadingProgressStore.mjs");
+			return new e(await this.get("storage", !0));
+		});
+	}
+	registerUiServices() {
+		this.has("notifier") || this.add("notifier", async () => {
+			let { DefaultNotifier: e } = await import("./notifier/DefaultNotifier.mjs");
+			return new e();
+		}), this.has("loading") || this.add("loading", async () => {
+			let { DefaultLoading: e } = await import("./loading/DefaultLoading.mjs");
+			return new e(this.locale);
+		}), this.has("loadLayer") || this.add("loadLayer", async () => {
+			let { HtmlLoadLayer: e } = await import("./docLoadLayer/HtmlLoadLayer.mjs");
+			return new e(this.events);
+		});
+	}
 };
+//#endregion
+export { e as ServiceCollection };

package/dist/kernal/services/docLoadLayer/HtmlLoadLayer.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../logo-160x160.png.cjs"),n=require("../../EventNames.cjs");class a{constructor(e){this.events=e,this.isVisible=!1,this.state="unset",this.bindEvents()}setDoc(e){this.doc=e,this.wrapperContainer=this.doc.getWrapperContainer()}loadLoadingLayer(){this.isVisible=!0,this.renderLoadingLayer()}removeLoadingLayer(){this.isVisible=!1;const e=this.wrapperContainer.querySelector("div[data-type='loading-layer']");e&&e.parentElement.removeChild(e),this.timer&&(clearTimeout(this.timer),this.timer=null),this.isVisible=!1,this.state="unset",this.totalImageCount=void 0,this.processedImageCount=void 0}async dispose(){this.unbindEvents(),this.removeLoadingLayer()}bindEvents(){this.events.on(n.EventNames.ProcessedImageCount,this.onProcessedImageCount)}unbindEvents(){this.events.off(n.EventNames.ProcessedImageCount,this.onProcessedImageCount)}setReloadButton(){let e='<div style="width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction: column;">';e+='<div style="color:#666666;font-size: 14px;">Load failed</div>',e+='<div class="reload_button" style="font-size: 16px;margin-block-start: 10px;background: #14ae5c;color: #fff;padding: 5px 10px;border-radius: 4px;cursor: pointer;">Reload</div>',e+="</div>",this.wrapperContainer.innerHTML=e;const t=this.wrapperContainer.querySelector(".reload_button");t&&t.addEventListener("click",async()=>{await this.doc.load()})}onProcessedImageCount({processedImageCount:e,totalImageCount:t}){this.totalImageCount=t,this.processedImageCount=e,this.renderLoadingLayer()}renderLoadingLayer(){if(!this.isVisible)return;this.state=="unset"&&(this.state="delay");const e=this.state=="show",t=this.getLoadingLayer(e,this.totalImageCount,this.processedImageCount);this.wrapperContainer.querySelector("div[data-type='loading-layer']")?this.wrapperContainer.innerHTML=t:(this.wrapperContainer.innerHTML=t,this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.state="show",this.renderLoadingLayer()},2e3))}getLoadingLayer(e,t,s){const o=`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../EventNames.cjs"),t=require("../../html/dom.cjs"),n=require("../../logo-160x160.cjs");var r=class{constructor(e){this.events=e,this.isVisible=!1,this.state=`unset`,this.bindEvents()}setDoc(e){this.doc=e,this.wrapperContainer=this.doc.getWrapperContainer()}loadLoadingLayer(){this.isVisible=!0,this.renderLoadingLayer()}removeLoadingLayer(){this.isVisible=!1;let e=this.wrapperContainer.querySelector(`div[data-type='loading-layer']`);e&&e.parentElement.removeChild(e),this.timer&&=(clearTimeout(this.timer),null),this.isVisible=!1,this.state=`unset`,this.totalImageCount=void 0,this.processedImageCount=void 0}async dispose(){this.unbindEvents(),this.removeLoadingLayer()}bindEvents(){this.events.on(e.EventNames.ProcessedImageCount,this.onProcessedImageCount)}unbindEvents(){this.events.off(e.EventNames.ProcessedImageCount,this.onProcessedImageCount)}setReloadButton(){t.emptyElement(this.wrapperContainer);let e=this.wrapperContainer.ownerDocument.createElement(`div`);e.style.cssText=`width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction: column;`;let n=this.wrapperContainer.ownerDocument.createElement(`div`);n.style.cssText=`color:#666666;font-size: 14px;`,n.textContent=`Load failed`;let r=this.wrapperContainer.ownerDocument.createElement(`div`);r.className=`reload_button`,r.style.cssText=`font-size: 16px;margin-block-start: 10px;background: #14ae5c;color: #fff;padding: 5px 10px;border-radius: 4px;cursor: pointer;`,r.textContent=`Reload`,r.addEventListener(`click`,async()=>{await this.doc.load()}),e.append(n,r),this.wrapperContainer.appendChild(e)}onProcessedImageCount({processedImageCount:e,totalImageCount:t}){this.totalImageCount=t,this.processedImageCount=e,this.renderLoadingLayer()}renderLoadingLayer(){if(!this.isVisible)return;this.state==`unset`&&(this.state=`delay`);let e=this.state==`show`;this.wrapperContainer.querySelector(`div[data-type='loading-layer']`)?(t.emptyElement(this.wrapperContainer),this.wrapperContainer.appendChild(this.createLoadingLayer(e,this.totalImageCount,this.processedImageCount))):(t.emptyElement(this.wrapperContainer),this.wrapperContainer.appendChild(this.createLoadingLayer(e,this.totalImageCount,this.processedImageCount)),this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.state=`show`,this.renderLoadingLayer()},2e3))}createLoadingLayer(e,t,r){let i=this.wrapperContainer.ownerDocument,a=i.createElement(`div`);a.setAttribute(`data-type`,`loading-layer`),a.style.cssText=`position:absolute;top:0;left:0;width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction:column`;let o=i.createElement(`div`);if(o.style.cssText=`
             display: flex;
             justify-content: center;
             align-items: center;
@@ -9,4 +9,4 @@
             color: #666;
             border-radius: 10px;
             padding: 20px;
-            gap: 10px;`;let i='<div data-type="loading-layer" style="position:absolute;top:0;left:0;width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction:column">';return i+=`<div style="${o}">`,e&&(i+=`<img src="${r}" style="width:32px;height:32px;" />`),i+=`<div style="font-size: 14px;">${s?"Processing images"+s+"/"+t:"Loading..."}</div>`,i+="</div></div>",i}}exports.HtmlLoadLayer=a;
+            gap: 10px;`,e){let e=i.createElement(`img`);e.src=n.default,e.style.cssText=`width:32px;height:32px;`,o.appendChild(e)}let s=i.createElement(`div`);return s.style.cssText=`font-size: 14px;`,s.textContent=r?`Processing images`+r+`/`+t:`Loading...`,o.appendChild(s),a.appendChild(o),a}};exports.HtmlLoadLayer=r;

package/dist/kernal/services/docLoadLayer/HtmlLoadLayer.d.ts

@@ -20,5 +20,5 @@ export declare class HtmlLoadLayer implements IHtmlLoadLayer {
     setReloadButton(): void;
     private onProcessedImageCount;
     private renderLoadingLayer;
-    private getLoadingLayer;
+    private createLoadingLayer;
 }

package/dist/kernal/services/docLoadLayer/HtmlLoadLayer.mjs

@@ -1,69 +1,64 @@
-import r from "../../logo-160x160.png.mjs";
-import { EventNames as n } from "../../EventNames.mjs";
-class h {
-  constructor(e) {
-    this.events = e, this.isVisible = !1, this.state = "unset", this.bindEvents();
-  }
-  setDoc(e) {
-    this.doc = e, this.wrapperContainer = this.doc.getWrapperContainer();
-  }
-  loadLoadingLayer() {
-    this.isVisible = !0, this.renderLoadingLayer();
-  }
-  removeLoadingLayer() {
-    this.isVisible = !1;
-    const e = this.wrapperContainer.querySelector("div[data-type='loading-layer']");
-    e && e.parentElement.removeChild(e), this.timer && (clearTimeout(this.timer), this.timer = null), this.isVisible = !1, this.state = "unset", this.totalImageCount = void 0, this.processedImageCount = void 0;
-  }
-  async dispose() {
-    this.unbindEvents(), this.removeLoadingLayer();
-  }
-  bindEvents() {
-    this.events.on(n.ProcessedImageCount, this.onProcessedImageCount);
-  }
-  unbindEvents() {
-    this.events.off(n.ProcessedImageCount, this.onProcessedImageCount);
-  }
-  setReloadButton() {
-    let e = '<div style="width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction: column;">';
-    e += '<div style="color:#666666;font-size: 14px;">Load failed</div>', e += '<div class="reload_button" style="font-size: 16px;margin-block-start: 10px;background: #14ae5c;color: #fff;padding: 5px 10px;border-radius: 4px;cursor: pointer;">Reload</div>', e += "</div>", this.wrapperContainer.innerHTML = e;
-    const t = this.wrapperContainer.querySelector(".reload_button");
-    t && t.addEventListener("click", async () => {
-      await this.doc.load();
-    });
-  }
-  onProcessedImageCount({
-    processedImageCount: e,
-    totalImageCount: t
-  }) {
-    this.totalImageCount = t, this.processedImageCount = e, this.renderLoadingLayer();
-  }
-  renderLoadingLayer() {
-    if (!this.isVisible)
-      return;
-    this.state == "unset" && (this.state = "delay");
-    const e = this.state == "show", t = this.getLoadingLayer(e, this.totalImageCount, this.processedImageCount);
-    this.wrapperContainer.querySelector("div[data-type='loading-layer']") ? this.wrapperContainer.innerHTML = t : (this.wrapperContainer.innerHTML = t, this.timer && clearTimeout(this.timer), this.timer = setTimeout(() => {
-      this.state = "show", this.renderLoadingLayer();
-    }, 2e3));
-  }
-  getLoadingLayer(e, t, s) {
-    const o = `
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-direction: column;
-            width: fit-content;
-            height: fit-content;
-            background: rgba(0, 0, 0, 0.05);
-            color: #666;
-            border-radius: 10px;
-            padding: 20px;
-            gap: 10px;`;
-    let i = '<div data-type="loading-layer" style="position:absolute;top:0;left:0;width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction:column">';
-    return i += `<div style="${o}">`, e && (i += `<img src="${r}" style="width:32px;height:32px;" />`), i += `<div style="font-size: 14px;">${s ? "Processing images" + s + "/" + t : "Loading..."}</div>`, i += "</div></div>", i;
-  }
-}
-export {
-  h as HtmlLoadLayer
+import { EventNames as e } from "../../EventNames.mjs";
+import { emptyElement as t } from "../../html/dom.mjs";
+import n from "../../logo-160x160.mjs";
+//#region kernal/services/docLoadLayer/HtmlLoadLayer.ts
+var r = class {
+	constructor(e) {
+		this.events = e, this.isVisible = !1, this.state = "unset", this.bindEvents();
+	}
+	setDoc(e) {
+		this.doc = e, this.wrapperContainer = this.doc.getWrapperContainer();
+	}
+	loadLoadingLayer() {
+		this.isVisible = !0, this.renderLoadingLayer();
+	}
+	removeLoadingLayer() {
+		this.isVisible = !1;
+		let e = this.wrapperContainer.querySelector("div[data-type='loading-layer']");
+		e && e.parentElement.removeChild(e), this.timer &&= (clearTimeout(this.timer), null), this.isVisible = !1, this.state = "unset", this.totalImageCount = void 0, this.processedImageCount = void 0;
+	}
+	async dispose() {
+		this.unbindEvents(), this.removeLoadingLayer();
+	}
+	bindEvents() {
+		this.events.on(e.ProcessedImageCount, this.onProcessedImageCount);
+	}
+	unbindEvents() {
+		this.events.off(e.ProcessedImageCount, this.onProcessedImageCount);
+	}
+	setReloadButton() {
+		t(this.wrapperContainer);
+		let e = this.wrapperContainer.ownerDocument.createElement("div");
+		e.style.cssText = "width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction: column;";
+		let n = this.wrapperContainer.ownerDocument.createElement("div");
+		n.style.cssText = "color:#666666;font-size: 14px;", n.textContent = "Load failed";
+		let r = this.wrapperContainer.ownerDocument.createElement("div");
+		r.className = "reload_button", r.style.cssText = "font-size: 16px;margin-block-start: 10px;background: #14ae5c;color: #fff;padding: 5px 10px;border-radius: 4px;cursor: pointer;", r.textContent = "Reload", r.addEventListener("click", async () => {
+			await this.doc.load();
+		}), e.append(n, r), this.wrapperContainer.appendChild(e);
+	}
+	onProcessedImageCount({ processedImageCount: e, totalImageCount: t }) {
+		this.totalImageCount = t, this.processedImageCount = e, this.renderLoadingLayer();
+	}
+	renderLoadingLayer() {
+		if (!this.isVisible) return;
+		this.state == "unset" && (this.state = "delay");
+		let e = this.state == "show";
+		this.wrapperContainer.querySelector("div[data-type='loading-layer']") ? (t(this.wrapperContainer), this.wrapperContainer.appendChild(this.createLoadingLayer(e, this.totalImageCount, this.processedImageCount))) : (t(this.wrapperContainer), this.wrapperContainer.appendChild(this.createLoadingLayer(e, this.totalImageCount, this.processedImageCount)), this.timer && clearTimeout(this.timer), this.timer = setTimeout(() => {
+			this.state = "show", this.renderLoadingLayer();
+		}, 2e3));
+	}
+	createLoadingLayer(e, t, r) {
+		let i = this.wrapperContainer.ownerDocument, a = i.createElement("div");
+		a.setAttribute("data-type", "loading-layer"), a.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;min-height: inherit;display: flex;justify-content: center;align-items: center;flex-direction:column";
+		let o = i.createElement("div");
+		if (o.style.cssText = "\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-direction: column;\n            width: fit-content;\n            height: fit-content;\n            background: rgba(0, 0, 0, 0.05);\n            color: #666;\n            border-radius: 10px;\n            padding: 20px;\n            gap: 10px;", e) {
+			let e = i.createElement("img");
+			e.src = n, e.style.cssText = "width:32px;height:32px;", o.appendChild(e);
+		}
+		let s = i.createElement("div");
+		return s.style.cssText = "font-size: 14px;", s.textContent = r ? "Processing images" + r + "/" + t : "Loading...", o.appendChild(s), a.appendChild(o), a;
+	}
 };
+//#endregion
+export { r as HtmlLoadLayer };

package/dist/kernal/services/docLoadLayer/IHtmlLoadLayer.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/kernal/services/docLoadLayer/IHtmlLoadLayer.mjs

@@ -1 +0,0 @@
-

package/dist/kernal/services/file/IFileDecrypter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(t,e,i=void 0){this.extension=t,this.data=e,this.url=i}}class c{constructor(t,e){this.extension=t,this.url=e}}exports.DecryptFile=s;exports.DecryptParentFile=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{constructor(e,t,n=void 0){this.extension=e,this.data=t,this.url=n}},t=class{constructor(e,t){this.extension=e,this.url=t}};exports.DecryptFile=e,exports.DecryptParentFile=t;

package/dist/kernal/services/file/IFileDecrypter.mjs

@@ -1,25 +1,12 @@
-class r {
-  /**
-   * Constructor
-   * @param extension Extension name
-   * @param data Data
-   * @param url File URL
-   */
-  constructor(t, s, i = void 0) {
-    this.extension = t, this.data = s, this.url = i;
-  }
-}
-class c {
-  /**
-   * Constructor
-   * @param extension Extension name
-   * @param url File URL
-   */
-  constructor(t, s) {
-    this.extension = t, this.url = s;
-  }
-}
-export {
-  r as DecryptFile,
-  c as DecryptParentFile
+//#region kernal/services/file/IFileDecrypter.ts
+var e = class {
+	constructor(e, t, n = void 0) {
+		this.extension = e, this.data = t, this.url = n;
+	}
+}, t = class {
+	constructor(e, t) {
+		this.extension = e, this.url = t;
+	}
 };
+//#endregion
+export { e as DecryptFile, t as DecryptParentFile };

package/dist/kernal/services/file/IFileProvider.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/kernal/services/file/IFileProvider.mjs

@@ -1 +0,0 @@
-

package/dist/kernal/services/file/IFileUrlProvider.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/kernal/services/file/IFileUrlProvider.mjs

@@ -1 +0,0 @@
-

package/dist/kernal/services/fileUrlParser/DefaultFileUrlParser.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../common/encoding.cjs"),g=require("../../common/path.cjs"),d=require("../../common/text.cjs"),f=require("../../common/url.cjs"),U=require("./IFileUrlParser.cjs"),c=require("../../IFileParser.cjs");class m{constructor(e,a,r){this.httpClient=e,this.internalUrlBuilder=a,this.locale=r}async parse(e,a){const r=new U.UrlParseResult;if(e instanceof Array){const t=e;if(t.length==0)throw new Error(this.locale.getText("fileparser_missingUrl","url is required"));for(let l=0;l<t.length;l++){const i=await this.formatUrl(t[l],a),n=g.getExtension(i)||a?.extension;if(d.isNullOrWhiteSpace(n))throw new Error("Missing extension");r.spineFiles.push(new c.SpineFile(void 0,i,n)),r.isMultiFiles=!0}r.requireCalculateFileSymbolCount=!0}else if(e instanceof c.FilePackage){const t=e;if(r.metadata=t.metadata,t.nav&&(r.nav=t.nav),t.spineFiles&&t.spineFiles.length>0)r.spineFiles=t.spineFiles,r.isMultiFiles=!0;else{a=Object.assign({},t,a);let l=await this.parseBasicUrl(t.fileUrl,a);r.data=l.data,r.requireCalculateFileSymbolCount=l.requireCalculateFileSymbolCount,r.base=l.base,r.mainUrl=l.mainUrl}r.requireSignUrl=t.requireSignUrl}else{let t=await this.parseBasicUrl(e,a);r.data=t.data,r.requireCalculateFileSymbolCount=t.requireCalculateFileSymbolCount,r.base=t.base,r.mainUrl=t.mainUrl,a?.metadata&&(r.metadata=a.metadata)}return r}async parseBasicUrl(e,a){const r=await this.changeOpenParameters(e,a);e=r.url,a=r.options;let t=!1,l,i="",n="";if(typeof e=="string"){let o=f.checkIsAbsoluteUrl(e);if(!o)try{JSON.parse(e),o=!1}catch{o=!0}if(o){const u=e.lastIndexOf("/");u>0&&(i=e.substring(0,u+1));let s;e.startsWith("/")?s=e:s=await this.formatUrl(e,a),a?.requireDownload&&(f.checkIsAbsoluteUrl(s,!0)?l=await this.getDataFromNetworkUrl(s,a):(l=await this.getDataFromStringUrl(s,a),(!l||l.byteLength==0)&&(l=await this.getDataFromNetworkUrl(s,a)))),n=s}else l=h.convertStringToUint8Array(e).buffer,n="";t=!0}else if(e instanceof ArrayBuffer)l=e,t=!0;else if(e instanceof Uint8Array)l=e.buffer,t=!0;else if(e instanceof Blob)l=await this.readBlobAsArrayBuffer(e,a),t=!0;else if(globalThis.FileSystemFileHandle&&e instanceof globalThis.FileSystemFileHandle){const o=await e.getFile();l=await this.readBlobAsArrayBuffer(o,a),t=!0}else throw new Error(this.locale.getText("fileparser_unknownUrl","unknown url format"));return{mainUrl:n,data:l,base:i,requireCalculateFileSymbolCount:t}}async changeOpenParameters(e,a){return{url:e,options:a}}async readBlobAsArrayBuffer(e,a){return a?.fileDownloadingCallback?new Promise((r,t)=>{const l=new FileReader;l.onprogress=i=>{i.lengthComputable&&a.fileDownloadingCallback(i.total,i.loaded,!1)},l.onload=i=>{a.fileDownloadingCallback(i.total,i.total,!0),r(i.target.result)},l.onerror=i=>{t(i)},l.abort=()=>{t("aborted")},l.readAsArrayBuffer(e)}):await e.arrayBuffer()}async getDataFromNetworkUrl(e,a){const r={};return a?.authorizationKey&&a?.authorizationValue&&(r[a?.authorizationKey]=a?.authorizationValue),await this.httpClient.get(e,{responseType:"arraybuffer",timeout:6e5,contentLength:a?.fileSize,headers:r,requireCORSProxy:a?.requireCORSProxy,downloadProgressCallback:a?.fileDownloadingCallback,abortController:a?.abortController})}async getDataFromStringUrl(e,a){return await this.getDataFromNetworkUrl(e,a)}async formatUrl(e,a){return this.internalUrlBuilder?await this.internalUrlBuilder.getAbsoluteUrl(e,!0):f.getFullUrl(e,globalThis.location.href).toString()}}exports.DefaultFileUrlParser=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../common/text.cjs"),t=require("../../common/url.cjs"),n=require("../../common/path.cjs"),r=require("../../IFileParser.cjs"),i=require("../../common/encoding.cjs"),a=require("./IFileUrlParser.cjs");var o=class{constructor(e,t,n){this.httpClient=e,this.internalUrlBuilder=t,this.locale=n}async parse(t,i){let o=new a.UrlParseResult;if(t instanceof Array){let a=t;if(a.length==0)throw Error(this.locale.getText(`fileparser_missingUrl`,`url is required`));for(let t=0;t<a.length;t++){let s=await this.formatUrl(a[t],i),c=n.getExtension(s)||i?.extension;if(e.isNullOrWhiteSpace(c))throw Error(`Missing extension`);o.spineFiles.push(new r.SpineFile(void 0,s,c)),o.isMultiFiles=!0}o.requireCalculateFileSymbolCount=!0}else if(t instanceof r.FilePackage){let e=t;if(o.metadata=e.metadata,e.nav&&(o.nav=e.nav),e.spineFiles&&e.spineFiles.length>0)o.spineFiles=e.spineFiles,o.isMultiFiles=!0;else{i=Object.assign({},e,i);let t=await this.parseBasicUrl(e.fileUrl,i);o.data=t.data,o.requireCalculateFileSymbolCount=t.requireCalculateFileSymbolCount,o.base=t.base,o.mainUrl=t.mainUrl}o.requireSignUrl=e.requireSignUrl}else{let e=await this.parseBasicUrl(t,i);o.data=e.data,o.requireCalculateFileSymbolCount=e.requireCalculateFileSymbolCount,o.base=e.base,o.mainUrl=e.mainUrl,i?.metadata&&(o.metadata=i.metadata)}return o}async parseBasicUrl(e,n){let r=await this.changeOpenParameters(e,n);e=r.url,n=r.options;let a=!1,o,s=``,c=``;if(typeof e==`string`){let r=t.checkIsAbsoluteUrl(e);if(!r)try{JSON.parse(e),r=!1}catch{r=!0}if(r){let r=e.lastIndexOf(`/`);r>0&&(s=e.substring(0,r+1));let i;i=e.startsWith(`/`)?e:await this.formatUrl(e,n),n?.requireDownload&&(t.checkIsAbsoluteUrl(i,!0)?o=await this.getDataFromNetworkUrl(i,n):(o=await this.getDataFromStringUrl(i,n),(!o||o.byteLength==0)&&(o=await this.getDataFromNetworkUrl(i,n)))),c=i}else o=i.convertStringToUint8Array(e).buffer,c=``;a=!0}else if(e instanceof ArrayBuffer)o=e,a=!0;else if(e instanceof Uint8Array)o=e.buffer,a=!0;else if(e instanceof Blob)o=await this.readBlobAsArrayBuffer(e,n),a=!0;else if(globalThis.FileSystemFileHandle&&e instanceof globalThis.FileSystemFileHandle){let t=await e.getFile();o=await this.readBlobAsArrayBuffer(t,n),a=!0}else throw Error(this.locale.getText(`fileparser_unknownUrl`,`unknown url format`));return{mainUrl:c,data:o,base:s,requireCalculateFileSymbolCount:a}}async changeOpenParameters(e,t){return{url:e,options:t}}async readBlobAsArrayBuffer(e,t){return t?.fileDownloadingCallback?new Promise((n,r)=>{let i=new FileReader;i.onprogress=e=>{e.lengthComputable&&t.fileDownloadingCallback(e.total,e.loaded,!1)},i.onload=e=>{t.fileDownloadingCallback(e.total,e.total,!0),n(e.target.result)},i.onerror=e=>{r(e)},i.abort=()=>{r(`aborted`)},i.readAsArrayBuffer(e)}):await e.arrayBuffer()}async getDataFromNetworkUrl(e,t){let n={};return t?.authorizationKey&&t?.authorizationValue&&(n[t?.authorizationKey]=t?.authorizationValue),await this.httpClient.get(e,{responseType:`arraybuffer`,timeout:6e5,contentLength:t?.fileSize,headers:n,requireCORSProxy:t?.requireCORSProxy,downloadProgressCallback:t?.fileDownloadingCallback,abortController:t?.abortController})}async getDataFromStringUrl(e,t){return await this.getDataFromNetworkUrl(e,t)}async formatUrl(e,n){return this.internalUrlBuilder?await this.internalUrlBuilder.getAbsoluteUrl(e,!0):t.getFullUrl(e,globalThis.location.href).toString()}};exports.DefaultFileUrlParser=o;