chore: make clearFilter available

packages/components/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [13.20.4] - 2024-09-18
+
+### Changed
+
+- `clearFilter` function for `mi-dropdown` is public and can be used outside the component.
+
 ## [13.20.3] - 2024-09-18
 
 ### Added

packages/components/src/components.d.ts

@@ -184,6 +184,10 @@ export namespace Components {
         "unit": UnitSystem;
     }
     interface MiDropdown {
+        /**
+          * Clear filter.
+         */
+        "clearFilter": () => Promise<void>;
         /**
           * Sets the disabled state for the dropdown.
          */

packages/components/src/components/dropdown/dropdown.tsx

@@ -1,4 +1,4 @@
-import { Component, Element, Event, EventEmitter, Host, JSX, Prop, State, Watch, Listen, h } from '@stencil/core';
+import { Component, Element, Event, EventEmitter, Host, JSX, Prop, State, Watch, Listen, h, Method } from '@stencil/core';
 import fuzzysort from 'fuzzysort';
 import { SortOrder } from '../../enums/sort-order.enum';
 
@@ -499,7 +499,8 @@ export class Dropdown {
     /**
      * Clear filter.
      */
-    clearFilter(): void {
+    @Method()
+    public clearFilter(): void {
         if (this.filterElement) {
             this.filterElement.value = '';
             this.filterElement.focus();

packages/components/src/components/dropdown/readme.md

@@ -161,6 +161,19 @@ mi-dropdown::part(button) {
 | `change` | Triggers an event when the selection is changed. | `CustomEvent<any>` |
 
 
+## Methods
+
+### `clearFilter() => Promise<void>`
+
+Clear filter.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ## Shadow Parts
 
 | Part                   | Description |