feat(dropdown): add insideClick property to config (#4898)

Author: svetoldo4444ka

src/dropdown/bs-dropdown-toggle.directive.ts

@@ -54,7 +54,7 @@ export class BsDropdownToggleDirective implements OnDestroy {
       this._state.autoClose &&
       event.button !== 2 &&
       !this._element.nativeElement.contains(event.target) &&
-      !(this.dropdown.insideClick && this.dropdown._contains(event))
+      !(this._state.insideClick && this.dropdown._contains(event))
     ) {
       this._state.toggleClick.emit(false);
     }

src/dropdown/bs-dropdown.config.ts

@@ -5,4 +5,6 @@ import { Injectable } from '@angular/core';
 export class BsDropdownConfig {
   /** default dropdown auto closing behavior */
   autoClose = true;
+  /** default dropdown auto closing behavior */
+  insideClick = false;
 }

src/dropdown/bs-dropdown.directive.ts

@@ -68,7 +68,14 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
   /**
    * This attribute indicates that the dropdown shouldn't close on inside click when autoClose is set to true
    */
-  @Input() insideClick: boolean;
+  @Input()
+  set insideClick(value: boolean) {
+    this._state.insideClick = value;
+  }
+
+  get insideClick(): boolean {
+    return this._state.insideClick;
+  }
 
   /**
    * Disables dropdown toggle and hides dropdown menu if opened
@@ -147,6 +154,7 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
               private _state: BsDropdownState) {
     // set initial dropdown state from config
     this._state.autoClose = this._config.autoClose;
+    this._state.insideClick = this._config.insideClick;
 
     // create dropdown component loader
     this._dropdown = this._cis

src/dropdown/bs-dropdown.module.ts

@@ -35,7 +35,7 @@ export class BsDropdownModule {
         BsDropdownState,
         {
           provide: BsDropdownConfig,
-          useValue: config ? config : { autoClose: true }
+          useValue: config ? config : { autoClose: true, insideClick: false }
         }
       ]
     };

src/dropdown/bs-dropdown.state.ts

@@ -5,6 +5,7 @@ import { BsComponentRef } from 'ngx-bootstrap/component-loader';
 export class BsDropdownState {
   direction: 'down' | 'up' = 'down';
   autoClose: boolean;
+  insideClick: boolean;
   isOpenChange = new EventEmitter<boolean>();
   isDisabledChange = new EventEmitter<boolean>();
   toggleClick = new EventEmitter<boolean>();

src/spec/bs-dropdown.directive.spec.ts

@@ -78,6 +78,10 @@ describe('Directive: Dropdown', () => {
     expect(directive.autoClose).toBeTruthy();
   });
 
+  it('insideClick value should be true by default', () => {
+    expect(directive.insideClick).toBeFalsy();
+  });
+
   it('should be opened if isOpen === true and toggle on isOpen changes', () => {
     context.isOpen = true;
     fixture.detectChanges();