@colijnit/corecomponents_v12 12.0.35 → 12.0.36
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 +8 -9
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/filter-item/filter-item.component.js +2 -8
- package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +8 -3
- package/fesm2015/colijnit-corecomponents_v12.js +8 -9
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +0 -2
- package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -6338,21 +6338,25 @@
|
|
|
6338
6338
|
_this.placeholder = "";
|
|
6339
6339
|
_this.startDateChange = new core.EventEmitter();
|
|
6340
6340
|
_this.endDateChange = new core.EventEmitter();
|
|
6341
|
+
_this.dateRangeChange = new core.EventEmitter();
|
|
6341
6342
|
return _this;
|
|
6342
6343
|
}
|
|
6343
6344
|
InputDateRangePickerComponent.prototype.showClass = function () {
|
|
6344
6345
|
return true;
|
|
6345
6346
|
};
|
|
6346
|
-
InputDateRangePickerComponent.prototype.
|
|
6347
|
+
InputDateRangePickerComponent.prototype.rangeChange = function () {
|
|
6347
6348
|
this.startDateChange.emit(this.startDate);
|
|
6348
6349
|
this.endDateChange.emit(this.endDate);
|
|
6350
|
+
if (this.startDate && this.endDate) {
|
|
6351
|
+
this.dateRangeChange.emit([this.startDate, this.endDate]);
|
|
6352
|
+
}
|
|
6349
6353
|
};
|
|
6350
6354
|
return InputDateRangePickerComponent;
|
|
6351
6355
|
}(BaseInputComponent));
|
|
6352
6356
|
InputDateRangePickerComponent.decorators = [
|
|
6353
6357
|
{ type: core.Component, args: [{
|
|
6354
6358
|
selector: "co-input-date-range",
|
|
6355
|
-
template: "\n <ejs-daterangepicker\n [format]=\"dateFormat\"\n [placeholder]=\"placeholder\"\n [ngModel]=\"model\"\n (ngModelChange)=\"
|
|
6359
|
+
template: "\n <ejs-daterangepicker\n [format]=\"dateFormat\"\n [placeholder]=\"placeholder\"\n [ngModel]=\"model\"\n (ngModelChange)=\"rangeChange()\"\n [(startDate)]=\"startDate\"\n [(endDate)]=\"endDate\"\n ></ejs-daterangepicker>\n <div class=\"required-indicator\"></div>\n <ng-template #validationError></ng-template>\n ",
|
|
6356
6360
|
encapsulation: core.ViewEncapsulation.None
|
|
6357
6361
|
},] }
|
|
6358
6362
|
];
|
|
@@ -6363,6 +6367,7 @@
|
|
|
6363
6367
|
endDate: [{ type: core.Input }],
|
|
6364
6368
|
startDateChange: [{ type: core.Output }],
|
|
6365
6369
|
endDateChange: [{ type: core.Output }],
|
|
6370
|
+
dateRangeChange: [{ type: core.Output }],
|
|
6366
6371
|
showClass: [{ type: core.HostBinding, args: ["class.co-input-date-range-picker",] }]
|
|
6367
6372
|
};
|
|
6368
6373
|
|
|
@@ -9852,7 +9857,6 @@
|
|
|
9852
9857
|
this.filteredCollection = [];
|
|
9853
9858
|
this.limitTo = 10;
|
|
9854
9859
|
this.filterText = "";
|
|
9855
|
-
this.searchable = true;
|
|
9856
9860
|
this._collection = [];
|
|
9857
9861
|
}
|
|
9858
9862
|
Object.defineProperty(FilterItemComponent.prototype, "collection", {
|
|
@@ -9872,11 +9876,6 @@
|
|
|
9872
9876
|
};
|
|
9873
9877
|
FilterItemComponent.prototype.ngOnInit = function () {
|
|
9874
9878
|
this.setToInitialLimit();
|
|
9875
|
-
this.setSearchable();
|
|
9876
|
-
};
|
|
9877
|
-
FilterItemComponent.prototype.setSearchable = function () {
|
|
9878
|
-
var _a;
|
|
9879
|
-
this.searchable = ((_a = this.collection) === null || _a === void 0 ? void 0 : _a.length) > 10;
|
|
9880
9879
|
};
|
|
9881
9880
|
FilterItemComponent.prototype.setToInitialLimit = function () {
|
|
9882
9881
|
this.limitTo = this.initialLimit;
|
|
@@ -9924,7 +9923,7 @@
|
|
|
9924
9923
|
FilterItemComponent.decorators = [
|
|
9925
9924
|
{ type: core.Component, args: [{
|
|
9926
9925
|
selector: "co-filter-item",
|
|
9927
|
-
template: "\n <div class=\"co-filter-item-header\">\n <co-collapsible\n [headerTitle]=\"placeholder\"\n [expandButtonLast]=\"true\"\n [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n [expanded]=\"expanded\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\">\n <co-input-text\n *ngIf=\"
|
|
9926
|
+
template: "\n <div class=\"co-filter-item-header\">\n <co-collapsible\n [headerTitle]=\"placeholder\"\n [expandButtonLast]=\"true\"\n [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n [expanded]=\"expanded\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\">\n <co-input-text\n *ngIf=\"collection?.length > 10\"\n [placeholder]=\"searchPlaceholder\"\n [(model)]=\"filterText\"\n (modelChange)=\"applyFilter($event)\"\n >\n </co-input-text>\n <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n <span [textContent]=\"noResultsLabel\"></span>\n </div>\n <div class=\"co-filter-item-collection-results\">\n <div class=\"co-filter-item-collection-result-items\"\n *ngFor=\"let option of filteredCollection; let index = index\">\n <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n <co-input-checkbox [label]=\"option.description\"\n [(model)]=\"option.checked\"\n (modelChange)=\"collectionChange.emit(collection)\"\n ></co-input-checkbox>\n <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n [textContent]=\"option.count.toString() | append: ')' | prepend: ' ('\"\n ></div>\n </div>\n\n </div>\n </div>\n <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n <div class=\"co-filter-show-more clickable\"\n *ngIf=\"moreToShow()\">\n <a (click)=\"increaseLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n <span [textContent]=\"showMoreLabel\"></span>\n </a>\n </div>\n <div class=\"co-filter-show-less clickable\"\n *ngIf=\"lessToShow()\">\n <a (click)=\"setToInitialLimit()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n <span [textContent]=\"showLessLabel\"></span>\n </a>\n </div>\n </div>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
9928
9927
|
encapsulation: core.ViewEncapsulation.None
|
|
9929
9928
|
},] }
|
|
9930
9929
|
];
|