@colijnit/corecomponents_v12 257.1.33 → 257.1.35
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/bundles/colijnit-corecomponents_v12.umd.js +55 -8
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/input-date-picker/input-date-picker.component.js +25 -2
- package/esm2015/lib/components/list-of-values/list-of-values.component.js +27 -5
- package/esm2015/lib/components/simple-grid/base-simple-grid.component.js +9 -1
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +3 -3
- package/fesm2015/colijnit-corecomponents_v12.js +52 -5
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/input-date-picker/input-date-picker.component.d.ts +13 -0
- package/lib/components/list-of-values/list-of-values.component.d.ts +13 -1
- package/lib/components/simple-grid/base-simple-grid.component.d.ts +3 -0
- package/package.json +1 -1
|
@@ -5952,8 +5952,17 @@
|
|
|
5952
5952
|
|
|
5953
5953
|
var InputDatePickerComponent = /** @class */ (function (_super) {
|
|
5954
5954
|
__extends(InputDatePickerComponent, _super);
|
|
5955
|
-
function InputDatePickerComponent() {
|
|
5956
|
-
|
|
5955
|
+
function InputDatePickerComponent(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
|
|
5956
|
+
var _this = _super.call(this, changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef) || this;
|
|
5957
|
+
_this.formComponent = formComponent;
|
|
5958
|
+
_this.changeDetector = changeDetector;
|
|
5959
|
+
_this.overlayService = overlayService;
|
|
5960
|
+
_this.componentFactoryResolver = componentFactoryResolver;
|
|
5961
|
+
_this.formUserChangeListener = formUserChangeListener;
|
|
5962
|
+
_this.ngZoneWrapper = ngZoneWrapper;
|
|
5963
|
+
_this.elementRef = elementRef;
|
|
5964
|
+
_super.prototype._markAsOnPush.call(_this);
|
|
5965
|
+
return _this;
|
|
5957
5966
|
}
|
|
5958
5967
|
InputDatePickerComponent.prototype.showClass = function () {
|
|
5959
5968
|
return true;
|
|
@@ -6043,6 +6052,15 @@
|
|
|
6043
6052
|
encapsulation: i0.ViewEncapsulation.None
|
|
6044
6053
|
},] }
|
|
6045
6054
|
];
|
|
6055
|
+
InputDatePickerComponent.ctorParameters = function () { return [
|
|
6056
|
+
{ type: FormComponent, decorators: [{ type: i0.Optional }] },
|
|
6057
|
+
{ type: i0.ChangeDetectorRef },
|
|
6058
|
+
{ type: OverlayService },
|
|
6059
|
+
{ type: i0.ComponentFactoryResolver },
|
|
6060
|
+
{ type: FormInputUserModelChangeListenerService },
|
|
6061
|
+
{ type: NgZoneWrapperService },
|
|
6062
|
+
{ type: i0.ElementRef }
|
|
6063
|
+
]; };
|
|
6046
6064
|
InputDatePickerComponent.propDecorators = {
|
|
6047
6065
|
showClass: [{ type: i0.HostBinding, args: ['class.co-input-date',] }]
|
|
6048
6066
|
};
|
|
@@ -9942,6 +9960,7 @@
|
|
|
9942
9960
|
this.headerColumns = [];
|
|
9943
9961
|
this.headerColumnsCopy = [];
|
|
9944
9962
|
this._data = [];
|
|
9963
|
+
this._exportData = [];
|
|
9945
9964
|
this.disabledRows = [];
|
|
9946
9965
|
this._prepared = false;
|
|
9947
9966
|
}
|
|
@@ -9965,6 +9984,16 @@
|
|
|
9965
9984
|
enumerable: false,
|
|
9966
9985
|
configurable: true
|
|
9967
9986
|
});
|
|
9987
|
+
Object.defineProperty(BaseSimpleGridComponent.prototype, "exportData", {
|
|
9988
|
+
get: function () {
|
|
9989
|
+
return this._exportData;
|
|
9990
|
+
},
|
|
9991
|
+
set: function (value) {
|
|
9992
|
+
this._exportData = value;
|
|
9993
|
+
},
|
|
9994
|
+
enumerable: false,
|
|
9995
|
+
configurable: true
|
|
9996
|
+
});
|
|
9968
9997
|
Object.defineProperty(BaseSimpleGridComponent.prototype, "extraColumns", {
|
|
9969
9998
|
set: function (value) {
|
|
9970
9999
|
this._setColumns(value);
|
|
@@ -10073,6 +10102,7 @@
|
|
|
10073
10102
|
BaseSimpleGridComponent.propDecorators = {
|
|
10074
10103
|
content: [{ type: i0.ContentChildren, args: [SimpleGridColumnDirective,] }],
|
|
10075
10104
|
data: [{ type: i0.Input }],
|
|
10105
|
+
exportData: [{ type: i0.Input }],
|
|
10076
10106
|
dragDropEnabled: [{ type: i0.Input }],
|
|
10077
10107
|
resizable: [{ type: i0.Input }],
|
|
10078
10108
|
inlineEdit: [{ type: i0.Input }],
|
|
@@ -10544,7 +10574,7 @@
|
|
|
10544
10574
|
};
|
|
10545
10575
|
SimpleGridComponent.prototype.exportToExcel = function () {
|
|
10546
10576
|
this.isSettingsMenuOpen = false;
|
|
10547
|
-
var exportData = this._filterSelectedOrReturnAll(this.data);
|
|
10577
|
+
var exportData = this.exportData.length > 0 ? this._filterSelectedOrReturnAll(this.exportData) : this._filterSelectedOrReturnAll(this.data);
|
|
10548
10578
|
var columns = this.headerColumnsCopy.map(function (column) {
|
|
10549
10579
|
return ({
|
|
10550
10580
|
key: column.field,
|
|
@@ -10561,7 +10591,7 @@
|
|
|
10561
10591
|
}
|
|
10562
10592
|
else if (typeof value === 'number') {
|
|
10563
10593
|
var hasDecimal = function (num) { return !Number.isInteger(num); };
|
|
10564
|
-
return hasDecimal ? value.toFixed(2) : value.toFixed(0);
|
|
10594
|
+
return hasDecimal(value) ? value.toFixed(2) : value.toFixed(0);
|
|
10565
10595
|
}
|
|
10566
10596
|
else if (Array.isArray(value)) {
|
|
10567
10597
|
return value.join(', ');
|
|
@@ -11851,8 +11881,15 @@
|
|
|
11851
11881
|
|
|
11852
11882
|
var ListOfValuesComponent = /** @class */ (function (_super) {
|
|
11853
11883
|
__extends(ListOfValuesComponent, _super);
|
|
11854
|
-
function ListOfValuesComponent() {
|
|
11855
|
-
var _this = _super.
|
|
11884
|
+
function ListOfValuesComponent(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
|
|
11885
|
+
var _this = _super.call(this, changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef) || this;
|
|
11886
|
+
_this.formComponent = formComponent;
|
|
11887
|
+
_this.changeDetector = changeDetector;
|
|
11888
|
+
_this.overlayService = overlayService;
|
|
11889
|
+
_this.componentFactoryResolver = componentFactoryResolver;
|
|
11890
|
+
_this.formUserChangeListener = formUserChangeListener;
|
|
11891
|
+
_this.ngZoneWrapper = ngZoneWrapper;
|
|
11892
|
+
_this.elementRef = elementRef;
|
|
11856
11893
|
_this.icons = exports.CoreComponentsIcon;
|
|
11857
11894
|
_this.multiselect = false;
|
|
11858
11895
|
_this.largeCollection = false;
|
|
@@ -11866,6 +11903,7 @@
|
|
|
11866
11903
|
_this.filteredCollection = [];
|
|
11867
11904
|
_this.isLoading = false;
|
|
11868
11905
|
_this._collection = [];
|
|
11906
|
+
_super.prototype._markAsOnPush.call(_this);
|
|
11869
11907
|
return _this;
|
|
11870
11908
|
}
|
|
11871
11909
|
Object.defineProperty(ListOfValuesComponent.prototype, "model", {
|
|
@@ -12036,7 +12074,7 @@
|
|
|
12036
12074
|
}
|
|
12037
12075
|
}
|
|
12038
12076
|
}
|
|
12039
|
-
this.
|
|
12077
|
+
this.setModel(option);
|
|
12040
12078
|
this.modelChange.emit(this.model);
|
|
12041
12079
|
this.detectChanges();
|
|
12042
12080
|
};
|
|
@@ -12090,7 +12128,7 @@
|
|
|
12090
12128
|
ListOfValuesComponent.decorators = [
|
|
12091
12129
|
{ type: i0.Component, args: [{
|
|
12092
12130
|
selector: 'co-list-of-values',
|
|
12093
|
-
template: "\n <co-input-text\n *ngIf=\"!largeCollection\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isSelectOpen\"\n aria-controls=\"lov-popup\"\n role=\"combobox\"\n class=\"no-focus-line\"\n overlayParent\n #parentForOverlay=\"overlayParent\"\n type=\"text\"\n [id]=\"label\"\n [model]=\"multiselect ? selectedModels : selectedModel\"\n [placeholder]=\"label\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [noClickFocus]=\"false\"\n [leftIconData]=\"leftIconData\"\n [rightIcon]=\"isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular\"\n [showClearButton]=\"true\"\n [useContent]=\"multiselect\"\n [customHeight]=\"multiselect\"\n [keepFocussed]=\"keepFocussed\"\n (modelChange)=\"handleInputModelChange($event)\"\n (click)=\"openPopup()\"\n (rightIconClick)=\"toggleSelect()\"\n (keydown)=\"handleInputKeyDown($event)\"\n (clearIconClick)=\"clearModel($event)\"\n (blur)=\"checkModel()\">\n <ng-container *ngIf=\"multiselect && showChips\">\n <div class=\"multiselect-chips-wrapper\">\n <div class=\"chips\" *ngFor=\"let chip of model\">\n <span class=\"chips-description\" [textContent]=\"chip[displayField]\"></span>\n <co-icon class=\"remove-chip-icon\" [icon]=\"icons.CrossSkinny\" (click)=\"removeOptionFromModel(chip)\"></co-icon>\n </div>\n </div>\n </ng-container>\n </co-input-text>\n\n <co-input-text\n *ngIf=\"largeCollection\"\n [model]=\"filterText\"\n [placeholder]=\"label\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (modelChange)=\"onModelChange($event)\">\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\n ",
|
|
12131
|
+
template: "\n <co-input-text\n *ngIf=\"!largeCollection\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isSelectOpen\"\n aria-controls=\"lov-popup\"\n role=\"combobox\"\n class=\"no-focus-line\"\n overlayParent\n #parentForOverlay=\"overlayParent\"\n type=\"text\"\n [id]=\"label\"\n [model]=\"multiselect ? selectedModels : selectedModel\"\n [placeholder]=\"label\"\n [myFormInputInstance]=\"this\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [noClickFocus]=\"false\"\n [leftIconData]=\"leftIconData\"\n [rightIcon]=\"isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular\"\n [showClearButton]=\"true\"\n [useContent]=\"multiselect\"\n [customHeight]=\"multiselect\"\n [keepFocussed]=\"keepFocussed\"\n (modelChange)=\"handleInputModelChange($event)\"\n (click)=\"openPopup()\"\n (rightIconClick)=\"toggleSelect()\"\n (keydown)=\"handleInputKeyDown($event)\"\n (clearIconClick)=\"clearModel($event)\"\n (blur)=\"checkModel()\">\n <ng-container *ngIf=\"multiselect && showChips\">\n <div class=\"multiselect-chips-wrapper\">\n <div class=\"chips\" *ngFor=\"let chip of model\">\n <span class=\"chips-description\" [textContent]=\"chip[displayField]\"></span>\n <co-icon class=\"remove-chip-icon\" [icon]=\"icons.CrossSkinny\" (click)=\"removeOptionFromModel(chip)\"></co-icon>\n </div>\n </div>\n </ng-container>\n </co-input-text>\n\n <co-input-text\n *ngIf=\"largeCollection\"\n [model]=\"filterText\"\n [placeholder]=\"label\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (modelChange)=\"onModelChange($event)\">\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\n <input type=\"hidden\" [ngModel]=\"model\">\n ",
|
|
12094
12132
|
providers: [
|
|
12095
12133
|
OverlayService,
|
|
12096
12134
|
{
|
|
@@ -12101,6 +12139,15 @@
|
|
|
12101
12139
|
encapsulation: i0.ViewEncapsulation.None
|
|
12102
12140
|
},] }
|
|
12103
12141
|
];
|
|
12142
|
+
ListOfValuesComponent.ctorParameters = function () { return [
|
|
12143
|
+
{ type: FormComponent, decorators: [{ type: i0.Optional }] },
|
|
12144
|
+
{ type: i0.ChangeDetectorRef },
|
|
12145
|
+
{ type: OverlayService },
|
|
12146
|
+
{ type: i0.ComponentFactoryResolver },
|
|
12147
|
+
{ type: FormInputUserModelChangeListenerService },
|
|
12148
|
+
{ type: NgZoneWrapperService },
|
|
12149
|
+
{ type: i0.ElementRef }
|
|
12150
|
+
]; };
|
|
12104
12151
|
ListOfValuesComponent.propDecorators = {
|
|
12105
12152
|
model: [{ type: i0.Input }],
|
|
12106
12153
|
parentForOverlay: [{ type: i0.ViewChild, args: ['parentForOverlay', { read: i0.ElementRef },] }],
|