@momentum-design/components 0.120.11 → 0.120.12

package/dist/react/index.d.ts

@@ -1,12 +1,12 @@
 export { default as Accordion } from './accordion';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
-export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
-export { default as AnnouncementDialog } from './announcementdialog';
+export { default as AlertChip } from './alertchip';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -48,9 +48,9 @@ export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
 export { default as MenuSection } from './menusection';
+export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
-export { default as NavMenuItem } from './navmenuitem';
 export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
@@ -60,10 +60,10 @@ export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
-export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Select } from './select';
 export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

package/dist/react/index.js

@@ -1,12 +1,12 @@
 export { default as Accordion } from './accordion';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
-export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
-export { default as AnnouncementDialog } from './announcementdialog';
+export { default as AlertChip } from './alertchip';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -48,9 +48,9 @@ export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
 export { default as MenuSection } from './menusection';
+export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
-export { default as NavMenuItem } from './navmenuitem';
 export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
@@ -60,10 +60,10 @@ export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
-export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Select } from './select';
 export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

package/dist/utils/controllers/ElementStore.d.ts

@@ -1,7 +1,7 @@
 import { ReactiveController } from 'lit';
 import type { Component } from '../../models';
 export type ElementStoreChangeTypes = 'added' | 'removed';
-interface ElementStoreOptions<TItem extends HTMLElement = HTMLElement> {
+interface ElementStoreOptions<TItem extends HTMLElement> {
     /**
      * Checks if the item is valid.
      * Invalid items will not be collected or processed.
@@ -19,9 +19,9 @@ interface ElementStoreOptions<TItem extends HTMLElement = HTMLElement> {
      * @param item - The item that is being added or removed.
      * @param changeType - The type of change ('added' or 'removed').
      * @param index - Index at which the item is added or removed.
-     * @param store - The current state of the store.
+     * @param items - Items in the store before the change.
      */
-    onStoreUpdate?: (item: TItem, changeType: ElementStoreChangeTypes, index: number, store?: TItem[]) => void;
+    onStoreUpdate?: (item: TItem, changeType: ElementStoreChangeTypes, index: number, items: TItem[]) => void;
 }
 /**
  * ElementStore is a controller that manages a collection of elements.
@@ -102,7 +102,7 @@ export declare class ElementStore<TItem extends HTMLElement> implements Reactive
      * @param host - The host component that this controller is attached to.
      * @param options - Element store options
      */
-    constructor(host: Component, options?: ElementStoreOptions);
+    constructor(host: Component, options?: ElementStoreOptions<TItem>);
     hostConnected(): void;
     hostDisconnected(): void;
     /**
@@ -159,6 +159,6 @@ export declare class ElementStore<TItem extends HTMLElement> implements Reactive
      *
      * @param items - The items to set in the cache.
      */
-    protected reset(items: TItem[]): void;
+    protected reset(items?: TItem[]): void;
 }
 export {};

package/dist/utils/controllers/ElementStore.js

@@ -98,11 +98,19 @@ export class ElementStore {
         host.addController(this);
         this.isValidItem = (options === null || options === void 0 ? void 0 : options.isValidItem) || defaultIsValidFn;
         this.onStoreUpdate = options === null || options === void 0 ? void 0 : options.onStoreUpdate;
+    }
+    hostConnected() {
         this.host.addEventListener(LIFE_CYCLE_EVENTS.CREATED, this.itemCreationHandler);
         this.host.addEventListener(LIFE_CYCLE_EVENTS.DESTROYED, this.itemDestroyHandler);
     }
-    hostConnected() { }
-    hostDisconnected() { }
+    hostDisconnected() {
+        this.host.removeEventListener(LIFE_CYCLE_EVENTS.CREATED, this.itemCreationHandler);
+        this.host.removeEventListener(LIFE_CYCLE_EVENTS.DESTROYED, this.itemDestroyHandler);
+        // This is a shortcut, because after the removal of the parent the children will emit the destroyed event,
+        // but it is less performant also we want to skip the onStoreUpdate calls after disconnection
+        // re-connection of the element will fill the cache again
+        this.reset();
+    }
     /**
      * Adds an item to the cache.
      * If the item is valid and not already in the cache, it will be added at the end of the cache.
@@ -175,6 +183,7 @@ export class ElementStore {
      */
     reset(items) {
         this.cache.length = 0;
-        this.cache.push(...(items || []));
+        if (items)
+            this.cache.push(...items);
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.120.11",
+  "version": "0.120.12",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"