@colijnit/corecomponents_v12 260.1.16 → 260.1.17
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 +62 -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 +55 -8
- package/esm2015/lib/core/enum/filterItem-mode.enum.js +9 -3
- package/fesm2015/colijnit-corecomponents_v12.js +62 -9
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +3 -0
- package/lib/core/enum/filterItem-mode.enum.d.ts +2 -0
- package/package.json +1 -1
|
@@ -5772,12 +5772,18 @@
|
|
|
5772
5772
|
// It's value will be passed along directly as a boolean.
|
|
5773
5773
|
FilterItemMode["Checkbox"] = "checkbox";
|
|
5774
5774
|
//This mode makes the Filter display a simple checkBox.
|
|
5775
|
-
// It's value will be passed along as either a '
|
|
5775
|
+
// It's value will be passed along as either a 'J' or and 'N'.
|
|
5776
5776
|
FilterItemMode["CheckboxToSimpleText"] = "checkboxToSimpleText";
|
|
5777
5777
|
//This mode makes the Filter display a simple checkBox.
|
|
5778
|
-
// It's value will be passed along as either a "?='
|
|
5778
|
+
// It's value will be passed along as either a "?='J'" or and "?='N'".
|
|
5779
5779
|
FilterItemMode["CheckboxToText"] = "checkboxToText";
|
|
5780
5780
|
//This mode makes the Filter display a simple checkBox.
|
|
5781
|
+
// It's value will be passed along as either a 'T' or and 'F'.
|
|
5782
|
+
FilterItemMode["CheckboxToTFSimpleText"] = "checkboxToTFSimpleText";
|
|
5783
|
+
//This mode makes the Filter display a simple checkBox.
|
|
5784
|
+
// It's value will be passed along as either a "?='T'" or and "?='F'".
|
|
5785
|
+
FilterItemMode["CheckboxToTFText"] = "checkboxToTFText";
|
|
5786
|
+
//This mode makes the Filter display a simple checkBox.
|
|
5781
5787
|
// It's value will be passed along as either a 1 or and 0.
|
|
5782
5788
|
FilterItemMode["CheckboxToBinary"] = "checkboxToBinary";
|
|
5783
5789
|
})(exports.FilterItemMode || (exports.FilterItemMode = {}));
|
|
@@ -13021,10 +13027,18 @@
|
|
|
13021
13027
|
this.showButton = true;
|
|
13022
13028
|
this._createModelForCheckboxToText();
|
|
13023
13029
|
break;
|
|
13030
|
+
case this.modes.CheckboxToTFText:
|
|
13031
|
+
this.showButton = true;
|
|
13032
|
+
this._createModelForCheckboxToTFText();
|
|
13033
|
+
break;
|
|
13024
13034
|
case this.modes.CheckboxToSimpleText:
|
|
13025
13035
|
this.showButton = true;
|
|
13026
13036
|
this._createModelForCheckboxToSimpleText();
|
|
13027
13037
|
break;
|
|
13038
|
+
case this.modes.CheckboxToTFSimpleText:
|
|
13039
|
+
this.showButton = true;
|
|
13040
|
+
this._createModelForCheckboxToTFSimpleText();
|
|
13041
|
+
break;
|
|
13028
13042
|
case this.modes.CheckboxToBinary:
|
|
13029
13043
|
this.showButton = true;
|
|
13030
13044
|
this._createModelForCheckboxToBinary();
|
|
@@ -13171,6 +13185,10 @@
|
|
|
13171
13185
|
case this.modes.CheckboxToSimpleText:
|
|
13172
13186
|
this._readModelForCheckboxToText(newModel);
|
|
13173
13187
|
break;
|
|
13188
|
+
case this.modes.CheckboxToTFText:
|
|
13189
|
+
case this.modes.CheckboxToTFSimpleText:
|
|
13190
|
+
this._readModelForCheckboxToTFText(newModel);
|
|
13191
|
+
break;
|
|
13174
13192
|
case this.modes.CheckboxToBinary:
|
|
13175
13193
|
this._readModelForCheckboxToBinary(newModel);
|
|
13176
13194
|
break;
|
|
@@ -13275,6 +13293,14 @@
|
|
|
13275
13293
|
this._model = "?='N'";
|
|
13276
13294
|
}
|
|
13277
13295
|
};
|
|
13296
|
+
FilterItemComponent.prototype._createModelForCheckboxToTFText = function () {
|
|
13297
|
+
if (this.checkBoxToTextModel) {
|
|
13298
|
+
this._model = "?='T'";
|
|
13299
|
+
}
|
|
13300
|
+
else {
|
|
13301
|
+
this._model = "?='F'";
|
|
13302
|
+
}
|
|
13303
|
+
};
|
|
13278
13304
|
FilterItemComponent.prototype._createModelForCheckboxToSimpleText = function () {
|
|
13279
13305
|
if (this.checkBoxToTextModel) {
|
|
13280
13306
|
this._model = "J";
|
|
@@ -13283,6 +13309,14 @@
|
|
|
13283
13309
|
this._model = "N";
|
|
13284
13310
|
}
|
|
13285
13311
|
};
|
|
13312
|
+
FilterItemComponent.prototype._createModelForCheckboxToTFSimpleText = function () {
|
|
13313
|
+
if (this.checkBoxToTextModel) {
|
|
13314
|
+
this._model = "T";
|
|
13315
|
+
}
|
|
13316
|
+
else {
|
|
13317
|
+
this._model = "F";
|
|
13318
|
+
}
|
|
13319
|
+
};
|
|
13286
13320
|
FilterItemComponent.prototype._createModelForCheckboxToBinary = function () {
|
|
13287
13321
|
if (this.checkBoxToTextModel) {
|
|
13288
13322
|
this._model = 1;
|
|
@@ -13426,6 +13460,15 @@
|
|
|
13426
13460
|
this.checkBoxToTextModel = false;
|
|
13427
13461
|
}
|
|
13428
13462
|
};
|
|
13463
|
+
FilterItemComponent.prototype._readModelForCheckboxToTFText = function (checkboxToTextModel) {
|
|
13464
|
+
this._model = checkboxToTextModel;
|
|
13465
|
+
if (checkboxToTextModel !== undefined && checkboxToTextModel !== null) {
|
|
13466
|
+
this.checkBoxToTextModel = (checkboxToTextModel.indexOf('T') > -1);
|
|
13467
|
+
}
|
|
13468
|
+
else {
|
|
13469
|
+
this.checkBoxToTextModel = false;
|
|
13470
|
+
}
|
|
13471
|
+
};
|
|
13429
13472
|
FilterItemComponent.prototype._readModelForCheckboxToBinary = function (checkboxToBinary) {
|
|
13430
13473
|
this._model = checkboxToBinary;
|
|
13431
13474
|
if (checkboxToBinary !== undefined && checkboxToBinary !== null) {
|
|
@@ -13559,12 +13602,20 @@
|
|
|
13559
13602
|
};
|
|
13560
13603
|
FilterItemComponent.prototype._applyDefaultForCheckboxToText = function () {
|
|
13561
13604
|
var defaultString = this.defaultValue.toString().toUpperCase();
|
|
13562
|
-
this.checkBoxToTextModel = (defaultString === 'J' || defaultString === 'Y' || defaultString === 'TRUE');
|
|
13563
|
-
|
|
13564
|
-
this.
|
|
13565
|
-
|
|
13566
|
-
|
|
13567
|
-
this.
|
|
13605
|
+
this.checkBoxToTextModel = (defaultString === 'J' || defaultString === 'T' || defaultString === 'Y' || defaultString === 'TRUE');
|
|
13606
|
+
switch (this.mode) {
|
|
13607
|
+
case this.modes.CheckboxToText:
|
|
13608
|
+
this._createModelForCheckboxToText();
|
|
13609
|
+
break;
|
|
13610
|
+
case this.modes.CheckboxToSimpleText:
|
|
13611
|
+
this._createModelForCheckboxToSimpleText();
|
|
13612
|
+
break;
|
|
13613
|
+
case this.modes.CheckboxToTFText:
|
|
13614
|
+
this._createModelForCheckboxToTFText();
|
|
13615
|
+
break;
|
|
13616
|
+
case this.modes.CheckboxToTFSimpleText:
|
|
13617
|
+
this._createModelForCheckboxToTFSimpleText();
|
|
13618
|
+
break;
|
|
13568
13619
|
}
|
|
13569
13620
|
this.modelChange.emit(this._model);
|
|
13570
13621
|
this.showButton = true;
|
|
@@ -13669,6 +13720,8 @@
|
|
|
13669
13720
|
break;
|
|
13670
13721
|
case this.modes.CheckboxToText:
|
|
13671
13722
|
case this.modes.CheckboxToSimpleText:
|
|
13723
|
+
case this.modes.CheckboxToTFText:
|
|
13724
|
+
case this.modes.CheckboxToTFSimpleText:
|
|
13672
13725
|
this._applyDefaultForCheckboxToText();
|
|
13673
13726
|
break;
|
|
13674
13727
|
case this.modes.CheckboxToBinary:
|
|
@@ -13694,7 +13747,7 @@
|
|
|
13694
13747
|
FilterItemComponent.decorators = [
|
|
13695
13748
|
{ type: i0.Component, args: [{
|
|
13696
13749
|
selector: "co-filter-item",
|
|
13697
|
-
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 [showButton]=\"showButton\"\n [buttonText]=\"filterButtonLabel\"\n (buttonClicked)=\"onButtonClicked()\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\"\n (keydown)=\"showButton=true\" (mousedown)=\"showButton=true\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\" *ngIf=\"mode === modes.Filterlist || mode === modes.SingleSelectList\n || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput\">\n <co-input-text\n *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n [placeholder]=\"searchPlaceholder\"\n [model]=\"filterText\"\n (modelChange)=\"onModelChange($event)\"\n [readonly]=\"readonly\"\n >\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\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 <ng-container\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 *ngIf=\"mode !== modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange(option)\"\n [readonly]=\"readonly\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"mode === modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\n [readonly]=\"readonly\"\n ></co-input-radio-button>\n <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n [textContent]=\"option.count.toString() | append: ')' | prepend: ' ('\"\n ></div>\n </div>\n\n </ng-container>\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 <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.Slider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.NullableSlider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-checkbox-content\" *ngIf=\"mode === modes.Checkbox \">\n <co-input-checkbox\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\n [label]=\"placeholder\">\n </co-input-checkbox>\n </div>\n <div class=\"co-filter-item-checkbox-content\"\n *ngIf=\"mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\n [label]=\"placeholder\"></co-input-checkbox>\n </div>\n <div class=\"co-filter-item-textfield-content\" *ngIf=\"mode === modes.TextField\">\n <co-input-text\n [(model)]=\"model\" [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange($event)\"></co-input-text>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateField\">\n <co-input-date\n #dateInput\n [(model)]=\"dateFieldValue\" [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\n (modelChange)=\"handleModelChange($event)\"\n ></co-input-date>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateRangeField\">\n <co-input-date-range [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\n #dateRangeInput\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'Kies datum' | coreLocalize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
13750
|
+
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 [showButton]=\"showButton\"\n [buttonText]=\"filterButtonLabel\"\n (buttonClicked)=\"onButtonClicked()\"\n >\n <div class=\"co-filter-item-collapsable-content\">\n <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\"\n (keydown)=\"showButton=true\" (mousedown)=\"showButton=true\">\n <ng-content></ng-content>\n </div>\n <ng-template #collectionContent>\n <div class=\"co-filter-item-collection-content\" *ngIf=\"mode === modes.Filterlist || mode === modes.SingleSelectList\n || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput\">\n <co-input-text\n *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n [placeholder]=\"searchPlaceholder\"\n [model]=\"filterText\"\n (modelChange)=\"onModelChange($event)\"\n [readonly]=\"readonly\"\n >\n </co-input-text>\n <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\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 <ng-container\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 *ngIf=\"mode !== modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange(option)\"\n [readonly]=\"readonly\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"mode === modes.SingleSelectList\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\n [readonly]=\"readonly\"\n ></co-input-radio-button>\n <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n [textContent]=\"option.count.toString() | append: ')' | prepend: ' ('\"\n ></div>\n </div>\n\n </ng-container>\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 <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.Slider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-slider-content\" *ngIf=\"mode === modes.NullableSlider\">\n <co-input-text\n class=\"slider-from\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'FROM' | coreLocalize\"\n [(model)]=\"sliderMin\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMin)\"\n ></co-input-text>\n <co-input-text\n class=\"slider-to\"\n [type]=\"'number'\"\n [digitsOnly]=\"true\"\n [hideArrowButtons]=\"true\"\n [excludePlusMinus]=\"true\"\n [label]=\"'TO' | coreLocalize\"\n [(model)]=\"sliderMax\"\n [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange(sliderMax)\"\n ></co-input-text>\n </div>\n <div class=\"co-filter-item-checkbox-content\" *ngIf=\"mode === modes.Checkbox \">\n <co-input-checkbox\n [(model)]=\"model\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\n [label]=\"placeholder\">\n </co-input-checkbox>\n </div>\n <div class=\"co-filter-item-checkbox-content\"\n *ngIf=\"mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary || mode === modes.CheckboxToTFSimpleText || mode === modes.CheckboxToTFText\">\n <co-input-checkbox\n [(model)]=\"checkBoxToTextModel\"\n (modelChange)=\"handleModelChange($event)\"\n [readonly]=\"readonly\"\n [label]=\"placeholder\"></co-input-checkbox>\n </div>\n <div class=\"co-filter-item-textfield-content\" *ngIf=\"mode === modes.TextField\">\n <co-input-text\n [(model)]=\"model\" [readonly]=\"readonly\"\n (modelChange)=\"handleModelChange($event)\"></co-input-text>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateField\">\n <co-input-date\n #dateInput\n [(model)]=\"dateFieldValue\" [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\n (modelChange)=\"handleModelChange($event)\"\n ></co-input-date>\n </div>\n <div class=\"co-filter-item-dateField-content\" *ngIf=\"mode === modes.DateRangeField\">\n <co-input-date-range [readonly]=\"readonly\" [firstDayOfWeek]=\"firstDayOfWeek\"\n #dateRangeInput\n [model]=\"[dateRangeStart, dateRangeEnd]\"\n (modelChange)=\"handleModelChange($event)\"\n [placeholder]=\"'Kies datum' | coreLocalize\">\n </co-input-date-range>\n </div>\n </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
13698
13751
|
encapsulation: i0.ViewEncapsulation.None,
|
|
13699
13752
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
13700
13753
|
providers: [{
|