@pacem/pacem-ui 2.0.0-cauchy → 2.0.0-chebyshev

package/dist/bundle/pacem-ui.min.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-cauchy (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-chebyshev (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -163,7 +163,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
             <path part="complementary-rail" />
         </svg><div class="${Jr}-content" part="content"><slot></slot></div>
         <${vt}-rotate></${vt}-rotate>
-<${vt}-tween on-step=":host._draw($event.detail.value)" on-end="this.disabled = true" duration="500" to="{{ :host.value }}" from="{{ :host.min }}"></${vt}-tween>`})],J);import{P as nc,CustomElement as lc,Watch as cc,PacemEventTarget as hc,Utils as dc}from"@pacem/pacem-core";var Zr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},gi=class extends hc{vibrate(){if(this.disabled)return;let e=this.pattern;dc.isNullOrEmpty(e)||typeof navigator.vibrate=="function"&&navigator.vibrate(e)}};Zr([cc({emit:!1,converter:{convert:r=>r?.split(/[ ,]+/).map(e=>parseInt(e)),convertBack:r=>r?.join(" ")}})],gi.prototype,"pattern",void 0);gi=Zr([lc({tagName:nc+"-vibrate"})],gi);import{P as pc,CustomElement as uc,Watch as Ut,PacemEventTarget as mc,Components as Os,Utils as bt,PropertyConverters as uo,Logging as po,CustomElementUtils as fc}from"@pacem/pacem-core";var _t=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},ea=500,vc={convert:(r,e)=>{try{return document.querySelector(r)??(e.isConnected?r:null)}catch{return r}},convertBack:r=>r instanceof Element&&r.id?"#"+r.id:r,retryConversionWhenReady:!0},Ae=class extends mc{constructor(){super(...arguments),this._templateChangeHandler=e=>{let t=e.target;this._setTmpl(t.target)},this._debounceDispatchHandler=e=>{clearTimeout(this.#t),this.#t=setTimeout(()=>{if(e){let t=e.srcElement;t.removeEventListener(Os.ResizeEventName,this._debounceDispatchHandler),t.remove()}this.dispatchEvent(new CustomEvent("render"))},100)}}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="url"||e==="disabled"?(this._dispose(t),this._manage()):e==="fetching"&&(s?bt.addClass:bt.removeClass)(this,"view-fetching")}viewActivatedCallback(){super.viewActivatedCallback();let e=this.url;this._isReference(e)&&!this.disabled&&this._manageRef()}_isReference(e){return e instanceof HTMLElement||typeof e=="string"&&e.trim().startsWith("#")}_dispose(e){e instanceof Os.PacemTemplateProxyElement&&e.removeEventListener("templatechange",this._templateChangeHandler)}_manage(){if(this.disabled)return;let e=this.debounce||0,t=this.url;this._isReference(t)?(clearTimeout(this._fetchHandle),this._fetchHandle=setTimeout((()=>this._manageRef()),e)):typeof t=="string"&&!bt.isNullOrEmpty(t)?(this.fetching=!0,clearTimeout(this._fetchHandle),this._fetchHandle=setTimeout((()=>this._manageUrl(t)),e)):this.innerHTML=""}_manageRef(){let e=this.url,t=e instanceof HTMLElement?e:document.querySelector("template"+e);t instanceof Os.PacemTemplateProxyElement?(t.addEventListener("templatechange",this._templateChangeHandler,!1),this._setTmpl(t.target)):t instanceof HTMLTemplateElement?this._setTmpl(t):bt.isNull(t)?this.log(po.LogLevel.Error,"Template element not found."):this.log(po.LogLevel.Error,`Invalid '${t.constructor.name}' element, HTMLTemplate expected.`)}_setTmpl(e){cancelAnimationFrame(this._renderHandle),this.innerHTML="",this._dispatchPrerender(),this._renderHandle=requestAnimationFrame(()=>{if(bt.isNull(e)){this.log(po.LogLevel.Error,"Template element not found.");return}this.appendChild(e.cloneNode(!0).content),this._dispatchRender()})}#e;_manageUrl(e){this.#e&&this.#e.abort();let{signal:t}=this.#e=new AbortController;fetch(e,{credentials:"same-origin",signal:t}).then(async s=>{let o=(a,n)=>{(a.status===301||a.status===302)&&this.followRedirects?this._manageUrl(a.headers.get("Location")):a.ok||this.renderErrors?n.then(l=>bt.addAnimationEndCallback(this,()=>this._manageResult(l),ea)):this._manageResult("")},i=+s.headers.get("Content-Length");if(i>0){this.progress=0;let a=0,n=[],l=s.body.getReader();for(;;){let{done:h,value:p}=await l.read();if(h)break;this.progress=(a+=p.length)/i,n.push(p)}o(s,new Promise((h,p)=>{try{let u=new Uint8Array(a),f=0;for(let L of n)u.set(L,f),f+=L.length;let g=new TextDecoder("utf-8").decode(u);h(g)}catch(u){p(u)}}))}else o(s,s.text())},s=>{})}_manageResult(e){cancelAnimationFrame(this._renderHandle),this.scrollTo({top:0,left:0,behavior:"instant"}),this.innerHTML="",this._dispatchPrerender(),this._renderHandle=requestAnimationFrame(()=>{this.innerHTML=e,this.fetching=!1,this.progress=Number.NaN,bt.addAnimationEndCallback(this,()=>{this._dispatchRender()},ea)})}#t;_dispatchRender(){let e=new Os.PacemResizeElement;e.target=this,e.addEventListener(Os.ResizeEventName,this._debounceDispatchHandler),fc.findAncestorShell(this).appendChild(e),this._debounceDispatchHandler()}_dispatchPrerender(){this.dispatchEvent(new CustomEvent("prerender"))}};_t([Ut({reflectBack:!0,converter:vc})],Ae.prototype,"url",void 0);_t([Ut()],Ae.prototype,"fetching",void 0);_t([Ut()],Ae.prototype,"progress",void 0);_t([Ut({emit:!1,converter:uo.Boolean})],Ae.prototype,"renderErrors",void 0);_t([Ut({emit:!1,converter:uo.Boolean})],Ae.prototype,"followRedirects",void 0);_t([Ut({emit:!1,converter:uo.Number})],Ae.prototype,"debounce",void 0);Ae=_t([uc({tagName:pc+"-view"})],Ae);import{P as Z,PCSS as bc,CustomElement as sa,Watch as fo,Components as ia,UI as yi,Utils as q,PropertyConverters as vo,Defaults as _c,CustomElementUtils as gc,PropertyChangeEventName as ta}from"@pacem/pacem-core";var Ns=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},oa="window-title",mo=class extends ia.PacemIterativeElement{constructor(){super(...arguments),this._zIndex=1,this._startHandler=e=>{this._incrementZIndex(e.detail.element),q.addClass(e.detail.element,"window-rescaling")},this._blurHandler=e=>{q.removeClass(e.detail.element,"window-rescaling")},this._focusHandler=e=>{this._incrementZIndex(e.currentTarget)},this._itemPropertyChangeHandler=e=>{if(e.detail.propertyName==="floating"&&e.detail.currentValue===!1){let t=e.currentTarget,s=this.items.indexOf(t);q.addClass(t,"docking-in"),this.adapter.select(s),q.addAnimationEndCallback(t,o=>{q.removeClass(o,"docking-in")},150)}},this._adapterPagerCallback=e=>{let t=e.detail.index,s=this.items[t];e.detail.hide=s.hide||s.floating}}validate(e){return e instanceof gt}_incrementZIndex(e){this._zIndex!=parseInt(e.style.zIndex)&&(e.style.zIndex=""+ ++this._zIndex)}connectedCallback(){super.connectedCallback();let e=gc.findAncestorShell(this);this._behaviors=[e.appendChild(this._dragDrop=document.createElement(Z+"-drag-drop")),e.appendChild(this._rescale=document.createElement(Z+"-rescale"))],this._dragDrop.handleSelector="."+oa,this._rescale.addEventListener(yi.RescaleEventType.Start,this._startHandler,!1),this._rescale.addEventListener(yi.RescaleEventType.End,this._blurHandler,!1)}viewActivatedCallback(){if(super.viewActivatedCallback(),q.isNull(this.adapter)){let e=this.adapter=this.appendChild(document.createElement(Z+"-adapter"));q.addClass(e,"windows-adapter"),e.labelCallback=(t,s)=>t.caption,e.swipeEnabled=!1,e.deselectable=!0,e.initialize(this)}this.adapter.addEventListener(Ft,this._adapterPagerCallback,!1)}disconnectedCallback(){q.isNull(this.adapter)||(this.adapter.removeEventListener(Ft,this._adapterPagerCallback,!1),this.adapter.remove(),this.adapter=null),this._rescale.removeEventListener(yi.RescaleEventType.End,this._blurHandler,!1),this._rescale.removeEventListener(yi.RescaleEventType.Start,this._startHandler,!1);for(let e of this._behaviors)e.remove();super.disconnectedCallback()}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="index"&&this._syncVisibility()}register(e){let t=super.register(e);if(t){e.addEventListener(ta,this._itemPropertyChangeHandler,!1),e.addEventListener("mousedown",this._focusHandler,!1);for(let s of this._behaviors)e.behaviors.indexOf(s)===-1&&e.behaviors.push(s)}return t}unregister(e){let t=super.unregister(e);if(t){e.removeEventListener(ta,this._itemPropertyChangeHandler,!1),e.removeEventListener("mousedown",this._focusHandler,!1);for(let s of this._behaviors){let o=e.behaviors.indexOf(s);o>=0&&e.behaviors.splice(o,1)}}return t}_syncVisibility(){let e=0,t=this.items??[];for(let s of t)e===this.index?q.addClass(s,"dock-open"):q.removeClass(s,"dock-open"),e++}};mo=Ns([sa({tagName:Z+"-window-area"})],mo);var gt=class extends ia.PacemIterableElement{propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),(e==="minimized"||e==="floating")&&this._syncLayout()}viewActivatedCallback(){super.viewActivatedCallback(),this._syncLayout()}_syncLayout(){(this.minimized?q.addClass:q.removeClass).apply(this,[this,"window-min"]),(this.floating?q.removeClass:q.addClass).apply(this,[this,"window-dock"])}};Ns([fo({converter:vo.String})],gt.prototype,"caption",void 0);Ns([fo({converter:vo.Boolean})],gt.prototype,"minimized",void 0);Ns([fo({converter:vo.Boolean})],gt.prototype,"floating",void 0);gt=Ns([sa({tagName:Z+"-window",shadow:_c.USE_SHADOW_ROOT,template:`<div class="${oa}">
+<${vt}-tween on-step=":host._draw($event.detail.value)" on-end="this.disabled = true" duration="500" to="{{ :host.value }}" from="{{ :host.min }}"></${vt}-tween>`})],J);import{P as nc,CustomElement as lc,Watch as cc,PacemEventTarget as hc,Utils as dc}from"@pacem/pacem-core";var Zr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},gi=class extends hc{vibrate(){if(this.disabled)return;let e=this.pattern;dc.isNullOrEmpty(e)||typeof navigator.vibrate=="function"&&navigator.vibrate(e)}};Zr([cc({emit:!1,converter:{convert:r=>r?.split(/[ ,]+/).map(e=>parseInt(e)),convertBack:r=>r?.join(" ")}})],gi.prototype,"pattern",void 0);gi=Zr([lc({tagName:nc+"-vibrate"})],gi);import{P as pc,CustomElement as uc,Watch as Ut,PacemEventTarget as mc,Components as Os,Utils as bt,PropertyConverters as uo,Logging as po,CustomElementUtils as fc}from"@pacem/pacem-core";var _t=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},ea=500,vc={convert:(r,e)=>{try{return document.querySelector(r)??(e.isConnected?r:null)}catch{return r}},convertBack:r=>r instanceof Element&&r.id?"#"+r.id:r,retryConversionWhenReady:!0},Ae=class extends mc{constructor(){super(...arguments),this.#e=0,this._templateChangeHandler=e=>{let t=e.target;this._setTmpl(t.target)},this._debounceDispatchHandler=e=>{clearTimeout(this.#s),this.#s=setTimeout(()=>{if(e){let t=e.srcElement;t.removeEventListener(Os.ResizeEventName,this._debounceDispatchHandler),t.remove()}this.dispatchEvent(new CustomEvent("render"))},100)}}#e;propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="url"||e==="disabled"?(this._dispose(t),this._manage()):e==="fetching"&&(s?bt.addClass:bt.removeClass)(this,"view-fetching")}viewActivatedCallback(){super.viewActivatedCallback();let e=this.url;this._isReference(e)&&!this.disabled&&this._manageRef()}_isReference(e){return e instanceof HTMLElement||typeof e=="string"&&e.trim().startsWith("#")}_dispose(e){e instanceof Os.PacemTemplateProxyElement&&e.removeEventListener("templatechange",this._templateChangeHandler)}_manage(){if(this.disabled)return;let e=this.debounce||0,t=this.url;this._isReference(t)?(clearTimeout(this._fetchHandle),this._fetchHandle=setTimeout((()=>this._manageRef()),e)):typeof t=="string"&&!bt.isNullOrEmpty(t)?(this.fetching=!0,clearTimeout(this._fetchHandle),this._fetchHandle=setTimeout((()=>this._manageUrl(t)),e)):this.innerHTML=""}_manageRef(){let e=this.url,t=e instanceof HTMLElement?e:document.querySelector("template"+e);t instanceof Os.PacemTemplateProxyElement?(t.addEventListener("templatechange",this._templateChangeHandler,!1),this._setTmpl(t.target)):t instanceof HTMLTemplateElement?this._setTmpl(t):bt.isNull(t)?this.log(po.LogLevel.Error,"Template element not found."):this.log(po.LogLevel.Error,`Invalid '${t.constructor.name}' element, HTMLTemplate expected.`)}_setTmpl(e){cancelAnimationFrame(this._renderHandle),this.#e++,this.innerHTML="",this._dispatchPrerender(),this._renderHandle=requestAnimationFrame(()=>{if(bt.isNull(e)){this.log(po.LogLevel.Error,"Template element not found.");return}this.appendChild(e.cloneNode(!0).content),this._dispatchRender()})}#t;_manageUrl(e){this.#t&&this.#t.abort();let{signal:t}=this.#t=new AbortController;fetch(e,{credentials:"same-origin",signal:t}).then(async s=>{let o=(a,n)=>{(a.status===301||a.status===302)&&this.followRedirects?this._manageUrl(a.headers.get("Location")):a.ok||this.renderErrors?n.then(l=>bt.addAnimationEndCallback(this,()=>this._manageResult(l),ea)):this._manageResult("")},i=+s.headers.get("Content-Length");if(i>0){this.progress=0;let a=0,n=[],l=s.body.getReader();for(;;){let{done:h,value:p}=await l.read();if(h)break;this.progress=(a+=p.length)/i,n.push(p)}o(s,new Promise((h,p)=>{try{let u=new Uint8Array(a),f=0;for(let L of n)u.set(L,f),f+=L.length;let g=new TextDecoder("utf-8").decode(u);h(g)}catch(u){p(u)}}))}else o(s,s.text())},s=>{})}_manageResult(e){cancelAnimationFrame(this._renderHandle);let t=++this.#e;this.scrollTo({top:0,left:0,behavior:"instant"}),this.innerHTML="",this._dispatchPrerender(),this._renderHandle=requestAnimationFrame(()=>{this.innerHTML=e,this.fetching=!1,this.progress=Number.NaN,bt.addAnimationEndCallback(this,()=>{t===this.#e&&this._dispatchRender()},ea)})}#s;_dispatchRender(){if(!this.isConnected)return;let e=new Os.PacemResizeElement;e.target=this,e.addEventListener(Os.ResizeEventName,this._debounceDispatchHandler),fc.findAncestorShell(this).appendChild(e),this._debounceDispatchHandler()}_dispatchPrerender(){this.dispatchEvent(new CustomEvent("prerender"))}};_t([Ut({reflectBack:!0,converter:vc})],Ae.prototype,"url",void 0);_t([Ut()],Ae.prototype,"fetching",void 0);_t([Ut()],Ae.prototype,"progress",void 0);_t([Ut({emit:!1,converter:uo.Boolean})],Ae.prototype,"renderErrors",void 0);_t([Ut({emit:!1,converter:uo.Boolean})],Ae.prototype,"followRedirects",void 0);_t([Ut({emit:!1,converter:uo.Number})],Ae.prototype,"debounce",void 0);Ae=_t([uc({tagName:pc+"-view"})],Ae);import{P as Z,PCSS as bc,CustomElement as sa,Watch as fo,Components as ia,UI as yi,Utils as q,PropertyConverters as vo,Defaults as _c,CustomElementUtils as gc,PropertyChangeEventName as ta}from"@pacem/pacem-core";var Ns=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},oa="window-title",mo=class extends ia.PacemIterativeElement{constructor(){super(...arguments),this._zIndex=1,this._startHandler=e=>{this._incrementZIndex(e.detail.element),q.addClass(e.detail.element,"window-rescaling")},this._blurHandler=e=>{q.removeClass(e.detail.element,"window-rescaling")},this._focusHandler=e=>{this._incrementZIndex(e.currentTarget)},this._itemPropertyChangeHandler=e=>{if(e.detail.propertyName==="floating"&&e.detail.currentValue===!1){let t=e.currentTarget,s=this.items.indexOf(t);q.addClass(t,"docking-in"),this.adapter.select(s),q.addAnimationEndCallback(t,o=>{q.removeClass(o,"docking-in")},150)}},this._adapterPagerCallback=e=>{let t=e.detail.index,s=this.items[t];e.detail.hide=s.hide||s.floating}}validate(e){return e instanceof gt}_incrementZIndex(e){this._zIndex!=parseInt(e.style.zIndex)&&(e.style.zIndex=""+ ++this._zIndex)}connectedCallback(){super.connectedCallback();let e=gc.findAncestorShell(this);this._behaviors=[e.appendChild(this._dragDrop=document.createElement(Z+"-drag-drop")),e.appendChild(this._rescale=document.createElement(Z+"-rescale"))],this._dragDrop.handleSelector="."+oa,this._rescale.addEventListener(yi.RescaleEventType.Start,this._startHandler,!1),this._rescale.addEventListener(yi.RescaleEventType.End,this._blurHandler,!1)}viewActivatedCallback(){if(super.viewActivatedCallback(),q.isNull(this.adapter)){let e=this.adapter=this.appendChild(document.createElement(Z+"-adapter"));q.addClass(e,"windows-adapter"),e.labelCallback=(t,s)=>t.caption,e.swipeEnabled=!1,e.deselectable=!0,e.initialize(this)}this.adapter.addEventListener(Ft,this._adapterPagerCallback,!1)}disconnectedCallback(){q.isNull(this.adapter)||(this.adapter.removeEventListener(Ft,this._adapterPagerCallback,!1),this.adapter.remove(),this.adapter=null),this._rescale.removeEventListener(yi.RescaleEventType.End,this._blurHandler,!1),this._rescale.removeEventListener(yi.RescaleEventType.Start,this._startHandler,!1);for(let e of this._behaviors)e.remove();super.disconnectedCallback()}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),e==="index"&&this._syncVisibility()}register(e){let t=super.register(e);if(t){e.addEventListener(ta,this._itemPropertyChangeHandler,!1),e.addEventListener("mousedown",this._focusHandler,!1);for(let s of this._behaviors)e.behaviors.indexOf(s)===-1&&e.behaviors.push(s)}return t}unregister(e){let t=super.unregister(e);if(t){e.removeEventListener(ta,this._itemPropertyChangeHandler,!1),e.removeEventListener("mousedown",this._focusHandler,!1);for(let s of this._behaviors){let o=e.behaviors.indexOf(s);o>=0&&e.behaviors.splice(o,1)}}return t}_syncVisibility(){let e=0,t=this.items??[];for(let s of t)e===this.index?q.addClass(s,"dock-open"):q.removeClass(s,"dock-open"),e++}};mo=Ns([sa({tagName:Z+"-window-area"})],mo);var gt=class extends ia.PacemIterableElement{propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),(e==="minimized"||e==="floating")&&this._syncLayout()}viewActivatedCallback(){super.viewActivatedCallback(),this._syncLayout()}_syncLayout(){(this.minimized?q.addClass:q.removeClass).apply(this,[this,"window-min"]),(this.floating?q.removeClass:q.addClass).apply(this,[this,"window-dock"])}};Ns([fo({converter:vo.String})],gt.prototype,"caption",void 0);Ns([fo({converter:vo.Boolean})],gt.prototype,"minimized",void 0);Ns([fo({converter:vo.Boolean})],gt.prototype,"floating",void 0);gt=Ns([sa({tagName:Z+"-window",shadow:_c.USE_SHADOW_ROOT,template:`<div class="${oa}">
     <${Z}-text text="{{ :host.caption || 'Window' }}"></${Z}-text>
 </div>
 <div class="window-buttons ${bc}-buttonset"><div class="buttonset-right">

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-cauchy (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-chebyshev (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -5836,6 +5836,7 @@ var ElementOrStringPropertyConverter = {
 var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
   constructor() {
     super(...arguments);
+    this.#renderVersion = 0;
     this._templateChangeHandler = (evt) => {
       const tmplProxy = evt.target;
       this._setTmpl(tmplProxy.target);
@@ -5856,6 +5857,8 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
       );
     };
   }
+  /** Bumped by every new content: a pending `render` dispatch from superseded content is dropped. */
+  #renderVersion;
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
     if (name === "url" || name === "disabled") {
@@ -5912,6 +5915,7 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
   }
   _setTmpl(tmpl) {
     cancelAnimationFrame(this._renderHandle);
+    this.#renderVersion++;
     this.innerHTML = "";
     this._dispatchPrerender();
     this._renderHandle = requestAnimationFrame(() => {
@@ -5974,6 +5978,7 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
   }
   _manageResult(result) {
     cancelAnimationFrame(this._renderHandle);
+    const version = ++this.#renderVersion;
     this.scrollTo({ top: 0, left: 0, behavior: "instant" });
     this.innerHTML = "";
     this._dispatchPrerender();
@@ -5982,12 +5987,18 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
       this.fetching = false;
       this.progress = Number.NaN;
       Utils32.addAnimationEndCallback(this, () => {
+        if (version !== this.#renderVersion) {
+          return;
+        }
         this._dispatchRender();
       }, ANIM_TIMEOUT);
     });
   }
   #resizeHandle;
   _dispatchRender() {
+    if (!this.isConnected) {
+      return;
+    }
     const resizer = new Components33.PacemResizeElement();
     resizer.target = this;
     resizer.addEventListener(Components33.ResizeEventName, this._debounceDispatchHandler);