@pacem/pacem-ui 1.0.0-fermat → 1.0.0-gauss

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v1.0.0-fermat (https://js.pacem.it)
+ * @pacem/pacem-ui v1.0.0-gauss (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -1832,7 +1832,16 @@ PacemBladeElement = __decorate5([
 ], PacemBladeElement);
 
 // packages/ui/dist/esm/bottom-sheet.js
-import { P as P6, PCSS as PCSS5, CustomElement as CustomElement6, Watch as Watch6, Utils as Utils6, PropertyConverters as PropertyConverters6, Components as Components6, preventDefaultHandler as preventDefaultHandler2, ViewChild as ViewChild3, CustomElementUtils as CustomElementUtils3, UI as UI2 } from "@pacem/pacem-core";
+import { P as P6, PCSS as PCSS5, CustomElement as CustomElement6, Watch as Watch6, Utils as Utils6, PropertyConverters as PropertyConverters6, Components as Components6, preventDefaultHandler as preventDefaultHandler2, ViewChild as ViewChild3, CustomElementUtils as CustomElementUtils3, UI as UI2, stopPropagationHandler as stopPropagationHandler2, avoidHandler as avoidHandler2 } from "@pacem/pacem-core";
+
+// packages/ui/dist/esm/lightbox-abstractions.js
+var LightboxBehavior;
+(function(LightboxBehavior2) {
+  LightboxBehavior2["ClickOutsideClose"] = "clickOutsideClose";
+  LightboxBehavior2["ExplicitClose"] = "explicitClose";
+})(LightboxBehavior || (LightboxBehavior = {}));
+
+// packages/ui/dist/esm/bottom-sheet.js
 var __decorate6 = 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);
@@ -1949,6 +1958,12 @@ var PacemBottomSheetElement = class PacemBottomSheetElement2 extends Components6
       }
       this._setPosition();
     };
+    this._softReleaseHandler = (e) => {
+      avoidHandler2(e);
+      if (this.behavior !== LightboxBehavior.ExplicitClose) {
+        this.open = false;
+      }
+    };
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -2004,6 +2019,8 @@ var PacemBottomSheetElement = class PacemBottomSheetElement2 extends Components6
     this._toggle();
     this._rebuildSwiperSnaps();
     this._toggleSwiper();
+    this._sheet.addEventListener("pointerdown", stopPropagationHandler2, false);
+    this.addEventListener("pointerdown", this._softReleaseHandler, false);
   }
   disconnectedCallback() {
     const resizer = this._resizer;
@@ -2021,6 +2038,11 @@ var PacemBottomSheetElement = class PacemBottomSheetElement2 extends Components6
       swiper.removeEventListener(UI2.SwipeEventType.SwipeUpAnimationEnd, this._swipeHandler);
       swiper.removeEventListener(UI2.SwipeEventType.SwipeDownAnimationEnd, this._swipeHandler);
     }
+    const sheet = this._sheet;
+    if (!Utils6.isNull(sheet)) {
+      sheet.removeEventListener("pointerdown", stopPropagationHandler2);
+    }
+    this.removeEventListener("pointerdown", this._softReleaseHandler);
     super.disconnectedCallback();
   }
   /**
@@ -2093,6 +2115,9 @@ __decorate6([
 __decorate6([
   Watch6({ emit: false, converter: PropertyConverters6.Boolean })
 ], PacemBottomSheetElement.prototype, "open", void 0);
+__decorate6([
+  Watch6({ emit: false, converter: PropertyConverters6.String })
+], PacemBottomSheetElement.prototype, "behavior", void 0);
 PacemBottomSheetElement = __decorate6([
   CustomElement6({
     tagName: P6 + "-bottom-sheet",
@@ -2111,7 +2136,7 @@ PacemBottomSheetElement = __decorate6([
 import { P as P7, PCSS as PCSS6, CustomElement as CustomElement7, Watch as Watch8, Utils as Utils8, PropertyConverters as PropertyConverters7, Components as Components8, CommandEvent } from "@pacem/pacem-core";
 
 // packages/ui/dist/esm/dialog-abstractions.js
-import { Watch as Watch7, Utils as Utils7, Components as Components7, CustomTypedEvent, Logging, avoidHandler as avoidHandler2 } from "@pacem/pacem-core";
+import { Watch as Watch7, Utils as Utils7, Components as Components7, CustomTypedEvent, Logging, avoidHandler as avoidHandler3 } from "@pacem/pacem-core";
 var __decorate7 = 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);
@@ -2159,7 +2184,7 @@ var PacemDialogBase = class extends Components7.PacemElement {
   }
   /** Closes the dialog with the given button outcome, resolving the pending `open()` promise and dispatching a {@link DialogResultEvent}. */
   commit(btn, evt) {
-    avoidHandler2(evt);
+    avoidHandler3(evt);
     this.log(Logging.LogLevel.Debug, `Committing dialog by clicking '${btn}'.`);
     const state = this.state;
     var drevt = new DialogResultEvent({ button: btn, state });
@@ -3595,15 +3620,8 @@ __decorate17([
   Watch16()
 ], PacemAdaptedIterativeElement.prototype, "datasource", void 0);
 
-// packages/ui/dist/esm/lightbox-abstractions.js
-var LightboxBehavior;
-(function(LightboxBehavior2) {
-  LightboxBehavior2["ClickOutsideClose"] = "clickOutsideClose";
-  LightboxBehavior2["ExplicitClose"] = "explicitClose";
-})(LightboxBehavior || (LightboxBehavior = {}));
-
 // packages/ui/dist/esm/lightbox.js
-import { P as P16, PCSS as PCSS11, CustomElement as CustomElement16, Watch as Watch17, Utils as Utils16, PropertyConverters as PropertyConverters16, Components as Components16, stopPropagationHandler as stopPropagationHandler2, ViewChild as ViewChild7, avoidHandler as avoidHandler3 } from "@pacem/pacem-core";
+import { P as P16, PCSS as PCSS11, CustomElement as CustomElement16, Watch as Watch17, Utils as Utils16, PropertyConverters as PropertyConverters16, Components as Components16, stopPropagationHandler as stopPropagationHandler3, ViewChild as ViewChild7, avoidHandler as avoidHandler4 } from "@pacem/pacem-core";
 var __decorate18 = 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);
@@ -3620,7 +3638,7 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
     };
     this._wrapperMousedownHandler = (evt) => {
       if (this.modal || this.behavior === LightboxBehavior.ExplicitClose) {
-        stopPropagationHandler2(evt);
+        stopPropagationHandler3(evt);
       } else {
         this.show = false;
       }
@@ -3651,8 +3669,8 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
     var wrapper = this._wrapperElement;
     var container = this._container;
     wrapper.addEventListener("mousedown", this._wrapperMousedownHandler, false);
-    container.addEventListener("mousedown", stopPropagationHandler2, false);
-    document.body.removeEventListener("scroll", avoidHandler3, true);
+    container.addEventListener("mousedown", stopPropagationHandler3, false);
+    document.body.removeEventListener("scroll", avoidHandler4, true);
     window.addEventListener("keyup", this._keyupHandler, false);
     this._resetLayout();
     this._slot.addEventListener("slotchange", this._slotchangeHandler, false);
@@ -3711,12 +3729,12 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
     }
     var wrapper = this._wrapperElement;
     var container = this._container;
-    document.body.removeEventListener("scroll", avoidHandler3, true);
+    document.body.removeEventListener("scroll", avoidHandler4, true);
     if (!Utils16.isNull(wrapper)) {
       wrapper.removeEventListener("mousedown", this._wrapperMousedownHandler, false);
     }
     if (!Utils16.isNull(container)) {
-      container.removeEventListener("mousedown", stopPropagationHandler2, false);
+      container.removeEventListener("mousedown", stopPropagationHandler3, false);
     }
     window.removeEventListener("keyup", this._keyupHandler, false);
     this._disposeButton();
@@ -3732,7 +3750,7 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
   }
   _close(evt) {
     if (!Utils16.isNull(evt)) {
-      avoidHandler3(evt);
+      avoidHandler4(evt);
     }
     this.show = false;
   }
@@ -4417,7 +4435,7 @@ PacemMediaQueryElement = __decorate22([
 ], PacemMediaQueryElement);
 
 // packages/ui/dist/esm/menu.js
-import { P as P22, PCSS as PCSS14, Utils as Utils20, CustomElement as CustomElement21, Watch as Watch22, ViewChild as ViewChild10, PropertyConverters as PropertyConverters21, Components as Components20, Defaults as Defaults6, avoidHandler as avoidHandler4, stopPropagationHandler as stopPropagationHandler3, CustomElementUtils as CustomElementUtils6, Logging as Logging2 } from "@pacem/pacem-core";
+import { P as P22, PCSS as PCSS14, Utils as Utils20, CustomElement as CustomElement21, Watch as Watch22, ViewChild as ViewChild10, PropertyConverters as PropertyConverters21, Components as Components20, Defaults as Defaults6, avoidHandler as avoidHandler5, stopPropagationHandler as stopPropagationHandler4, CustomElementUtils as CustomElementUtils6, Logging as Logging2 } from "@pacem/pacem-core";
 var __decorate23 = 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);
@@ -4441,15 +4459,15 @@ var PacemMenuElement = class PacemMenuElement2 extends Components20.PacemElement
   }
   viewActivatedCallback() {
     super.viewActivatedCallback();
-    this._container.addEventListener("click", stopPropagationHandler3, false);
-    this._container.addEventListener("scroll", stopPropagationHandler3, false);
+    this._container.addEventListener("click", stopPropagationHandler4, false);
+    this._container.addEventListener("scroll", stopPropagationHandler4, false);
     this._sync();
   }
   disconnectedCallback() {
     window.removeEventListener("navigate", this._stopPropagationHandlerConditional, false);
     if (!Utils20.isNull(this._container)) {
-      this._container.removeEventListener("click", stopPropagationHandler3, false);
-      this._container.removeEventListener("scroll", stopPropagationHandler3, false);
+      this._container.removeEventListener("click", stopPropagationHandler4, false);
+      this._container.removeEventListener("scroll", stopPropagationHandler4, false);
     }
     this._sync(false);
     super.disconnectedCallback();
@@ -4460,7 +4478,7 @@ var PacemMenuElement = class PacemMenuElement2 extends Components20.PacemElement
     this._shell = CustomElementUtils6.findAncestorShell(this);
   }
   _toggle(evt) {
-    avoidHandler4(evt);
+    avoidHandler5(evt);
     this.open = !this.open;
     this.dispatchEvent(new Event("toggle"));
   }
@@ -4523,40 +4541,14 @@ var PacemMenuCursorElement = PacemMenuCursorElement_1 = class PacemMenuCursorEle
   constructor() {
     super(...arguments);
     this._onPathChange = (evt) => {
-      const menu = this._menu, path = evt && evt.detail || window.location.pathname;
-      if (Utils20.isNull(menu)) {
-        this.log(Logging2.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement_1}.`);
-        return;
-      }
-      var anchors = menu.querySelectorAll(P22 + "-a");
-      var tget = null;
-      for (let j = 0; j < anchors.length; j++) {
-        let a = anchors.item(j);
-        if (a.href === path) {
-          tget = a;
-          break;
-        }
-      }
-      if (Utils20.isNull(tget)) {
-        tget = menu.querySelector(`a[href='${path}']`);
-      }
-      if (!Utils20.isNull(tget)) {
-        const rect = Utils20.offset(tget);
-        const rectMenu = Utils20.offset(menu);
-        this.style.top = rect.top + "px";
-        this.style.left = rectMenu.left + "px";
-        this.style.width = "0";
-        this.style.height = rect.height + "px";
-        Utils20.addAnimationEndCallback(this, () => {
-          this.style.width = rect.width + rect.left - rectMenu.left + "px";
-        }, 500);
-      }
+      const path = evt?.detail.path;
+      this._findAnchorAndScrollItIntoView(path);
     };
   }
   viewActivatedCallback() {
     super.viewActivatedCallback();
     this._menu = CustomElementUtils6.findAncestorOfType(this, PacemMenuElement);
-    this._onPathChange();
+    this._findAnchorAndScrollItIntoView();
   }
   connectedCallback() {
     super.connectedCallback();
@@ -4567,6 +4559,47 @@ var PacemMenuCursorElement = PacemMenuCursorElement_1 = class PacemMenuCursorEle
     window.removeEventListener("navigate", this._onPathChange, false);
     super.disconnectedCallback();
   }
+  propertyChangedCallback(name, old, val, first) {
+    super.propertyChangedCallback(name, old, val, first);
+    if (first) {
+      return;
+    }
+    switch (name) {
+      case "disabled":
+        this._findAnchorAndScrollItIntoView();
+        break;
+    }
+  }
+  _findAnchorAndScrollItIntoView(path = window.location.pathname) {
+    if (this.disabled) {
+      return;
+    }
+    const menu = this._menu;
+    if (Utils20.isNull(menu)) {
+      this.log(Logging2.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement_1}.`);
+      return;
+    }
+    const anchors = menu.querySelectorAll(P22 + "-a");
+    let tget = null;
+    for (let j = 0; j < anchors.length; j++) {
+      const a = anchors.item(j);
+      const router = a.router;
+      let href = Utils20.isNull(router) ? a.href : (
+        /* build fully formatted href, it might contain placeholders */
+        Utils20.URIs.format(a.href, router.state)
+      );
+      if (href === path) {
+        tget = a;
+        break;
+      }
+    }
+    if (Utils20.isNull(tget)) {
+      tget = menu.querySelector(`a[href='${path}']`);
+    }
+    if (!Utils20.isNull(tget)) {
+      tget.scrollIntoView({ behavior: "smooth" });
+    }
+  }
 };
 PacemMenuCursorElement = PacemMenuCursorElement_1 = __decorate23([
   CustomElement21({
@@ -5558,7 +5591,7 @@ PacemToastElement = PacemToastElement_1 = __decorate33([
 ], PacemToastElement);
 
 // packages/ui/dist/esm/toc.js
-import { P as P33, PCSS as PCSS19, CustomElement as CustomElement32, Watch as Watch31, ViewChild as ViewChild16, Components as Components31, Utils as Utils29, PropertyConverters as PropertyConverters30, Defaults as Defaults9, Animations as Animations2, Debounce as Debounce5, avoidHandler as avoidHandler5 } from "@pacem/pacem-core";
+import { P as P33, PCSS as PCSS19, CustomElement as CustomElement32, Watch as Watch31, ViewChild as ViewChild16, Components as Components31, Utils as Utils29, PropertyConverters as PropertyConverters30, Defaults as Defaults9, Animations as Animations2, Debounce as Debounce5, avoidHandler as avoidHandler6 } from "@pacem/pacem-core";
 var __decorate34 = 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);
@@ -5634,7 +5667,7 @@ var PacemTocElement = class PacemTocElement2 extends Components31.PacemElement {
     }
   }
   _startScrollTo(item, evt) {
-    avoidHandler5(evt);
+    avoidHandler6(evt);
     this._scrollTo(item.url);
   }
   _update(top) {