@momentum-design/components 0.129.2 → 0.129.4

package/dist/components/card/card.component.d.ts

@@ -25,6 +25,7 @@ declare const Card_base: import("../../utils/mixins/index.types").Constructor<im
  *
  * Interactive card additionally supports 'promotional' variant that represents the border styling - 'promotional'.
  *
+ * @slot image - This slot is for overriding the image content of the card
  * @slot before-body - This slot is for passing the content before the body
  * @slot body - This slot is for passing the text content for the card
  * @slot after-body - This slot is for passing the content after the body

package/dist/components/card/card.component.js

@@ -39,6 +39,7 @@ import styles from './card.styles';
  *
  * Interactive card additionally supports 'promotional' variant that represents the border styling - 'promotional'.
  *
+ * @slot image - This slot is for overriding the image content of the card
  * @slot before-body - This slot is for passing the content before the body
  * @slot body - This slot is for passing the text content for the card
  * @slot after-body - This slot is for passing the content after the body

package/dist/components/cardbutton/cardbutton.component.d.ts

@@ -19,6 +19,7 @@ declare const CardButton_base: import("../../utils/mixins/index.types").Construc
  * It fires the click event when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
+ * @slot image - This slot is for overriding the image content of the card
  * @slot before-body - This slot is for passing the content before the body
  * @slot body - This slot is for passing the text content for the card
  * @slot after-body - This slot is for passing the content after the body

package/dist/components/cardbutton/cardbutton.component.js

@@ -21,6 +21,7 @@ import styles from './cardbutton.styles';
  * It fires the click event when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
+ * @slot image - This slot is for overriding the image content of the card
  * @slot before-body - This slot is for passing the content before the body
  * @slot body - This slot is for passing the text content for the card
  * @slot after-body - This slot is for passing the content after the body

package/dist/components/virtualizedlist/virtualizedlist.component.js

@@ -435,21 +435,21 @@ class VirtualizedList extends DataAriaLabelMixin(List) {
                 }
             }
         });
-        this.updateHiddenItemsPosition();
+        this.updateHiddenItemsPosition(range);
         defaultIndexes.sort((a, b) => a - b);
         return defaultIndexes;
     }
     /** @internal */
-    updateHiddenItemsPosition() {
+    updateHiddenItemsPosition(range) {
         const { navItems, virtualizerProps, virtualizer } = this;
         if (!virtualizer || virtualizerProps.count === 0)
             return;
-        const { measurementsCache, range } = virtualizer;
+        const { measurementsCache } = virtualizer;
         this.hiddenIndexes.forEach(index => {
-            var _a;
             const el = navItems.at(index);
             if (el) {
-                const first = measurementsCache[(_a = range === null || range === void 0 ? void 0 : range.startIndex) !== null && _a !== void 0 ? _a : 0];
+                const startIndex = Math.max(range.startIndex - range.overscan, 0);
+                const first = measurementsCache[startIndex];
                 const current = measurementsCache[index];
                 el.setAttribute('data-virtualized-hidden', 'true');
                 el.style.setProperty('--mdc-virtualizedlist-hidden-top', `${current.start - first.start}px`);

package/dist/components/virtualizedlist/virtualizedlist.styles.js

@@ -23,6 +23,8 @@ const styles = [
       position: absolute !important;
       top: var(--mdc-virtualizedlist-hidden-top) !important;
       left: 0 !important;
+      opacity: 0 !important;
+      pointer-events: none !important;
     }
 
     ::slotted(mdc-listitem) {