@sebgroup/green-core 1.0.0-beta.8 → 1.0.0

package/components/dropdown/dropdown.d.ts

@@ -1,7 +1,7 @@
 import 'reflect-metadata';
-import 'primitives/listbox';
-import type { GdsOption, OptionsContainer } from 'primitives/listbox';
-import 'primitives/popover';
+import '../../primitives/listbox';
+import type { GdsOption, OptionsContainer } from '../../primitives/listbox';
+import '../../primitives/popover';
 import { GdsFormControlElement } from '../form-control';
 /**
  * @element gds-dropdown
@@ -40,6 +40,33 @@ export declare class GdsDropdown<ValueT = any> extends GdsFormControlElement<Val
      * The value of the dropdown will be an array of the selected values.
      */
     multiple: boolean;
+    /**
+     * Delegate function for comparing option values.
+     * By default the option values are compared using strict equality.
+     * If you want to compare objects by field values, you can provide
+     * a custom compare function here. The function should return true
+     * if the values are considered equal.
+     *
+     * Example:
+     * ```ts
+     * dropdown.compareWith = (a, b) => a.id === b.id
+     * ```
+     */
+    compareWith: (a: ValueT, b: ValueT) => boolean;
+    /**
+     * Delegate function for customizing the search filtering.
+     * By default, the search filter will just check if the option label
+     * contains the search string using [String.includes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes).
+     *
+     * This property allows you to provide a custom filter function to use instead.
+     *
+     * For example, to filter on value instead of label:
+     * ```ts
+     * dropdown.searchFilter = (query, option) =>
+     *    option.value.toLowerCase().includes(query.toLowerCase())
+     * ```
+     */
+    searchFilter: (q: string, o: GdsOption) => boolean;
     constructor();
     connectedCallback(): void;
     /**