@taiga-ui/core 3.29.2 → 3.30.0-dev.main-acad351

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

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-web-apis/common'), require('@taiga-ui/cdk'), require('@taiga-ui/core/abstract'), require('@taiga-ui/core/animations'), require('@taiga-ui/core/services'), require('@taiga-ui/core/tokens'), require('rxjs/operators'), require('@taiga-ui/core/utils'), require('@tinkoff/ng-polymorpheus'), require('rxjs'), require('@taiga-ui/core/components/scrollbar'), require('@taiga-ui/core/directives/mode'), require('@tinkoff/ng-event-plugins'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@taiga-ui/core/directives/dropdown', ['exports', '@angular/core', '@ng-web-apis/common', '@taiga-ui/cdk', '@taiga-ui/core/abstract', '@taiga-ui/core/animations', '@taiga-ui/core/services', '@taiga-ui/core/tokens', 'rxjs/operators', '@taiga-ui/core/utils', '@tinkoff/ng-polymorpheus', 'rxjs', '@taiga-ui/core/components/scrollbar', '@taiga-ui/core/directives/mode', '@tinkoff/ng-event-plugins', '@angular/common'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.directives = global["taiga-ui"].core.directives || {}, global["taiga-ui"].core.directives.dropdown = {}), global.ng.core, global.common, global.i2, global["taiga-ui"].core.abstract, global["taiga-ui"].core.animations, global["taiga-ui"].core.services, global["taiga-ui"].core.tokens, global.rxjs.operators, global["taiga-ui"].core.utils, global.i4, global.rxjs, global["taiga-ui"].core.components.scrollbar, global["taiga-ui"].core.directives.mode, global.ngEventPlugins, global.ng.common));
-})(this, (function (exports, i0, common, i2, i1, animations, i9, tokens, operators, utils, i4, i1$1, i1$2, i3, ngEventPlugins, common$1) { 'use strict';
+})(this, (function (exports, i0, common, i2, i1, animations, i5, tokens, operators, utils, i4, i1$1, i1$2, i3, ngEventPlugins, common$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,7 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
-    var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
@@ -357,14 +357,14 @@
     });
 
     var TuiDropdownDirective = /** @class */ (function () {
-        function TuiDropdownDirective(el, hapica, injector, dropdownService) {
+        function TuiDropdownDirective(el, dropdown, injector, dropdownService) {
             this.el = el;
-            this.hapica = hapica;
+            this.dropdown = dropdown;
             this.injector = injector;
             this.dropdownService = dropdownService;
             this.dropdownBoxRef = null;
             this.type = 'dropdown';
-            this.component = new i4.PolymorpheusComponent(this.hapica, this.injector);
+            this.component = new i4.PolymorpheusComponent(this.dropdown, this.injector);
         }
         Object.defineProperty(TuiDropdownDirective.prototype, "position", {
             get: function () {
@@ -608,17 +608,16 @@
      * using default style of white rounded box with a shadow
      */
     var TuiDropdownComponent = /** @class */ (function () {
-        function TuiDropdownComponent(position$, destroy$, directive, el, host, accessor, win, animationOptions, options, hoverDirective, visualViewportService) {
+        function TuiDropdownComponent(visualViewportService, position$, destroy$, directive, animation, el, host, accessor, win, options, hoverDirective) {
             var _this = this;
             this.directive = directive;
+            this.animation = animation;
             this.el = el;
             this.host = host;
             this.accessor = accessor;
             this.win = win;
-            this.animationOptions = animationOptions;
             this.options = options;
             this.hoverDirective = hoverDirective;
-            this.dropdownAnimation = Object.assign({ value: "fadeInTop" /* FadeInTop */ }, this.animationOptions);
             position$
                 .pipe(operators.map(function (point) { return _this.directive.position === 'fixed'
                 ? visualViewportService.correct(point)
@@ -692,10 +691,10 @@
         };
         return TuiDropdownComponent;
     }());
-    TuiDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownComponent, deps: [{ token: i9.TuiPositionService }, { token: i2.TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: i0.ElementRef }, { token: i2.AbstractTuiPortalHostComponent }, { token: i1.TuiRectAccessor }, { token: common.WINDOW }, { token: tokens.TUI_ANIMATION_OPTIONS }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }, { token: i9.TuiVisualViewportService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownComponent, selector: "tui-dropdown", host: { properties: { "@tuiDropdownAnimation": "this.dropdownAnimation" } }, providers: [
+    TuiDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownComponent, deps: [{ token: i5.TuiVisualViewportService }, { token: i5.TuiPositionService }, { token: i2.TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: tokens.TUI_ANIMATION_OPTIONS }, { token: i0.ElementRef }, { token: i2.AbstractTuiPortalHostComponent }, { token: i1.TuiRectAccessor }, { token: common.WINDOW }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownComponent, selector: "tui-dropdown", host: { properties: { "@tuiDropdownAnimation": "animation" } }, providers: [
             i2.TuiDestroyService,
-            i9.TuiPositionService,
+            i5.TuiPositionService,
             i1.tuiPositionAccessorFor('dropdown'),
             i1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
         ], ngImport: i0__namespace, template: "<div\n    #activeZone=\"tuiActiveZone\"\n    tuiActiveZone\n    tuiOverscroll=\"all\"\n    class=\"t-wrapper\"\n    [tuiMode]=\"null\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n>\n    <tui-scrollbar class=\"t-scroll\">\n        <div\n            tabindex=\"0\"\n            (focus)=\"onTopFocus()\"\n        ></div>\n        <div\n            *polymorpheusOutlet=\"directive.content as text; context: {$implicit: activeZone}\"\n            class=\"t-primitive\"\n        >\n            {{ text }}\n        </div>\n        <div\n            tabindex=\"0\"\n            (focus)=\"onBottomFocus()\"\n        ></div>\n    </tui-scrollbar>\n</div>\n", styles: [":host{position:relative;z-index:0;box-shadow:0 1.5rem 1rem #00000008,0 .75rem .75rem #0000000a,0 .25rem .375rem #0000000d;position:absolute;display:flex;background-color:var(--tui-elevation-01);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-04);box-sizing:border-box;max-width:calc(100% - 8px)}:host.ng-animating{pointer-events:none}:host:not([style*=\"top\"]){visibility:hidden}.t-wrapper{flex-grow:1;max-width:100%;max-height:inherit;overflow:visible}.t-scroll{height:100%}.t-primitive{padding:1rem}\n"], components: [{ type: i1__namespace$1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }], directives: [{ type: i2__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i2__namespace.TuiOverscrollDirective, selector: "[tuiOverscroll]", inputs: ["tuiOverscroll"] }, { type: i3__namespace.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { type: i2__namespace.TuiHoveredDirective, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { type: i4__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [animations.tuiDropdownAnimation], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
@@ -707,19 +706,23 @@
                         styleUrls: ['./dropdown.style.less'],
                         providers: [
                             i2.TuiDestroyService,
-                            i9.TuiPositionService,
+                            i5.TuiPositionService,
                             i1.tuiPositionAccessorFor('dropdown'),
                             i1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
                         ],
                         animations: [animations.tuiDropdownAnimation],
+                        host: { '[@tuiDropdownAnimation]': 'animation' },
                         // @bad TODO: OnPush
                         // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
                         changeDetection: i0.ChangeDetectionStrategy.Default,
                     }]
             }], ctorParameters: function () {
-            return [{ type: i1__namespace.Observable, decorators: [{
+            return [{ type: i5__namespace.TuiVisualViewportService, decorators: [{
+                            type: i0.Inject,
+                            args: [i5.TuiVisualViewportService]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
                             type: i0.Inject,
-                            args: [i9.TuiPositionService]
+                            args: [i5.TuiPositionService]
                         }] }, { type: i1__namespace.Observable, decorators: [{
                             type: i0.Self
                         }, {
@@ -728,6 +731,9 @@
                         }] }, { type: TuiDropdownDirective, decorators: [{
                             type: i0.Inject,
                             args: [TuiDropdownDirective]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [tokens.TUI_ANIMATION_OPTIONS]
                         }] }, { type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
@@ -740,9 +746,6 @@
                         }] }, { type: Window, decorators: [{
                             type: i0.Inject,
                             args: [common.WINDOW]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [tokens.TUI_ANIMATION_OPTIONS]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [TUI_DROPDOWN_OPTIONS]
@@ -751,14 +754,8 @@
                         }, {
                             type: i0.Inject,
                             args: [TuiDropdownHoverDirective]
-                        }] }, { type: i9__namespace.TuiVisualViewportService, decorators: [{
-                            type: i0.Inject,
-                            args: [i9.TuiVisualViewportService]
                         }] }];
-        }, propDecorators: { dropdownAnimation: [{
-                    type: i0.HostBinding,
-                    args: ['@tuiDropdownAnimation']
-                }] } });
+        } });
 
     function activeZoneFilter(target) {
         return !this.activeZone.contains(target);