@pacem/pacem 1.0.0-bernoulli → 1.0.0-bessel

package/dist/browser/pacem-ui.js

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem v1.0.0-bernoulli (https://js.pacem.it)
+ * @pacem/pacem v1.0.0-bessel (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -5890,6 +5890,18 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
                 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(pacemCore.Components.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);
@@ -5957,6 +5969,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
             cancelAnimationFrame(this._renderHandle);
             // this way, `this._container.innerHTML = ''` instruction will eventually let the page "scroll up"...
             this.innerHTML = '';
+            this._dispatchPrerender();
             this._renderHandle = requestAnimationFrame(() => {
                 if (pacemCore.Utils.isNull(tmpl)) {
                     this.log(pacemCore.Logging.LogLevel.Error, `Template element not found.`);
@@ -6028,6 +6041,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
             cancelAnimationFrame(this._renderHandle);
             this.scrollTo({ top: 0, left: 0, behavior: 'instant' });
             this.innerHTML = '';
+            this._dispatchPrerender();
             this._renderHandle = requestAnimationFrame(() => {
                 this.innerHTML = result;
                 this.fetching = false;
@@ -6039,8 +6053,16 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
                 }, ANIM_TIMEOUT);
             });
         }
+        #resizeHandle;
         _dispatchRender() {
-            this.dispatchEvent(new CustomEvent("render"));
+            const resizer = new pacemCore.Components.PacemResizeElement();
+            resizer.target = this;
+            resizer.addEventListener(pacemCore.Components.ResizeEventName, this._debounceDispatchHandler);
+            pacemCore.CustomElementUtils.findAncestorShell(this).appendChild(resizer);
+            this._debounceDispatchHandler();
+        }
+        _dispatchPrerender() {
+            this.dispatchEvent(new CustomEvent("prerender"));
         }
     };
     __decorate$1([