@descope/web-components-ui 1.0.260 → 1.0.261

package/dist/cjs/index.cjs.js

@@ -9141,17 +9141,26 @@ const multiSelectComboBoxMixin = (superclass) =>
       });
     }
 
+    // To prevent duplicate items for the multi select options, we dedup them based on the "data-id" attribute
+    // eslint-disable-next-line class-methods-use-this
+    #dedupItems(items) {
+      return Array.from(
+        new Map(items.map((item) => [item.getAttribute('data-id'), item])).values()
+      );
+    }
+
     // vaadin api is to set props on their combo box node,
     // in order to avoid it, we are passing the children of this component
     // to the items & renderer props, so it will be used as the combo box items
     #onChildrenChange() {
       const items = Array.from(this.children);
+      const dedupItems = this.#dedupItems(items);
 
       // we want the data-name attribute to be accessible as an object attribute
       if (items.length) {
         this.removeAttribute('has-no-options');
 
-        items.forEach((node) => {
+        dedupItems.forEach((node) => {
           Object.defineProperty(node, 'data-name', {
             value: node.getAttribute('data-name'),
             configurable: true,
@@ -9164,7 +9173,7 @@ const multiSelectComboBoxMixin = (superclass) =>
           });
         });
 
-        this.baseElement.items = items;
+        this.baseElement.items = dedupItems;
 
         setTimeout(() => {
           // set timeout to ensure this runs after customValueTransformFn had the chance to be overriden