@coolon/angular-ui-powerups 3.17.0 → 3.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/assets/table.scss +3 -5
- package/bundles/coolon-angular-ui-powerups.umd.js +45 -9
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/table/abstract-table-model.js +21 -1
- package/esm2015/lib/components/table/abstract-table-model.js.map +1 -1
- package/esm2015/lib/components/table/abstract-table-model.metadata.json +1 -1
- package/esm2015/lib/components/table/table.component.js +7 -1
- package/esm2015/lib/components/table/table.component.js.map +1 -1
- package/esm2015/lib/components/table/table.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js +10 -7
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.metadata.json +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +39 -10
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/table/abstract-table-model.d.ts +5 -1
- package/lib/components/table/table.component.d.ts +2 -0
- package/lib/interaction/components/activity-actions/activity-actions.component.d.ts +9 -6
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
+
### [3.17.2](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.17.1...v3.17.2) (2021-02-28)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* fix aup-table last column padding to account for column visiblity ([12c5d3d](https://bitbucket.org/coolon/angular-ui-powerups/commit/12c5d3dc258e180b2f42c3ef1b89e55a3fad8c10))
|
|
11
|
+
|
|
12
|
+
### [3.17.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.17.0...v3.17.1) (2021-02-28)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* fixed bug with aup-activity-actions[style] ([552ea1d](https://bitbucket.org/coolon/angular-ui-powerups/commit/552ea1d926bc15627e3420230983c1643821ff3a))
|
|
18
|
+
|
|
5
19
|
## [3.17.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.16.0...v3.17.0) (2021-02-28)
|
|
6
20
|
|
|
7
21
|
|
package/assets/table.scss
CHANGED
|
@@ -54,12 +54,10 @@ aup-table {
|
|
|
54
54
|
justify-content: center;
|
|
55
55
|
height: 100%;
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
padding-left: var(--default-column-gap);
|
|
59
|
-
}
|
|
57
|
+
padding-left: var(--default-column-gap);
|
|
60
58
|
|
|
61
|
-
|
|
62
|
-
padding-
|
|
59
|
+
&.last-column {
|
|
60
|
+
padding-right: var(--default-column-gap);
|
|
63
61
|
}
|
|
64
62
|
|
|
65
63
|
min-height: 47px; // same as mat table row height - border bottom.
|
|
@@ -729,7 +729,7 @@
|
|
|
729
729
|
{ type: i0.Component, args: [{
|
|
730
730
|
selector: 'aup-card-container',
|
|
731
731
|
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n",
|
|
732
|
-
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px}aup-activity-body{padding:var(--default-padding) 0}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component mat-form-field .mat-form-field-prefix{align-items:center;align-self:flex-end;display:inline-flex;flex-direction:row;height:35px}.aup-input-component mat-form-field .mat-form-field-suffix .mat-icon-button{line-height:2.5em}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05));--resolved-row-selected-background-color:var(--row-selected-background-color,rgba(0,0,255,0.04))}aup-table.hide-header .mat-table thead,aup-table .mat-table td.hide,aup-table .mat-table th.hide{display:none}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table tr.aup-row-selected,aup-table .mat-table tr.aup-row-selected.enable-hover:hover{background-color:var(--resolved-row-selected-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table .mat-table .mat-cell:not(.flex),aup-table .mat-table .mat-header-cell:not(.flex){white-space:nowrap;width:1px}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px
|
|
732
|
+
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px}aup-activity-body{padding:var(--default-padding) 0}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component mat-form-field .mat-form-field-prefix{align-items:center;align-self:flex-end;display:inline-flex;flex-direction:row;height:35px}.aup-input-component mat-form-field .mat-form-field-suffix .mat-icon-button{line-height:2.5em}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05));--resolved-row-selected-background-color:var(--row-selected-background-color,rgba(0,0,255,0.04))}aup-table.hide-header .mat-table thead,aup-table .mat-table td.hide,aup-table .mat-table th.hide{display:none}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table tr.aup-row-selected,aup-table .mat-table tr.aup-row-selected.enable-hover:hover{background-color:var(--resolved-row-selected-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table .mat-table .mat-cell:not(.flex),aup-table .mat-table .mat-header-cell:not(.flex){white-space:nowrap;width:1px}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px;padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.last-column,aup-table aup-table-header-cell-renderer.last-column{padding-right:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width))/2);position:relative}aup-icon fa-icon .svg-inline--fa{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(var(--resolved-card-min-height),var(--resolved-card-height)));max-width:100%;min-height:calc(var(--resolved-card-height) + 2*var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2*var(--resolved-card-gap));padding:var(--resolved-card-gap);width:calc((var(--resolved-card-width) + var(--resolved-card-gap))*2 + var(--grid-gap))}.add-card-container{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;flex-direction:column;font-weight:300;height:var(--resolved-card-height);justify-content:center;min-height:var(--resolved-card-min-height);transition:all .28s cubic-bezier(.4,0,.2,1);width:var(--resolved-card-width)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{background-color:#fff;border-color:transparent;color:rgba(0,0,0,.54);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{align-items:stretch;display:flex;flex-direction:column;height:var(--resolved-card-height);justify-content:stretch;width:var(--resolved-card-width)}"]
|
|
733
733
|
},] }
|
|
734
734
|
];
|
|
735
735
|
CardContainerComponent.ctorParameters = function () { return []; };
|
|
@@ -3097,12 +3097,29 @@
|
|
|
3097
3097
|
}
|
|
3098
3098
|
return RowClass;
|
|
3099
3099
|
}());
|
|
3100
|
+
var VisibleColumnListModel = /** @class */ (function (_super) {
|
|
3101
|
+
__extends(VisibleColumnListModel, _super);
|
|
3102
|
+
function VisibleColumnListModel() {
|
|
3103
|
+
var _this = _super.apply(this, __spread(arguments)) || this;
|
|
3104
|
+
_this.columns = [];
|
|
3105
|
+
return _this;
|
|
3106
|
+
}
|
|
3107
|
+
VisibleColumnListModel.prototype.addColumn = function (column) {
|
|
3108
|
+
this.columns.push(column);
|
|
3109
|
+
this.trackSource(column.visible);
|
|
3110
|
+
};
|
|
3111
|
+
VisibleColumnListModel.prototype.doComputeValue = function () {
|
|
3112
|
+
return this.columns.filter(function (c) { return c.visible.value; });
|
|
3113
|
+
};
|
|
3114
|
+
return VisibleColumnListModel;
|
|
3115
|
+
}(pectin.AbstractComputedListModel));
|
|
3100
3116
|
exports.AbstractTableModel = /** @class */ (function (_super) {
|
|
3101
3117
|
__extends(AbstractTableModel, _super);
|
|
3102
3118
|
function AbstractTableModel(sourceOfTruth) {
|
|
3103
3119
|
var _this = _super.call(this) || this;
|
|
3104
3120
|
_this.sourceOfTruth = sourceOfTruth;
|
|
3105
3121
|
_this._columns = new pectin.MutableListModel();
|
|
3122
|
+
_this._visibleColumnTracker = new VisibleColumnListModel();
|
|
3106
3123
|
_this._editorSessions = new pectin.MutableListModel();
|
|
3107
3124
|
_this.rowClassNamePredicates = [];
|
|
3108
3125
|
_this.rowClickListeners = new pectin.EventListenerList();
|
|
@@ -3121,6 +3138,8 @@
|
|
|
3121
3138
|
_this.dataSource = chain(_this.sourceOfTruth).replaceAll(_this.rowsBeingEdited);
|
|
3122
3139
|
_this.firstEditableColumn = chain(_this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
|
|
3123
3140
|
_this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(_this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
|
|
3141
|
+
_this.firstVisibleColumn = chain(_this._visibleColumnTracker).first();
|
|
3142
|
+
_this.lastVisibleColumn = chain(_this._visibleColumnTracker).last();
|
|
3124
3143
|
return _this;
|
|
3125
3144
|
}
|
|
3126
3145
|
Object.defineProperty(AbstractTableModel.prototype, "rowsBeingEdited", {
|
|
@@ -3137,6 +3156,13 @@
|
|
|
3137
3156
|
enumerable: false,
|
|
3138
3157
|
configurable: true
|
|
3139
3158
|
});
|
|
3159
|
+
Object.defineProperty(AbstractTableModel.prototype, "visibleColumns", {
|
|
3160
|
+
get: function () {
|
|
3161
|
+
return this._visibleColumnTracker.readonly;
|
|
3162
|
+
},
|
|
3163
|
+
enumerable: false,
|
|
3164
|
+
configurable: true
|
|
3165
|
+
});
|
|
3140
3166
|
AbstractTableModel.prototype.pluck = function (property, options) {
|
|
3141
3167
|
var _this = this;
|
|
3142
3168
|
var columnId = (options === null || options === void 0 ? void 0 : options.columnId) || property.toString();
|
|
@@ -3195,6 +3221,7 @@
|
|
|
3195
3221
|
}
|
|
3196
3222
|
else {
|
|
3197
3223
|
this._columns.push(column);
|
|
3224
|
+
this._visibleColumnTracker.addColumn(column);
|
|
3198
3225
|
}
|
|
3199
3226
|
return column;
|
|
3200
3227
|
};
|
|
@@ -3370,12 +3397,18 @@
|
|
|
3370
3397
|
TableComponent.prototype.notifyCellClicked = function (columnModel, row) {
|
|
3371
3398
|
this.tableModel._notifyCellClicked(columnModel, row);
|
|
3372
3399
|
};
|
|
3400
|
+
TableComponent.prototype.isFirstVisibleColumn = function (column) {
|
|
3401
|
+
return this.tableModel.firstVisibleColumn.query().equals(column);
|
|
3402
|
+
};
|
|
3403
|
+
TableComponent.prototype.isLastVisibleColumn = function (column) {
|
|
3404
|
+
return this.tableModel.lastVisibleColumn.query().equals(column);
|
|
3405
|
+
};
|
|
3373
3406
|
return TableComponent;
|
|
3374
3407
|
}(ResizeAwareComponent));
|
|
3375
3408
|
TableComponent.decorators = [
|
|
3376
3409
|
{ type: i0.Component, args: [{
|
|
3377
3410
|
selector: 'aup-table',
|
|
3378
|
-
template: "<div class=\"scroll-container\">\n <table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [attr.column-id]=\"column.columnId\"\n [class.first-column]=\"
|
|
3411
|
+
template: "<div class=\"scroll-container\">\n <table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [attr.column-id]=\"column.columnId\"\n [class.first-column]=\"isFirstVisibleColumn(column)\"\n [class.last-column]=\"isLastVisibleColumn(column)\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n [class.enable-cursor]=\"tableModel.isCursorEnabled(column)\"\n [class.flex]=\"column.isFlex()\"\n [class.hide]=\"!column.isVisible()\"\n >\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [attr.column-id]=\"column.columnId\"\n [class.first-column]=\"isFirstVisibleColumn(column)\"\n [class.last-column]=\"isLastVisibleColumn(column)\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n [ngClass]=\"tableModel.getRowClasses(row)\" [class.enable-hover]=\"tableModel.isHoverEnabled()\"\n [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n ></tr>\n\n </table>\n</div>\n",
|
|
3379
3412
|
styles: [":host{align-items:stretch;display:flex;flex-direction:column}:host table{width:100%}:host.enable-scrolling{min-height:0}:host.enable-scrolling .scroll-container{align-items:stretch;display:flex;flex:1;flex-basis:0;flex-direction:column;overflow-y:scroll}"]
|
|
3380
3413
|
},] }
|
|
3381
3414
|
];
|
|
@@ -4504,19 +4537,22 @@
|
|
|
4504
4537
|
|
|
4505
4538
|
/**
|
|
4506
4539
|
* @example
|
|
4507
|
-
* <aup-activity-actions [
|
|
4540
|
+
* <aup-activity-actions [confirmFace]="saveFace" [cancelFace]="cancelFace">
|
|
4508
4541
|
* </aup-activity-actions>
|
|
4509
4542
|
*
|
|
4543
|
+
* <aup-activity-actions [faces]="{confirm: saveFace, cancel: cancelFace}">
|
|
4544
|
+
* </aup-activity-actions>
|
|
4545
|
+
*
|
|
4510
4546
|
* // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
|
|
4511
4547
|
* // style definitions
|
|
4512
|
-
* <aup-activity-actions [
|
|
4548
|
+
* <aup-activity-actions [faces]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
4513
4549
|
* </aup-activity-actions>
|
|
4514
4550
|
*
|
|
4515
4551
|
* // you can also add additional content that will be displayed along with the buttons.
|
|
4516
4552
|
* // The location of the content depends on the alignment attribute.
|
|
4517
4553
|
* <aup-activity-actions
|
|
4518
4554
|
* align="stretch"
|
|
4519
|
-
* [
|
|
4555
|
+
* [faces]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
4520
4556
|
* <span>This content will be between the two commands</span>
|
|
4521
4557
|
* </aup-activity-actions>
|
|
4522
4558
|
*/
|
|
@@ -4538,10 +4574,10 @@
|
|
|
4538
4574
|
});
|
|
4539
4575
|
Object.defineProperty(ActivityActionsComponent.prototype, "style", {
|
|
4540
4576
|
/**
|
|
4541
|
-
* @deprecated use #
|
|
4577
|
+
* @deprecated use #faces instead.
|
|
4542
4578
|
*/
|
|
4543
4579
|
set: function (style) {
|
|
4544
|
-
this.
|
|
4580
|
+
this.faces = style;
|
|
4545
4581
|
},
|
|
4546
4582
|
enumerable: false,
|
|
4547
4583
|
configurable: true
|
|
@@ -4563,10 +4599,10 @@
|
|
|
4563
4599
|
ActivityActionsComponent.prototype.ngOnInit = function () {
|
|
4564
4600
|
};
|
|
4565
4601
|
ActivityActionsComponent.prototype.hasConfirmFace = function () {
|
|
4566
|
-
return this.confirmFace;
|
|
4602
|
+
return !!this.confirmFace;
|
|
4567
4603
|
};
|
|
4568
4604
|
ActivityActionsComponent.prototype.hasCancelFace = function () {
|
|
4569
|
-
return this.cancelFace;
|
|
4605
|
+
return !!this.cancelFace;
|
|
4570
4606
|
};
|
|
4571
4607
|
ActivityActionsComponent.prototype.initCommands = function (activity) {
|
|
4572
4608
|
this.confirmCommand = activity.confirmCommand;
|