@pacem/pacem-ui 1.0.0-bernoulli → 1.0.0-bessel

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v1.0.0-bernoulli (https://js.pacem.it)
+ * @pacem/pacem-ui v1.0.0-bessel (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -5927,7 +5927,7 @@ PacemVibrateElement = __decorate36([
 ], PacemVibrateElement);
 
 // packages/ui/dist/esm/view.js
-import { P as P36, CustomElement as CustomElement35, Watch as Watch34, PacemEventTarget as PacemEventTarget6, Components as Components33, Utils as Utils32, PropertyConverters as PropertyConverters32, Logging as Logging4 } from "@pacem/pacem-core";
+import { P as P36, CustomElement as CustomElement35, Watch as Watch34, PacemEventTarget as PacemEventTarget6, Components as Components33, Utils as Utils32, PropertyConverters as PropertyConverters32, Logging as Logging4, CustomElementUtils as CustomElementUtils10 } from "@pacem/pacem-core";
 var __decorate37 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -5953,6 +5953,21 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
       const tmplProxy = evt.target;
       this._setTmpl(tmplProxy.target);
     };
+    this._debounceDispatchHandler = (e) => {
+      clearTimeout(this.#resizeHandle);
+      this.#resizeHandle = setTimeout(
+        () => {
+          if (e) {
+            const resizer = e.srcElement;
+            resizer.removeEventListener(Components33.ResizeEventName, this._debounceDispatchHandler);
+            resizer.remove();
+          }
+          this.dispatchEvent(new CustomEvent("render"));
+        },
+        100
+        /* tenth of a second limit */
+      );
+    };
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -6011,6 +6026,7 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
   _setTmpl(tmpl) {
     cancelAnimationFrame(this._renderHandle);
     this.innerHTML = "";
+    this._dispatchPrerender();
     this._renderHandle = requestAnimationFrame(() => {
       if (Utils32.isNull(tmpl)) {
         this.log(Logging4.LogLevel.Error, `Template element not found.`);
@@ -6073,6 +6089,7 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
     cancelAnimationFrame(this._renderHandle);
     this.scrollTo({ top: 0, left: 0, behavior: "instant" });
     this.innerHTML = "";
+    this._dispatchPrerender();
     this._renderHandle = requestAnimationFrame(() => {
       this.innerHTML = result;
       this.fetching = false;
@@ -6082,8 +6099,16 @@ var PacemViewElement = class PacemViewElement2 extends PacemEventTarget6 {
       }, ANIM_TIMEOUT);
     });
   }
+  #resizeHandle;
   _dispatchRender() {
-    this.dispatchEvent(new CustomEvent("render"));
+    const resizer = new Components33.PacemResizeElement();
+    resizer.target = this;
+    resizer.addEventListener(Components33.ResizeEventName, this._debounceDispatchHandler);
+    CustomElementUtils10.findAncestorShell(this).appendChild(resizer);
+    this._debounceDispatchHandler();
+  }
+  _dispatchPrerender() {
+    this.dispatchEvent(new CustomEvent("prerender"));
   }
 };
 __decorate37([
@@ -6111,7 +6136,7 @@ PacemViewElement = __decorate37([
 ], PacemViewElement);
 
 // packages/ui/dist/esm/window.js
-import { P as P37, PCSS as PCSS21, CustomElement as CustomElement36, Watch as Watch35, Components as Components34, UI as UI4, Utils as Utils33, PropertyConverters as PropertyConverters33, Defaults as Defaults10, CustomElementUtils as CustomElementUtils10, PropertyChangeEventName as PropertyChangeEventName2 } from "@pacem/pacem-core";
+import { P as P37, PCSS as PCSS21, CustomElement as CustomElement36, Watch as Watch35, Components as Components34, UI as UI4, Utils as Utils33, PropertyConverters as PropertyConverters33, Defaults as Defaults10, CustomElementUtils as CustomElementUtils11, PropertyChangeEventName as PropertyChangeEventName2 } from "@pacem/pacem-core";
 var __decorate38 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -6158,7 +6183,7 @@ var PacemWindowAreaElement = class PacemWindowAreaElement2 extends Components34.
   }
   connectedCallback() {
     super.connectedCallback();
-    let shell = CustomElementUtils10.findAncestorShell(this);
+    let shell = CustomElementUtils11.findAncestorShell(this);
     this._behaviors = [
       shell.appendChild(this._dragDrop = document.createElement(P37 + "-drag-drop")),
       shell.appendChild(this._rescale = document.createElement(P37 + "-rescale"))