@m3e/web 2.5.13 → 2.5.15

package/dist/css-custom-data.json

@@ -11297,6 +11297,16 @@
       "description": "Minimum width of vertical nav items.",
       "values": []
     },
+    {
+      "name": "--m3e-nav-bar-horizontal-nav-item-leading-space",
+      "description": "Leading space for horizontal nav items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-horizontal-nav-item-trailing-space",
+      "description": "Trailing space for horizontal nav items.",
+      "values": []
+    },
     {
       "name": "--m3e-nav-menu-item-font-size",
       "description": "Font size for the item label.",
@@ -11572,6 +11582,16 @@
       "description": "Minimum width of vertical nav items.",
       "values": []
     },
+    {
+      "name": "--m3e-nav-bar-horizontal-nav-item-leading-space",
+      "description": "Leading space for horizontal nav items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-horizontal-nav-item-trailing-space",
+      "description": "Trailing space for horizontal nav items.",
+      "values": []
+    },
     {
       "name": "--m3e-form-field-font-size",
       "description": "The font size of the select control.",

package/dist/custom-elements.json

@@ -8127,7 +8127,7 @@
               "attribute": "orientation",
               "reflects": true,
               "parsedType": {
-                "text": "'vertical' | 'horizontal'"
+                "text": "'vertical' | 'horizontal' | 'both'"
               }
             },
             {
@@ -8260,7 +8260,7 @@
               "default": "\"vertical\"",
               "fieldName": "orientation",
               "parsedType": {
-                "text": "'vertical' | 'horizontal'"
+                "text": "'vertical' | 'horizontal' | 'both'"
               }
             },
             {
@@ -17330,6 +17330,17 @@
                 "text": "() => void | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "#clickOutsideController",
@@ -17928,6 +17939,21 @@
                 "module": "src/core/anchoring/FloatingPanelElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              },
+              "inheritedFrom": {
+                "name": "M3eFloatingPanelElement",
+                "module": "src/core/anchoring/FloatingPanelElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#clickOutsideController",
@@ -20507,6 +20533,14 @@
                 "text": "() => void | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
@@ -20571,6 +20605,11 @@
                 "module": "src/core/shared/mixins/HtmlFor.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "#updatePadding",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "#detach",
@@ -28828,6 +28867,17 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "_hasSubhead",
@@ -28884,6 +28934,20 @@
                 "text": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'"
               }
             },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Manually shows the tooltip.",
+              "inheritedFrom": {
+                "name": "TooltipElementBase",
+                "module": "src/tooltip/TooltipElementBase.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "hide",
@@ -29362,20 +29426,6 @@
                 "module": "src/tooltip/TooltipElementBase.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Manually shows the tooltip.",
-              "inheritedFrom": {
-                "name": "TooltipElementBase",
-                "module": "src/tooltip/TooltipElementBase.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "#handleControlClick",
@@ -29604,6 +29654,17 @@
                 "text": "string | null | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "position",
@@ -29665,6 +29726,34 @@
                 "module": "src/tooltip/TooltipElementBase.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Manually shows the tooltip.",
+              "inheritedFrom": {
+                "name": "TooltipElementBase",
+                "module": "src/tooltip/TooltipElementBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Manually hides the tooltip.",
+              "inheritedFrom": {
+                "name": "TooltipElementBase",
+                "module": "src/tooltip/TooltipElementBase.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_updatePosition",
@@ -30008,34 +30097,6 @@
                 "module": "src/tooltip/TooltipElementBase.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Manually shows the tooltip.",
-              "inheritedFrom": {
-                "name": "TooltipElementBase",
-                "module": "src/tooltip/TooltipElementBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Manually hides the tooltip.",
-              "inheritedFrom": {
-                "name": "TooltipElementBase",
-                "module": "src/tooltip/TooltipElementBase.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "#handleControlClick",
@@ -40083,6 +40144,17 @@
                 "text": "() => void | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "#scrollLockController",
@@ -55291,6 +55363,17 @@
                 "text": "() => void | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "#listManager",
@@ -57688,6 +57771,14 @@
             {
               "description": "Minimum width of vertical nav items.",
               "name": "--m3e-nav-bar-vertical-item-width"
+            },
+            {
+              "description": "Leading space for horizontal nav items.",
+              "name": "--m3e-nav-bar-horizontal-nav-item-leading-space"
+            },
+            {
+              "description": "Trailing space for horizontal nav items.",
+              "name": "--m3e-nav-bar-horizontal-nav-item-trailing-space"
             }
           ],
           "slots": [
@@ -59189,6 +59280,22 @@
                 "name": "M3eNavBarElement",
                 "module": "src/nav-bar/NavBarElement.ts"
               }
+            },
+            {
+              "description": "Leading space for horizontal nav items.",
+              "name": "--m3e-nav-bar-horizontal-nav-item-leading-space",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
+            },
+            {
+              "description": "Trailing space for horizontal nav items.",
+              "name": "--m3e-nav-bar-horizontal-nav-item-trailing-space",
+              "inheritedFrom": {
+                "name": "M3eNavBarElement",
+                "module": "src/nav-bar/NavBarElement.ts"
+              }
             }
           ],
           "members": [
@@ -64653,6 +64760,17 @@
                 "text": "() => void | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#anchorLastPosition",
+              "privacy": "private",
+              "type": {
+                "text": "{ x: number; y: number; width: number; dir: Direction } | undefined"
+              },
+              "parsedType": {
+                "text": "{ x: number; y: number; width: number; dir: 'ltr' | 'rtl' } | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "#breakpointUnobserve",
@@ -66483,6 +66601,43 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "__animating",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<M3eSkeletonElement>()",
+              "description": "Skeletons with a live per-instance animation, so preference changes re-sync them all."
+            },
+            {
+              "kind": "field",
+              "name": "__motionOrigin",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "null",
+              "description": "Shared timeline origin so every skeleton's wave/pulse stays in phase."
+            },
+            {
+              "kind": "field",
+              "name": "__reducedMediaQuery",
+              "type": {
+                "text": "MediaQueryList"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "__forcedColorsMediaQuery",
+              "type": {
+                "text": "MediaQueryList"
+              },
+              "privacy": "private",
+              "static": true
+            },
             {
               "kind": "field",
               "name": "#anchoringCleanupMap",
@@ -66490,6 +66645,28 @@
               "readonly": true,
               "default": "new Map<HTMLElement, () => void>()"
             },
+            {
+              "kind": "field",
+              "name": "#animation",
+              "privacy": "private",
+              "type": {
+                "text": "Animation | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#animationMode",
+              "privacy": "private",
+              "type": {
+                "text": "SkeletonAnimation | null"
+              },
+              "default": "null",
+              "description": "The animation mode `#animation` was created for, so mode changes recreate it.",
+              "parsedType": {
+                "text": "'none' | 'pulse' | 'wave' | null"
+              }
+            },
             {
               "kind": "field",
               "name": "shape",
@@ -66590,6 +66767,73 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Starts or stops this skeleton's own wave/pulse animation to reflect its current\r\nloaded/animation/connected state, then aligns its play/pause with the active\r\naccessibility and forced-colors preferences."
+            },
+            {
+              "kind": "method",
+              "name": "#startMotion",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Starts the wave/pulse animation on this skeleton itself rather than on\r\n`document.documentElement`. The `--_m3e-skeleton-*` properties are registered\r\n`inherits: true`, so animating them on the document root recalculates style for the\r\nwhole document every frame; scoping to the instance limits that to its own subtree.\r\nAligned to a shared timeline origin so multiple skeletons animate in phase, and\r\nre-created when the effect mode (wave vs pulse) changes."
+            },
+            {
+              "kind": "method",
+              "name": "#stopMotion",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__motionDisabled",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether motion is currently suppressed for accessibility or forced-colors reasons."
+            },
+            {
+              "kind": "method",
+              "name": "__updateMotion",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Re-applies the current motion preference to every animating skeleton. Invoked when\r\nthe reduced-motion or forced-colors preference changes."
+            },
+            {
+              "kind": "method",
+              "name": "#syncMotionState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Aligns this skeleton's animation play state with the current reduced-motion and\r\nforced-colors preferences."
+            },
             {
               "kind": "field",
               "name": "[_wasConnected]",
@@ -72462,7 +72706,7 @@
               "attribute": "icons",
               "reflects": true,
               "parsedType": {
-                "text": "'none' | 'selected' | 'both'"
+                "text": "'none' | 'both' | 'selected'"
               }
             },
             {
@@ -73115,7 +73359,7 @@
               "default": "\"none\"",
               "fieldName": "icons",
               "parsedType": {
-                "text": "'none' | 'selected' | 'both'"
+                "text": "'none' | 'both' | 'selected'"
               }
             },
             {

package/dist/datepicker.js

@@ -14,7 +14,7 @@ import '@m3e/web/core/a11y';
 import '@m3e/web/button';
 import '@m3e/web/calendar';
 
-var _M3eDatepickerElement_instances, _M3eDatepickerElement_closeTimeout, _M3eDatepickerElement_breakpointUnobserve, _M3eDatepickerElement_trigger, _M3eDatepickerElement_anchor, _M3eDatepickerElement_anchorCleanup, _M3eDatepickerElement_scrollLockController, _M3eDatepickerElement_inertController, _M3eDatepickerElement_documentClickHandler, _M3eDatepickerElement_documentKeyDownHandler, _M3eDatepickerElement_toggleHandler, _M3eDatepickerElement_renderHeader, _M3eDatepickerElement_renderCalendar, _M3eDatepickerElement_renderActions, _M3eDatepickerElement_handleDocumentClick, _M3eDatepickerElement_handleCalendarChange, _M3eDatepickerElement_handleClearClick, _M3eDatepickerElement_handleDismissClick, _M3eDatepickerElement_handleConfirmClick, _M3eDatepickerElement_handleDocumentKeyDown, _M3eDatepickerElement_initBreakpointMonitoring, _M3eDatepickerElement_updateVariant, _M3eDatepickerElement_updatePosition, _M3eDatepickerElement_clearAnchoring, _M3eDatepickerElement_clearSelectionState;
+var _M3eDatepickerElement_instances, _M3eDatepickerElement_closeTimeout, _M3eDatepickerElement_breakpointUnobserve, _M3eDatepickerElement_trigger, _M3eDatepickerElement_anchor, _M3eDatepickerElement_anchorCleanup, _M3eDatepickerElement_anchorLastPosition, _M3eDatepickerElement_scrollLockController, _M3eDatepickerElement_inertController, _M3eDatepickerElement_documentClickHandler, _M3eDatepickerElement_documentKeyDownHandler, _M3eDatepickerElement_toggleHandler, _M3eDatepickerElement_renderHeader, _M3eDatepickerElement_renderCalendar, _M3eDatepickerElement_renderActions, _M3eDatepickerElement_handleDocumentClick, _M3eDatepickerElement_handleCalendarChange, _M3eDatepickerElement_handleClearClick, _M3eDatepickerElement_handleDismissClick, _M3eDatepickerElement_handleConfirmClick, _M3eDatepickerElement_handleDocumentKeyDown, _M3eDatepickerElement_initBreakpointMonitoring, _M3eDatepickerElement_updateVariant, _M3eDatepickerElement_updatePosition, _M3eDatepickerElement_clearAnchoring, _M3eDatepickerElement_clearSelectionState;
 /**
  * Presents a date picker on a temporary surface.
  *
@@ -100,6 +100,8 @@ let M3eDatepickerElement = class M3eDatepickerElement extends SuppressInitialAni
     /** @private */
     _M3eDatepickerElement_anchorCleanup.set(this, void 0);
     /** @private */
+    _M3eDatepickerElement_anchorLastPosition.set(this, void 0);
+    /** @private */
     _M3eDatepickerElement_scrollLockController.set(this, new ScrollLockController(this));
     /** @private */
     _M3eDatepickerElement_inertController.set(this, new InertController(this));
@@ -113,6 +115,7 @@ let M3eDatepickerElement = class M3eDatepickerElement extends SuppressInitialAni
         __classPrivateFieldGet(this, _M3eDatepickerElement_instances, "m", _M3eDatepickerElement_clearSelectionState).call(this);
         __classPrivateFieldGet(this, _M3eDatepickerElement_anchorCleanup, "f")?.call(this);
         __classPrivateFieldSet(this, _M3eDatepickerElement_anchorCleanup, undefined, "f");
+        __classPrivateFieldSet(this, _M3eDatepickerElement_anchorLastPosition, undefined, "f");
         clearTimeout(__classPrivateFieldGet(this, _M3eDatepickerElement_closeTimeout, "f"));
         if (!prefersReducedMotion()) {
           __classPrivateFieldSet(this, _M3eDatepickerElement_closeTimeout, setTimeout(() => this._open = false, 100), "f");
@@ -296,8 +299,6 @@ let M3eDatepickerElement = class M3eDatepickerElement extends SuppressInitialAni
     calendar.rangeEnd = this.rangeEnd;
     calendar.specialDates = this.specialDates;
     calendar.blackoutDates = this.blackoutDates;
-    // Ensure the active view is reset
-    calendar.resetActiveView();
     if (calendar.isUpdatePending) {
       await calendar.updateComplete;
     }
@@ -379,6 +380,7 @@ _M3eDatepickerElement_breakpointUnobserve = new WeakMap();
 _M3eDatepickerElement_trigger = new WeakMap();
 _M3eDatepickerElement_anchor = new WeakMap();
 _M3eDatepickerElement_anchorCleanup = new WeakMap();
+_M3eDatepickerElement_anchorLastPosition = new WeakMap();
 _M3eDatepickerElement_scrollLockController = new WeakMap();
 _M3eDatepickerElement_inertController = new WeakMap();
 _M3eDatepickerElement_documentClickHandler = new WeakMap();
@@ -484,6 +486,7 @@ _M3eDatepickerElement_updatePosition = /** @private */
 async function _M3eDatepickerElement_updatePosition() {
   if (this.currentVariant === "docked" && __classPrivateFieldGet(this, _M3eDatepickerElement_trigger, "f")) {
     __classPrivateFieldGet(this, _M3eDatepickerElement_anchorCleanup, "f")?.call(this);
+    __classPrivateFieldSet(this, _M3eDatepickerElement_anchorLastPosition, undefined, "f");
     __classPrivateFieldSet(this, _M3eDatepickerElement_anchorCleanup, await positionAnchor(this, __classPrivateFieldGet(this, _M3eDatepickerElement_anchor, "f") ?? __classPrivateFieldGet(this, _M3eDatepickerElement_trigger, "f"), {
       position: "bottom-start",
       inline: true,
@@ -492,14 +495,23 @@ async function _M3eDatepickerElement_updatePosition() {
     }, (x, y, position) => {
       setCustomState(this, "--top", position.includes("top"));
       setCustomState(this, "--bottom", position.includes("bottom"));
-      if (M3eDirectionality.current === "rtl") {
-        this.style.right = `${window.innerWidth - x - this.clientWidth}px`;
-        this.style.left = "";
-      } else {
-        this.style.left = `${x}px`;
-        this.style.right = "";
+      if (__classPrivateFieldGet(this, _M3eDatepickerElement_anchorLastPosition, "f")?.dir !== M3eDirectionality.current || __classPrivateFieldGet(this, _M3eDatepickerElement_anchorLastPosition, "f")?.x !== x) {
+        if (M3eDirectionality.current === "rtl") {
+          this.style.right = `${window.innerWidth - x - this.clientWidth}px`;
+          this.style.left = "";
+        } else {
+          this.style.left = `${x}px`;
+          this.style.right = "";
+        }
+      }
+      if (__classPrivateFieldGet(this, _M3eDatepickerElement_anchorLastPosition, "f")?.y !== y) {
+        this.style.top = `${y}px`;
       }
-      this.style.top = `${y}px`;
+      __classPrivateFieldSet(this, _M3eDatepickerElement_anchorLastPosition, {
+        x,
+        y,
+        dir: M3eDirectionality.current
+      }, "f");
     }), "f");
   } else {
     __classPrivateFieldGet(this, _M3eDatepickerElement_instances, "m", _M3eDatepickerElement_clearAnchoring).call(this);
@@ -508,6 +520,7 @@ async function _M3eDatepickerElement_updatePosition() {
 _M3eDatepickerElement_clearAnchoring = function _M3eDatepickerElement_clearAnchoring() {
   __classPrivateFieldGet(this, _M3eDatepickerElement_anchorCleanup, "f")?.call(this);
   __classPrivateFieldSet(this, _M3eDatepickerElement_anchorCleanup, undefined, "f");
+  __classPrivateFieldSet(this, _M3eDatepickerElement_anchorLastPosition, undefined, "f");
   this.style.left = "";
   this.style.right = "";
   this.style.top = "";