ngx-ode-ui 3.12.0-dev.2 → 3.12.0-dev.3
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/ngx-ode-ui.umd.js +5 -1
- package/bundles/ngx-ode-ui.umd.js.map +1 -1
- package/bundles/ngx-ode-ui.umd.min.js +1 -1
- package/bundles/ngx-ode-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/list/list.component.js +6 -2
- package/esm5/lib/components/list/list.component.js +6 -2
- package/fesm2015/ngx-ode-ui.js +5 -1
- package/fesm2015/ngx-ode-ui.js.map +1 -1
- package/fesm5/ngx-ode-ui.js +5 -1
- package/fesm5/ngx-ode-ui.js.map +1 -1
- package/lib/components/list/list.component.d.ts +1 -0
- package/ngx-ode-ui.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ export class ListComponent extends OdeComponent {
|
|
|
17
17
|
this.model = [];
|
|
18
18
|
this.searchPlaceholder = 'search';
|
|
19
19
|
this.noResultsLabel = 'list.results.no.items';
|
|
20
|
+
this.searchInput = true;
|
|
20
21
|
this.inputChange = new EventEmitter();
|
|
21
22
|
this.onSelect = new EventEmitter();
|
|
22
23
|
this.listChange = new EventEmitter();
|
|
@@ -55,7 +56,7 @@ export class ListComponent extends OdeComponent {
|
|
|
55
56
|
ListComponent.decorators = [
|
|
56
57
|
{ type: Component, args: [{
|
|
57
58
|
selector: 'ode-list',
|
|
58
|
-
template: "<ode-search-input [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
59
|
+
template: "<ode-search-input *ngIf=\"searchInput\" [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
59
60
|
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.disabled{pointer-events:none}"]
|
|
60
61
|
}] }
|
|
61
62
|
];
|
|
@@ -71,6 +72,7 @@ ListComponent.propDecorators = {
|
|
|
71
72
|
limit: [{ type: Input }],
|
|
72
73
|
searchPlaceholder: [{ type: Input }],
|
|
73
74
|
noResultsLabel: [{ type: Input }],
|
|
75
|
+
searchInput: [{ type: Input }],
|
|
74
76
|
inputChange: [{ type: Output }],
|
|
75
77
|
onSelect: [{ type: Output }],
|
|
76
78
|
listChange: [{ type: Output }],
|
|
@@ -100,6 +102,8 @@ if (false) {
|
|
|
100
102
|
/** @type {?} */
|
|
101
103
|
ListComponent.prototype.noResultsLabel;
|
|
102
104
|
/** @type {?} */
|
|
105
|
+
ListComponent.prototype.searchInput;
|
|
106
|
+
/** @type {?} */
|
|
103
107
|
ListComponent.prototype.inputChange;
|
|
104
108
|
/** @type {?} */
|
|
105
109
|
ListComponent.prototype.onSelect;
|
|
@@ -116,4 +120,4 @@ if (false) {
|
|
|
116
120
|
/** @type {?} */
|
|
117
121
|
ListComponent.prototype.ngClass;
|
|
118
122
|
}
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU81RyxNQUFNLE9BQU8sYUFBYyxTQUFRLFlBQVk7Ozs7SUFrQzNDLFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDOztRQXZCcEIsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBRVosVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUtYLHNCQUFpQixHQUFHLFFBQVEsQ0FBQztRQUM3QixtQkFBYyxHQUFHLHVCQUF1QixDQUFDO1FBQ3pDLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBRTNCLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDL0QsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pELGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RELGVBQVU7Ozs7UUFBRyxDQUFDLEdBQVMsRUFBRSxFQUFFLENBQUMsS0FBSyxFQUFDO1FBQ2xDLGVBQVU7Ozs7UUFBRyxDQUFDLEdBQVMsRUFBRSxFQUFFLENBQUMsS0FBSyxFQUFDO1FBQ2xDLFlBQU87Ozs7UUFBRyxDQUFDLEdBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBQztJQUl2QyxDQUFDOzs7OztJQWxDRCxJQUFJLGNBQWMsQ0FBQyxJQUFJO1FBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7Ozs7SUFFRCxJQUFJLGNBQWM7UUFDZCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDaEMsQ0FBQzs7O1lBZEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxVQUFVO2dCQUNwQixnaUNBQW9DOzthQUV2Qzs7OztZQU4yRSxRQUFROzs7b0JBc0IvRSxLQUFLO3NCQUNMLEtBQUs7MEJBQ0wsS0FBSzttQkFDTCxLQUFLO29CQUNMLEtBQUs7Z0NBQ0wsS0FBSzs2QkFDTCxLQUFLOzBCQUNMLEtBQUs7MEJBRUwsTUFBTTt1QkFDTixNQUFNO3lCQUNOLE1BQU07MkJBQ04sTUFBTTswQkFFTixZQUFZLFNBQUMsV0FBVyxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQzt5QkFDekMsS0FBSzt5QkFDTCxLQUFLO3NCQUNMLEtBQUs7Ozs7SUFwQk4sNkJBQVk7O0lBQ1osd0NBQXFCOztJQUVyQiw4QkFBb0I7O0lBQ3BCLGdDQUFpQjs7SUFDakIsb0NBQXFCOztJQUNyQiw2QkFBYzs7SUFDZCw4QkFBdUI7O0lBQ3ZCLDBDQUFzQzs7SUFDdEMsdUNBQWtEOztJQUNsRCxvQ0FBcUM7O0lBRXJDLG9DQUF5RTs7SUFDekUsaUNBQTJEOztJQUMzRCxtQ0FBNkQ7O0lBQzdELHFDQUErRDs7SUFFL0Qsb0NBQTBFOztJQUMxRSxtQ0FBMkM7O0lBQzNDLG1DQUEyQzs7SUFDM0MsZ0NBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuXG4gICAgc2V0IHN0b3JlZEVsZW1lbnRzKGxpc3QpIHtcbiAgICAgICAgdGhpcy5fc3RvcmVkRWxlbWVudHMgPSBsaXN0O1xuICAgICAgICB0aGlzLmxpc3RDaGFuZ2UuZW1pdChsaXN0KTtcbiAgICB9XG5cbiAgICBnZXQgc3RvcmVkRWxlbWVudHMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zdG9yZWRFbGVtZW50cztcbiAgICB9XG5cbiAgICAvKiBTdG9yZSBwaXBlICovXG4gICAgc2VsZiA9IHRoaXM7XG4gICAgX3N0b3JlZEVsZW1lbnRzID0gW107XG5cbiAgICBASW5wdXQoKSBtb2RlbCA9IFtdO1xuICAgIEBJbnB1dCgpIGZpbHRlcnM7XG4gICAgQElucHV0KCkgaW5wdXRGaWx0ZXI7XG4gICAgQElucHV0KCkgc29ydDtcbiAgICBASW5wdXQoKSBsaW1pdDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyID0gJ3NlYXJjaCc7XG4gICAgQElucHV0KCkgbm9SZXN1bHRzTGFiZWwgPSAnbGlzdC5yZXN1bHRzLm5vLml0ZW1zJztcbiAgICBASW5wdXQoKSBzZWFyY2hJbnB1dDogYm9vbGVhbiA9IHRydWU7XG5cbiAgICBAT3V0cHV0KCkgaW5wdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQE91dHB1dCgpIG9uU2VsZWN0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgbGlzdENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHNjcm9sbGVkRG93bjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7c3RhdGljOiBmYWxzZX0pIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGlzU2VsZWN0ZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBpc0Rpc2FibGVkID0gKGFyZz86IGFueSkgPT4gZmFsc2U7XG4gICAgQElucHV0KCkgbmdDbGFzcyA9IChhcmc/OiBhbnkpID0+ICh7fSk7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -16,6 +16,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
16
16
|
_this.model = [];
|
|
17
17
|
_this.searchPlaceholder = 'search';
|
|
18
18
|
_this.noResultsLabel = 'list.results.no.items';
|
|
19
|
+
_this.searchInput = true;
|
|
19
20
|
_this.inputChange = new EventEmitter();
|
|
20
21
|
_this.onSelect = new EventEmitter();
|
|
21
22
|
_this.listChange = new EventEmitter();
|
|
@@ -58,7 +59,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
58
59
|
ListComponent.decorators = [
|
|
59
60
|
{ type: Component, args: [{
|
|
60
61
|
selector: 'ode-list',
|
|
61
|
-
template: "<ode-search-input [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
62
|
+
template: "<ode-search-input *ngIf=\"searchInput\" [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
62
63
|
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.disabled{pointer-events:none}"]
|
|
63
64
|
}] }
|
|
64
65
|
];
|
|
@@ -74,6 +75,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
74
75
|
limit: [{ type: Input }],
|
|
75
76
|
searchPlaceholder: [{ type: Input }],
|
|
76
77
|
noResultsLabel: [{ type: Input }],
|
|
78
|
+
searchInput: [{ type: Input }],
|
|
77
79
|
inputChange: [{ type: Output }],
|
|
78
80
|
onSelect: [{ type: Output }],
|
|
79
81
|
listChange: [{ type: Output }],
|
|
@@ -106,6 +108,8 @@ if (false) {
|
|
|
106
108
|
/** @type {?} */
|
|
107
109
|
ListComponent.prototype.noResultsLabel;
|
|
108
110
|
/** @type {?} */
|
|
111
|
+
ListComponent.prototype.searchInput;
|
|
112
|
+
/** @type {?} */
|
|
109
113
|
ListComponent.prototype.inputChange;
|
|
110
114
|
/** @type {?} */
|
|
111
115
|
ListComponent.prototype.onSelect;
|
|
@@ -122,4 +126,4 @@ if (false) {
|
|
|
122
126
|
/** @type {?} */
|
|
123
127
|
ListComponent.prototype.ngClass;
|
|
124
128
|
}
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
129
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUc7SUFLbUMseUNBQVk7SUFrQzNDLHVCQUFZLFFBQWtCO1FBQTlCLFlBQ0ksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCOztRQXhCRCxVQUFJLEdBQUcsS0FBSSxDQUFDO1FBQ1oscUJBQWUsR0FBRyxFQUFFLENBQUM7UUFFWixXQUFLLEdBQUcsRUFBRSxDQUFDO1FBS1gsdUJBQWlCLEdBQUcsUUFBUSxDQUFDO1FBQzdCLG9CQUFjLEdBQUcsdUJBQXVCLENBQUM7UUFDekMsaUJBQVcsR0FBWSxJQUFJLENBQUM7UUFFM0IsaUJBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMvRCxjQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakQsZ0JBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxrQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RELGdCQUFVOzs7O1FBQUcsVUFBQyxHQUFTLElBQUssT0FBQSxLQUFLLEVBQUwsQ0FBSyxFQUFDO1FBQ2xDLGdCQUFVOzs7O1FBQUcsVUFBQyxHQUFTLElBQUssT0FBQSxLQUFLLEVBQUwsQ0FBSyxFQUFDO1FBQ2xDLGFBQU87Ozs7UUFBRyxVQUFDLEdBQVMsSUFBSyxPQUFBLENBQUMsRUFBRSxDQUFDLEVBQUosQ0FBSSxFQUFDOztJQUl2QyxDQUFDO0lBbENELHNCQUFJLHlDQUFjOzs7O1FBS2xCO1lBQ0ksT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2hDLENBQUM7Ozs7O1FBUEQsVUFBbUIsSUFBSTtZQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztZQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvQixDQUFDOzs7T0FBQTs7Z0JBVkosU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO29CQUNwQixnaUNBQW9DOztpQkFFdkM7Ozs7Z0JBTjJFLFFBQVE7Ozt3QkFzQi9FLEtBQUs7MEJBQ0wsS0FBSzs4QkFDTCxLQUFLO3VCQUNMLEtBQUs7d0JBQ0wsS0FBSztvQ0FDTCxLQUFLO2lDQUNMLEtBQUs7OEJBQ0wsS0FBSzs4QkFFTCxNQUFNOzJCQUNOLE1BQU07NkJBQ04sTUFBTTsrQkFDTixNQUFNOzhCQUVOLFlBQVksU0FBQyxXQUFXLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDOzZCQUN6QyxLQUFLOzZCQUNMLEtBQUs7MEJBQ0wsS0FBSzs7SUFLVixvQkFBQztDQUFBLEFBMUNELENBS21DLFlBQVksR0FxQzlDO1NBckNZLGFBQWE7OztJQVl0Qiw2QkFBWTs7SUFDWix3Q0FBcUI7O0lBRXJCLDhCQUFvQjs7SUFDcEIsZ0NBQWlCOztJQUNqQixvQ0FBcUI7O0lBQ3JCLDZCQUFjOztJQUNkLDhCQUF1Qjs7SUFDdkIsMENBQXNDOztJQUN0Qyx1Q0FBa0Q7O0lBQ2xELG9DQUFxQzs7SUFFckMsb0NBQXlFOztJQUN6RSxpQ0FBMkQ7O0lBQzNELG1DQUE2RDs7SUFDN0QscUNBQStEOztJQUUvRCxvQ0FBMEU7O0lBQzFFLG1DQUEyQzs7SUFDM0MsbUNBQTJDOztJQUMzQyxnQ0FBdUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG5cbiAgICBzZXQgc3RvcmVkRWxlbWVudHMobGlzdCkge1xuICAgICAgICB0aGlzLl9zdG9yZWRFbGVtZW50cyA9IGxpc3Q7XG4gICAgICAgIHRoaXMubGlzdENoYW5nZS5lbWl0KGxpc3QpO1xuICAgIH1cblxuICAgIGdldCBzdG9yZWRFbGVtZW50cygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3N0b3JlZEVsZW1lbnRzO1xuICAgIH1cblxuICAgIC8qIFN0b3JlIHBpcGUgKi9cbiAgICBzZWxmID0gdGhpcztcbiAgICBfc3RvcmVkRWxlbWVudHMgPSBbXTtcblxuICAgIEBJbnB1dCgpIG1vZGVsID0gW107XG4gICAgQElucHV0KCkgZmlsdGVycztcbiAgICBASW5wdXQoKSBpbnB1dEZpbHRlcjtcbiAgICBASW5wdXQoKSBzb3J0O1xuICAgIEBJbnB1dCgpIGxpbWl0OiBudW1iZXI7XG4gICAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXIgPSAnc2VhcmNoJztcbiAgICBASW5wdXQoKSBub1Jlc3VsdHNMYWJlbCA9ICdsaXN0LnJlc3VsdHMubm8uaXRlbXMnO1xuICAgIEBJbnB1dCgpIHNlYXJjaElucHV0OiBib29sZWFuID0gdHJ1ZTtcblxuICAgIEBPdXRwdXQoKSBpbnB1dENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBsaXN0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgc2Nyb2xsZWREb3duOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHtzdGF0aWM6IGZhbHNlfSkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgaXNTZWxlY3RlZCA9IChhcmc/OiBhbnkpID0+IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBuZ0NsYXNzID0gKGFyZz86IGFueSkgPT4gKHt9KTtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxufVxuIl19
|
package/fesm2015/ngx-ode-ui.js
CHANGED
|
@@ -1224,6 +1224,7 @@ class ListComponent extends OdeComponent {
|
|
|
1224
1224
|
this.model = [];
|
|
1225
1225
|
this.searchPlaceholder = 'search';
|
|
1226
1226
|
this.noResultsLabel = 'list.results.no.items';
|
|
1227
|
+
this.searchInput = true;
|
|
1227
1228
|
this.inputChange = new EventEmitter();
|
|
1228
1229
|
this.onSelect = new EventEmitter();
|
|
1229
1230
|
this.listChange = new EventEmitter();
|
|
@@ -1262,7 +1263,7 @@ class ListComponent extends OdeComponent {
|
|
|
1262
1263
|
ListComponent.decorators = [
|
|
1263
1264
|
{ type: Component, args: [{
|
|
1264
1265
|
selector: 'ode-list',
|
|
1265
|
-
template: "<ode-search-input [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
1266
|
+
template: "<ode-search-input *ngIf=\"searchInput\" [attr.placeholder]=\"searchPlaceholder | translate\" (onChange)=\"inputChange.emit($event)\"></ode-search-input>\n<div class=\"toolbar\">\n <ng-content select=\"[toolbar]\"></ng-content>\n</div>\n<div class=\"list-wrapper\"\n infiniteScroll\n [scrollWindow]=\"false\"\n (scrolled)=\"scrolledDown.emit()\"\n [infiniteScrollThrottle]=\"50\">\n <ul>\n <li *ngFor=\"let item of model | filter: filters | filter: inputFilter | store:self:'storedElements' | orderBy: sort | slice: 0:limit\"\n (click)=\"onSelect.emit(item)\"\n [class.selected]=\"isSelected(item)\"\n [class.disabled]=\"isDisabled(item)\"\n [ngClass]=\"ngClass(item)\"\n class=\"lct-list-item\">\n <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\">\n </ng-template>\n </li>\n </ul>\n <ul *ngIf=\"storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n</div>\n",
|
|
1266
1267
|
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.disabled{pointer-events:none}"]
|
|
1267
1268
|
}] }
|
|
1268
1269
|
];
|
|
@@ -1278,6 +1279,7 @@ ListComponent.propDecorators = {
|
|
|
1278
1279
|
limit: [{ type: Input }],
|
|
1279
1280
|
searchPlaceholder: [{ type: Input }],
|
|
1280
1281
|
noResultsLabel: [{ type: Input }],
|
|
1282
|
+
searchInput: [{ type: Input }],
|
|
1281
1283
|
inputChange: [{ type: Output }],
|
|
1282
1284
|
onSelect: [{ type: Output }],
|
|
1283
1285
|
listChange: [{ type: Output }],
|
|
@@ -1307,6 +1309,8 @@ if (false) {
|
|
|
1307
1309
|
/** @type {?} */
|
|
1308
1310
|
ListComponent.prototype.noResultsLabel;
|
|
1309
1311
|
/** @type {?} */
|
|
1312
|
+
ListComponent.prototype.searchInput;
|
|
1313
|
+
/** @type {?} */
|
|
1310
1314
|
ListComponent.prototype.inputChange;
|
|
1311
1315
|
/** @type {?} */
|
|
1312
1316
|
ListComponent.prototype.onSelect;
|