@coolon/angular-ui-powerups 0.0.109 → 0.0.111

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -6724,28 +6724,30 @@
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
-    var defaultHiddenStyleDef = animations$1.style({
+    var slideDownOnEnterDef = animations$1.style({
         opacity: 0,
         'height': '0',
         paddingTop: '0',
         paddingBottom: '0'
     });
-    /**
-     * @param {?} triggerName
-     * @param {?=} options
-     * @return {?}
-     */
-    function slideDownAndUpAnimation(triggerName, options) {
-        // SEE to fix this: https://github.com/angular/angular/issues/15587#issuecomment-351510501
-        /** @type {?} */
-        var duration = pectin.OptionsHelper.get(options).getOptional('duration', '100ms');
-        /** @type {?} */
-        var hiddenStyleDef = pectin.OptionsHelper.get(options).getOptional('hiddenStyleDef', defaultHiddenStyleDef);
-        return animations$1.trigger(triggerName, [
-            animations$1.transition(':enter', [hiddenStyleDef, animations$1.animate('100ms')]),
-            animations$1.transition(':leave', [animations$1.animate('100ms', hiddenStyleDef)])
-        ]);
-    }
+    // TODO: params aren't getting customised in the view.  Need to figure out the correct approach.
+    /** @type {?} */
+    var slideDownOnEnterAnimation = animations$1.trigger('slideDownOnEnter', [
+        animations$1.transition(':enter', [slideDownOnEnterDef, animations$1.animate('{{duration}}')], { params: { duration: '100ms' } }),
+        animations$1.transition(':leave', [animations$1.animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
+    ]);
+    /** @type {?} */
+    var slideLeftOnEnterDef = animations$1.style({
+        opacity: 0,
+        'width': '0',
+        paddingLeft: '0',
+        paddingRight: '0'
+    });
+    /** @type {?} */
+    var slideRightOnEnterAnimation = animations$1.trigger('slideRightOnEnter', [
+        animations$1.transition(':enter', [slideLeftOnEnterDef, animations$1.animate('{{duration}}')], { params: { duration: '100ms' } }),
+        animations$1.transition(':leave', [animations$1.animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
+    ]);
 
     /**
      * @fileoverview added by tsickle
@@ -8267,7 +8269,8 @@
     exports.VisitParameterList = VisitParameterList;
     exports.VisitSanitiser = VisitSanitiser;
     exports.leftRightPlaceAnimation = leftRightPlaceAnimation;
-    exports.slideDownAndUpAnimation = slideDownAndUpAnimation;
+    exports.slideDownOnEnterAnimation = slideDownOnEnterAnimation;
+    exports.slideRightOnEnterAnimation = slideRightOnEnterAnimation;
     exports.ɵa = DirectivesModule;
     exports.ɵb = CommandDirective;
     exports.ɵba = InteractionModule;