@m3e/web 2.5.13 → 2.5.14

package/dist/custom-elements.json

@@ -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",
@@ -64653,6 +64736,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 +66577,56 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "__pulseLoading",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<M3eSkeletonElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "__pulseAnimation",
+              "type": {
+                "text": "Animation"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "__waveLoading",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<M3eSkeletonElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "__waveAnimation",
+              "type": {
+                "text": "Animation"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "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",
@@ -66590,6 +66734,47 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#registerLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#unregisterLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__updateAnimations",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "[_wasConnected]",

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");
@@ -379,6 +382,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 +488,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 +497,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 +522,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 = "";