@coolon/angular-ui-powerups 12.4.0-alpha.42 → 12.4.0-alpha.43

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

@@ -5073,7 +5073,7 @@
         { type: i0.Component, args: [{
                     selector: 'aup-activity-actions',
                     template: "<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n",
-                    styles: [":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr;padding:0}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}"]
+                    styles: [":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end;--resolved-activity-actions-gap:var(--activity-actions-gap,8px)}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=start] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=end] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr}:host[layout=inline] .cancel{margin-left:var(--resolved-activity-actions-gap)}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}"]
                 },] }
     ];
     exports.ActivityActionsComponent.ctorParameters = function () { return [
@@ -6592,6 +6592,14 @@
         InputActivity.prototype.onActivityReady = function () {
             this.valueModel.focusContext.requestFocus();
         };
+        Object.defineProperty(InputActivity.prototype, "additionalCssClassName", {
+            get: function () {
+                var _a;
+                return (_a = this.data.cssClassName) !== null && _a !== void 0 ? _a : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
         InputActivity.prototype.onEscape = function () {
             if (this.shouldCancelOnEscape() && this.cancelCommand.enabled.value) {
                 this.cancelCommand.execute();
@@ -6612,6 +6620,7 @@
     exports.InputActivity.propDecorators = {
         class: [{ type: i0.HostBinding, args: ['class',] }],
         layout: [{ type: i0.Input }, { type: i0.HostBinding, args: ['attr.layout',] }],
+        additionalCssClassName: [{ type: i0.HostBinding, args: ["class",] }],
         onEscape: [{ type: i0.HostListener, args: ['keydown.escape',] }]
     };
     (function (InputActivity) {