pacem 0.60.3-bernoulli → 0.60.3-lipschitz

package/dist/css/pacem-dark-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/azure-maps.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -242,6 +242,7 @@ declare namespace Pacem.Components.Drawing {
         zoomControl: boolean;
         panModifiers: EventKeyModifier[];
         zoomModifiers: EventKeyModifier[];
+        clickModifiers: EventKeyModifier[];
     };
 }
 declare namespace Pacem.Components.Drawing {
@@ -359,6 +360,7 @@ declare namespace Pacem.Components.Drawing {
     }
 }
 declare namespace Pacem.Components.Drawing {
+    function getStageOptions(stage: Pacem.Drawing.Stage): StageOptions;
     class Pacem2DElement extends PacemItemsContainerElement<DrawableElement> implements Stage {
         #private;
         get stage(): HTMLElement;
@@ -381,7 +383,6 @@ declare namespace Pacem.Components.Drawing {
         requestDraw(item?: Pacem.Drawing.Drawable): any;
         requestDraw(item: Pacem.Drawing.Group, redrawContent: boolean): any;
         private _buildUpDatasourceFromDOM;
-        private _options;
         private _resizeHandler;
         private _getActualAspectRatio;
         private _zoomFromValue;
@@ -389,7 +390,6 @@ declare namespace Pacem.Components.Drawing {
         private _zoomHandler;
         private _getPanPoint;
         private _panHandler;
-        private _panningStart;
         private _panStartHandler;
         private _panEndHandler;
         private _invalidateSize;
@@ -439,7 +439,6 @@ declare namespace Pacem.Components.Drawing {
         getCanvas(stage: Pacem2DElement): HTMLCanvasElement;
         private _getScreenInverseMatrix;
         getTransformMatrix(scene: Pacem2DElement): Matrix2D;
-        private _dragger;
         viewActivatedCallback(): void;
         disconnectedCallback(): void;
         invalidateSize(scene: Pacem2DElement, size: Size): void;
@@ -470,9 +469,9 @@ declare namespace Pacem.Components.Drawing {
 }
 declare namespace Pacem.Components.Drawing {
     class PacemSvgAdapterElement extends Pacem2DAdapterElement {
+        #private;
         snapshot(stage: Pacem.Drawing.Stage, background?: string, type?: string, quality?: number): PromiseLike<Blob>;
         getTransformMatrix(scene: Pacem2DElement): Matrix2D;
-        private _dragger;
         viewActivatedCallback(): void;
         disconnectedCallback(): void;
         invalidateSize(scene: Pacem2DElement, size: Size): void;
@@ -482,7 +481,6 @@ declare namespace Pacem.Components.Drawing {
         getHitTarget(scene: Pacem2DElement): Pacem.Drawing.Drawable;
         draw(scene: Pacem2DElement, item?: Pacem.Drawing.Drawable): any;
         draw(scene: Pacem2DElement, item: Pacem.Drawing.Group, deepRedraw: boolean): any;
-        private _dragging;
         private _dragInitHandler;
         private _draggingHandler;
         private _dragEndHandler;

package/dist/js/pacem-2d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-bernoulli (https://js.pacem.it)
+ * pacem v0.60.3-lipschitz (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -1007,20 +1007,26 @@ var Pacem;
                     if (Pacem.Utils.isNull(val) || typeof val === 'string') {
                         return 'none';
                     }
-                    return `xM${(val.x.substr(1))}YM${(val.y.substr(1))} ${(val.slice ? 'slice' : 'meet')}`;
+                    return `xM${(val.x.substring(1))}YM${(val.y.substring(1))} ${(val.slice ? 'slice' : 'meet')}`;
                 }
             };
             const DEFAULT_STAGE_OPTIONS = {
                 panControl: true,
                 zoomControl: true,
                 panModifiers: [Pacem.EventKeyModifier.AltKey],
-                zoomModifiers: [Pacem.EventKeyModifier.AltKey]
+                zoomModifiers: [Pacem.EventKeyModifier.AltKey],
+                clickModifiers: []
             };
+            function getStageOptions(stage) {
+                const options = stage instanceof Pacem2DElement ? stage.options : {};
+                return Pacem.Utils.extend({}, DEFAULT_STAGE_OPTIONS, options);
+            }
+            Drawing.getStageOptions = getStageOptions;
             let Pacem2DElement = class Pacem2DElement extends Components.PacemItemsContainerElement {
                 constructor() {
                     super(...arguments);
                     this.#transformMatrix = Pacem.Matrix2D.identity;
-                    this._options = DEFAULT_STAGE_OPTIONS;
+                    this.#options = DEFAULT_STAGE_OPTIONS;
                     this._resizeHandler = (evt) => {
                         this.#size = { x: evt.detail.left, y: evt.detail.top, width: evt.detail.width, height: evt.detail.height };
                         const adapter = this.adapter;
@@ -1029,7 +1035,11 @@ var Pacem;
                         }
                     };
                     this._zoomHandler = (evt) => {
-                        const opts = this._options;
+                        // only trusted ui interaction
+                        if (!evt.isTrusted) {
+                            return;
+                        }
+                        const opts = this.#options;
                         if (opts.zoomControl && Pacem.CustomEventUtils.matchModifiers(evt, opts.zoomModifiers)) {
                             // prevent anything
                             Pacem.avoidHandler(evt);
@@ -1041,7 +1051,7 @@ var Pacem;
                         }
                     };
                     this._panHandler = (evt) => {
-                        const state = this._panningStart, actual = this._getPanPoint(evt);
+                        const state = this.#panningStart, actual = this._getPanPoint(evt);
                         if (!Pacem.Utils.isNullOrEmpty(state && state.point) && !Pacem.Utils.isNull(actual)) {
                             Pacem.avoidHandler(evt);
                             const factor = state.factor, vbox = state.box, start = state.point;
@@ -1054,22 +1064,26 @@ var Pacem;
                         }
                     };
                     this._panStartHandler = (evt) => {
-                        const opts = this._options;
+                        const opts = this.#options;
                         if (!opts.panControl) {
                             return;
                         }
+                        // only trusted ui interaction
+                        if (!evt.isTrusted) {
+                            return;
+                        }
                         const size = this.#size, vbox = this.viewbox || { x: 0, y: 0, width: size.width, height: size.height }, start = this._getPanPoint(evt);
                         if (start) {
                             Pacem.avoidHandler(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);
-                            this._panningStart = { point: start, box: vbox, factor };
+                            this.#panningStart = { point: start, box: vbox, factor };
                         }
                     };
                     this._panEndHandler = (evt) => {
                         this._stage.style.pointerEvents = '';
-                        this._panningStart = null;
+                        this.#panningStart = null;
                     };
                 }
                 get stage() {
@@ -1124,6 +1138,7 @@ var Pacem;
                 _buildUpDatasourceFromDOM() {
                     this.datasource = (this.items || []).slice();
                 }
+                #options;
                 #size;
                 _getActualAspectRatio() {
                     const aspectRatio = this.aspectRatio || 'none';
@@ -1196,12 +1211,13 @@ var Pacem;
                     }
                 }
                 _getPanPoint(evt) {
-                    const opts = this._options;
+                    const opts = this.#options;
                     if (evt instanceof MouseEvent && Pacem.CustomEventUtils.matchModifiers(evt, opts.panModifiers)) {
                         return Pacem.CustomEventUtils.getEventCoordinates(evt).page;
                     }
                     return null;
                 }
+                #panningStart;
                 _invalidateSize() {
                     this.adapter.invalidateSize(this, this.#size);
                     const prevTransformMatrix = this.#transformMatrix;
@@ -1267,7 +1283,7 @@ var Pacem;
                             }
                             break;
                         case 'options':
-                            this._options = Pacem.Utils.extend({}, DEFAULT_STAGE_OPTIONS, val || {});
+                            this.#options = getStageOptions(this); // Utils.extend({}, DEFAULT_STAGE_OPTIONS, val || {});
                             break;
                         case 'disabled':
                         case 'datasource':
@@ -1406,34 +1422,39 @@ var Pacem;
                         && Number.isFinite(viewbox.y) && Number.isFinite(viewbox.width) && Number.isFinite(viewbox.height);
                 }
                 static itemDispatch(target, type, offset) {
-                    if (!Pacem.Utils.isNull(target)) {
-                        var dragArgs, originalEvent, evtType;
-                        if (offset instanceof Event) {
-                            originalEvent = offset;
-                        }
-                        else {
-                            dragArgs = { item: target, offset: offset };
-                        }
-                        if (typeof type === 'string') {
-                            evtType = type;
-                        }
-                        else {
-                            evtType = type.type;
-                            originalEvent = type.originalEvent;
-                        }
-                        const m = target.stage.transformMatrix;
-                        const evt = () => offset instanceof Event ? new Pacem.Drawing.DrawableEvent(evtType, target, originalEvent, m) : new Pacem.Drawing.DragEvent(evtType, { detail: dragArgs, cancelable: evtType === Pacem.UI.DragDropEventType.Init || evtType === Pacem.UI.DragDropEventType.Drag }, originalEvent, m), itemevt = offset instanceof Event ? new Pacem.Drawing.DrawableEvent('item' + evtType, target, originalEvent, m) : new Pacem.Drawing.DragEvent('item' + evtType, { detail: dragArgs, cancelable: evtType === Pacem.UI.DragDropEventType.Init || evtType === Pacem.UI.DragDropEventType.Drag }, originalEvent, m);
-                        var prevent = false;
-                        if (target instanceof EventTarget) {
-                            const evnt = evt();
-                            target.dispatchEvent(evnt);
-                            prevent = evnt.defaultPrevented;
-                        }
-                        target.stage.dispatchEvent(itemevt);
-                        // was the event (in one of its forms) rejected?
-                        return prevent || itemevt.defaultPrevented;
+                    if (Pacem.Utils.isNull(target)) {
+                        return false;
                     }
-                    return false;
+                    var dragArgs, originalEvent, evtType;
+                    if (offset instanceof Event) {
+                        originalEvent = offset;
+                    }
+                    else {
+                        dragArgs = { item: target, offset: offset };
+                    }
+                    if (typeof type === 'string') {
+                        evtType = type;
+                    }
+                    else {
+                        evtType = type.type;
+                        originalEvent = type.originalEvent;
+                    }
+                    const m = target.stage.transformMatrix;
+                    const evt = () => offset instanceof Event
+                        ? new Pacem.Drawing.DrawableEvent(evtType, target, originalEvent, m)
+                        : new Pacem.Drawing.DragEvent(evtType, { detail: dragArgs, cancelable: evtType === Pacem.UI.DragDropEventType.Init || evtType === Pacem.UI.DragDropEventType.Drag }, originalEvent, m);
+                    const itemevt = offset instanceof Event
+                        ? new Pacem.Drawing.DrawableEvent('item' + evtType, target, originalEvent, m)
+                        : new Pacem.Drawing.DragEvent('item' + evtType, { detail: dragArgs, cancelable: evtType === Pacem.UI.DragDropEventType.Init || evtType === Pacem.UI.DragDropEventType.Drag }, originalEvent, m);
+                    var prevent = false;
+                    if (target instanceof EventTarget) {
+                        const evnt = evt();
+                        target.dispatchEvent(evnt);
+                        prevent = evnt.defaultPrevented;
+                    }
+                    target.stage.dispatchEvent(itemevt);
+                    // was the event (in one of its forms) rejected?
+                    return prevent || itemevt.defaultPrevented;
                 }
             }
             Drawing.AdapterUtils = AdapterUtils;
@@ -1555,11 +1576,14 @@ var Pacem;
                         if (canvas instanceof HTMLCanvasElement) {
                             const stage = GETVAR(canvas, CANVAS_SCENE_VAR), hitTarget = this._hitTarget;
                             const type = evt.type.replace(/^(mouse|touch)/, ''), fineType = type === 'end' ? 'click' : type;
-                            if (!Pacem.Utils.isNull(hitTarget) && hitTarget.stage === stage) {
-                                Drawing.AdapterUtils.itemDispatch(this._hitTarget, fineType, evt);
-                            }
-                            else {
-                                Drawing.AdapterUtils.stageDispatch(stage, fineType, evt);
+                            const opts = Drawing.getStageOptions(stage);
+                            if (Pacem.CustomEventUtils.matchModifiers(evt, opts.clickModifiers)) {
+                                if (!Pacem.Utils.isNull(hitTarget) && hitTarget.stage === stage) {
+                                    Drawing.AdapterUtils.itemDispatch(hitTarget, fineType, evt);
+                                }
+                                else {
+                                    Drawing.AdapterUtils.stageDispatch(stage, fineType, evt);
+                                }
                             }
                         }
                     };
@@ -1596,9 +1620,10 @@ var Pacem;
                     }
                     return Pacem.Matrix2D.identity;
                 }
+                #dragger;
                 viewActivatedCallback() {
                     super.viewActivatedCallback();
-                    const dragDrop = this._dragger = document.createElement(Pacem.P + '-drag-drop');
+                    const dragDrop = this.#dragger = document.createElement(Pacem.P + '-drag-drop');
                     dragDrop.mode = Pacem.UI.DragDataMode.Copy;
                     dragDrop.dropBehavior = Pacem.UI.DropBehavior.None;
                     dragDrop.spillBehavior = Pacem.UI.DropTargetMissedBehavior.None;
@@ -1613,7 +1638,7 @@ var Pacem;
                     dragDrop.addEventListener(Pacem.UI.DragDropEventType.End, this._dragEndHandler, false);
                 }
                 disconnectedCallback() {
-                    const dragger = this._dragger;
+                    const dragger = this.#dragger;
                     if (!Pacem.Utils.isNull(dragger)) {
                         dragger.removeEventListener(Pacem.UI.DragDropEventType.Init, this._dragInitHandler, false);
                         dragger.removeEventListener(Pacem.UI.DragDropEventType.Drag, this._draggingHandler, false);
@@ -1680,7 +1705,7 @@ var Pacem;
                         throw 'Provided scene is null or undefined.';
                     }
                     const scenes = this._scenes;
-                    const dragger = this._dragger;
+                    const dragger = this.#dragger;
                     // already in the store?
                     if (scenes.has(scene)) {
                         const canvas = scenes.get(scene).context.canvas;
@@ -1715,7 +1740,7 @@ var Pacem;
                     const scenes = this._scenes;
                     if (scenes.has(scene)) {
                         var tuple = scenes.get(scene), context = tuple.context, canvas = context.canvas;
-                        const dragger = this._dragger;
+                        const dragger = this.#dragger;
                         if (!Pacem.Utils.isNull(dragger)) {
                             dragger.unregister(canvas);
                         }
@@ -2106,7 +2131,7 @@ var Pacem;
                     };
                     this._draggingHandler = (evt) => {
                         Pacem.avoidHandler(evt);
-                        this._dragging = true;
+                        this.#dragging = true;
                         const el = evt.detail.element;
                         const data = evt.detail.data;
                         const args = evt.detail;
@@ -2132,7 +2157,7 @@ var Pacem;
                         }
                     };
                     this._dragEndHandler = (evt) => {
-                        this._dragging = false;
+                        this.#dragging = false;
                         const args = evt.detail, el = args.element, data = args.data, transform = Pacem.Utils.deserializeTransform(el.style);
                         // store transform
                         const offset = { x: transform.e, y: transform.f };
@@ -2148,7 +2173,7 @@ var Pacem;
                         Drawing.AdapterUtils.itemDispatch(data.item, evt, offset);
                     };
                     this._mouseleaveHandler = (evt) => {
-                        if (this._dragging) {
+                        if (this.#dragging) {
                             return;
                         }
                         const hitTarget = this._hitTarget;
@@ -2157,13 +2182,13 @@ var Pacem;
                         }
                         this._hitTarget = null;
                         if (!Pacem.Utils.isNull(hitTarget)) {
-                            this._dragger.unregister(this._items.get(hitTarget));
+                            this.#dragger.unregister(this._items.get(hitTarget));
                             Drawing.AdapterUtils.itemDispatch(hitTarget, 'out', evt);
                         }
                     };
                     this._mousemoveHandler = (evt) => {
                         var pt = Pacem.CustomEventUtils.getEventCoordinates(evt).client;
-                        if (!this._dragging) {
+                        if (!this.#dragging) {
                             // not dragging around
                             var d = null;
                             const root = evt.target.getRootNode();
@@ -2178,12 +2203,12 @@ var Pacem;
                             const hitTarget = this._hitTarget = val;
                             if (val !== old) {
                                 if (!Pacem.Utils.isNull(old)) {
-                                    this._dragger.unregister(this._items.get(old));
+                                    this.#dragger.unregister(this._items.get(old));
                                     Drawing.AdapterUtils.itemDispatch(old, 'out', evt);
                                 }
                                 if (!Pacem.Utils.isNull(val)) {
                                     if (val.draggable) {
-                                        this._dragger.register(this._items.get(val));
+                                        this.#dragger.register(this._items.get(val));
                                     }
                                     Drawing.AdapterUtils.itemDispatch(val, 'over', evt);
                                 }
@@ -2203,11 +2228,14 @@ var Pacem;
                         if (svg instanceof SVGSVGElement) {
                             const stage = GETVAR(svg, STAGE_VAR), hitTarget = this._hitTarget;
                             const type = evt.type.replace(/^mouse/, '');
-                            if (!Pacem.Utils.isNull(hitTarget) && hitTarget.stage === stage) {
-                                Drawing.AdapterUtils.itemDispatch(this._hitTarget, type, evt);
-                            }
-                            else {
-                                Drawing.AdapterUtils.stageDispatch(stage, type, evt);
+                            const opts = Drawing.getStageOptions(stage);
+                            if (Pacem.CustomEventUtils.matchModifiers(evt, opts.clickModifiers)) {
+                                if (!Pacem.Utils.isNull(hitTarget) && hitTarget.stage === stage) {
+                                    Drawing.AdapterUtils.itemDispatch(hitTarget, type, evt);
+                                }
+                                else {
+                                    Drawing.AdapterUtils.stageDispatch(stage, type, evt);
+                                }
                             }
                         }
                     };
@@ -2232,9 +2260,10 @@ var Pacem;
                     }
                     return Pacem.Matrix2D.identity;
                 }
+                #dragger;
                 viewActivatedCallback() {
                     super.viewActivatedCallback();
-                    const dragDrop = this._dragger = document.createElement(Pacem.P + '-drag-drop');
+                    const dragDrop = this.#dragger = document.createElement(Pacem.P + '-drag-drop');
                     dragDrop.mode = Pacem.UI.DragDataMode.Self;
                     // append
                     const shell = Pacem.CustomElementUtils.findAncestorShell(this);
@@ -2244,7 +2273,7 @@ var Pacem;
                     dragDrop.addEventListener(Pacem.UI.DragDropEventType.End, this._dragEndHandler, false);
                 }
                 disconnectedCallback() {
-                    const dragger = this._dragger;
+                    const dragger = this.#dragger;
                     if (!Pacem.Utils.isNull(dragger)) {
                         dragger.removeEventListener(Pacem.UI.DragDropEventType.Init, this._dragInitHandler, false);
                         dragger.removeEventListener(Pacem.UI.DragDropEventType.Drag, this._draggingHandler, false);
@@ -2355,6 +2384,7 @@ var Pacem;
                     }
                     this._draw(scene, parent, items || [], flow, deepRedraw);
                 }
+                #dragging;
                 _hasItems(object) {
                     return Pacem.Drawing.isGroup(object);
                 }