ngx-ode-ui 3.12.0-dev.10 → 3.12.0-dev.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/ngx-ode-ui.umd.js +6 -3
- 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 +7 -4
- package/esm5/lib/components/list/list.component.js +7 -4
- package/fesm2015/ngx-ode-ui.js +6 -3
- package/fesm2015/ngx-ode-ui.js.map +1 -1
- package/fesm5/ngx-ode-ui.js +6 -3
- package/fesm5/ngx-ode-ui.js.map +1 -1
- package/lib/components/list/list.component.d.ts +2 -1
- package/ngx-ode-ui.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -14,9 +14,9 @@ export class ListComponent extends OdeComponent {
|
|
|
14
14
|
/* Store pipe */
|
|
15
15
|
this.self = this;
|
|
16
16
|
this._storedElements = [];
|
|
17
|
-
this.model = [];
|
|
18
17
|
this.searchPlaceholder = 'search';
|
|
19
18
|
this.noResultsLabel = 'list.results.no.items';
|
|
19
|
+
this.placeholder = 'list.placeholder';
|
|
20
20
|
this.isSearchActive = true;
|
|
21
21
|
this.searchInput = false;
|
|
22
22
|
this.inputChange = new EventEmitter();
|
|
@@ -57,8 +57,8 @@ export class ListComponent extends OdeComponent {
|
|
|
57
57
|
ListComponent.decorators = [
|
|
58
58
|
{ type: Component, args: [{
|
|
59
59
|
selector: 'ode-list',
|
|
60
|
-
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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",
|
|
61
|
-
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
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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 *ngIf=\"model\">\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=\"model && storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
61
|
+
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}.placeholder{color:#aaa}"]
|
|
62
62
|
}] }
|
|
63
63
|
];
|
|
64
64
|
/** @nocollapse */
|
|
@@ -73,6 +73,7 @@ ListComponent.propDecorators = {
|
|
|
73
73
|
limit: [{ type: Input }],
|
|
74
74
|
searchPlaceholder: [{ type: Input }],
|
|
75
75
|
noResultsLabel: [{ type: Input }],
|
|
76
|
+
placeholder: [{ type: Input }],
|
|
76
77
|
isSearchActive: [{ type: Input }],
|
|
77
78
|
searchInput: [{ type: Input }],
|
|
78
79
|
searchSubmit: [{ type: Input }],
|
|
@@ -105,6 +106,8 @@ if (false) {
|
|
|
105
106
|
/** @type {?} */
|
|
106
107
|
ListComponent.prototype.noResultsLabel;
|
|
107
108
|
/** @type {?} */
|
|
109
|
+
ListComponent.prototype.placeholder;
|
|
110
|
+
/** @type {?} */
|
|
108
111
|
ListComponent.prototype.isSearchActive;
|
|
109
112
|
/** @type {?} */
|
|
110
113
|
ListComponent.prototype.searchInput;
|
|
@@ -127,4 +130,4 @@ if (false) {
|
|
|
127
130
|
/** @type {?} */
|
|
128
131
|
ListComponent.prototype.ngClass;
|
|
129
132
|
}
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU81RyxNQUFNLE9BQU8sYUFBYyxTQUFRLFlBQVk7Ozs7SUFxQzNDLFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDOztRQTFCcEIsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBT1osc0JBQWlCLEdBQUcsUUFBUSxDQUFDO1FBQzdCLG1CQUFjLEdBQUcsdUJBQXVCLENBQUM7UUFDekMsZ0JBQVcsR0FBRyxrQkFBa0IsQ0FBQztRQUNqQyxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUN0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc1QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQy9ELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUd0RCxlQUFVOzs7O1FBQUcsQ0FBQyxHQUFTLEVBQUUsRUFBRSxDQUFDLEtBQUssRUFBQztRQUNsQyxlQUFVOzs7O1FBQUcsQ0FBQyxHQUFTLEVBQUUsRUFBRSxDQUFDLEtBQUssRUFBQztRQUNsQyxZQUFPOzs7O1FBQUcsQ0FBQyxHQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUM7SUFJdkMsQ0FBQzs7Ozs7SUFyQ0QsSUFBSSxjQUFjLENBQUMsSUFBSTtRQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOzs7O0lBRUQsSUFBSSxjQUFjO1FBQ2QsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2hDLENBQUM7OztZQWRKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsNnVDQUFvQzs7YUFFdkM7Ozs7WUFOMkUsUUFBUTs7O29CQXNCL0UsS0FBSztzQkFDTCxLQUFLOzBCQUNMLEtBQUs7bUJBQ0wsS0FBSztvQkFDTCxLQUFLO2dDQUNMLEtBQUs7NkJBQ0wsS0FBSzswQkFDTCxLQUFLOzZCQUNMLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxLQUFLOzBCQUVMLE1BQU07dUJBQ04sTUFBTTt5QkFDTixNQUFNOzJCQUNOLE1BQU07MEJBRU4sWUFBWSxTQUFDLFdBQVcsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7eUJBQ3pDLEtBQUs7eUJBQ0wsS0FBSztzQkFDTCxLQUFLOzs7O0lBdkJOLDZCQUFZOztJQUNaLHdDQUFxQjs7SUFFckIsOEJBQWU7O0lBQ2YsZ0NBQWlCOztJQUNqQixvQ0FBcUI7O0lBQ3JCLDZCQUFjOztJQUNkLDhCQUF1Qjs7SUFDdkIsMENBQXNDOztJQUN0Qyx1Q0FBa0Q7O0lBQ2xELG9DQUEwQzs7SUFDMUMsdUNBQStCOztJQUMvQixvQ0FBc0M7O0lBQ3RDLHFDQUFrQzs7SUFFbEMsb0NBQXlFOztJQUN6RSxpQ0FBMkQ7O0lBQzNELG1DQUE2RDs7SUFDN0QscUNBQStEOztJQUUvRCxvQ0FBMEU7O0lBQzFFLG1DQUEyQzs7SUFDM0MsbUNBQTJDOztJQUMzQyxnQ0FBdUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG5cbiAgICBzZXQgc3RvcmVkRWxlbWVudHMobGlzdCkge1xuICAgICAgICB0aGlzLl9zdG9yZWRFbGVtZW50cyA9IGxpc3Q7XG4gICAgICAgIHRoaXMubGlzdENoYW5nZS5lbWl0KGxpc3QpO1xuICAgIH1cblxuICAgIGdldCBzdG9yZWRFbGVtZW50cygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3N0b3JlZEVsZW1lbnRzO1xuICAgIH1cblxuICAgIC8qIFN0b3JlIHBpcGUgKi9cbiAgICBzZWxmID0gdGhpcztcbiAgICBfc3RvcmVkRWxlbWVudHMgPSBbXTtcblxuICAgIEBJbnB1dCgpIG1vZGVsO1xuICAgIEBJbnB1dCgpIGZpbHRlcnM7XG4gICAgQElucHV0KCkgaW5wdXRGaWx0ZXI7XG4gICAgQElucHV0KCkgc29ydDtcbiAgICBASW5wdXQoKSBsaW1pdDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyID0gJ3NlYXJjaCc7XG4gICAgQElucHV0KCkgbm9SZXN1bHRzTGFiZWwgPSAnbGlzdC5yZXN1bHRzLm5vLml0ZW1zJztcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICdsaXN0LnBsYWNlaG9sZGVyJztcbiAgICBASW5wdXQoKSBpc1NlYXJjaEFjdGl2ZSA9IHRydWU7XG4gICAgQElucHV0KCkgc2VhcmNoSW5wdXQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzZWFyY2hTdWJtaXQ6ICgpID0+IHZvaWQ7XG5cbiAgICBAT3V0cHV0KCkgaW5wdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQE91dHB1dCgpIG9uU2VsZWN0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgbGlzdENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHNjcm9sbGVkRG93bjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7c3RhdGljOiBmYWxzZX0pIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGlzU2VsZWN0ZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBpc0Rpc2FibGVkID0gKGFyZz86IGFueSkgPT4gZmFsc2U7XG4gICAgQElucHV0KCkgbmdDbGFzcyA9IChhcmc/OiBhbnkpID0+ICh7fSk7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -13,9 +13,9 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
13
13
|
/* Store pipe */
|
|
14
14
|
_this.self = _this;
|
|
15
15
|
_this._storedElements = [];
|
|
16
|
-
_this.model = [];
|
|
17
16
|
_this.searchPlaceholder = 'search';
|
|
18
17
|
_this.noResultsLabel = 'list.results.no.items';
|
|
18
|
+
_this.placeholder = 'list.placeholder';
|
|
19
19
|
_this.isSearchActive = true;
|
|
20
20
|
_this.searchInput = false;
|
|
21
21
|
_this.inputChange = new EventEmitter();
|
|
@@ -60,8 +60,8 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
60
60
|
ListComponent.decorators = [
|
|
61
61
|
{ type: Component, args: [{
|
|
62
62
|
selector: 'ode-list',
|
|
63
|
-
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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",
|
|
64
|
-
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
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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 *ngIf=\"model\">\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=\"model && storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
64
|
+
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}.placeholder{color:#aaa}"]
|
|
65
65
|
}] }
|
|
66
66
|
];
|
|
67
67
|
/** @nocollapse */
|
|
@@ -76,6 +76,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
76
76
|
limit: [{ type: Input }],
|
|
77
77
|
searchPlaceholder: [{ type: Input }],
|
|
78
78
|
noResultsLabel: [{ type: Input }],
|
|
79
|
+
placeholder: [{ type: Input }],
|
|
79
80
|
isSearchActive: [{ type: Input }],
|
|
80
81
|
searchInput: [{ type: Input }],
|
|
81
82
|
searchSubmit: [{ type: Input }],
|
|
@@ -111,6 +112,8 @@ if (false) {
|
|
|
111
112
|
/** @type {?} */
|
|
112
113
|
ListComponent.prototype.noResultsLabel;
|
|
113
114
|
/** @type {?} */
|
|
115
|
+
ListComponent.prototype.placeholder;
|
|
116
|
+
/** @type {?} */
|
|
114
117
|
ListComponent.prototype.isSearchActive;
|
|
115
118
|
/** @type {?} */
|
|
116
119
|
ListComponent.prototype.searchInput;
|
|
@@ -133,4 +136,4 @@ if (false) {
|
|
|
133
136
|
/** @type {?} */
|
|
134
137
|
ListComponent.prototype.ngClass;
|
|
135
138
|
}
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
139
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUc7SUFLbUMseUNBQVk7SUFxQzNDLHVCQUFZLFFBQWtCO1FBQTlCLFlBQ0ksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCOztRQTNCRCxVQUFJLEdBQUcsS0FBSSxDQUFDO1FBQ1oscUJBQWUsR0FBRyxFQUFFLENBQUM7UUFPWix1QkFBaUIsR0FBRyxRQUFRLENBQUM7UUFDN0Isb0JBQWMsR0FBRyx1QkFBdUIsQ0FBQztRQUN6QyxpQkFBVyxHQUFHLGtCQUFrQixDQUFDO1FBQ2pDLG9CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLGlCQUFXLEdBQVksS0FBSyxDQUFDO1FBRzVCLGlCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDL0QsY0FBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pELGdCQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsa0JBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUd0RCxnQkFBVTs7OztRQUFHLFVBQUMsR0FBUyxJQUFLLE9BQUEsS0FBSyxFQUFMLENBQUssRUFBQztRQUNsQyxnQkFBVTs7OztRQUFHLFVBQUMsR0FBUyxJQUFLLE9BQUEsS0FBSyxFQUFMLENBQUssRUFBQztRQUNsQyxhQUFPOzs7O1FBQUcsVUFBQyxHQUFTLElBQUssT0FBQSxDQUFDLEVBQUUsQ0FBQyxFQUFKLENBQUksRUFBQzs7SUFJdkMsQ0FBQztJQXJDRCxzQkFBSSx5Q0FBYzs7OztRQUtsQjtZQUNJLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUNoQyxDQUFDOzs7OztRQVBELFVBQW1CLElBQUk7WUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7WUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IsQ0FBQzs7O09BQUE7O2dCQVZKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsNnVDQUFvQzs7aUJBRXZDOzs7O2dCQU4yRSxRQUFROzs7d0JBc0IvRSxLQUFLOzBCQUNMLEtBQUs7OEJBQ0wsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7b0NBQ0wsS0FBSztpQ0FDTCxLQUFLOzhCQUNMLEtBQUs7aUNBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUNMLEtBQUs7OEJBRUwsTUFBTTsyQkFDTixNQUFNOzZCQUNOLE1BQU07K0JBQ04sTUFBTTs4QkFFTixZQUFZLFNBQUMsV0FBVyxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQzs2QkFDekMsS0FBSzs2QkFDTCxLQUFLOzBCQUNMLEtBQUs7O0lBS1Ysb0JBQUM7Q0FBQSxBQTdDRCxDQUttQyxZQUFZLEdBd0M5QztTQXhDWSxhQUFhOzs7SUFZdEIsNkJBQVk7O0lBQ1osd0NBQXFCOztJQUVyQiw4QkFBZTs7SUFDZixnQ0FBaUI7O0lBQ2pCLG9DQUFxQjs7SUFDckIsNkJBQWM7O0lBQ2QsOEJBQXVCOztJQUN2QiwwQ0FBc0M7O0lBQ3RDLHVDQUFrRDs7SUFDbEQsb0NBQTBDOztJQUMxQyx1Q0FBK0I7O0lBQy9CLG9DQUFzQzs7SUFDdEMscUNBQWtDOztJQUVsQyxvQ0FBeUU7O0lBQ3pFLGlDQUEyRDs7SUFDM0QsbUNBQTZEOztJQUM3RCxxQ0FBK0Q7O0lBRS9ELG9DQUEwRTs7SUFDMUUsbUNBQTJDOztJQUMzQyxtQ0FBMkM7O0lBQzNDLGdDQUF1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMaXN0Q29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcblxuICAgIHNldCBzdG9yZWRFbGVtZW50cyhsaXN0KSB7XG4gICAgICAgIHRoaXMuX3N0b3JlZEVsZW1lbnRzID0gbGlzdDtcbiAgICAgICAgdGhpcy5saXN0Q2hhbmdlLmVtaXQobGlzdCk7XG4gICAgfVxuXG4gICAgZ2V0IHN0b3JlZEVsZW1lbnRzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc3RvcmVkRWxlbWVudHM7XG4gICAgfVxuXG4gICAgLyogU3RvcmUgcGlwZSAqL1xuICAgIHNlbGYgPSB0aGlzO1xuICAgIF9zdG9yZWRFbGVtZW50cyA9IFtdO1xuXG4gICAgQElucHV0KCkgbW9kZWw7XG4gICAgQElucHV0KCkgZmlsdGVycztcbiAgICBASW5wdXQoKSBpbnB1dEZpbHRlcjtcbiAgICBASW5wdXQoKSBzb3J0O1xuICAgIEBJbnB1dCgpIGxpbWl0OiBudW1iZXI7XG4gICAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXIgPSAnc2VhcmNoJztcbiAgICBASW5wdXQoKSBub1Jlc3VsdHNMYWJlbCA9ICdsaXN0LnJlc3VsdHMubm8uaXRlbXMnO1xuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJ2xpc3QucGxhY2Vob2xkZXInO1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQWN0aXZlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBzZWFyY2hJbnB1dDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlYXJjaFN1Ym1pdDogKCkgPT4gdm9pZDtcblxuICAgIEBPdXRwdXQoKSBpbnB1dENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBsaXN0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgc2Nyb2xsZWREb3duOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHtzdGF0aWM6IGZhbHNlfSkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgaXNTZWxlY3RlZCA9IChhcmc/OiBhbnkpID0+IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBuZ0NsYXNzID0gKGFyZz86IGFueSkgPT4gKHt9KTtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxufVxuIl19
|
package/fesm2015/ngx-ode-ui.js
CHANGED
|
@@ -1221,9 +1221,9 @@ class ListComponent extends OdeComponent {
|
|
|
1221
1221
|
/* Store pipe */
|
|
1222
1222
|
this.self = this;
|
|
1223
1223
|
this._storedElements = [];
|
|
1224
|
-
this.model = [];
|
|
1225
1224
|
this.searchPlaceholder = 'search';
|
|
1226
1225
|
this.noResultsLabel = 'list.results.no.items';
|
|
1226
|
+
this.placeholder = 'list.placeholder';
|
|
1227
1227
|
this.isSearchActive = true;
|
|
1228
1228
|
this.searchInput = false;
|
|
1229
1229
|
this.inputChange = new EventEmitter();
|
|
@@ -1264,8 +1264,8 @@ class ListComponent extends OdeComponent {
|
|
|
1264
1264
|
ListComponent.decorators = [
|
|
1265
1265
|
{ type: Component, args: [{
|
|
1266
1266
|
selector: 'ode-list',
|
|
1267
|
-
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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",
|
|
1268
|
-
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
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [searchInput]=\"searchInput\"\n [searchSubmit]=\"searchSubmit\"\n [attr.placeholder]=\"searchPlaceholder | translate\"\n (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 *ngIf=\"model\">\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=\"model && storedElements && storedElements.length === 0\">\n <li class=\"no-results\">{{ noResultsLabel | translate }}</li>\n </ul>\n <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
1268
|
+
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}.placeholder{color:#aaa}"]
|
|
1269
1269
|
}] }
|
|
1270
1270
|
];
|
|
1271
1271
|
/** @nocollapse */
|
|
@@ -1280,6 +1280,7 @@ ListComponent.propDecorators = {
|
|
|
1280
1280
|
limit: [{ type: Input }],
|
|
1281
1281
|
searchPlaceholder: [{ type: Input }],
|
|
1282
1282
|
noResultsLabel: [{ type: Input }],
|
|
1283
|
+
placeholder: [{ type: Input }],
|
|
1283
1284
|
isSearchActive: [{ type: Input }],
|
|
1284
1285
|
searchInput: [{ type: Input }],
|
|
1285
1286
|
searchSubmit: [{ type: Input }],
|
|
@@ -1312,6 +1313,8 @@ if (false) {
|
|
|
1312
1313
|
/** @type {?} */
|
|
1313
1314
|
ListComponent.prototype.noResultsLabel;
|
|
1314
1315
|
/** @type {?} */
|
|
1316
|
+
ListComponent.prototype.placeholder;
|
|
1317
|
+
/** @type {?} */
|
|
1315
1318
|
ListComponent.prototype.isSearchActive;
|
|
1316
1319
|
/** @type {?} */
|
|
1317
1320
|
ListComponent.prototype.searchInput;
|