@pacem/pacem 1.0.0-fermat → 1.0.0-gauss

package/dist/bundle/pacem.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem v1.0.0-fermat (https://js.pacem.it)
+ * @pacem/pacem v1.0.0-gauss (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -17508,7 +17508,16 @@ PacemBladeElement = __decorateClass([
 ], PacemBladeElement);
 
 // packages/ui/src/bottom-sheet.ts
-import { P as P11, PCSS as PCSS8, CustomElement as CustomElement11, Watch as Watch13, Utils as Utils22, PropertyConverters as PropertyConverters13, Components as Components9, preventDefaultHandler as preventDefaultHandler3, ViewChild as ViewChild5, CustomElementUtils as CustomElementUtils5, UI as UI3 } from "@pacem/pacem-core";
+import { P as P11, PCSS as PCSS8, CustomElement as CustomElement11, Watch as Watch13, Utils as Utils22, PropertyConverters as PropertyConverters13, Components as Components9, preventDefaultHandler as preventDefaultHandler3, ViewChild as ViewChild5, CustomElementUtils as CustomElementUtils5, UI as UI3, stopPropagationHandler as stopPropagationHandler3, avoidHandler as avoidHandler3 } from "@pacem/pacem-core";
+
+// packages/ui/src/lightbox-abstractions.ts
+var LightboxBehavior = /* @__PURE__ */ ((LightboxBehavior2) => {
+  LightboxBehavior2["ClickOutsideClose"] = "clickOutsideClose";
+  LightboxBehavior2["ExplicitClose"] = "explicitClose";
+  return LightboxBehavior2;
+})(LightboxBehavior || {});
+
+// packages/ui/src/bottom-sheet.ts
 var OPEN_CSSCLASS2 = "bottom-sheet-open";
 var _bottomSheet;
 var PacemBottomSheetHandleElement = class extends Components9.PacemElement {
@@ -17621,6 +17630,12 @@ var PacemBottomSheetElement = class extends Components9.PacemElement {
       }
       this._setPosition();
     };
+    this._softReleaseHandler = (e) => {
+      avoidHandler3(e);
+      if (this.behavior !== "explicitClose" /* ExplicitClose */) {
+        this.open = false;
+      }
+    };
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -17676,6 +17691,8 @@ var PacemBottomSheetElement = class extends Components9.PacemElement {
     this._toggle();
     this._rebuildSwiperSnaps();
     this._toggleSwiper();
+    this._sheet.addEventListener("pointerdown", stopPropagationHandler3, false);
+    this.addEventListener("pointerdown", this._softReleaseHandler, false);
   }
   disconnectedCallback() {
     const resizer = this._resizer;
@@ -17693,6 +17710,11 @@ var PacemBottomSheetElement = class extends Components9.PacemElement {
       swiper.removeEventListener(UI3.SwipeEventType.SwipeUpAnimationEnd, this._swipeHandler);
       swiper.removeEventListener(UI3.SwipeEventType.SwipeDownAnimationEnd, this._swipeHandler);
     }
+    const sheet = this._sheet;
+    if (!Utils22.isNull(sheet)) {
+      sheet.removeEventListener("pointerdown", stopPropagationHandler3);
+    }
+    this.removeEventListener("pointerdown", this._softReleaseHandler);
     super.disconnectedCallback();
   }
   /**
@@ -17765,6 +17787,9 @@ __decorateClass([
 __decorateClass([
   Watch13({ emit: false, converter: PropertyConverters13.Boolean })
 ], PacemBottomSheetElement.prototype, "open", 2);
+__decorateClass([
+  Watch13({ emit: false, converter: PropertyConverters13.String })
+], PacemBottomSheetElement.prototype, "behavior", 2);
 PacemBottomSheetElement = __decorateClass([
   CustomElement11({
     tagName: P11 + "-bottom-sheet",
@@ -17783,7 +17808,7 @@ PacemBottomSheetElement = __decorateClass([
 import { P as P12, PCSS as PCSS9, CustomElement as CustomElement12, Watch as Watch15, Utils as Utils24, PropertyConverters as PropertyConverters14, Components as Components11, CommandEvent as CommandEvent3 } from "@pacem/pacem-core";
 
 // packages/ui/src/dialog-abstractions.ts
-import { Watch as Watch14, Utils as Utils23, Components as Components10, CustomTypedEvent as CustomTypedEvent3, Logging as Logging4, avoidHandler as avoidHandler3 } from "@pacem/pacem-core";
+import { Watch as Watch14, Utils as Utils23, Components as Components10, CustomTypedEvent as CustomTypedEvent3, Logging as Logging4, avoidHandler as avoidHandler4 } from "@pacem/pacem-core";
 var DialogButtons = /* @__PURE__ */ ((DialogButtons2) => {
   DialogButtons2["YesNo"] = "yesno";
   DialogButtons2["YesNoCancel"] = "yesnocancel";
@@ -17825,7 +17850,7 @@ var PacemDialogBase = class extends Components10.PacemElement {
   }
   /** Closes the dialog with the given button outcome, resolving the pending `open()` promise and dispatching a {@link DialogResultEvent}. */
   commit(btn, evt) {
-    avoidHandler3(evt);
+    avoidHandler4(evt);
     this.log(Logging4.LogLevel.Debug, `Committing dialog by clicking '${btn}'.`);
     const state = this.state;
     var drevt = new DialogResultEvent({ button: btn, state });
@@ -19223,15 +19248,8 @@ __decorateClass([
   Watch23()
 ], PacemAdaptedIterativeElement.prototype, "datasource", 2);
 
-// packages/ui/src/lightbox-abstractions.ts
-var LightboxBehavior = /* @__PURE__ */ ((LightboxBehavior2) => {
-  LightboxBehavior2["ClickOutsideClose"] = "clickOutsideClose";
-  LightboxBehavior2["ExplicitClose"] = "explicitClose";
-  return LightboxBehavior2;
-})(LightboxBehavior || {});
-
 // packages/ui/src/lightbox.ts
-import { P as P21, PCSS as PCSS15, CustomElement as CustomElement21, Watch as Watch24, Utils as Utils32, PropertyConverters as PropertyConverters23, Components as Components20, stopPropagationHandler as stopPropagationHandler3, ViewChild as ViewChild9, avoidHandler as avoidHandler4 } from "@pacem/pacem-core";
+import { P as P21, PCSS as PCSS15, CustomElement as CustomElement21, Watch as Watch24, Utils as Utils32, PropertyConverters as PropertyConverters23, Components as Components20, stopPropagationHandler as stopPropagationHandler4, ViewChild as ViewChild9, avoidHandler as avoidHandler5 } from "@pacem/pacem-core";
 var _btn;
 var PacemLightboxElement = class extends Components20.PacemElement {
   constructor() {
@@ -19243,7 +19261,7 @@ var PacemLightboxElement = class extends Components20.PacemElement {
     };
     this._wrapperMousedownHandler = (evt) => {
       if (this.modal || this.behavior === "explicitClose" /* ExplicitClose */) {
-        stopPropagationHandler3(evt);
+        stopPropagationHandler4(evt);
       } else {
         this.show = false;
       }
@@ -19275,8 +19293,8 @@ var PacemLightboxElement = class extends Components20.PacemElement {
     var wrapper = this._wrapperElement;
     var container = this._container;
     wrapper.addEventListener("mousedown", this._wrapperMousedownHandler, false);
-    container.addEventListener("mousedown", stopPropagationHandler3, false);
-    document.body.removeEventListener("scroll", avoidHandler4, true);
+    container.addEventListener("mousedown", stopPropagationHandler4, false);
+    document.body.removeEventListener("scroll", avoidHandler5, true);
     window.addEventListener("keyup", this._keyupHandler, false);
     this._resetLayout();
     this._slot.addEventListener("slotchange", this._slotchangeHandler, false);
@@ -19335,12 +19353,12 @@ var PacemLightboxElement = class extends Components20.PacemElement {
     }
     var wrapper = this._wrapperElement;
     var container = this._container;
-    document.body.removeEventListener("scroll", avoidHandler4, true);
+    document.body.removeEventListener("scroll", avoidHandler5, true);
     if (!Utils32.isNull(wrapper)) {
       wrapper.removeEventListener("mousedown", this._wrapperMousedownHandler, false);
     }
     if (!Utils32.isNull(container)) {
-      container.removeEventListener("mousedown", stopPropagationHandler3, false);
+      container.removeEventListener("mousedown", stopPropagationHandler4, false);
     }
     window.removeEventListener("keyup", this._keyupHandler, false);
     this._disposeButton();
@@ -19356,7 +19374,7 @@ var PacemLightboxElement = class extends Components20.PacemElement {
   }
   _close(evt) {
     if (!Utils32.isNull(evt)) {
-      avoidHandler4(evt);
+      avoidHandler5(evt);
     }
     this.show = false;
   }
@@ -20026,7 +20044,7 @@ PacemMediaQueryElement = __decorateClass([
 ], PacemMediaQueryElement);
 
 // packages/ui/src/menu.ts
-import { P as P27, PCSS as PCSS19, Utils as Utils36, CustomElement as CustomElement26, Watch as Watch29, ViewChild as ViewChild12, PropertyConverters as PropertyConverters28, Components as Components24, Defaults as Defaults8, avoidHandler as avoidHandler5, stopPropagationHandler as stopPropagationHandler4, CustomElementUtils as CustomElementUtils8, Logging as Logging5 } from "@pacem/pacem-core";
+import { P as P27, PCSS as PCSS19, Utils as Utils36, CustomElement as CustomElement26, Watch as Watch29, ViewChild as ViewChild12, PropertyConverters as PropertyConverters28, Components as Components24, Defaults as Defaults8, avoidHandler as avoidHandler6, stopPropagationHandler as stopPropagationHandler5, CustomElementUtils as CustomElementUtils8, Logging as Logging5 } from "@pacem/pacem-core";
 var PacemMenuElement = class extends Components24.PacemElement {
   constructor() {
     super(...arguments);
@@ -20043,15 +20061,15 @@ var PacemMenuElement = class extends Components24.PacemElement {
   }
   viewActivatedCallback() {
     super.viewActivatedCallback();
-    this._container.addEventListener("click", stopPropagationHandler4, false);
-    this._container.addEventListener("scroll", stopPropagationHandler4, false);
+    this._container.addEventListener("click", stopPropagationHandler5, false);
+    this._container.addEventListener("scroll", stopPropagationHandler5, false);
     this._sync();
   }
   disconnectedCallback() {
     window.removeEventListener("navigate", this._stopPropagationHandlerConditional, false);
     if (!Utils36.isNull(this._container)) {
-      this._container.removeEventListener("click", stopPropagationHandler4, false);
-      this._container.removeEventListener("scroll", stopPropagationHandler4, false);
+      this._container.removeEventListener("click", stopPropagationHandler5, false);
+      this._container.removeEventListener("scroll", stopPropagationHandler5, false);
     }
     this._sync(false);
     super.disconnectedCallback();
@@ -20062,7 +20080,7 @@ var PacemMenuElement = class extends Components24.PacemElement {
     this._shell = CustomElementUtils8.findAncestorShell(this);
   }
   _toggle(evt) {
-    avoidHandler5(evt);
+    avoidHandler6(evt);
     this.open = !this.open;
     this.dispatchEvent(new Event("toggle"));
   }
@@ -20125,40 +20143,14 @@ var PacemMenuCursorElement = class extends Components24.PacemElement {
   constructor() {
     super(...arguments);
     this._onPathChange = (evt) => {
-      const menu = this._menu, path = evt && evt.detail || window.location.pathname;
-      if (Utils36.isNull(menu)) {
-        this.log(Logging5.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement}.`);
-        return;
-      }
-      var anchors = menu.querySelectorAll(P27 + "-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 (Utils36.isNull(tget)) {
-        tget = menu.querySelector(`a[href='${path}']`);
-      }
-      if (!Utils36.isNull(tget)) {
-        const rect = Utils36.offset(tget);
-        const rectMenu = Utils36.offset(menu);
-        this.style.top = rect.top + "px";
-        this.style.left = rectMenu.left + "px";
-        this.style.width = "0";
-        this.style.height = rect.height + "px";
-        Utils36.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 = CustomElementUtils8.findAncestorOfType(this, PacemMenuElement);
-    this._onPathChange();
+    this._findAnchorAndScrollItIntoView();
   }
   connectedCallback() {
     super.connectedCallback();
@@ -20169,6 +20161,47 @@ var PacemMenuCursorElement = class extends Components24.PacemElement {
     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 (Utils36.isNull(menu)) {
+      this.log(Logging5.LogLevel.Warn, `Couldn't find a ${PacemMenuElement} ancestor for this ${PacemMenuCursorElement}.`);
+      return;
+    }
+    const anchors = menu.querySelectorAll(P27 + "-a");
+    let tget = null;
+    for (let j = 0; j < anchors.length; j++) {
+      const a = anchors.item(j);
+      const router = a.router;
+      let href = Utils36.isNull(router) ? a.href : (
+        /* build fully formatted href, it might contain placeholders */
+        Utils36.URIs.format(a.href, router.state)
+      );
+      if (href === path) {
+        tget = a;
+        break;
+      }
+    }
+    if (Utils36.isNull(tget)) {
+      tget = menu.querySelector(`a[href='${path}']`);
+    }
+    if (!Utils36.isNull(tget)) {
+      tget.scrollIntoView({ behavior: "smooth" });
+    }
+  }
 };
 PacemMenuCursorElement = __decorateClass([
   CustomElement26({
@@ -21103,7 +21136,7 @@ PacemToastElement = __decorateClass([
 ], PacemToastElement);
 
 // packages/ui/src/toc.ts
-import { P as P38, PCSS as PCSS26, CustomElement as CustomElement37, Watch as Watch38, ViewChild as ViewChild18, Components as Components35, Utils as Utils45, PropertyConverters as PropertyConverters37, Defaults as Defaults11, Animations as Animations3, Debounce as Debounce6, avoidHandler as avoidHandler6 } from "@pacem/pacem-core";
+import { P as P38, PCSS as PCSS26, CustomElement as CustomElement37, Watch as Watch38, ViewChild as ViewChild18, Components as Components35, Utils as Utils45, PropertyConverters as PropertyConverters37, Defaults as Defaults11, Animations as Animations3, Debounce as Debounce6, avoidHandler as avoidHandler7 } from "@pacem/pacem-core";
 var PacemTocElement = class extends Components35.PacemElement {
   constructor(_tweener = new Animations3.TweenService()) {
     super();
@@ -21173,7 +21206,7 @@ var PacemTocElement = class extends Components35.PacemElement {
     }
   }
   _startScrollTo(item, evt) {
-    avoidHandler6(evt);
+    avoidHandler7(evt);
     this._scrollTo(item.url);
   }
   _update(top) {
@@ -21959,10 +21992,10 @@ import { CustomTypedEvent as CustomTypedEvent7, CustomEventUtils as CustomEventU
 import { HistoryService as HistoryService3 } from "@pacem/pacem-foundation";
 
 // packages/scaffolding/src/types-components.ts
-import { P as P44, PCSS as PCSS30, CustomElementUtils as CustomElementUtils16, Utils as Utils51, Components as Components40, PropertyConverters as PropertyConverters42, CustomElement as CustomElement43, Watch as Watch44, stopPropagationHandler as stopPropagationHandler5, DefaultComparer as DefaultComparer2, PropertyChangeEventName as PropertyChangeEventName6, Debounce as Debounce8 } from "@pacem/pacem-core";
+import { P as P44, PCSS as PCSS30, CustomElementUtils as CustomElementUtils16, Utils as Utils51, Components as Components40, PropertyConverters as PropertyConverters42, CustomElement as CustomElement43, Watch as Watch44, stopPropagationHandler as stopPropagationHandler6, DefaultComparer as DefaultComparer2, PropertyChangeEventName as PropertyChangeEventName6, Debounce as Debounce8 } from "@pacem/pacem-core";
 
 // packages/scaffolding/src/form.ts
-import { P as P43, PCSS as PCSS29, CustomElement as CustomElement42, Watch as Watch43, Utils as Utils50, PropertyConverters as PropertyConverters41, CustomTypedEvent as CustomTypedEvent6, CommandEventName as CommandEventName2, Components as Components39, Net as Net5, Debounce as Debounce7, avoidHandler as avoidHandler7, PropertyChangeEvent as PropertyChangeEvent9, PropertyChangeEventName as PropertyChangeEventName5, DeferPromise as DeferPromise2, Logging as Logging8, CustomElementUtils as CustomElementUtils15 } from "@pacem/pacem-core";
+import { P as P43, PCSS as PCSS29, CustomElement as CustomElement42, Watch as Watch43, Utils as Utils50, PropertyConverters as PropertyConverters41, CustomTypedEvent as CustomTypedEvent6, CommandEventName as CommandEventName2, Components as Components39, Net as Net5, Debounce as Debounce7, avoidHandler as avoidHandler8, PropertyChangeEvent as PropertyChangeEvent9, PropertyChangeEventName as PropertyChangeEventName5, DeferPromise as DeferPromise2, Logging as Logging8, CustomElementUtils as CustomElementUtils15 } from "@pacem/pacem-core";
 var FormSubmitEventName = "submit";
 var FormResetEventName = "reset";
 var FormSubmitEvent = class extends CustomTypedEvent6 {
@@ -22025,7 +22058,7 @@ var PacemFormElement = class extends PacemFormRelevantElement {
     };
     this._submit = (fetcher, evt) => {
       if (!Utils50.isNull(evt)) {
-        avoidHandler7(evt);
+        avoidHandler8(evt);
       }
       Promise.all(this._validateAllFields()).then((p) => {
         if (p.findIndex((f) => f === false) === -1) {
@@ -22041,7 +22074,7 @@ var PacemFormElement = class extends PacemFormRelevantElement {
     };
     this._reset = (evt) => {
       if (!Utils50.isNull(evt))
-        avoidHandler7(evt);
+        avoidHandler8(evt);
       var resetEvt = new FormResetEvent();
       this.dispatchEvent(resetEvt);
       if (resetEvt.defaultPrevented) {
@@ -22148,7 +22181,7 @@ disabled="{{ (#${uid}.suddenValidation && (!(#${uid}.valid && #${uid}.dirty))) |
     form.innerHTML = html;
     this.innerHTML = "";
     this.appendChild(form);
-    form.addEventListener("submit", avoidHandler7, false);
+    form.addEventListener("submit", avoidHandler8, false);
     const old = this._buttons;
     const val = this._buttons = {
       submit: form.lastElementChild.firstElementChild.firstElementChild,
@@ -22738,13 +22771,13 @@ var PacemBaseElement = class extends PacemModelElement {
       });
     };
     this.keydownHandler = (evt) => {
-      stopPropagationHandler5(evt);
+      stopPropagationHandler6(evt);
     };
     this.keyupHandler = (evt) => {
       switch (evt.keyCode) {
         case /* Esc */
         27:
-          stopPropagationHandler5(evt);
+          stopPropagationHandler6(evt);
           if (this.compareValuePropertyValues(this.originalValue, this._preFocusValue)) {
             this.reset();
           } else {
@@ -22755,7 +22788,7 @@ var PacemBaseElement = class extends PacemModelElement {
         case /* Enter */
         13:
           if (this.preventKeyboardSubmit) {
-            stopPropagationHandler5(evt);
+            stopPropagationHandler6(evt);
           }
           break;
       }
@@ -22812,8 +22845,8 @@ var PacemBaseElement = class extends PacemModelElement {
       inputField.addEventListener("change", this.changeHandler, false);
       inputField.addEventListener("keydown", this.keydownHandler, false);
       inputField.addEventListener("keyup", this.keyupHandler, false);
-      inputField.addEventListener("mousedown", stopPropagationHandler5, false);
-      inputField.addEventListener("touchstart", stopPropagationHandler5, { passive: false, capture: false });
+      inputField.addEventListener("mousedown", stopPropagationHandler6, false);
+      inputField.addEventListener("touchstart", stopPropagationHandler6, { passive: false, capture: false });
     }
   }
   unregisterInputFields(inputFields = this.inputFields) {
@@ -22822,10 +22855,10 @@ var PacemBaseElement = class extends PacemModelElement {
     }
     for (let inputField of inputFields) {
       if (Utils51.isNull(inputField)) continue;
-      inputField.removeEventListener("touchstart", stopPropagationHandler5, { capture: false });
+      inputField.removeEventListener("touchstart", stopPropagationHandler6, { capture: false });
       inputField.removeEventListener("keydown", this.keydownHandler, false);
       inputField.removeEventListener("keyup", this.keyupHandler, false);
-      inputField.removeEventListener("mousedown", stopPropagationHandler5, false);
+      inputField.removeEventListener("mousedown", stopPropagationHandler6, false);
       inputField.removeEventListener("change", this.changeHandler, false);
       inputField.removeEventListener("focus", this.focusHandler, false);
       inputField.removeEventListener("blur", this.focusHandler, false);
@@ -24497,7 +24530,7 @@ PacemContenteditableWrapCommandElement = __decorateClass([
 ], PacemContenteditableWrapCommandElement);
 
 // packages/scaffolding/src/calendar-picker.ts
-import { Components as Components43, CustomElement as CustomElement53, CustomElementUtils as CustomElementUtils18, CustomEventUtils as CustomEventUtils4, Defaults as Defaults22, P as P55, PCSS as PCSS36, PropertyConverters as PropertyConverters51, stopPropagationHandler as stopPropagationHandler7, Utils as Utils63, ViewChild as ViewChild24, Watch as Watch54 } from "@pacem/pacem-core";
+import { Components as Components43, CustomElement as CustomElement53, CustomElementUtils as CustomElementUtils18, CustomEventUtils as CustomEventUtils4, Defaults as Defaults22, P as P55, PCSS as PCSS36, PropertyConverters as PropertyConverters51, stopPropagationHandler as stopPropagationHandler8, Utils as Utils63, ViewChild as ViewChild24, Watch as Watch54 } from "@pacem/pacem-core";
 import { Components as ComponentsUI } from "@pacem/pacem-ui";
 var JsonOrStringConverter = {
   convert: (attr, el) => {
@@ -24721,7 +24754,7 @@ var PacemCalendarPickerElement = class extends PacemBaseElement {
     const input = this._input;
     input.addEventListener("focus", this._popCalendarHandler, false);
     input.addEventListener("mousedown", this._popCalendarHandler, false);
-    dropdown.addEventListener("mousedown", stopPropagationHandler7, false);
+    dropdown.addEventListener("mousedown", stopPropagationHandler8, false);
     window.document.body.addEventListener("mousedown", this._hideCalendarHandler, true);
     this._clearButton.addEventListener("mousedown", this._clearBtnHandler, false);
     const swiper = new Components43.PacemSwipeElement();
@@ -24738,7 +24771,7 @@ var PacemCalendarPickerElement = class extends PacemBaseElement {
       this._clearButton.removeEventListener("mousedown", this._clearBtnHandler, false);
       input.removeEventListener("focus", this._popCalendarHandler, false);
       input.removeEventListener("mousedown", this._popCalendarHandler, false);
-      this._dropdown.removeEventListener("mousedown", stopPropagationHandler7, false);
+      this._dropdown.removeEventListener("mousedown", stopPropagationHandler8, false);
       window.document.body.removeEventListener("mousedown", this._hideCalendarHandler, true);
       this._calendar.removeEventListener("viewdatechange", this._viewDateChangeHandler, false);
       this._monthPicker.removeEventListener("viewyearchange", this._viewDateChangeHandler, false);
@@ -25129,7 +25162,7 @@ on-${PropertyChangeEventName8}=":host._selectionChanged($event, ^index, ^item)"
 ], PacemCheckboxListElement);
 
 // packages/scaffolding/src/childform.ts
-import { CustomElement as CustomElement56, Defaults as Defaults25, P as P58, PCSS as PCSS39, PacemEventTarget as PacemEventTarget13, PropertyChangeEventName as PropertyChangeEventName9, Components as Components45, PropertyConverters as PropertyConverters53, Utils as Utils66, ViewChild as ViewChild27, Watch as Watch56, UI as UI9, avoidHandler as avoidHandler8 } from "@pacem/pacem-core";
+import { CustomElement as CustomElement56, Defaults as Defaults25, P as P58, PCSS as PCSS39, PacemEventTarget as PacemEventTarget13, PropertyChangeEventName as PropertyChangeEventName9, Components as Components45, PropertyConverters as PropertyConverters53, Utils as Utils66, ViewChild as ViewChild27, Watch as Watch56, UI as UI9, avoidHandler as avoidHandler9 } from "@pacem/pacem-core";
 var PacemChildFormPropagatorElement = class extends PacemEventTarget13 {
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -25241,7 +25274,7 @@ var PacemChildFormElement = class extends PacemBaseElement {
     }
   }
   _deleteAt(evt) {
-    avoidHandler8(evt.srcEvent);
+    avoidHandler9(evt.srcEvent);
     const model = this._model;
     if (this.mode === "array") {
       model.splice(evt.detail, 1);
@@ -27150,7 +27183,7 @@ PacemGeolocateElement = __decorateClass([
 ], PacemGeolocateElement);
 
 // packages/scaffolding/src/hierarchy.ts
-import { Components as Components49, PropertyConverters as PropertyConverters58, Utils as Utils71, P as P63, PCSS as PCSS43, CustomElement as CustomElement61, Watch as Watch61, Defaults as Defaults28, ViewChild as ViewChild32, CustomEventUtils as CustomEventUtils5, CustomElementUtils as CustomElementUtils20, avoidHandler as avoidHandler9, UI as UI10 } from "@pacem/pacem-core";
+import { Components as Components49, PropertyConverters as PropertyConverters58, Utils as Utils71, P as P63, PCSS as PCSS43, CustomElement as CustomElement61, Watch as Watch61, Defaults as Defaults28, ViewChild as ViewChild32, CustomEventUtils as CustomEventUtils5, CustomElementUtils as CustomElementUtils20, avoidHandler as avoidHandler10, UI as UI10 } from "@pacem/pacem-core";
 import { Components as ComponentsUI3 } from "@pacem/pacem-ui";
 var HierarchyChangeEvent = class extends CustomEvent {
   constructor(v) {
@@ -27182,11 +27215,11 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     this._binderClickHandler = (evt) => {
       const origType = evt.originalEvent.type;
       if (origType === "mousedown" && evt.originalEvent.button === 1) {
-        avoidHandler9(evt.originalEvent);
+        avoidHandler10(evt.originalEvent);
         const binder = evt.srcElement;
         this._unlink(binder);
       } else if (origType === "click" || origType === "contextmenu") {
-        avoidHandler9(evt.originalEvent);
+        avoidHandler10(evt.originalEvent);
         __privateSet(this, _unlinkingBinder, evt.srcElement);
         const balloon = this._balloon;
         balloon.target = { x: evt.pageX, y: evt.pageY };
@@ -27257,8 +27290,9 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     return new Promise((resolve, reject) => {
       if (CustomEventUtils5.isInstanceOf(evt, HierarchyChangeEvent)) {
         resolve(this.value = evt.detail);
+      } else {
+        resolve(this.value);
       }
-      resolve(this.value);
     });
   }
   acceptValue(val) {
@@ -27297,6 +27331,7 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     }
   }
   disconnectedCallback() {
+    this._disposeBindersAndTargets();
     this._disposeDragger();
     this._disposeBalloon();
     super.disconnectedCallback();
@@ -27355,36 +27390,71 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     } else {
       item.setAttribute("behaviors", "{{ [#" + this._dragger.id + ", #" + this._dragger2.id + "] }}");
     }
+    const bindings = __privateGet(this, _bindings);
+    const bindingKey = hierarchyItem.value;
+    let binders;
+    if (!bindings.has(bindingKey)) {
+      bindings.set(bindingKey, binders = /* @__PURE__ */ new Map());
+    } else {
+      binders = bindings.get(bindingKey);
+    }
     for (let parent of hierarchyItem.parents || []) {
-      const binder = new ComponentsUI3.UI.PacemBinderElement();
-      binder.to = item;
+      const binderKey = parent.value;
+      const newBinder = !binders.has(binderKey);
+      const binder = newBinder ? new ComponentsUI3.UI.PacemBinderElement() : binders.get(binderKey);
+      binder.fromAnchor = ComponentsUI3.UI.BinderAnchor.Bottom;
       binder.toAnchor = ComponentsUI3.UI.BinderAnchor.Top;
       binder.toEnd = ComponentsUI3.UI.BinderEnd.Arrow;
       binder.setAttribute("from", "{{ #" + this._buildHierarchyItemDomId(parent.value) + " }}");
-      binder.fromAnchor = ComponentsUI3.UI.BinderAnchor.Bottom;
+      binder.setAttribute("to", "{{ #" + item.id + " }}");
       binder.cssClass = ["hierarchy-binder"];
-      binder.interactive = !this.readonly && !hierarchyItem.disabled && !parent.disabled;
-      binder.addEventListener(ComponentsUI3.UI.BinderInteractionEventName, this._binderClickHandler, false);
       binder.dataset[BINDER_HIERARCHYDATAKEY] = JSON.stringify({ parent: parent.value, child: hierarchyItem.value });
-      __privateGet(this, _bindings).set(hierarchyItem.value, binder);
-      __privateGet(this, _shell4).appendChild(binder);
+      binder.interactive = !this.readonly && !hierarchyItem.disabled && !parent.disabled;
+      if (newBinder) {
+        binder.addEventListener(ComponentsUI3.UI.BinderInteractionEventName, this._binderClickHandler, false);
+        __privateGet(this, _shell4).appendChild(binder);
+        binders.set(binderKey, binder);
+      }
+    }
+    for (let binderKey of binders.keys()) {
+      const found = hierarchyItem.parents.find((p) => p.value === binderKey);
+      if (!Utils71.isNull(found)) {
+        continue;
+      }
+      const binder = binders.get(binderKey);
+      binder.removeEventListener(ComponentsUI3.UI.BinderInteractionEventName, this._binderClickHandler);
+      binder.remove();
+      binders.delete(binderKey);
     }
     if (!__privateGet(this, _dropTargets).has(item)) {
       __privateGet(this, _dropTargets).set(item, hierarchyItem);
     }
   }
   _itemRemove(evt) {
-    const item = evt.detail.dom.find((i) => i instanceof HTMLElement && i.classList.contains(HIERARCHYITEM_CSSCLASS)), hierarchyItem = evt.detail.item, bindings = __privateGet(this, _bindings);
-    if (bindings.has(hierarchyItem.value)) {
-      const binder = bindings.get(hierarchyItem.value);
-      binder.removeEventListener(ComponentsUI3.UI.BinderInteractionEventName, this._binderClickHandler, false);
-      binder.remove();
-      bindings.delete(hierarchyItem.value);
-    }
+    const item = evt.detail.dom.find((i) => i instanceof HTMLElement && i.classList.contains(HIERARCHYITEM_CSSCLASS)), hierarchyItem = evt.detail.item;
+    this._disposeBinders(hierarchyItem.value);
     if (__privateGet(this, _dropTargets).has(item)) {
       __privateGet(this, _dropTargets).delete(item);
     }
   }
+  _disposeBinders(bindingKey) {
+    const bindings = __privateGet(this, _bindings);
+    if (bindings.has(bindingKey)) {
+      const binders = bindings.get(bindingKey);
+      for (let binderKey of binders.keys()) {
+        const binder = binders.get(binderKey);
+        binder.removeEventListener(ComponentsUI3.UI.BinderInteractionEventName, this._binderClickHandler, false);
+        binder.remove();
+      }
+      bindings.delete(bindingKey);
+    }
+  }
+  _disposeBindersAndTargets() {
+    for (let bindingKey of __privateGet(this, _bindings).keys()) {
+      this._disposeBinders(bindingKey);
+    }
+    __privateGet(this, _dropTargets).clear();
+  }
   _setupItemTemplate() {
     if (this.itemtemplate instanceof HTMLTemplateElement) {
       const frag = this.itemtemplate.cloneNode(true).content;
@@ -27434,10 +27504,10 @@ var PacemHierarchyElement = class extends PacemBaseElement {
       }
       found[parentsProperty].push(newParent);
     }
-    this._cleanupHierarchy(value2);
+    this._tidyUpHierarchy(value2);
     this.changeHandler(new HierarchyChangeEvent(value2));
   }
-  _cleanupHierarchy(value2 = []) {
+  _tidyUpHierarchy(value2 = []) {
     const valueProperty = this.valueProperty, parentsProperty = this.parentsProperty || DEFAULT_PARENTSPROPERTY;
     const isInAncestors = (sourceId, targetId) => {
       const target = value2.find((i) => i[valueProperty] == targetId);
@@ -27518,7 +27588,6 @@ var PacemHierarchyElement = class extends PacemBaseElement {
     return this._isInAncestors(target, source);
   }
   _databind() {
-    this._repeater.datasource = [];
     const valueProperty = this.valueProperty;
     if (Utils71.isNullOrEmpty(valueProperty)) {
       throw new Error("Missing valueProperty.");
@@ -27627,7 +27696,7 @@ PacemHierarchyElement = __decorateClass([
     </${P63}-panel>
 </template>
 <${P63}-shell-proxy>
-        <${P63}-balloon options="{{ { behavior: ComponentsUI.UI.BalloonBehavior.Inert } }}">
+        <${P63}-balloon options="{{ { behavior: '${ComponentsUI3.UI.BalloonBehavior.Inert}' } }}">
                     <${P63}-button icon-glyph="link_off" class="${PCSS43}-margin margin-0 button-flat display-flex flex-middle icon-rotate rotate-135"
                                  on-click=":host._unlink($event)"
                                  on-mousedown="$event.stopPropagation()"
@@ -28116,7 +28185,7 @@ PacemEmailInputElement = __decorateClass([
 ], PacemEmailInputElement);
 
 // packages/scaffolding/src/input-file.ts
-import { P as P67, PCSS as PCSS47, CustomElement as CustomElement65, Watch as Watch64, Defaults as Defaults32, ViewChild as ViewChild36, CustomTypedEvent as CustomTypedEvent8, CustomEventUtils as CustomEventUtils6, PropertyConverters as PropertyConverters61, Animations as Animations5, Utils as Utils76, stopPropagationHandler as stopPropagationHandler8, avoidHandler as avoidHandler10 } from "@pacem/pacem-core";
+import { P as P67, PCSS as PCSS47, CustomElement as CustomElement65, Watch as Watch64, Defaults as Defaults32, ViewChild as ViewChild36, CustomTypedEvent as CustomTypedEvent8, CustomEventUtils as CustomEventUtils6, PropertyConverters as PropertyConverters61, Animations as Animations5, Utils as Utils76, stopPropagationHandler as stopPropagationHandler9, avoidHandler as avoidHandler11 } from "@pacem/pacem-core";
 var FileUploadEventName = "fileupload";
 var FileChangeEventName = "filechange";
 var StoragePickEvent = class extends CustomTypedEvent8 {
@@ -28261,7 +28330,7 @@ var PacemUploadElement = class extends PacemBaseElement {
   viewActivatedCallback() {
     super.viewActivatedCallback();
     this._setupInputElement();
-    this._fileupload.addEventListener("click", stopPropagationHandler8, false);
+    this._fileupload.addEventListener("click", stopPropagationHandler9, false);
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -28274,7 +28343,7 @@ var PacemUploadElement = class extends PacemBaseElement {
   }
   disconnectedCallback() {
     if (this._fileupload) {
-      this._fileupload.removeEventListener("click", stopPropagationHandler8, false);
+      this._fileupload.removeEventListener("click", stopPropagationHandler9, false);
     }
     super.disconnectedCallback();
   }
@@ -28301,7 +28370,7 @@ var PacemUploadElement = class extends PacemBaseElement {
    * Triggered from the component's template.
    */
   _dispatchDownload(evt) {
-    avoidHandler10(evt);
+    avoidHandler11(evt);
     const value2 = (
       /* download the file being currently precessed, if available */
       this._localValue || this.value
@@ -28505,7 +28574,7 @@ var PacemUploadElement = class extends PacemBaseElement {
    * @param evt
    */
   _clickHandler(evt) {
-    avoidHandler10(evt);
+    avoidHandler11(evt);
     if (this.readonly) {
       return;
     }
@@ -28777,11 +28846,11 @@ PacemHiddenInputElement = __decorateClass([
 ], PacemHiddenInputElement);
 
 // packages/scaffolding/src/input-image.ts
-import { P as P70, PCSS as PCSS49, CustomElement as CustomElement68, Watch as Watch66, Defaults as Defaults35, ViewChild as ViewChild39, CustomTypedEvent as CustomTypedEvent9, Components as Components54, CustomEventUtils as CustomEventUtils8, PropertyConverters as PropertyConverters63, PropertyChangeEventName as PropertyChangeEventName11, Utils as Utils79, Debounce as Debounce11, avoidHandler as avoidHandler12 } from "@pacem/pacem-core";
+import { P as P70, PCSS as PCSS49, CustomElement as CustomElement68, Watch as Watch66, Defaults as Defaults35, ViewChild as ViewChild39, CustomTypedEvent as CustomTypedEvent9, Components as Components54, CustomEventUtils as CustomEventUtils8, PropertyConverters as PropertyConverters63, PropertyChangeEventName as PropertyChangeEventName11, Utils as Utils79, Debounce as Debounce11, avoidHandler as avoidHandler13 } from "@pacem/pacem-core";
 import { Components as ComponentsUI4 } from "@pacem/pacem-ui";
 
 // packages/scaffolding/src/snapshot.ts
-import { P as P69, PCSS as PCSS48, CustomElement as CustomElement67, Watch as Watch65, Defaults as Defaults34, ViewChild as ViewChild38, CustomEventUtils as CustomEventUtils7, PropertyConverters as PropertyConverters62, Utils as Utils78, CustomUIEvent as CustomUIEvent5, avoidHandler as avoidHandler11, Logging as Logging11 } from "@pacem/pacem-core";
+import { P as P69, PCSS as PCSS48, CustomElement as CustomElement67, Watch as Watch65, Defaults as Defaults34, ViewChild as ViewChild38, CustomEventUtils as CustomEventUtils7, PropertyConverters as PropertyConverters62, Utils as Utils78, CustomUIEvent as CustomUIEvent5, avoidHandler as avoidHandler12, Logging as Logging11 } from "@pacem/pacem-core";
 var getUserMediaFunctions = Utils78.getUserMediaFunctions();
 var SnapshotStep = /* @__PURE__ */ ((SnapshotStep2) => {
   SnapshotStep2["Start"] = "start";
@@ -28816,25 +28885,25 @@ var PacemSnapshotElement = class extends PacemBaseElement {
       }
     };
     this._snapshooterClickHandler = (e) => {
-      avoidHandler11(e);
+      avoidHandler12(e);
       this.step = "taking" /* Taking */;
     };
     this._pickerClickHandler = (e) => {
-      avoidHandler11(e);
+      avoidHandler12(e);
       this._grabber.click();
     };
     this._takerClickHandler = (e) => {
-      avoidHandler11(e);
+      avoidHandler12(e);
       this._countdown = 0;
       this._shutter();
     };
     this._timerClickHandler = (e) => {
-      avoidHandler11(e);
+      avoidHandler12(e);
       this._countdown = 3;
       this._shutter();
     };
     this._confirmerClickHandler = (e) => {
-      avoidHandler11(e);
+      avoidHandler12(e);
       this.changeHandler(new ConfirmSnapshotEvent(this._buffer));
     };
   }
@@ -29406,7 +29475,7 @@ var PacemImageInputElement = class extends PacemBaseElement {
     return this.value;
   }
   _edit(evt) {
-    avoidHandler12(evt);
+    avoidHandler13(evt);
     var editImage = this._editImage, state = this.value;
     editImage.disabled = false;
     editImage.reset();
@@ -29528,13 +29597,13 @@ PacemNumberInputElement = __decorateClass([
 ], PacemNumberInputElement);
 
 // packages/scaffolding/src/input-password.ts
-import { P as P72, PCSS as PCSS51, CustomElement as CustomElement70, avoidHandler as avoidHandler13, Defaults as Defaults37, ViewChild as ViewChild41, Utils as Utils81 } from "@pacem/pacem-core";
+import { P as P72, PCSS as PCSS51, CustomElement as CustomElement70, avoidHandler as avoidHandler14, Defaults as Defaults37, ViewChild as ViewChild41, Utils as Utils81 } from "@pacem/pacem-core";
 var PacemPasswordInputElement = class extends PacemTextualInputElement {
   constructor() {
     super();
     this._togglerMousedownHandler = (evt) => {
       if (evt.button == 0) {
-        avoidHandler13(evt);
+        avoidHandler14(evt);
         this.toggleVisibility();
       }
     };
@@ -30305,7 +30374,7 @@ PacemSelectElement = __decorateClass([
 
 // packages/scaffolding/src/slider.ts
 import { Components as ComponentsUI5 } from "@pacem/pacem-ui";
-import { P as P83, PCSS as PCSS61, ViewChild as ViewChild51, CustomElement as CustomElement81, Watch as Watch73, Utils as Utils92, PropertyConverters as PropertyConverters70, Defaults as Defaults48, avoidHandler as avoidHandler14, Components as Components59, UI as UI11 } from "@pacem/pacem-core";
+import { P as P83, PCSS as PCSS61, ViewChild as ViewChild51, CustomElement as CustomElement81, Watch as Watch73, Utils as Utils92, PropertyConverters as PropertyConverters70, Defaults as Defaults48, avoidHandler as avoidHandler15, Components as Components59, UI as UI11 } from "@pacem/pacem-core";
 var PacemSliderElement = class extends PacemBaseElement {
   constructor() {
     super(...arguments);
@@ -30332,7 +30401,7 @@ var PacemSliderElement = class extends PacemBaseElement {
         case 39:
         // right
         case 37:
-          avoidHandler14(evt);
+          avoidHandler15(evt);
           let forward = evt.keyCode === 39;
           let step = (typeof this.step !== "number" ? 1 : this.step) * (forward ? 1 : -1);
           let cease = false;
@@ -30575,7 +30644,7 @@ PacemSliderElement = __decorateClass([
 ], PacemSliderElement);
 
 // packages/scaffolding/src/suggest.ts
-import { CustomTypedEvent as CustomTypedEvent10, CustomElement as CustomElement82, Watch as Watch74, ViewChild as ViewChild52, Defaults as Defaults49, PCSS as PCSS62, P as P84, Components as Components60, PropertyConverters as PropertyConverters71, Utils as Utils93, avoidHandler as avoidHandler15, Logging as Logging12, CustomElementUtils as CustomElementUtils23 } from "@pacem/pacem-core";
+import { CustomTypedEvent as CustomTypedEvent10, CustomElement as CustomElement82, Watch as Watch74, ViewChild as ViewChild52, Defaults as Defaults49, PCSS as PCSS62, P as P84, Components as Components60, PropertyConverters as PropertyConverters71, Utils as Utils93, avoidHandler as avoidHandler16, Logging as Logging12, CustomElementUtils as CustomElementUtils23 } from "@pacem/pacem-core";
 import { Components as ComponentsUI6 } from "@pacem/pacem-ui";
 var SuggestionSelectEvent = class extends CustomTypedEvent10 {
   constructor(value2) {
@@ -30622,7 +30691,7 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
     };
     this._keyupHandler = (evt) => {
       if (__privateGet(this, _keyupManaged)) {
-        avoidHandler15(evt);
+        avoidHandler16(evt);
         __privateSet(this, _keyupManaged, false);
       }
     };
@@ -30652,11 +30721,11 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
         if (!Utils93.isNull(el)) {
           switch (evt.keyCode) {
             case 40:
-              avoidHandler15(evt);
+              avoidHandler16(evt);
               this._focus(el);
               break;
             case 13:
-              avoidHandler15(evt);
+              avoidHandler16(evt);
               managed = true;
               if (__privateGet(this, _datasource).length === 1) {
                 this._select(el);
@@ -30671,7 +30740,7 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
         const skipPredicate = (e) => !Utils93.isNull(e) && e.localName === "li" && e.dataset["pacemDisabled"] === "true", matchPredicate = (e) => !Utils93.isNull(e) && e.localName === "li" && e.dataset["pacemDisabled"] !== "true";
         switch (evt.keyCode) {
           case 38:
-            avoidHandler15(evt);
+            avoidHandler16(evt);
             do {
               cursor = cursor.previousElementSibling;
               if (matchPredicate(cursor)) {
@@ -30682,7 +30751,7 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
             target ??= li;
             break;
           case 40:
-            avoidHandler15(evt);
+            avoidHandler16(evt);
             do {
               cursor = cursor.nextElementSibling;
               if (matchPredicate(cursor)) {
@@ -30693,13 +30762,13 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
             target ??= li;
             break;
           case 27:
-            avoidHandler15(evt);
+            avoidHandler16(evt);
             this._undo();
             this.popout();
             break;
           case 9:
           case 13:
-            avoidHandler15(evt);
+            avoidHandler16(evt);
             managed = true;
             this._select();
             break;
@@ -30709,7 +30778,7 @@ var PacemSuggestElement = class extends PacemDataSourceElement {
       }
     };
     this._selectHandler = (evt) => {
-      avoidHandler15(evt);
+      avoidHandler16(evt);
       this._select(evt.currentTarget);
     };
     __privateAdd(this, _selectedItem);
@@ -37614,7 +37683,7 @@ __export(index_components_drawing_exports, {
 import { Components as Components71, CustomElementUtils as CustomElementUtils32, PropertyConverters as PropertyConverters93, Watch as Watch96 } from "@pacem/pacem-core";
 
 // packages/2d/src/stage.ts
-import { CustomElement as CustomElement105, Watch as Watch95, ViewChild as ViewChild58, Debounce as Debounce19, PCSS as PCSS75, P as P107, Utils as Utils115, PropertyConverters as PropertyConverters92, PropertyChangeEvent as PropertyChangeEvent23, CustomEventUtils as CustomEventUtils9, avoidHandler as avoidHandler16, EventKeyModifier as EventKeyModifier2, Components as Components70 } from "@pacem/pacem-core";
+import { CustomElement as CustomElement105, Watch as Watch95, ViewChild as ViewChild58, Debounce as Debounce19, PCSS as PCSS75, P as P107, Utils as Utils115, PropertyConverters as PropertyConverters92, PropertyChangeEvent as PropertyChangeEvent23, CustomEventUtils as CustomEventUtils9, avoidHandler as avoidHandler17, EventKeyModifier as EventKeyModifier2, Components as Components70 } from "@pacem/pacem-core";
 import { Rect as Rect8, Matrix2D as Matrix2D9 } from "@pacem/pacem-foundation";
 
 // packages/2d/src/constants.ts
@@ -37674,7 +37743,7 @@ var Pacem2DElement = class extends Components70.PacemItemsContainerElement {
       }
       const opts = __privateGet(this, _options2);
       if (opts.zoomControl && CustomEventUtils9.matchModifiers(evt, opts.zoomModifiers)) {
-        avoidHandler16(evt);
+        avoidHandler17(evt);
         const zoomingOut = evt.deltaY < 0;
         const factor = 0.1, sign = zoomingOut ? -1 : 1, factorWSign = factor * sign, scale = 1 + factorWSign;
         const stageRect = Utils115.offsetRect(evt.currentTarget), pt = { x: evt.clientX, y: evt.clientY };
@@ -37684,7 +37753,7 @@ var Pacem2DElement = class extends Components70.PacemItemsContainerElement {
     this._panHandler = (evt) => {
       const state = __privateGet(this, _panningStart), actual = this._getPanPoint(evt);
       if (!Utils115.isNullOrEmpty(state && state.point) && !Utils115.isNull(actual)) {
-        avoidHandler16(evt);
+        avoidHandler17(evt);
         const factor = state.factor, vbox = state.box, start = state.point;
         this.viewbox = {
           x: vbox.x - factor * (actual.x - start.x),
@@ -37705,7 +37774,7 @@ var Pacem2DElement = class extends Components70.PacemItemsContainerElement {
       }
       const size = __privateGet(this, _size2), vbox = this.viewbox || { x: 0, y: 0, width: size.width, height: size.height }, start = this._getPanPoint(evt);
       if (start) {
-        avoidHandler16(evt);
+        avoidHandler17(evt);
         this._stage.style.pointerEvents = "none";
         const aspectRatio = this._getActualAspectRatio();
         const wBased = vbox.width / size.width, hBased = vbox.height / size.height, factor = aspectRatio.slice ? Math.min(wBased, hBased) : Math.max(wBased, hBased);
@@ -38889,7 +38958,7 @@ var AdapterUtils = class {
 };
 
 // packages/2d/src/adapters/canvasadapter.ts
-import { CustomElement as CustomElement115, P as P117, CustomElementUtils as CustomElementUtils33, Utils as Utils126, Logging as Logging15, CustomEventUtils as CustomEventUtils10, UI as UI13, avoidHandler as avoidHandler17 } from "@pacem/pacem-core";
+import { CustomElement as CustomElement115, P as P117, CustomElementUtils as CustomElementUtils33, Utils as Utils126, Logging as Logging15, CustomEventUtils as CustomEventUtils10, UI as UI13, avoidHandler as avoidHandler18 } from "@pacem/pacem-core";
 import { Matrix2D as Matrix2D11, Rect as Rect12 } from "@pacem/pacem-foundation";
 
 // packages/2d/src/adapter.ts
@@ -38960,7 +39029,7 @@ var PacemCanvasAdapterElement = class extends Pacem2DAdapterElement {
       }
     };
     this._draggingHandler = (evt) => {
-      avoidHandler17(evt);
+      avoidHandler18(evt);
       this._dragging = true;
       const args = evt.detail;
       const data = args.data;
@@ -39472,7 +39541,7 @@ PacemCanvasAdapterElement = __decorateClass([
 ], PacemCanvasAdapterElement);
 
 // packages/2d/src/adapters/svgadapter.ts
-import { CustomElement as CustomElement116, P as P118, CustomElementUtils as CustomElementUtils34, CustomEventUtils as CustomEventUtils11, Utils as Utils127, UI as UI14, avoidHandler as avoidHandler18 } from "@pacem/pacem-core";
+import { CustomElement as CustomElement116, P as P118, CustomElementUtils as CustomElementUtils34, CustomEventUtils as CustomEventUtils11, Utils as Utils127, UI as UI14, avoidHandler as avoidHandler19 } from "@pacem/pacem-core";
 import { Matrix2D as Matrix2D12 } from "@pacem/pacem-foundation";
 var SVG_NS5 = "http://www.w3.org/2000/svg";
 var DRAWABLE_VAR = "pacem:2-svg-drawable";
@@ -39511,7 +39580,7 @@ var PacemSvgAdapterElement = class extends Pacem2DAdapterElement {
       }
     };
     this._draggingHandler = (evt) => {
-      avoidHandler18(evt);
+      avoidHandler19(evt);
       __privateSet(this, _dragging, true);
       const el = evt.detail.element;
       const data = evt.detail.data;
@@ -46393,7 +46462,7 @@ import {
   PropertyConverters as PropertyConverters118,
   Utils as Utils149,
   CustomEventUtils as CustomEventUtils13,
-  avoidHandler as avoidHandler19,
+  avoidHandler as avoidHandler20,
   Behaviors as Behaviors2,
   PropertyChangeEventName as PropertyChangeEventName18
 } from "@pacem/pacem-core";
@@ -46460,15 +46529,15 @@ var OrbitCameraBehavior = class _OrbitCameraBehavior {
         Utils149.extend(this._input, Vector3D14.zero());
         this._progress.x = this._progress.y = 0;
       }
-      avoidHandler19(evt);
+      avoidHandler20(evt);
       window.clearTimeout(this.#handle);
       window.addEventListener("pointerup", this._endHandler, false);
       window.addEventListener("pointermove", this._moveHandler, false);
       window.addEventListener("contextmenu", this._avoidHandler, false);
     };
-    this._avoidHandler = (evt) => avoidHandler19(evt);
+    this._avoidHandler = (evt) => avoidHandler20(evt);
     this._endHandler = (evt) => {
-      avoidHandler19(evt);
+      avoidHandler20(evt);
       this.#handle = window.setTimeout(() => {
         window.removeEventListener("pointerup", this._endHandler);
         window.removeEventListener("pointermove", this._moveHandler);
@@ -46481,12 +46550,12 @@ var OrbitCameraBehavior = class _OrbitCameraBehavior {
       if (!zooming) {
         return;
       }
-      avoidHandler19(evt);
+      avoidHandler20(evt);
       const coords = this._input;
       coords.rho -= Math.sign(evt.deltaY);
     };
     this._moveHandler = (evt) => {
-      avoidHandler19(evt);
+      avoidHandler20(evt);
       const { height, width } = this._scene.size;
       const coords = this._input;
       const size = Math.min(height, width);
@@ -46811,7 +46880,7 @@ import {
   PropertyConverters as PropertyConverters120,
   Utils as Utils150,
   CustomElementUtils as CustomElementUtils37,
-  avoidHandler as avoidHandler20,
+  avoidHandler as avoidHandler21,
   Debounce as Debounce21,
   ViewChild as ViewChild60,
   Components as Components75,
@@ -46931,7 +47000,7 @@ var PacemContextMenuElement = class extends Components75.PacemItemsContainerElem
   constructor() {
     super(...arguments);
     this._dispatchCommand = (e) => {
-      avoidHandler20(e);
+      avoidHandler21(e);
       this._onCommand(new CommandEvent5({ commandName: e.detail.commandName, commandArgument: e.detail.commandArgument ?? this.commandArgument }));
     };
     __privateAdd(this, _btn2);
@@ -47155,7 +47224,7 @@ import {
   Utils as Utils151,
   PropertyChangeEventName as PropertyChangeEventName19,
   Components as Components76,
-  avoidHandler as avoidHandler21
+  avoidHandler as avoidHandler22
 } from "@pacem/pacem-core";
 import { Components as UIComponents3 } from "@pacem/pacem-ui";
 import { Components as ScaffoldingComponents } from "@pacem/pacem-scaffolding";
@@ -47410,7 +47479,7 @@ var PacemEditElement = class extends Components76.PacemElement {
    * is restored.
    */
   edit(evt) {
-    avoidHandler21(evt);
+    avoidHandler22(evt);
     var cnt = this._target;
     if (Utils151.isNull(cnt))
       return;
@@ -47657,7 +47726,7 @@ PacemGalleryElement = __decorateClass([
 ], PacemGalleryElement);
 
 // packages/plus/src/modal-form.ts
-import { CustomElement as CustomElement137, Defaults as Defaults57, P as P140, PCSS as PCSS80, Watch as Watch127, PropertyConverters as PropertyConverters123, ViewChild as ViewChild62, Utils as Utils153, Net as Net11, avoidHandler as avoidHandler22 } from "@pacem/pacem-core";
+import { CustomElement as CustomElement137, Defaults as Defaults57, P as P140, PCSS as PCSS80, Watch as Watch127, PropertyConverters as PropertyConverters123, ViewChild as ViewChild62, Utils as Utils153, Net as Net11, avoidHandler as avoidHandler23 } from "@pacem/pacem-core";
 import { Components as UIComponents5 } from "@pacem/pacem-ui";
 import { Components as ScaffoldingComponents2 } from "@pacem/pacem-scaffolding";
 var UI19 = UIComponents5.UI;
@@ -47697,7 +47766,7 @@ var PacemModalFormElement = class extends UI19.PacemDialogBase {
     if (this.readonly) {
       this.commit(UI19.DialogButton.Ok, evt);
     } else {
-      avoidHandler22(evt);
+      avoidHandler23(evt);
       this._form.validate().then((valid) => {
         if (valid) {
           if (Utils153.isNullOrEmpty(this.action)) {
@@ -48278,7 +48347,7 @@ var PacemDataCellElement = class extends PacemBaseCellElement {
     const culture = Utils156.lang(this);
     switch (metadata.dataType) {
       case "boolean":
-        return `<${P144}-icon icon="material ${!plainValue ? "radio_button_unchecked" : "check_circle_outline"} text-big-steady"></${P144}-icon>`;
+        return `<${P144}-icon icon="${!plainValue ? "radio_button_unchecked icon-outline" : "check_circle_outline icon-fill"} icon-size icon-size-2"></${P144}-icon>`;
       case "time":
       case "date":
       case "datetime":