@coolon/angular-ui-powerups 1.16.0 → 1.17.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.17.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.16.0...v1.17.0) (2020-06-22)
+
+
+### Features
+
+* added align=stretch to aup-activity-actions ([070c1b8](https://bitbucket.org/coolon/angular-ui-powerups/commit/070c1b8d303258e021a87d40a9f37b81348c2122))
+
 ## [1.16.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.15.1...v1.16.0) (2020-06-19)
 
 

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

@@ -2495,11 +2495,21 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ActivityActionsComponent.prototype, "alignStretch", {
+            get: function () {
+                return this.align === 'stretch';
+            },
+            enumerable: true,
+            configurable: true
+        });
         ActivityActionsComponent.prototype.ngOnInit = function () {
         };
         ActivityActionsComponent.prototype.hasConfirmText = function () {
             return !___default__default.isEmpty(this.confirmText);
         };
+        ActivityActionsComponent.prototype.hasCancelText = function () {
+            return !___default__default.isEmpty(this.cancelText);
+        };
         __decorate([
             core.Input(),
             pectin.TrackExternal(),
@@ -2514,6 +2524,10 @@
             pectin.TrackExternal(),
             __metadata("design:type", pectin.Command)
         ], ActivityActionsComponent.prototype, "cancelCommand", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], ActivityActionsComponent.prototype, "cancelText", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", String)
@@ -2523,11 +2537,16 @@
             __metadata("design:type", Boolean),
             __metadata("design:paramtypes", [])
         ], ActivityActionsComponent.prototype, "alignEnd", null);
+        __decorate([
+            core.HostBinding('class.align-stretch'),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], ActivityActionsComponent.prototype, "alignStretch", null);
         ActivityActionsComponent = __decorate([
             core.Component({
                 selector: 'aup-activity-actions',
-                template: "<button class=\"cancel\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n  <aup-icon icon=\"mat:clear\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n  <aup-icon icon=\"done\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
-                styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}.content{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.content{-ms-grid-row:1;-ms-grid-column:1}"]
+                template: "<button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n<button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n  <aup-icon icon=\"mat:clear\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n  <aup-icon icon=\"done\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
+                styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}:host.align-stretch>.cancel{-ms-grid-row:1;-ms-grid-column:1}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}:host.align-stretch>.confirm{-ms-grid-row:1;-ms-grid-column:3}.content{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.content{-ms-grid-row:1;-ms-grid-column:1}:host.align-stretch>.content{-ms-grid-row:1;-ms-grid-column:2}"]
             })
         ], ActivityActionsComponent);
         return ActivityActionsComponent;