@taiga-ui/core 3.40.0 → 3.41.0

package/bundles/taiga-ui-core-directives-dropdown.umd.js

@@ -355,17 +355,51 @@
         factory: function () { return TuiDropdownComponent; },
     });
 
+    var TuiDropdownOpenDirective = /** @class */ (function () {
+        function TuiDropdownOpenDirective() {
+            this.tuiDropdownOpenChange = new i0.EventEmitter();
+        }
+        Object.defineProperty(TuiDropdownOpenDirective.prototype, "tuiDropdownOpen", {
+            set: function (open) {
+                var _a;
+                (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.toggle(open);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return TuiDropdownOpenDirective;
+    }());
+    TuiDropdownOpenDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownOpenDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDropdownOpenDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownOpenDirective, selector: "[tuiDropdownOpen],[tuiDropdownOpenChange]", inputs: { tuiDropdownOpen: "tuiDropdownOpen" }, outputs: { tuiDropdownOpenChange: "tuiDropdownOpenChange" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownOpenDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[tuiDropdownOpen],[tuiDropdownOpenChange]',
+                    }]
+            }], propDecorators: { tuiDropdownOpen: [{
+                    type: i0.Input
+                }], tuiDropdownOpenChange: [{
+                    type: i0.Output
+                }] } });
+
     var TuiDropdownDirective = /** @class */ (function () {
-        function TuiDropdownDirective(destroy$, el, dropdown, injector, dropdownService) {
+        function TuiDropdownDirective(destroy$, el, dropdown, injector, dropdownService, open) {
             var _this = this;
             this.el = el;
             this.dropdown = dropdown;
             this.injector = injector;
             this.dropdownService = dropdownService;
+            this.open = open;
             this.refresh$ = new i1.Subject();
             this.dropdownBoxRef = null;
             this.type = 'dropdown';
             this.component = new i3.PolymorpheusComponent(this.dropdown, this.injector);
+            if (this.open && !this.open.dropdown) {
+                this.open.dropdown = this;
+            }
+            else {
+                this.open = null;
+            }
             // Ignore multiple change detection triggers at the same frame
             this.refresh$.pipe(operators.throttleTime(0), operators.takeUntil(destroy$)).subscribe(function () {
                 var _a, _b;
@@ -390,22 +424,28 @@
         };
         TuiDropdownDirective.prototype.ngOnDestroy = function () {
             this.toggle(false);
+            if (this.open) {
+                this.open.dropdown = undefined;
+            }
         };
         TuiDropdownDirective.prototype.getClientRect = function () {
             return this.el.nativeElement.getBoundingClientRect();
         };
         TuiDropdownDirective.prototype.toggle = function (show) {
+            var _a, _b;
             if (show && this.content && !this.dropdownBoxRef) {
                 this.dropdownBoxRef = this.dropdownService.add(this.component);
+                (_a = this.open) === null || _a === void 0 ? void 0 : _a.tuiDropdownOpenChange.emit(true);
             }
             else if (!show && this.dropdownBoxRef) {
                 this.dropdownService.remove(this.dropdownBoxRef);
                 this.dropdownBoxRef = null;
+                (_b = this.open) === null || _b === void 0 ? void 0 : _b.tuiDropdownOpenChange.emit(false);
             }
         };
         return TuiDropdownDirective;
     }());
-    TuiDropdownDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i0.ElementRef }, { token: TUI_DROPDOWN_COMPONENT }, { token: i0.INJECTOR }, { token: i2.TuiDropdownPortalService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDropdownDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i0.ElementRef }, { token: TUI_DROPDOWN_COMPONENT }, { token: i0.INJECTOR }, { token: i2.TuiDropdownPortalService }, { token: TuiDropdownOpenDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: { content: ["tuiDropdown", "content"] }, providers: [
             i2.TuiDestroyService,
             i1$1.tuiAsRectAccessor(TuiDropdownDirective),
@@ -443,6 +483,11 @@
                         }] }, { type: i2__namespace.TuiDropdownPortalService, decorators: [{
                             type: i0.Inject,
                             args: [i2.TuiDropdownPortalService]
+                        }] }, { type: TuiDropdownOpenDirective, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [TuiDropdownOpenDirective]
                         }] }];
         }, propDecorators: { content: [{
                     type: i0.Input,
@@ -1224,6 +1269,7 @@
     TuiDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     TuiDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownModule, declarations: [TuiDropdownDirective,
             TuiDropdownComponent,
+            TuiDropdownOpenDirective,
             TuiDropdownOptionsDirective,
             TuiDropdownHostDirective,
             TuiDropdownDriverDirective,
@@ -1238,6 +1284,7 @@
             i1$2.TuiScrollbarModule,
             i2.TuiHoveredModule], exports: [TuiDropdownDirective,
             TuiDropdownComponent,
+            TuiDropdownOpenDirective,
             TuiDropdownOptionsDirective,
             TuiDropdownHostDirective,
             TuiDropdownDriverDirective,
@@ -1267,6 +1314,7 @@
                         declarations: [
                             TuiDropdownDirective,
                             TuiDropdownComponent,
+                            TuiDropdownOpenDirective,
                             TuiDropdownOptionsDirective,
                             TuiDropdownHostDirective,
                             TuiDropdownDriverDirective,
@@ -1280,6 +1328,7 @@
                         exports: [
                             TuiDropdownDirective,
                             TuiDropdownComponent,
+                            TuiDropdownOpenDirective,
                             TuiDropdownOptionsDirective,
                             TuiDropdownHostDirective,
                             TuiDropdownDriverDirective,
@@ -1310,6 +1359,7 @@
     exports.TuiDropdownHoverDirective = TuiDropdownHoverDirective;
     exports.TuiDropdownManualDirective = TuiDropdownManualDirective;
     exports.TuiDropdownModule = TuiDropdownModule;
+    exports.TuiDropdownOpenDirective = TuiDropdownOpenDirective;
     exports.TuiDropdownOptionsDirective = TuiDropdownOptionsDirective;
     exports.TuiDropdownPositionDirective = TuiDropdownPositionDirective;
     exports.TuiDropdownPositionSidedDirective = TuiDropdownPositionSidedDirective;