@colijnit/corecomponents_v12 12.0.75 → 12.0.76
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 +4 -2
- 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 -1
- package/esm2015/lib/components/input-checkbox/input-checkbox.component.js +5 -2
- package/fesm2015/colijnit-corecomponents_v12.js +5 -1
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/input-checkbox/input-checkbox.component.d.ts +1 -0
- package/lib/components/input-checkbox/style/_layout.scss +9 -1
- package/package.json +1 -1
|
@@ -6408,6 +6408,7 @@
|
|
|
6408
6408
|
_this.formUserChangeListener = formUserChangeListener;
|
|
6409
6409
|
_this.ngZoneWrapper = ngZoneWrapper;
|
|
6410
6410
|
_this.elementRef = elementRef;
|
|
6411
|
+
_this.clickableLabel = true;
|
|
6411
6412
|
_this.modelChange = new i0.EventEmitter();
|
|
6412
6413
|
return _this;
|
|
6413
6414
|
}
|
|
@@ -6430,7 +6431,7 @@
|
|
|
6430
6431
|
InputCheckboxComponent.decorators = [
|
|
6431
6432
|
{ type: i0.Component, args: [{
|
|
6432
6433
|
selector: "co-input-checkbox",
|
|
6433
|
-
template: "\n <div class=\"checkbox\" (click)=\"handleModelChange($event)\" [class.checked]=\"model\">\n <div class=\"checkmark\" [class.show]=\"model\"></div>\n </div>\n <div class=\"label\" *ngIf=\"label\" [textContent]=\"label\"
|
|
6434
|
+
template: "\n <div class=\"checkbox\" (click)=\"handleModelChange($event)\" [class.checked]=\"model\">\n <div class=\"checkmark\" [class.show]=\"model\"></div>\n </div>\n <div class=\"label\" [class.clickable]=\"clickableLabel\" *ngIf=\"label\" [textContent]=\"label\"\n (click)=\"clickableLabel ? handleModelChange($event) : true\"></div>\n ",
|
|
6434
6435
|
providers: [{
|
|
6435
6436
|
provide: COMPONENT_INTERFACE_NAME,
|
|
6436
6437
|
useExisting: i0.forwardRef(function () { return InputCheckboxComponent; })
|
|
@@ -6453,6 +6454,7 @@
|
|
|
6453
6454
|
]; };
|
|
6454
6455
|
InputCheckboxComponent.propDecorators = {
|
|
6455
6456
|
cssClass: [{ type: i0.Input }],
|
|
6457
|
+
clickableLabel: [{ type: i0.Input }],
|
|
6456
6458
|
modelChange: [{ type: i0.Output }],
|
|
6457
6459
|
showClass: [{ type: i0.HostBinding, args: ["class.co-input-checkbox",] }]
|
|
6458
6460
|
};
|
|
@@ -11103,7 +11105,7 @@
|
|
|
11103
11105
|
FilterItemComponent.decorators = [
|
|
11104
11106
|
{ type: i0.Component, args: [{
|
|
11105
11107
|
selector: "co-filter-item",
|
|
11106
|
-
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\" (click)=\"showButton=true\">\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 || minSearchCharsToLoadCollection\"\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 <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=\"!singleSelect\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"singleSelect\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\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 </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
11108
|
+
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\" (click)=\"showButton=true\">\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 || minSearchCharsToLoadCollection\"\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 <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=\"!singleSelect\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n [clickableLabel]=\"false\"\n (modelChange)=\"handleModelChange(option)\"\n ></co-input-checkbox>\n <co-input-radio-button *ngIf=\"singleSelect\"\n [label]=\"option.description\"\n [model]=\"option.checked\"\n (modelChange)=\"handleModelChange(option)\"\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 </ng-template>\n </div>\n </co-collapsible>\n </div>\n\n ",
|
|
11107
11109
|
encapsulation: i0.ViewEncapsulation.None
|
|
11108
11110
|
},] }
|
|
11109
11111
|
];
|