@pacem/pacem-core 1.0.0-banach → 1.0.0-bessel

package/dist/bundle/pacem-core.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-core v1.0.0-banach (https://js.pacem.it)
+ * @pacem/pacem-core v1.0.0-bessel (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -1002,6 +1002,13 @@ var Utils = class _Utils {
   static set scrollLeft(x) {
     window.scrollTo(x, _Utils.scrollTop);
   }
+  static scrollTo(x, y = true, smooth = true) {
+    const yFirst = _Utils.isNull(y) || typeof y === "boolean";
+    const left = yFirst ? _Utils.scrollLeft : x;
+    const top = yFirst ? x : y;
+    const behavior = (yFirst ? y : smooth) ? "smooth" : "instant";
+    window.scrollTo({ behavior, left, top });
+  }
   static get scrollTop() {
     return window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
   }
@@ -1426,6 +1433,18 @@ var PropertyChangeEvent = class extends CustomTypedEvent {
     super(PropertyChangeEventName, args);
   }
 };
+var RouterNavigatingEventName = "navigating";
+var RouterNavigateEventName = "navigate";
+var RouterNavigateEvent = class extends CustomTypedEvent {
+  constructor(path) {
+    super(RouterNavigateEventName, typeof path === "string" ? { path } : path, { cancelable: false, bubbles: false });
+  }
+};
+var RouterNavigatingEvent = class extends CustomTypedEvent {
+  constructor(path) {
+    super(RouterNavigatingEventName, path, { cancelable: true, bubbles: false });
+  }
+};
 
 // packages/core/dist/esm/animations/events.js
 var AnimationEvent = class extends CustomTypedEvent {
@@ -2025,10 +2044,6 @@ __export(index_components_exports, {
   RepeaterItemRemoveEventName: () => RepeaterItemRemoveEventName,
   ResizeEvent: () => ResizeEvent,
   ResizeEventName: () => ResizeEventName,
-  RouterNavigateEvent: () => RouterNavigateEvent,
-  RouterNavigateEventName: () => RouterNavigateEventName,
-  RouterNavigatingEvent: () => RouterNavigatingEvent,
-  RouterNavigatingEventName: () => RouterNavigatingEventName,
   ScrollEvent: () => ScrollEvent,
   ScrollEventName: () => ScrollEventName,
   StateEvent: () => StateEvent,
@@ -5787,25 +5802,22 @@ var __decorate24 = function(decorators, target, key2, desc) {
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key2, r) : d(target, key2)) || r;
   return c > 3 && r && Object.defineProperty(target, key2, r), r;
 };
-var RouterNavigatingEventName = "navigating";
-var RouterNavigateEventName = "navigate";
-var RouterNavigateEvent = class extends CustomTypedEvent {
-  constructor(path) {
-    super(RouterNavigateEventName, typeof path === "string" ? { path } : path, { cancelable: false, bubbles: false });
-  }
-};
-var RouterNavigatingEvent = class extends CustomTypedEvent {
-  constructor(path) {
-    super(RouterNavigatingEventName, path, { cancelable: true, bubbles: false });
-  }
-};
 var CHECK_PATTERN = /^([\w\.]:)?\/\/[^\/]+/;
 var PacemRouterElement = class PacemRouterElement2 extends PacemEventTarget {
   constructor() {
     super(...arguments);
+    this._onScroll = (e) => {
+      const scrollRestoration = this.scrollRestoration ?? true;
+      if (!scrollRestoration) {
+        return;
+      }
+      const y = Math.floor(Utils.scrollTop);
+      window.history.replaceState(Utils.extend({}, window.history.state, { $scrollY: y }), document.title);
+    };
     this._onPopState = (evt) => {
       if (!Utils.isNull(evt.state) && !this.#cancelingNavigation) {
-        this.path = evt.state.$path;
+        const state = evt.state;
+        this.path = state.$path;
       }
     };
   }
@@ -5848,12 +5860,13 @@ var PacemRouterElement = class PacemRouterElement2 extends PacemEventTarget {
         this.path = from;
         return;
       }
-      this.state = state;
+      const newState = !poppingState ? Utils.extend({ $scrollY: 0 }, state) : Utils.extend({ $scrollY: 0 }, window.history.state, state);
+      this.state = newState;
+      window.history.scrollRestoration = this.scrollRestoration ?? true ? "manual" : "auto";
       if (poppingState) {
-        window.history.scrollRestoration = "manual";
-        window.history.replaceState(state, title);
+        window.history.replaceState(newState, document.title);
       } else {
-        window.history.pushState(state, title, path);
+        window.history.pushState(newState, title, path);
       }
       if (!Utils.isNullOrEmpty(title)) {
         document.title = title;
@@ -5878,6 +5891,7 @@ var PacemRouterElement = class PacemRouterElement2 extends PacemEventTarget {
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("popstate", this._onPopState, false);
+    document.addEventListener("scroll", this._onScroll, false);
   }
   viewActivatedCallback() {
     super.viewActivatedCallback();
@@ -5887,6 +5901,7 @@ var PacemRouterElement = class PacemRouterElement2 extends PacemEventTarget {
     }
   }
   disconnectedCallback() {
+    document.removeEventListener("scroll", this._onScroll, false);
     window.removeEventListener("popstate", this._onPopState, false);
     super.disconnectedCallback();
   }
@@ -5940,6 +5955,9 @@ __decorate24([
 __decorate24([
   Watch({ emit: false, converter: PropertyConverters.String })
 ], PacemRouterElement.prototype, "path", void 0);
+__decorate24([
+  Watch({ emit: false, reflectBack: true, converter: PropertyConverters.Boolean })
+], PacemRouterElement.prototype, "scrollRestoration", void 0);
 PacemRouterElement = __decorate24([
   CustomElement({ tagName: P + "-router" })
 ], PacemRouterElement);
@@ -8480,6 +8498,10 @@ export {
   Regex,
   Repeater,
   RepeaterItem,
+  RouterNavigateEvent,
+  RouterNavigateEventName,
+  RouterNavigatingEvent,
+  RouterNavigatingEventName,
   Storage,
   TemplateElement,
   Throttle,