@colijnit/corecomponents_v12 259.1.9 → 259.1.11
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 +15 -9
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12-259.1.10.tgz +0 -0
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/calendar/calendar-template.component.js +4 -4
- package/esm2015/lib/components/filter-item/filter-item.component.js +11 -3
- package/esm2015/lib/components/input-number-picker/input-number-picker.component.js +2 -2
- package/esm2015/lib/translation/core-components-translation.module.js +3 -6
- package/fesm2015/colijnit-corecomponents_v12.js +16 -11
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +1 -0
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-259.1.8.tgz +0 -0
|
@@ -6630,7 +6630,8 @@
|
|
|
6630
6630
|
return {
|
|
6631
6631
|
ngModule: CoreComponentsTranslationModule,
|
|
6632
6632
|
providers: [
|
|
6633
|
-
CoreComponentsTranslationService
|
|
6633
|
+
CoreComponentsTranslationService,
|
|
6634
|
+
CoreDictionaryService
|
|
6634
6635
|
]
|
|
6635
6636
|
};
|
|
6636
6637
|
};
|
|
@@ -6641,10 +6642,6 @@
|
|
|
6641
6642
|
declarations: [
|
|
6642
6643
|
CoreLocalizePipe
|
|
6643
6644
|
],
|
|
6644
|
-
providers: [
|
|
6645
|
-
CoreComponentsTranslationService,
|
|
6646
|
-
CoreDictionaryService
|
|
6647
|
-
],
|
|
6648
6645
|
exports: [
|
|
6649
6646
|
CoreLocalizePipe
|
|
6650
6647
|
]
|
|
@@ -7274,7 +7271,7 @@
|
|
|
7274
7271
|
CalendarTemplateComponent.decorators = [
|
|
7275
7272
|
{ type: i0.Component, args: [{
|
|
7276
7273
|
selector: "calendar-template",
|
|
7277
|
-
template: "\n <div class=\"calendar\">\n <div class=\"selected-date-display\">\n <span *ngIf=\"selectedDate\" class=\"selected-date-year\">\n {{ selectedDate.getFullYear() }}\n </span>\n <span *ngIf=\"selectedDate\" class=\"selected-date-day\">\n {{ selectedDate | date: 'EEE d MMM' }}\n </span>\n <span *ngIf=\"!selectedDate\" class=\"no-date-selected\" [textContent]=\"'Selecteer datum'\"></span>\n </div>\n <div class=\"calendar-header\" *ngIf=\"monthSelection || yearSelection\">\n <co-icon class=\"calendar-change-month-button\" [icon]=\"icons.ArrowPointLeft\" (click)=\"!monthSelection ? prevYear() : prevMonth()\"></co-icon>\n\n <div class=\"calendar-header-title-wrapper\">\n <span class=\"calendar-header-title\" [textContent]=\"monthSelection ? monthHeader : yearHeader\"\n (click)=\"openMonthSelection()\"\n ></span>\n </div>\n\n <co-icon class=\"calendar-change-month-button\" [icon]=\"icons.ArrowPointRight\" (click)=\"!monthSelection ? nextYear() : nextMonth()\"></co-icon>\n </div>\n\n <div class=\"selection-grid month\" *ngIf=\"showMonthSelection\">\n <div *ngFor=\"let month of monthSelectionNames\"\n class=\"calendar-month-or-year\"\n (click)=\"selectMonth(month)\">\n <ng-container *ngIf=\"month\">\n <div class=\"month\" [textContent]=\"month\"></div>\n </ng-container>\n </div>\n </div>\n\n <div class=\"selection-grid year\" *ngIf=\"showYearSelection\">\n <div *ngFor=\"let year of yearSelectionYears\"\n class=\"calendar-month-or-year\"\n (click)=\"selectYear(year)\"\n [textContent]=\"year\">\n <ng-container *ngIf=\"year\">\n <div class=\"year\" [textContent]=\"year\"></div>\n </ng-container>\n </div>\n </div>\n <div class=\"calendar-wrapper\">\n <div class=\"week-wrapper\" *ngIf=\"showWeekNumbers && showCalendarBody\">\n <div class=\"week-number\" [textContent]=\"'W'\"></div>\n <div class=\"week-number\" *ngFor=\"let weekNumber of weekNumbers\">\n {{ weekNumber }}\n </div>\n </div>\n <div class=\"calendar-body\" *ngIf=\"showCalendarBody\">\n <div class=\"day-names\">\n <div class=\"weekday\" *ngFor=\"let dayName of dayNames\" [textContent]=\"dayName\"></div>\n </div>\n <div *ngFor=\"let day of daysInMonth\" class=\"calendar-day\"\n [class.highlighted-day]=\"daysToHighlight.includes(day)\"\n [class.selected-day]=\"selectedDate && (day && day.getTime() === selectedDate.getTime()) ||\n secondSelectedDate && (day && day.getTime() === secondSelectedDate.getTime()) ||\n temporarySelectedSecondaryDate && (day && day.getTime() === temporarySelectedSecondaryDate.getTime())\"\n (click)=\"selectDate(day)\"\n (mouseover)=\"handleMouseOverDay(day)\">\n <!-- Day number -->\n <ng-container *ngIf=\"day\">\n <div class=\"day-number\" [textContent]=\"day.getDate()\"></div>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"calendar-action-buttons\" *ngIf=\"showButtons\">\n <span class=\"set-and-close-button\" *ngIf=\"this.doubleCalendar\" (click)=\"setAndClose()\"
|
|
7274
|
+
template: "\n <div class=\"calendar\">\n <div class=\"selected-date-display\">\n <span *ngIf=\"selectedDate\" class=\"selected-date-year\">\n {{ selectedDate.getFullYear() }}\n </span>\n <span *ngIf=\"selectedDate\" class=\"selected-date-day\">\n {{ selectedDate | date: 'EEE d MMM' }}\n </span>\n <span *ngIf=\"!selectedDate\" class=\"no-date-selected\" [textContent]=\"'Selecteer datum'\"></span>\n </div>\n <div class=\"calendar-header\" *ngIf=\"monthSelection || yearSelection\">\n <co-icon class=\"calendar-change-month-button\" [icon]=\"icons.ArrowPointLeft\" (click)=\"!monthSelection ? prevYear() : prevMonth()\"></co-icon>\n\n <div class=\"calendar-header-title-wrapper\">\n <span class=\"calendar-header-title\" [textContent]=\"monthSelection ? monthHeader : yearHeader\"\n (click)=\"openMonthSelection()\"\n ></span>\n </div>\n\n <co-icon class=\"calendar-change-month-button\" [icon]=\"icons.ArrowPointRight\" (click)=\"!monthSelection ? nextYear() : nextMonth()\"></co-icon>\n </div>\n\n <div class=\"selection-grid month\" *ngIf=\"showMonthSelection\">\n <div *ngFor=\"let month of monthSelectionNames\"\n class=\"calendar-month-or-year\"\n (click)=\"selectMonth(month)\">\n <ng-container *ngIf=\"month\">\n <div class=\"month\" [textContent]=\"month\"></div>\n </ng-container>\n </div>\n </div>\n\n <div class=\"selection-grid year\" *ngIf=\"showYearSelection\">\n <div *ngFor=\"let year of yearSelectionYears\"\n class=\"calendar-month-or-year\"\n (click)=\"selectYear(year)\"\n [textContent]=\"year\">\n <ng-container *ngIf=\"year\">\n <div class=\"year\" [textContent]=\"year\"></div>\n </ng-container>\n </div>\n </div>\n <div class=\"calendar-wrapper\">\n <div class=\"week-wrapper\" *ngIf=\"showWeekNumbers && showCalendarBody\">\n <div class=\"week-number\" [textContent]=\"'W'\"></div>\n <div class=\"week-number\" *ngFor=\"let weekNumber of weekNumbers\">\n {{ weekNumber }}\n </div>\n </div>\n <div class=\"calendar-body\" *ngIf=\"showCalendarBody\">\n <div class=\"day-names\">\n <div class=\"weekday\" *ngFor=\"let dayName of dayNames\" [textContent]=\"dayName\"></div>\n </div>\n <div *ngFor=\"let day of daysInMonth\" class=\"calendar-day\"\n [class.highlighted-day]=\"daysToHighlight.includes(day)\"\n [class.selected-day]=\"selectedDate && (day && day.getTime() === selectedDate.getTime()) ||\n secondSelectedDate && (day && day.getTime() === secondSelectedDate.getTime()) ||\n temporarySelectedSecondaryDate && (day && day.getTime() === temporarySelectedSecondaryDate.getTime())\"\n (click)=\"selectDate(day)\"\n (mouseover)=\"handleMouseOverDay(day)\">\n <!-- Day number -->\n <ng-container *ngIf=\"day\">\n <div class=\"day-number\" [textContent]=\"day.getDate()\"></div>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"calendar-action-buttons\" *ngIf=\"showButtons\">\n <span class=\"set-and-close-button\" *ngIf=\"this.doubleCalendar\" (click)=\"setAndClose()\" [textContent]=\"'SET' | coreLocalize\"></span>\n <span class=\"clear-date-button\" *ngIf=\"this.selectedDate\" (click)=\"clearDate()\" [textContent]=\"'ERASE' | coreLocalize\"></span>\n <span class=\"cancel-button\" (click)=\"closeDate()\" [textContent]=\"'CANCEL' | coreLocalize\"></span>\n </div>\n </div>\n ",
|
|
7278
7275
|
encapsulation: i0.ViewEncapsulation.None
|
|
7279
7276
|
},] }
|
|
7280
7277
|
];
|
|
@@ -8323,7 +8320,7 @@
|
|
|
8323
8320
|
InputNumberPickerComponent.decorators = [
|
|
8324
8321
|
{ type: i0.Component, args: [{
|
|
8325
8322
|
selector: 'co-input-number-picker',
|
|
8326
|
-
template: "\n <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n <div class=\"spacer\"></div>\n </div>\n <div class=\"button-wrapper\">\n <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n [disabled]=\"readonly\"\n [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n (mousedown)=\"onMinusMouseDown($event)\"\n (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n </div>\n <div class=\"input-wrapper\">\n <span class='permanent-label' [textContent]=\"label\" *ngIf=\"showPermanentLabel\"></span>\n <input type=\"
|
|
8323
|
+
template: "\n <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n <div class=\"spacer\"></div>\n </div>\n <div class=\"button-wrapper\">\n <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n [disabled]=\"readonly\"\n [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n (mousedown)=\"onMinusMouseDown($event)\"\n (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n </div>\n <div class=\"input-wrapper\">\n <span class='permanent-label' [textContent]=\"label\" *ngIf=\"showPermanentLabel\"></span>\n <input type=\"number\"\n [tabIndex]=\"readonly ? -1 : 0\"\n [ngModel]=\"model\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [placeholder]=\"label\"\n (ngModelChange)=\"handleChangeModel($event)\"\n (keydown)=\"handleInputKeyDown($event)\"\n (blur)=\"handleBlur()\"/>\n </div>\n <div class=\"button-wrapper\">\n <co-button *ngIf=\"showButtons\" class=\"plus-operator\" [class.select]=\"plusSelected\" tabindex=\"-1\"\n [disabled]=\"readonly\"\n [iconData]=\"iconCacheService.getIcon(plusIcon)\"\n (mousedown)=\"onPlusMouseDown($event)\"\n (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n </div>\n ",
|
|
8327
8324
|
providers: [
|
|
8328
8325
|
OverlayService, {
|
|
8329
8326
|
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputNumberPickerComponent; })
|
|
@@ -12676,6 +12673,7 @@
|
|
|
12676
12673
|
this.sliderDefaultMin = 0;
|
|
12677
12674
|
this.sliderDefaultMax = 100000;
|
|
12678
12675
|
this.fullRangeIsNull = false;
|
|
12676
|
+
this.canFilterByCode = false;
|
|
12679
12677
|
this.modelChange = new i0.EventEmitter();
|
|
12680
12678
|
this.collectionChange = new i0.EventEmitter();
|
|
12681
12679
|
this.filterButtonClicked = new i0.EventEmitter();
|
|
@@ -12846,6 +12844,7 @@
|
|
|
12846
12844
|
var _a, _b;
|
|
12847
12845
|
return __awaiter(this, void 0, void 0, function () {
|
|
12848
12846
|
var _g, filterText, filteredItemCount;
|
|
12847
|
+
var _this = this;
|
|
12849
12848
|
return __generator(this, function (_h) {
|
|
12850
12849
|
switch (_h.label) {
|
|
12851
12850
|
case 0:
|
|
@@ -12874,9 +12873,15 @@
|
|
|
12874
12873
|
filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
|
|
12875
12874
|
filteredItemCount = 0;
|
|
12876
12875
|
this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
|
|
12877
|
-
var _a;
|
|
12876
|
+
var _a, _b;
|
|
12878
12877
|
var labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
|
|
12879
|
-
var
|
|
12878
|
+
var matchesDescription = (labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) !== -1;
|
|
12879
|
+
var matchesCode = false;
|
|
12880
|
+
if (_this.canFilterByCode) {
|
|
12881
|
+
var codeText = (_b = item.code) === null || _b === void 0 ? void 0 : _b.toString().toLowerCase();
|
|
12882
|
+
matchesCode = (codeText === null || codeText === void 0 ? void 0 : codeText.indexOf(filterText)) !== -1;
|
|
12883
|
+
}
|
|
12884
|
+
var isHiddenByFilter = !matchesDescription && !matchesCode;
|
|
12880
12885
|
if (isHiddenByFilter) {
|
|
12881
12886
|
return false;
|
|
12882
12887
|
}
|
|
@@ -13294,6 +13299,7 @@
|
|
|
13294
13299
|
sliderDefaultMin: [{ type: i0.Input }],
|
|
13295
13300
|
sliderDefaultMax: [{ type: i0.Input }],
|
|
13296
13301
|
fullRangeIsNull: [{ type: i0.Input }],
|
|
13302
|
+
canFilterByCode: [{ type: i0.Input }],
|
|
13297
13303
|
model: [{ type: i0.Input }],
|
|
13298
13304
|
modelChange: [{ type: i0.Output }],
|
|
13299
13305
|
collectionChange: [{ type: i0.Output }],
|