@coolon/angular-ui-powerups 0.0.6 → 0.0.8

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

@@ -1148,7 +1148,7 @@
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-alert-dialog',
                         template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\">{{alert.ok()}}</button>\n</p>\n",
-                        styles: [":host{display:block;padding:var(--default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                        styles: [":host{display:block;padding:var(--angular-ui-powerups-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1196,7 +1196,7 @@
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-confirmation-dialog',
                         template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-button (click)=\"cancel()\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\" (click)=\"done(true)\">{{confirm.ok()}}</button>\n</p>\n\n",
-                        styles: [":host{display:block;padding:var(--default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                        styles: [":host{display:block;padding:var(--angular-ui-powerups-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1809,7 +1809,7 @@
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-empty-state',
                         template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
-                        styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
+                        styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--angular-ui-powerups-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
                     }] }
         ];
         /** @nocollapse */
@@ -2026,28 +2026,26 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
+    /** @type {?} */
+    var defaultHiddenStyleDef = animations$1.style({
+        opacity: 0,
+        'height': '0',
+        paddingTop: '0',
+        paddingBottom: '0'
+    });
     /**
      * @param {?} triggerName
-     * @param {?=} duration
+     * @param {?=} options
      * @return {?}
      */
-    function slideUpDownAnimation(triggerName, duration) {
-        if (duration === void 0) { duration = "100ms"; }
+    function slideDownAndUpAnimation(triggerName, options) {
+        /** @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.state('true', animations$1.style({
-                'height': '*',
-                'overflow': 'hidden',
-                'opacity': '1'
-            })),
-            animations$1.state('false', animations$1.style({
-                'height': '0px',
-                'padding-top': '0px',
-                'padding-bottom': '0px',
-                'overflow': 'hidden',
-                'opacity': '0'
-            })),
-            animations$1.transition('void => *', []),
-            animations$1.transition('* => *', [animations$1.animate(duration)])
+            animations$1.transition(':enter', [hiddenStyleDef, animations$1.animate('100ms')]),
+            animations$1.transition(':leave', [animations$1.animate('100ms', hiddenStyleDef)])
         ]);
     }
 
@@ -3398,7 +3396,7 @@
     exports.RouteParameterSanitiser = RouteParameterSanitiser;
     exports.SelectInputComponent = SelectInputComponent;
     exports.StringInputComponent = StringInputComponent;
-    exports.slideUpDownAnimation = slideUpDownAnimation;
+    exports.slideDownAndUpAnimation = slideDownAndUpAnimation;
     exports.ɵa = CommandDirective;
     exports.ɵb = FocusBindingDirective;
     exports.ɵc = DisposableComponent;