@foxycape/core 1.1.3 → 1.1.5

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsIntersectionObserver.mjs

@@ -1,33 +1,30 @@
-import { EventNames as r } from "../../../../kernal/EventNames.mjs";
-class a {
-  constructor(e) {
-    this.documentsProvider = e, this.documentMap = /* @__PURE__ */ new Map(), this.setDocumentVisible = (n, t) => {
-      n.isVisible = t;
-    }, this.events = this.documentsProvider.owner.events;
-  }
-  register() {
-    this.contentContainerIntersectionObserver = new IntersectionObserver((e) => {
-      for (let n = 0; n < e.length; n++) {
-        const t = e[n], s = t.isIntersecting || t.intersectionRatio > 0;
-        this.setDocumentVisible(t.target, s);
-        const i = this.documentMap.get(t.target);
-        i && this.events.emit(r.DocumentVisibleChange, i, s);
-      }
-    }, {
-      rootMargin: "-2px"
-    }), this.observeContainers();
-  }
-  unregister() {
-    this.contentContainerIntersectionObserver?.disconnect(), this.contentContainerIntersectionObserver = void 0, this.documentMap.clear();
-  }
-  observeContainers() {
-    for (const e of this.documentsProvider.getDocuments())
-      this.documentMap.set(e.getWrapperContainer(), e), this.contentContainerIntersectionObserver.observe(e.getWrapperContainer());
-  }
-  async dispose() {
-    this.unregister();
-  }
-}
-export {
-  a as HtmlDocumentsIntersectionObserver
+import { EventNames as e } from "../../../../kernal/EventNames.mjs";
+//#region mediaTypes/html/renderer/documents/HtmlDocumentsIntersectionObserver.ts
+var t = class {
+	constructor(e) {
+		this.documentsProvider = e, this.documentMap = /* @__PURE__ */ new Map(), this.setDocumentVisible = (e, t) => {
+			e.isVisible = t;
+		}, this.events = this.documentsProvider.owner.events;
+	}
+	register() {
+		this.contentContainerIntersectionObserver = new IntersectionObserver((t) => {
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n], i = r.isIntersecting || r.intersectionRatio > 0;
+				this.setDocumentVisible(r.target, i);
+				let a = this.documentMap.get(r.target);
+				a && this.events.emit(e.DocumentVisibleChange, a, i);
+			}
+		}, { rootMargin: "-2px" }), this.observeContainers();
+	}
+	unregister() {
+		this.contentContainerIntersectionObserver?.disconnect(), this.contentContainerIntersectionObserver = void 0, this.documentMap.clear();
+	}
+	observeContainers() {
+		for (let e of this.documentsProvider.getDocuments()) this.documentMap.set(e.getWrapperContainer(), e), this.contentContainerIntersectionObserver.observe(e.getWrapperContainer());
+	}
+	async dispose() {
+		this.unregister();
+	}
 };
+//#endregion
+export { t as HtmlDocumentsIntersectionObserver };

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsPreloader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../../../../kernal/EventNames.cjs"),h=require("../../../../kernal/web/BrowserCapabilities.cjs"),b=require("perfect-debounce");class v{constructor(t,a,s,l){this.events=t,this.documentsProvider=a,this.getLoadingDocument=s,this.htmlOptions=l,this.onDocumentVisibleChange=async(r,m)=>{await this.delayPreloadDocuments()},this.delayPreloadDocuments=b.debounce(this.preloadDocuments,500),this.checkContainFullscreenElement=r=>!!r?.getContentContainer()?.ownerDocument?.fullscreenElement,this.bindEvents()}bindEvents(){this.events.on(D.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}unbindEvents(){this.events.off(D.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}async dispose(){this.unbindEvents()}async preloadDocuments(){try{const t=this.documentsProvider.getVisibleDocuments();if(!t||t.length==0)return;for(const a of t)await a.load();await this.preloadRelatedDocuments(t[0],t[t.length-1])}catch{}}async preloadRelatedDocuments(t,a){const s=this.documentsProvider.getDocuments(),l=s.indexOf(t),r=s.indexOf(a),m=s.length,i=[];for(let e=l;e<=r;e++){const n=s[e];n&&!i.includes(n)&&i.push(n)}const u=[];let d=this.htmlOptions.preloadFileCount;d>10&&(d=10),d<1&&(d=1);for(let e=1;e<=d;e++){const n=r+e;n>0&&n<=m-1&&u.push(s[n]);const c=l-e;c>=0&&u.push(s[c])}for(let e=0;e<u.length;e++){const n=u[e];await n.load(),n&&!i.includes(n)&&i.push(n),await h.BrowserCapabilities.yieldToMain()}const f=this.documentsProvider.getRendererContainer().clientWidth;if(this.htmlOptions.flipMode=="page"){let e=0;for(let c=l-1;c>=0;c--){const o=s[c];if(await o.load(),o&&!i.includes(o)&&i.push(o),e+=o.getWrapperContainer().clientWidth,e>=f)break;await h.BrowserCapabilities.yieldToMain()}let n=0;for(let c=r+1;c<m-1;c++){const o=s[c];if(await o.load(),o&&!i.includes(o)&&i.push(o),n+=o.getWrapperContainer().clientWidth,n>=f)break;await h.BrowserCapabilities.yieldToMain()}}const p=this.getLoadingDocument();p&&!i.includes(p)&&i.push(p);const g=this.documentsProvider.getVisibleDocuments();for(const e of g)i.includes(e)||i.push(e);await this.removeUnnecessaryDocuments(i),i.splice(0)}async removeUnnecessaryDocuments(t){if(!t)return;const a=this.documentsProvider.getLoadedDocuments();for(const s of a)t.includes(s)||(await this.disposeDocument(s),await h.BrowserCapabilities.yieldToMain())}async disposeDocument(t){this.checkContainFullscreenElement(t)||await t.dispose()}}exports.HtmlDocumentsPreloader=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/EventNames.cjs");let n=require("perfect-debounce");var r=class{constructor(e,t,r,i){this.events=e,this.documentsProvider=t,this.getLoadingDocument=r,this.htmlOptions=i,this.onDocumentVisibleChange=async(e,t)=>{await this.delayPreloadDocuments()},this.delayPreloadDocuments=(0,n.debounce)(this.preloadDocuments,500),this.checkContainFullscreenElement=e=>!!e?.getContentContainer()?.ownerDocument?.fullscreenElement,this.bindEvents()}bindEvents(){this.events.on(t.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}unbindEvents(){this.events.off(t.EventNames.DocumentVisibleChange,this.onDocumentVisibleChange)}async dispose(){this.unbindEvents()}async preloadDocuments(){try{let e=this.documentsProvider.getVisibleDocuments();if(!e||e.length==0)return;for(let t of e)await t.load();await this.preloadRelatedDocuments(e[0],e[e.length-1])}catch{}}async preloadRelatedDocuments(t,n){let r=this.documentsProvider.getDocuments(),i=r.indexOf(t),a=r.indexOf(n),o=r.length,s=[];for(let e=i;e<=a;e++){let t=r[e];t&&!s.includes(t)&&s.push(t)}let c=[],l=this.htmlOptions.preloadFileCount;l>10&&(l=10),l<1&&(l=1);for(let e=1;e<=l;e++){let t=a+e;t>0&&t<=o-1&&c.push(r[t]);let n=i-e;n>=0&&c.push(r[n])}for(let t=0;t<c.length;t++){let n=c[t];await n.load(),n&&!s.includes(n)&&s.push(n),await e.BrowserCapabilities.yieldToMain()}let u=this.documentsProvider.getRendererContainer().clientWidth;if(this.htmlOptions.flipMode==`page`){let t=0;for(let n=i-1;n>=0;n--){let i=r[n];if(await i.load(),i&&!s.includes(i)&&s.push(i),t+=i.getWrapperContainer().clientWidth,t>=u)break;await e.BrowserCapabilities.yieldToMain()}let n=0;for(let t=a+1;t<o-1;t++){let i=r[t];if(await i.load(),i&&!s.includes(i)&&s.push(i),n+=i.getWrapperContainer().clientWidth,n>=u)break;await e.BrowserCapabilities.yieldToMain()}}let d=this.getLoadingDocument();d&&!s.includes(d)&&s.push(d);let f=this.documentsProvider.getVisibleDocuments();for(let e of f)s.includes(e)||s.push(e);await this.removeUnnecessaryDocuments(s),s.splice(0)}async removeUnnecessaryDocuments(t){if(!t)return;let n=this.documentsProvider.getLoadedDocuments();for(let r of n)t.includes(r)||(await this.disposeDocument(r),await e.BrowserCapabilities.yieldToMain())}async disposeDocument(e){this.checkContainFullscreenElement(e)||await e.dispose()}};exports.HtmlDocumentsPreloader=r;

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsPreloader.mjs

@@ -1,85 +1,77 @@
-import { EventNames as D } from "../../../../kernal/EventNames.mjs";
-import { BrowserCapabilities as h } from "../../../../kernal/web/BrowserCapabilities.mjs";
-import { debounce as v } from "perfect-debounce";
-class x {
-  constructor(t, a, o, d) {
-    this.events = t, this.documentsProvider = a, this.getLoadingDocument = o, this.htmlOptions = d, this.onDocumentVisibleChange = async (r, m) => {
-      await this.delayPreloadDocuments();
-    }, this.delayPreloadDocuments = v(this.preloadDocuments, 500), this.checkContainFullscreenElement = (r) => !!r?.getContentContainer()?.ownerDocument?.fullscreenElement, this.bindEvents();
-  }
-  bindEvents() {
-    this.events.on(D.DocumentVisibleChange, this.onDocumentVisibleChange);
-  }
-  unbindEvents() {
-    this.events.off(D.DocumentVisibleChange, this.onDocumentVisibleChange);
-  }
-  async dispose() {
-    this.unbindEvents();
-  }
-  async preloadDocuments() {
-    try {
-      const t = this.documentsProvider.getVisibleDocuments();
-      if (!t || t.length == 0) return;
-      for (const a of t)
-        await a.load();
-      await this.preloadRelatedDocuments(t[0], t[t.length - 1]);
-    } catch {
-    }
-  }
-  async preloadRelatedDocuments(t, a) {
-    const o = this.documentsProvider.getDocuments(), d = o.indexOf(t), r = o.indexOf(a), m = o.length, i = [];
-    for (let e = d; e <= r; e++) {
-      const n = o[e];
-      n && !i.includes(n) && i.push(n);
-    }
-    const u = [];
-    let l = this.htmlOptions.preloadFileCount;
-    l > 10 && (l = 10), l < 1 && (l = 1);
-    for (let e = 1; e <= l; e++) {
-      const n = r + e;
-      n > 0 && n <= m - 1 && u.push(o[n]);
-      const c = d - e;
-      c >= 0 && u.push(o[c]);
-    }
-    for (let e = 0; e < u.length; e++) {
-      const n = u[e];
-      await n.load(), n && !i.includes(n) && i.push(n), await h.yieldToMain();
-    }
-    const p = this.documentsProvider.getRendererContainer().clientWidth;
-    if (this.htmlOptions.flipMode == "page") {
-      let e = 0;
-      for (let c = d - 1; c >= 0; c--) {
-        const s = o[c];
-        if (await s.load(), s && !i.includes(s) && i.push(s), e += s.getWrapperContainer().clientWidth, e >= p)
-          break;
-        await h.yieldToMain();
-      }
-      let n = 0;
-      for (let c = r + 1; c < m - 1; c++) {
-        const s = o[c];
-        if (await s.load(), s && !i.includes(s) && i.push(s), n += s.getWrapperContainer().clientWidth, n >= p)
-          break;
-        await h.yieldToMain();
-      }
-    }
-    const f = this.getLoadingDocument();
-    f && !i.includes(f) && i.push(f);
-    const g = this.documentsProvider.getVisibleDocuments();
-    for (const e of g)
-      i.includes(e) || i.push(e);
-    await this.removeUnnecessaryDocuments(i), i.splice(0);
-  }
-  async removeUnnecessaryDocuments(t) {
-    if (!t)
-      return;
-    const a = this.documentsProvider.getLoadedDocuments();
-    for (const o of a)
-      t.includes(o) || (await this.disposeDocument(o), await h.yieldToMain());
-  }
-  async disposeDocument(t) {
-    this.checkContainFullscreenElement(t) || await t.dispose();
-  }
-}
-export {
-  x as HtmlDocumentsPreloader
+import { BrowserCapabilities as e } from "../../../../kernal/web/BrowserCapabilities.mjs";
+import { EventNames as t } from "../../../../kernal/EventNames.mjs";
+import { asyncDebounce as n } from "../../../../kernal/Debounce.mjs";
+//#region mediaTypes/html/renderer/documents/HtmlDocumentsPreloader.ts
+var r = class {
+	constructor(e, t, r, i) {
+		this.events = e, this.documentsProvider = t, this.getLoadingDocument = r, this.htmlOptions = i, this.onDocumentVisibleChange = async (e, t) => {
+			await this.delayPreloadDocuments();
+		}, this.delayPreloadDocuments = n(this.preloadDocuments, 500), this.checkContainFullscreenElement = (e) => !!e?.getContentContainer()?.ownerDocument?.fullscreenElement, this.bindEvents();
+	}
+	bindEvents() {
+		this.events.on(t.DocumentVisibleChange, this.onDocumentVisibleChange);
+	}
+	unbindEvents() {
+		this.events.off(t.DocumentVisibleChange, this.onDocumentVisibleChange);
+	}
+	async dispose() {
+		this.unbindEvents();
+	}
+	async preloadDocuments() {
+		try {
+			let e = this.documentsProvider.getVisibleDocuments();
+			if (!e || e.length == 0) return;
+			for (let t of e) await t.load();
+			await this.preloadRelatedDocuments(e[0], e[e.length - 1]);
+		} catch {}
+	}
+	async preloadRelatedDocuments(t, n) {
+		let r = this.documentsProvider.getDocuments(), i = r.indexOf(t), a = r.indexOf(n), o = r.length, s = [];
+		for (let e = i; e <= a; e++) {
+			let t = r[e];
+			t && !s.includes(t) && s.push(t);
+		}
+		let c = [], l = this.htmlOptions.preloadFileCount;
+		l > 10 && (l = 10), l < 1 && (l = 1);
+		for (let e = 1; e <= l; e++) {
+			let t = a + e;
+			t > 0 && t <= o - 1 && c.push(r[t]);
+			let n = i - e;
+			n >= 0 && c.push(r[n]);
+		}
+		for (let t = 0; t < c.length; t++) {
+			let n = c[t];
+			await n.load(), n && !s.includes(n) && s.push(n), await e.yieldToMain();
+		}
+		let u = this.documentsProvider.getRendererContainer().clientWidth;
+		if (this.htmlOptions.flipMode == "page") {
+			let t = 0;
+			for (let n = i - 1; n >= 0; n--) {
+				let i = r[n];
+				if (await i.load(), i && !s.includes(i) && s.push(i), t += i.getWrapperContainer().clientWidth, t >= u) break;
+				await e.yieldToMain();
+			}
+			let n = 0;
+			for (let t = a + 1; t < o - 1; t++) {
+				let i = r[t];
+				if (await i.load(), i && !s.includes(i) && s.push(i), n += i.getWrapperContainer().clientWidth, n >= u) break;
+				await e.yieldToMain();
+			}
+		}
+		let d = this.getLoadingDocument();
+		d && !s.includes(d) && s.push(d);
+		let f = this.documentsProvider.getVisibleDocuments();
+		for (let e of f) s.includes(e) || s.push(e);
+		await this.removeUnnecessaryDocuments(s), s.splice(0);
+	}
+	async removeUnnecessaryDocuments(t) {
+		if (!t) return;
+		let n = this.documentsProvider.getLoadedDocuments();
+		for (let r of n) t.includes(r) || (await this.disposeDocument(r), await e.yieldToMain());
+	}
+	async disposeDocument(e) {
+		this.checkContainFullscreenElement(e) || await e.dispose();
+	}
 };
+//#endregion
+export { r as HtmlDocumentsPreloader };

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../../../kernal/common/text.cjs"),y=require("../../../../kernal/common/number.cjs"),L=require("../../../../kernal/html/finder.cjs"),T=require("../../../../kernal/html/manipulator.cjs"),C=require("../../../../kernal/html/style.cjs"),f=require("../../HtmlSettings.cjs"),D=require("../../../base/renderer/BaseDocumentsProvider.cjs"),P=require("../document/HtmlDocument.cjs"),b=require("./HtmlDocumentsPreloader.cjs"),H=require("./HtmlDocumentsIntersectionObserver.cjs"),S=require("../location/HtmlElementLocator.cjs"),E=require("../layout/HtmlRendererViewport.cjs"),x=require("perfect-debounce"),V=require("../../../../kernal/progress/Progress.cjs"),O=require("../../../../kernal/Constants.cjs"),N=require("../../../../kernal/web/BrowserCapabilities.cjs");class I extends D.BaseDocumentsProvider{constructor(t,e,i,o){super(t,e),this.readerContainer=i,this.htmlOptions=o,this.isInit=!1,this.isFirstLoad=!0,this.hangTasks=[],this.resetTransformContainer=()=>{const s=this.getTransformContainer();s&&(s.style.removeProperty("transition"),s.style.transform="translate3d(0px,0,0)",s.setAttribute("data-target-transform","0"),s.offsetWidth)},this.removeElementTransitionEvent=async s=>{const n=s.target;for(n.style.removeProperty("transition"),n.style.removeProperty("will-change"),n.removeAttribute(f.HtmlSettings.PageMovingAttributeName),n.removeEventListener("transitionend",this.removeElementTransitionEvent);this.hangTasks.length>0;)await this.hangTasks.shift()()},this.scrollWrapperIntoView=(s,n)=>{const r=s.getWrapperContainer();if(this.htmlOptions.flipMode=="page"){const l=r.offsetLeft,a=this.getTransformContainer();a.style.transform="translateX("+-l+"px)"}else(!r.isVisible||n)&&C.scrollElementIntoView(r,void 0,void 0,this.owner.getRootContainer()?.ownerDocument);this.setDocumentVisible(r,!0)},this.setDocumentVisible=(s,n)=>{s.isVisible=n},this.reload=async()=>{const s=this.owner.context.currentLocation;w.isNullOrWhiteSpace(s?.url)||(s.scrollBehavior="smooth",await this.load(s,!0),s.scrollBehavior=void 0)},this.delayReloadTime=300,this.delayReload=x.debounce(this.reload,this.delayReloadTime),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.elementLocator=new S.HtmlElementLocator(this),this.rendererViewport=new E.HtmlRendererViewport(t,this.readerContainer,this.owner.optionsProvider,o),this.documentsIntersectionObserver=new H.HtmlDocumentsIntersectionObserver(this),this.documentPreloader=new b.HtmlDocumentsPreloader(this.owner.events,this,()=>this.loadingDoc,o)}getTransformContainer(){return this.getRendererContainer().querySelector("."+f.HtmlSettings.TransformContainerCssName)}getRendererContainer(){return this.rendererViewport.getRendererContainer()}getScrollElement(){return this.rendererViewport.getScrollElement()}getLoadingDocument(){return this.loadingDoc}async createDocument(t,e,i){return new P.HtmlDocument(this.owner,this.rendererViewport,this.fileParser,t,e,this.htmlOptions)}async initialize(t){this.rendererViewport.applyCssVariables(),await super.initialize(t);const e=this.getDocuments();for(const i of e)i.getWrapperContainer().classList.add(f.HtmlSettings.FileContentContainerClassName,f.HtmlSettings.FileContentContainerHeightClassName)}async load(t,e){this.isInit||(await this.initialize(this.getTransformContainer()),this.documentsIntersectionObserver.register(),this.isInit=!0),t?.storeCurrent&&await this.owner.onBeforeRedirect?.(this),e=e??!1;const i=t?.url;let o=this.getDocument(i);if(!o){const s=this.getDocuments();o=s[0],(s.length>1||!t)&&(t=new V.FileLocation(o.url,1,"ratio"),t.current=0)}this.htmlOptions.flipMode=="page"?this.appendPageStyles():this.removePageStyles(),this.loadingDoc=o,this.owner.context.redirectingDocUrl=o.url;try{this.delayHideLoadingLayerTimer=setTimeout(async()=>{await this.owner.loading?.hide()},2e3),this.owner.context.setUserChangedProgress(!e,t?.from),await this.gotoDoc(o,t,e),this.isFirstLoad&&!e&&(this.isFirstLoad=!1),await this.documentPreloader.preloadDocuments()}finally{setTimeout(()=>{this.loadingDoc=null,this.owner.context.redirectingDocUrl=void 0},166)}}async gotoDoc(t,e,i){if(!e||(await t.load(),!t.getContentContainer()))return;i=i??!1;const s=this.htmlOptions.flipMode;let n,r;try{const l=await this.findTarget(t,e);r=l?.target;let a=l?.pageNumber;const u=l?.isDocumentStart;if(!r&&!a)return;if(r&&e?.textOffset>=0){const m=r.textContent;if(e?.textOffset<m.length&&m.length<3e3){T.wrapperCharacters(r,"m");const h=r.querySelectorAll("m");L.compareTagName(r.firstElementChild?.tagName,O.STTAG)&&r.firstElementChild.getBoundingClientRect().width==0?n=h.item(r.firstElementChild.textContent.length):n=h.item(e.textOffset)}}if(n=n??r,s=="scroll")await this.gotoScroll(t,e,n,u);else{if(i&&n&&!w.isNullOrWhiteSpace(e.tagName))this.resetTransformContainer(),a=await t.getPageNumber(n);else if(e.unit==="page"&&e.current!=null&&e.current>0){a=e.current;const m=await t.getNumberOfPages();e.total>1&&e.total!=m&&(a=Math.ceil(m*(e.current/e.total)))}else a||(a=await t.getPageNumber(n));await this.transformPage(t,a,i?void 0:e.direction)}}finally{r&&T.recoverWrapperCharacters(r)}}async gotoScroll(t,e,i,o){const s=i.getBoundingClientRect();let n=0;e?.ignoreOverlayHeader||(n=this.owner.optionsProvider.getHeaderHeight()+this.owner.options.redirectPositionOffset,i.clientHeight==0&&s.height==0&&(n+=50)),e.offsetTop&&(n+=e.offsetTop);const r=this.getScrollElement(),l=s.y,a=t.getContentContainer().ownerDocument.defaultView?.frameElement;let u=a?.getBoundingClientRect()?.y??0,m=l+u,h=r.scrollTop;if(e.useAbsoluteScrollTop){const c=h+m-n;r.scrollTo(0,c)}else if(o)this.scrollWrapperIntoView(t,!0);else{if(N.BrowserCapabilities.isSafari()){C.scrollElementIntoView(t.getWrapperContainer(),void 0,void 0,this.owner.getRootContainer()?.ownerDocument),h=r.scrollTop;const c=a?.offsetTop??0;if(Math.abs(c+l-h)>5){const g=h+t.getWrapperContainer().getBoundingClientRect().y+l;r.scrollTo(0,g)}u=a?.getBoundingClientRect()?.y??0,m=l+u}else n=m-n-r.getBoundingClientRect().top;n>0?r.scrollHeight-r.scrollTop-r.clientHeight>0?r.scrollBy(0,n):C.scrollElementIntoView(i,void 0,e?.scrollIntoViewIfNeeded,this.owner.getRootContainer()?.ownerDocument):r.scrollBy(0,n),this.setDocumentVisible(t.getWrapperContainer(),!0)}}async findTarget(t,e){return this.elementLocator.locateElement(t,e,this.htmlOptions)}async transformPage(t,e,i){const o=this.getTransformContainer(),s=o.getAttribute("data-target-transform");let n=0;s?n=y.parseNumber(s,0,"parseFloat"):n=C.getTransformLength(o,"x");const r=this.rendererViewport.getLayoutMetrics(),l=r.columnWidth+r.columnGap,u=t.getWrapperContainer().offsetLeft,m=Math.abs(u-n),h=m==0?0:m%l;let c=n;h>0&&(i=="previous"?c=n-h:c=n+l-h);let g=c;{if(i=="previous"){const d=c-r.pageMoveLength>=0,p=u+(e-1)*r.pageMoveLength;d?g=c-r.pageMoveLength:c<=r.pageMoveLength?g=0:g=p}else if(i=="next"){g=c+r.pageMoveLength;const d=this.getDocuments(),p=d[d.length-1];if(p.getWrapperContainer().offsetLeft+p.getWrapperContainer().scrollWidth-g<=0)return}else g=u+(e-1)*r.pageMoveLength;g<0&&(g=0);const v=this.htmlOptions.writingMode??"horizontal-tb";if((this.isVerticalWriting(v)?"y":"x")=="x")!o.style.transition&&this.htmlOptions.flipPageStyle=="slide"&&(i=="next"||i=="previous")&&(o.style.transition="transform 0.2s ease"),o.style.transition&&o.addEventListener("transitionend",this.removeElementTransitionEvent),o.setAttribute("data-target-transform",`${g}`),o.style.transform="translate3d(-"+parseFloat(g.toFixed(10))+"px,0,0)";else{o.style.transform="translateX("+-u+"px)";const d=t.getContentContainer().ownerDocument.documentElement,p=C.getTransformLength(d,"y")+(e-1)*r.columnWidth;d.style.transform="translateY(-"+parseFloat(p.toFixed(10))+"px)"}this.setCurrentPageNumber(t,e)}}setCurrentPageNumber(t,e){const i=t.getContentContainer()?.ownerDocument?.documentElement;i&&i.setAttribute(f.HtmlSettings.HtmlDocumentCurrentPagePropertyName,e.toFixed(0))}getCurrentPageNumber(t){const e=t.getContentContainer()?.ownerDocument?.documentElement;if(!e)return 1;const i=e.getAttribute(f.HtmlSettings.HtmlDocumentCurrentPagePropertyName);return y.parseNumber(i,1,"parseInt")}isVerticalWriting(t){return t=="vertical-lr"||t=="vertical-rl"}appendPageStyles(){this.getRendererContainer().classList.add(f.HtmlSettings.TransformPagesClassName)}removePageStyles(){this.getRendererContainer().classList.remove(f.HtmlSettings.TransformPagesClassName);const t=this.getTransformContainer();t&&t.style.removeProperty("transform")}async dispose(){this.delayHideLoadingLayerTimer&&(clearTimeout(this.delayHideLoadingLayerTimer),this.delayHideLoadingLayerTimer=null),await this.documentsIntersectionObserver.dispose(),await this.documentPreloader.dispose(),await super.dispose(),this.readerContainer&&(this.readerContainer.innerHTML=""),this.isInit=!1}}exports.HtmlDocumentsProvider=I;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../kernal/web/BrowserCapabilities.cjs"),t=require("../../../../kernal/common/text.cjs"),n=require("../../../../kernal/progress/Progress.cjs");require("../../../../kernal/Constants.cjs");const r=require("../../../../kernal/common/number.cjs"),i=require("../../../../kernal/html/finder.cjs"),a=require("../../../../kernal/html/dom.cjs"),o=require("../../../../kernal/html/style.cjs"),s=require("../../../../kernal/html/manipulator.cjs"),c=require("../../HtmlSettings.cjs"),l=require("../../../base/renderer/BaseDocumentsProvider.cjs"),u=require("../document/HtmlDocument.cjs"),d=require("./HtmlDocumentsPreloader.cjs"),f=require("./HtmlDocumentsIntersectionObserver.cjs"),p=require("../location/HtmlElementLocator.cjs"),m=require("../layout/HtmlRendererViewport.cjs");let h=require("perfect-debounce");var g=class extends l.BaseDocumentsProvider{constructor(e,n,r,i){super(e,n),this.readerContainer=r,this.htmlOptions=i,this.isInit=!1,this.isFirstLoad=!0,this.hangTasks=[],this.resetTransformContainer=()=>{let e=this.getTransformContainer();e&&(e.style.removeProperty(`transition`),e.style.transform=`translate3d(0px,0,0)`,e.setAttribute(`data-target-transform`,`0`),e.offsetWidth)},this.removeElementTransitionEvent=async e=>{let t=e.target;for(t.style.removeProperty(`transition`),t.style.removeProperty(`will-change`),t.removeAttribute(c.HtmlSettings.PageMovingAttributeName),t.removeEventListener(`transitionend`,this.removeElementTransitionEvent);this.hangTasks.length>0;)await this.hangTasks.shift()()},this.scrollWrapperIntoView=(e,t)=>{let n=e.getWrapperContainer();if(this.htmlOptions.flipMode==`page`){let e=n.offsetLeft,t=this.getTransformContainer();t.style.transform=`translateX(`+-e+`px)`}else(!n.isVisible||t)&&o.scrollElementIntoView(n,void 0,void 0,this.owner.getRootContainer()?.ownerDocument);this.setDocumentVisible(n,!0)},this.setDocumentVisible=(e,t)=>{e.isVisible=t},this.reload=async()=>{let e=this.owner.context.currentLocation;t.isNullOrWhiteSpace(e?.url)||(e.scrollBehavior=`smooth`,await this.load(e,!0),e.scrollBehavior=void 0)},this.delayReloadTime=300,this.delayReload=(0,h.debounce)(this.reload,this.delayReloadTime),this.logger=this.owner.loggerFactory.getLogger(this.constructor.name),this.elementLocator=new p.HtmlElementLocator(this),this.rendererViewport=new m.HtmlRendererViewport(e,this.readerContainer,this.owner.optionsProvider,i),this.documentsIntersectionObserver=new f.HtmlDocumentsIntersectionObserver(this),this.documentPreloader=new d.HtmlDocumentsPreloader(this.owner.events,this,()=>this.loadingDoc,i)}getTransformContainer(){return this.getRendererContainer().querySelector(`.`+c.HtmlSettings.TransformContainerCssName)}getRendererContainer(){return this.rendererViewport.getRendererContainer()}getScrollElement(){return this.rendererViewport.getScrollElement()}getLoadingDocument(){return this.loadingDoc}async createDocument(e,t,n){return new u.HtmlDocument(this.owner,this.rendererViewport,this.fileParser,e,t,this.htmlOptions)}async initialize(e){this.rendererViewport.applyCssVariables(),await super.initialize(e);let t=this.getDocuments();for(let e of t)e.getWrapperContainer().classList.add(c.HtmlSettings.FileContentContainerClassName,c.HtmlSettings.FileContentContainerHeightClassName)}async load(e,t){this.isInit||=(await this.initialize(this.getTransformContainer()),this.documentsIntersectionObserver.register(),!0),e?.storeCurrent&&await this.owner.onBeforeRedirect?.(this),t??=!1;let r=e?.url,i=this.getDocument(r);if(!i){let t=this.getDocuments();i=t[0],(t.length>1||!e)&&(e=new n.FileLocation(i.url,1,`ratio`),e.current=0)}this.htmlOptions.flipMode==`page`?this.appendPageStyles():this.removePageStyles(),this.loadingDoc=i,this.owner.context.redirectingDocUrl=i.url;try{this.delayHideLoadingLayerTimer=setTimeout(async()=>{await this.owner.loading?.hide()},2e3),this.owner.context.setUserChangedProgress(!t,e?.from),await this.gotoDoc(i,e,t),this.isFirstLoad&&!t&&(this.isFirstLoad=!1),await this.documentPreloader.preloadDocuments()}finally{setTimeout(()=>{this.loadingDoc=null,this.owner.context.redirectingDocUrl=void 0},166)}}async gotoDoc(e,n,r){if(!n||(await e.load(),!e.getContentContainer()))return;r??=!1;let a=this.htmlOptions.flipMode,o,c;try{let l=await this.findTarget(e,n);c=l?.target;let u=l?.pageNumber,d=l?.isDocumentStart;if(!c&&!u)return;if(c&&n?.textOffset>=0){let e=c.textContent;if(n?.textOffset<e.length&&e.length<3e3){s.wrapperCharacters(c,`m`);let e=c.querySelectorAll(`m`);o=i.compareTagName(c.firstElementChild?.tagName,`ST`)&&c.firstElementChild.getBoundingClientRect().width==0?e.item(c.firstElementChild.textContent.length):e.item(n.textOffset)}}if(o??=c,a==`scroll`)await this.gotoScroll(e,n,o,d);else{if(r&&o&&!t.isNullOrWhiteSpace(n.tagName))this.resetTransformContainer(),u=await e.getPageNumber(o);else if(n.unit===`page`&&n.current!=null&&n.current>0){u=n.current;let t=await e.getNumberOfPages();n.total>1&&n.total!=t&&(u=Math.ceil(t*(n.current/n.total)))}else u||=await e.getPageNumber(o);await this.transformPage(e,u,r?void 0:n.direction)}}finally{c&&s.recoverWrapperCharacters(c)}}async gotoScroll(t,n,r,i){let a=r.getBoundingClientRect(),s=0;n?.ignoreOverlayHeader||(s=this.owner.optionsProvider.getHeaderHeight()+this.owner.options.redirectPositionOffset,r.clientHeight==0&&a.height==0&&(s+=50)),n.offsetTop&&(s+=n.offsetTop);let c=this.getScrollElement(),l=a.y,u=t.getContentContainer().ownerDocument.defaultView?.frameElement,d=u?.getBoundingClientRect()?.y??0,f=l+d,p=c.scrollTop;if(n.useAbsoluteScrollTop){let e=p+f-s;c.scrollTo(0,e)}else if(i)this.scrollWrapperIntoView(t,!0);else{if(e.BrowserCapabilities.isSafari()){o.scrollElementIntoView(t.getWrapperContainer(),void 0,void 0,this.owner.getRootContainer()?.ownerDocument),p=c.scrollTop;let e=u?.offsetTop??0;if(Math.abs(e+l-p)>5){let e=p+t.getWrapperContainer().getBoundingClientRect().y+l;c.scrollTo(0,e)}d=u?.getBoundingClientRect()?.y??0,f=l+d}else s=f-s-c.getBoundingClientRect().top;s>0?c.scrollHeight-c.scrollTop-c.clientHeight>0?c.scrollBy(0,s):o.scrollElementIntoView(r,void 0,n?.scrollIntoViewIfNeeded,this.owner.getRootContainer()?.ownerDocument):c.scrollBy(0,s),this.setDocumentVisible(t.getWrapperContainer(),!0)}}async findTarget(e,t){return this.elementLocator.locateElement(e,t,this.htmlOptions)}async transformPage(e,t,n){let i=this.getTransformContainer(),a=i.getAttribute(`data-target-transform`),s=0;s=a?r.parseNumber(a,0,`parseFloat`):o.getTransformLength(i,`x`);let c=this.rendererViewport.getLayoutMetrics(),l=c.columnWidth+c.columnGap,u=e.getWrapperContainer().offsetLeft,d=Math.abs(u-s),f=d==0?0:d%l,p=s;f>0&&(p=n==`previous`?s-f:s+l-f);let m=p;try{if(n==`previous`){let e=p-c.pageMoveLength>=0,n=u+(t-1)*c.pageMoveLength;m=e?p-c.pageMoveLength:p<=c.pageMoveLength?0:n}else if(n==`next`){m=p+c.pageMoveLength;let e=this.getDocuments(),t=e[e.length-1];if(t.getWrapperContainer().offsetLeft+t.getWrapperContainer().scrollWidth-m<=0)return}else m=u+(t-1)*c.pageMoveLength;m<0&&(m=0);let r=this.htmlOptions.writingMode??`horizontal-tb`;if((this.isVerticalWriting(r)?`y`:`x`)==`x`)!i.style.transition&&this.htmlOptions.flipPageStyle==`slide`&&(n==`next`||n==`previous`)&&(i.style.transition=`transform 0.2s ease`),i.style.transition&&i.addEventListener(`transitionend`,this.removeElementTransitionEvent),i.setAttribute(`data-target-transform`,`${m}`),i.style.transform=`translate3d(-`+parseFloat(m.toFixed(10))+`px,0,0)`;else{i.style.transform=`translateX(`+-u+`px)`;let n=e.getContentContainer().ownerDocument.documentElement,r=o.getTransformLength(n,`y`)+(t-1)*c.columnWidth;n.style.transform=`translateY(-`+parseFloat(r.toFixed(10))+`px)`}this.setCurrentPageNumber(e,t)}finally{}}setCurrentPageNumber(e,t){let n=e.getContentContainer()?.ownerDocument?.documentElement;n&&n.setAttribute(c.HtmlSettings.HtmlDocumentCurrentPagePropertyName,t.toFixed(0))}getCurrentPageNumber(e){let t=e.getContentContainer()?.ownerDocument?.documentElement;if(!t)return 1;let n=t.getAttribute(c.HtmlSettings.HtmlDocumentCurrentPagePropertyName);return r.parseNumber(n,1,`parseInt`)}isVerticalWriting(e){return e==`vertical-lr`||e==`vertical-rl`}appendPageStyles(){this.getRendererContainer().classList.add(c.HtmlSettings.TransformPagesClassName)}removePageStyles(){this.getRendererContainer().classList.remove(c.HtmlSettings.TransformPagesClassName);let e=this.getTransformContainer();e&&e.style.removeProperty(`transform`)}async dispose(){this.delayHideLoadingLayerTimer&&=(clearTimeout(this.delayHideLoadingLayerTimer),null),await this.documentsIntersectionObserver.dispose(),await this.documentPreloader.dispose(),await super.dispose(),this.readerContainer&&a.emptyElement(this.readerContainer),this.isInit=!1}};exports.HtmlDocumentsProvider=g;

package/dist/mediaTypes/html/renderer/documents/HtmlDocumentsProvider.d.ts

@@ -6,6 +6,7 @@ import { HtmlOptions } from '../../HtmlOptions';
 import { IHtmlDocumentsProvider } from '../IHtmlDocumentsProvider';
 import { IRendererViewport } from '../../../../kernal/IRendererViewport';
 import { HtmlLayoutMetrics } from '../layout/HtmlLayoutMetrics';
+import { DebouncedReturn } from 'perfect-debounce';
 
 export declare class HtmlDocumentsProvider extends BaseDocumentsProvider<IHtmlDocument> implements IHtmlDocumentsProvider {
     protected readonly readerContainer: HTMLElement;
@@ -41,7 +42,7 @@ export declare class HtmlDocumentsProvider extends BaseDocumentsProvider<IHtmlDo
     private isVerticalWriting;
     reload: () => Promise<void>;
     protected readonly delayReloadTime = 300;
-    protected delayReload: () => Promise<void>;
+    protected delayReload: DebouncedReturn<[], void>;
     private appendPageStyles;
     private removePageStyles;
     dispose(): Promise<void>;