@pacem/pacem 1.0.0-bernoulli → 1.0.0-bessel

package/dist/browser/pacem-plus.js

@@ -1,12 +1,12 @@
 /*!
- * @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
  */
 (function (pacemFoundation, pacemCore, pacemUi, pacemScaffolding) {
     'use strict';
 
-    var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$c = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -41,17 +41,17 @@
             }
         }
     }
-    __decorate$b([
+    __decorate$c([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemBaseCellElement.prototype, "metadata", void 0);
-    __decorate$b([
+    __decorate$c([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemBaseCellElement.prototype, "state", void 0);
-    __decorate$b([
+    __decorate$c([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemBaseCellElement.prototype, "gridState", void 0);
 
-    var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$b = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -95,7 +95,7 @@
             return metadata;
         }
     }
-    __decorate$a([
+    __decorate$b([
         pacemCore.Transformer('datagrids.localizeMetadata')
     ], DataGrids, "localizeMetadata", null);
 
@@ -110,7 +110,7 @@
         PacemBaseCellElement: PacemBaseCellElement
     });
 
-    var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$a = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -124,19 +124,19 @@
             this.interval = 4000;
         }
     };
-    __decorate$9([
+    __decorate$a([
         pacemCore.ViewChild(pacemCore.P + '-adapter')
     ], PacemCarouselElement.prototype, "adapter", void 0);
-    __decorate$9([
+    __decorate$a([
         pacemCore.ViewChild(pacemCore.P + '-slideshow')
     ], PacemCarouselElement.prototype, "slideshow", void 0);
-    __decorate$9([
+    __decorate$a([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Number })
     ], PacemCarouselElement.prototype, "interval", void 0);
-    __decorate$9([
+    __decorate$a([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Boolean })
     ], PacemCarouselElement.prototype, "pausable", void 0);
-    PacemCarouselElement = __decorate$9([
+    PacemCarouselElement = __decorate$a([
         pacemCore.CustomElement({
             tagName: pacemCore.P + '-carousel', shadow: pacemCore.Defaults.USE_SHADOW_ROOT,
             template: `<${pacemCore.P}-repeater datasource="{{ :host.datasource }}">
@@ -163,7 +163,7 @@
         })
     ], PacemCarouselElement);
 
-    var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$9 = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -199,31 +199,31 @@
             return retval;
         }
     };
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuItemCommandElement.prototype, "commandName", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuItemCommandElement.prototype, "caption", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuItemCommandElement.prototype, "tooltip", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuItemCommandElement.prototype, "iconGlyph", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.StringArray })
     ], PacemContextMenuItemCommandElement.prototype, "buttonCssClass", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuItemCommandElement.prototype, "confirmationMessage", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.Element })
     ], PacemContextMenuItemCommandElement.prototype, "confirmationDialog", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ emit: false, /* important */ reflectBack: true, converter: pacemCore.PropertyConverters.Json })
     ], PacemContextMenuItemCommandElement.prototype, "commandArgument", void 0);
-    PacemContextMenuItemCommandElement = __decorate$8([
+    PacemContextMenuItemCommandElement = __decorate$9([
         pacemCore.CustomElement({ tagName: pacemCore.P + '-context-menuitem-command' })
     ], PacemContextMenuItemCommandElement);
     let PacemContextMenuItemSeparatorElement = class PacemContextMenuItemSeparatorElement extends PacemContextMenuItemElement {
@@ -233,7 +233,7 @@
             return retval;
         }
     };
-    PacemContextMenuItemSeparatorElement = __decorate$8([
+    PacemContextMenuItemSeparatorElement = __decorate$9([
         pacemCore.CustomElement({ tagName: pacemCore.P + '-context-menuitem-separator' })
     ], PacemContextMenuItemSeparatorElement);
     // <${P}-button class="button-flat ${PCSS}-margin margin-0"><${P}-icon icon="{{ :host.icon || 'more_horiz' }}"></${P}-icon></${P}-button>
@@ -431,26 +431,26 @@
             this._disposeBalloonChildren(cursor);
         }
     };
-    __decorate$8([
+    __decorate$9([
         pacemCore.ViewChild('slot[name=button]')
     ], PacemContextMenuElement.prototype, "_slot", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemContextMenuElement.prototype, "commandArgument", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.String })
     ], PacemContextMenuElement.prototype, "icon", void 0);
-    __decorate$8([
+    __decorate$9([
         pacemCore.Debounce(true)
     ], PacemContextMenuElement.prototype, "_refreshMenuItems", null);
-    PacemContextMenuElement = __decorate$8([
+    PacemContextMenuElement = __decorate$9([
         pacemCore.CustomElement({
             tagName: pacemCore.P + '-context-menu', shadow: true,
             template: `<slot name="button"></slot><slot></slot>`
         })
     ], PacemContextMenuElement);
 
-    var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$8 = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -754,37 +754,37 @@
             });
         }
     };
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.String })
     ], PacemEditElement.prototype, "key", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.String })
     ], PacemEditElement.prototype, "type", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Element })
     ], PacemEditElement.prototype, "target", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.String })
     ], PacemEditElement.prototype, "imageUploadUrl", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false })
     ], PacemEditElement.prototype, "imageSet", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Number })
     ], PacemEditElement.prototype, "maxImageWidth", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Number })
     ], PacemEditElement.prototype, "maxImageHeight", void 0);
-    __decorate$7([
+    __decorate$8([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Boolean })
     ], PacemEditElement.prototype, "allowSnapshot", void 0);
-    PacemEditElement = __decorate$7([
+    PacemEditElement = __decorate$8([
         pacemCore.CustomElement({
             tagName: pacemCore.P + '-edit'
         })
     ], PacemEditElement);
 
-    var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$7 = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -922,37 +922,37 @@ ${captionTemplate}
             });
         }
     };
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-adapter')
     ], PacemGalleryElement.prototype, "_adapter", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-lightbox')
     ], PacemGalleryElement.prototype, "_lightbox", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-slideshow')
     ], PacemGalleryElement.prototype, "_slideshow", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-repeater')
     ], PacemGalleryElement.prototype, "_repeater", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-template-proxy')
     ], PacemGalleryElement.prototype, "_templateProxy", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.ViewChild(pacemCore.P + '-shell-proxy')
     ], PacemGalleryElement.prototype, "_heroPlaceholderProxy", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.Watch()
     ], PacemGalleryElement.prototype, "_poppingUp", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Element })
     ], PacemGalleryElement.prototype, "captionTemplate", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.String })
     ], PacemGalleryElement.prototype, "captionProperty", void 0);
-    __decorate$6([
+    __decorate$7([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.String })
     ], PacemGalleryElement.prototype, "imageProperty", void 0);
-    PacemGalleryElement = __decorate$6([
+    PacemGalleryElement = __decorate$7([
         pacemCore.CustomElement({
             tagName: pacemCore.P + '-gallery', shadow: pacemCore.Defaults.USE_SHADOW_ROOT,
             template: `<${pacemCore.P}-lightbox class="${pacemCore.PCSS}-gallery">
@@ -967,7 +967,7 @@ ${captionTemplate}
         })
     ], PacemGalleryElement);
 
-    var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$6 = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1085,52 +1085,52 @@ ${captionTemplate}
             };
         }
     };
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Boolean })
     ], PacemModalFormElement.prototype, "suddenValidation", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "okCaption", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "cancelCaption", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ reflectBack: true, converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "method", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemModalFormElement.prototype, "metadata", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "action", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "loaderType", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Boolean })
     ], PacemModalFormElement.prototype, "success", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Boolean })
     ], PacemModalFormElement.prototype, "fail", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Boolean })
     ], PacemModalFormElement.prototype, "readonly", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.Json })
     ], PacemModalFormElement.prototype, "fetchHeaders", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.Watch({ converter: pacemCore.PropertyConverters.String })
     ], PacemModalFormElement.prototype, "fetchCredentials", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.ViewChild(pacemCore.P + '-lightbox')
     ], PacemModalFormElement.prototype, "lightbox", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.ViewChild(pacemCore.P + '-form[entity]')
     ], PacemModalFormElement.prototype, "_form", void 0);
-    __decorate$5([
+    __decorate$6([
         pacemCore.ViewChild(pacemCore.P + '-fetch')
     ], PacemModalFormElement.prototype, "_fetcher", void 0);
-    PacemModalFormElement = PacemModalFormElement_1 = __decorate$5([
+    PacemModalFormElement = PacemModalFormElement_1 = __decorate$6([
         pacemCore.CustomElement({
             tagName: pacemCore.P + '-modal-form', shadow: pacemCore.Defaults.USE_SHADOW_ROOT,
             template: `<${pacemCore.P}-lightbox modal="true" logger="{{ :host.logger }}">
@@ -1159,7 +1159,7 @@ ${captionTemplate}
         })
     ], PacemModalFormElement);
 
-    var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$5 = (undefined && undefined.__decorate) || 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);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1402,22 +1402,135 @@ ${captionTemplate}
             this.state = pacemCore.Utils.extend({}, this.state || {}, obj);
         }
     };
-    __decorate$4([
+    __decorate$5([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Element })
     ], PacemRouterHashStateElement.prototype, "router", void 0);
-    __decorate$4([
+    __decorate$5([
         pacemCore.Watch({ emit: false, converter: pacemCore.PropertyConverters.Json })
     ], PacemRouterHashStateElement.prototype, "default", void 0);
-    __decorate$4([
+    __decorate$5([
         pacemCore.Watch()
     ], PacemRouterHashStateElement.prototype, "state", void 0);
-    __decorate$4([
+    __decorate$5([
         pacemCore.Watch()
     ], PacemRouterHashStateElement.prototype, "normalizedState", void 0);
-    PacemRouterHashStateElement = __decorate$4([
+    PacemRouterHashStateElement = __decorate$5([
         pacemCore.CustomElement({ tagName: pacemCore.P + '-router-hash-state' })
     ], PacemRouterHashStateElement);
 
+    var __decorate$4 = (undefined && undefined.__decorate) || 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);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    /**
+     * Bridges a {@link Components.PacemRouterElement}'s persisted scroll position (`state.$scrollY`, populated
+     * when `PacemRouterElement.scrollRestoration` is enabled) with a {@link ComponentsUI.UI.PacemViewElement}'s
+     * content lifecycle: navigating to a new page starts at the top, navigating back restores where the user
+     * left off - without either the router or the view needing to know about the other.
+     *
+     * This listens to the *view*'s `prerender`/`render` events rather than the router's own navigation events,
+     * because `render` only fires once the view's content has stopped resizing (it's debounced against the
+     * view's own resize detection, not just "content was inserted"). That mitigates - though doesn't fully
+     * eliminate - restoring to a scrollTop the page isn't tall enough to reach yet (e.g. images or async
+     * content still loading in): content changes that don't affect the view's own box size won't retrigger it.
+     */
+    let PacemRouterViewScrollElement = class PacemRouterViewScrollElement extends pacemCore.PacemEventTarget {
+        constructor() {
+            super(...arguments);
+            /** The old content is already gone and the new content hasn't landed yet - jump to the top now, instantly, so the transition never shows a scrolled-down blank/stale view. */
+            this._prerenderHandler = (_) => {
+                pacemCore.Utils.scrollTo(0, false);
+            };
+            /**
+             * New content has landed and its size has settled (see class remarks on `render`'s debounce). Restores the
+             * router's persisted scroll position for this entry, if any: `$scrollY` is `undefined` (or `0`) for a
+             * freshly-pushed page - never explicitly set on push, only captured when *leaving* a page - so this
+             * correctly leaves new pages at the top without any special-casing.
+             */
+            this._renderHandler = (_) => {
+                const state = this.router?.state;
+                if (state.$scrollY > 0) {
+                    const smooth = this.scrollBehavior != 'instant';
+                    pacemCore.Utils.scrollTo(state.$scrollY, smooth);
+                }
+            };
+        }
+        viewActivatedCallback() {
+            super.viewActivatedCallback();
+            this._setupRouter();
+            this._setupView();
+        }
+        propertyChangedCallback(name, old, val, first) {
+            super.propertyChangedCallback(name, old, val, first);
+            if (first) {
+                return;
+            }
+            switch (name) {
+                case 'router':
+                    // re-wire if the `router` reference itself is swapped out at runtime, not just on first assignment
+                    if (!pacemCore.Utils.isNull(old)) {
+                        this._disposeRouter(old);
+                    }
+                    if (!pacemCore.Utils.isNull(val)) {
+                        this._setupRouter(val);
+                    }
+                    break;
+                case 'view':
+                    if (!pacemCore.Utils.isNull(old)) {
+                        this._disposeView(old);
+                    }
+                    if (!pacemCore.Utils.isNull(val)) {
+                        this._setupView(val);
+                    }
+                    break;
+            }
+        }
+        disconnectedCallback() {
+            this._disposeRouter();
+            this._disposeView();
+            super.disconnectedCallback();
+        }
+        /** Turns on the router's own scroll-position bookkeeping (capturing `state.$scrollY` per history entry); see `PacemRouterElement.scrollRestoration`. */
+        _setupRouter(router = this.router) {
+            if (pacemCore.Utils.isNull(router)) {
+                return;
+            }
+            router.scrollRestoration = true;
+        }
+        /** No-op: `_setupRouter` only flips a flag on the router, there's no subscription to tear down. Kept for symmetry with `_disposeView`, and in case this grows one later. */
+        _disposeRouter(router = this.router) {
+            // do nothing
+        }
+        _setupView(view = this.view) {
+            if (pacemCore.Utils.isNull(view)) {
+                return;
+            }
+            view.addEventListener('prerender', this._prerenderHandler, false);
+            view.addEventListener('render', this._renderHandler, false);
+        }
+        _disposeView(view = this.view) {
+            if (pacemCore.Utils.isNull(view)) {
+                return;
+            }
+            view.removeEventListener('prerender', this._prerenderHandler);
+            view.removeEventListener('render', this._renderHandler);
+        }
+    };
+    __decorate$4([
+        pacemCore.Watch({ converter: pacemCore.PropertyConverters.Element, emit: false })
+    ], PacemRouterViewScrollElement.prototype, "router", void 0);
+    __decorate$4([
+        pacemCore.Watch({ converter: pacemCore.PropertyConverters.Element, emit: false })
+    ], PacemRouterViewScrollElement.prototype, "view", void 0);
+    __decorate$4([
+        pacemCore.Watch({ converter: pacemCore.PropertyConverters.String, emit: false })
+    ], PacemRouterViewScrollElement.prototype, "scrollBehavior", void 0);
+    PacemRouterViewScrollElement = __decorate$4([
+        pacemCore.CustomElement({ tagName: pacemCore.P + '-router-view-scroll' })
+    ], PacemRouterViewScrollElement);
+
     var __decorate$3 = (undefined && undefined.__decorate) || 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);
@@ -2358,6 +2471,7 @@ dataitem="{{ ^item }}" rowindex="{{ ^index }}" ${extra}></${pacemCore.P}-datacel
         get PacemHeadCellElement () { return PacemHeadCellElement; },
         get PacemModalFormElement () { return PacemModalFormElement; },
         get PacemRouterHashStateElement () { return PacemRouterHashStateElement; },
+        get PacemRouterViewScrollElement () { return PacemRouterViewScrollElement; },
         get PacemSearchElement () { return PacemSearchElement; }
     });