feat(core): add close methods for dropdown context directive

taiga-family · Dec 17, 2024 · faa1e8e · faa1e8e
1 parent 2d7c63f
commit faa1e8e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/projects/core/directives/dropdown/dropdown-context.directive.ts b/projects/core/directives/dropdown/dropdown-context.directive.ts
@@ -21,6 +21,7 @@ function activeZoneFilter(this: TuiDropdownContext, event?: Event): boolean {
         tuiAsDriver(TuiDropdownDriver),
         tuiAsRectAccessor(TuiDropdownContext),
     ],
+    exportAs: 'tuiDropdownContext',
     host: {
         '[style.user-select]': 'userSelect()',
         '[style.-webkit-user-select]': 'userSelect()',
@@ -45,12 +46,16 @@ export class TuiDropdownContext extends TuiRectAccessor {
         return this.currentRect;
     }
 
-    @shouldCall(activeZoneFilter)
-    protected closeDropdown(_event?: Event): void {
+    public close(): void {
         this.driver.next(false);
         this.currentRect = EMPTY_CLIENT_RECT;
     }
 
+    @shouldCall(activeZoneFilter)
+    protected closeDropdown(_event?: Event): void {
+        this.close();
+    }
+
     protected onContextMenu(x: number, y: number): void {
         this.currentRect = tuiPointToClientRect(x, y);
         this.driver.next(true);

diff --git a/projects/demo/src/modules/directives/dropdown-context/examples/1/index.html b/projects/demo/src/modules/directives/dropdown-context/examples/1/index.html
@@ -1,7 +1,7 @@
 <p>
     Make right click on this icon ->
     <tui-icon
-        #dropdown="tuiDropdown"
+        #dropdown="tuiDropdownContext"
         icon="@tui.settings"
         tuiDropdownContext
         class="icon"
@@ -15,7 +15,7 @@
                 size="s"
                 tuiIconButton
                 type="button"
-                (click)="dropdown.toggle(false)"
+                (click)="dropdown.close()"
             >
                 Close
             </button>