ngx-ode-ui 3.12.0-dev.14 → 3.12.0-dev.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/ngx-ode-ui.umd.js +12 -4
- 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 -3
- package/esm2015/lib/components/search-input/search-input.component.js +6 -2
- package/esm2015/lib/components/search-toolbar/search-toolbar.component.js +1 -1
- package/esm5/lib/components/list/list.component.js +7 -3
- package/esm5/lib/components/search-input/search-input.component.js +6 -2
- package/esm5/lib/components/search-toolbar/search-toolbar.component.js +1 -1
- package/fesm2015/ngx-ode-ui.js +12 -4
- package/fesm2015/ngx-ode-ui.js.map +1 -1
- package/fesm5/ngx-ode-ui.js +12 -4
- package/fesm5/ngx-ode-ui.js.map +1 -1
- package/lib/components/list/list.component.d.ts +1 -0
- package/lib/components/search-input/search-input.component.d.ts +1 -0
- package/ngx-ode-ui.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -18,6 +18,7 @@ export class ListComponent extends OdeComponent {
|
|
|
18
18
|
this.noResultsLabel = 'list.results.no.items';
|
|
19
19
|
this.placeholder = 'list.placeholder';
|
|
20
20
|
this.isSearchActive = true;
|
|
21
|
+
this.isSearchButtonDisabled = false;
|
|
21
22
|
this.searchInput = false;
|
|
22
23
|
this.inputChange = new EventEmitter();
|
|
23
24
|
this.onSelect = new EventEmitter();
|
|
@@ -57,8 +58,8 @@ export class ListComponent extends OdeComponent {
|
|
|
57
58
|
ListComponent.decorators = [
|
|
58
59
|
{ type: Component, args: [{
|
|
59
60
|
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 <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.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:
|
|
61
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [isSearchButtonDisabled]=\"isSearchButtonDisabled\"\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 <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
62
|
+
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:2rem;text-align:left}ul li.placeholder:hover{cursor:default!important;background-color:inherit!important}ul li.disabled{pointer-events:none}"]
|
|
62
63
|
}] }
|
|
63
64
|
];
|
|
64
65
|
/** @nocollapse */
|
|
@@ -75,6 +76,7 @@ ListComponent.propDecorators = {
|
|
|
75
76
|
noResultsLabel: [{ type: Input }],
|
|
76
77
|
placeholder: [{ type: Input }],
|
|
77
78
|
isSearchActive: [{ type: Input }],
|
|
79
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
78
80
|
searchInput: [{ type: Input }],
|
|
79
81
|
searchSubmit: [{ type: Input }],
|
|
80
82
|
inputChange: [{ type: Output }],
|
|
@@ -110,6 +112,8 @@ if (false) {
|
|
|
110
112
|
/** @type {?} */
|
|
111
113
|
ListComponent.prototype.isSearchActive;
|
|
112
114
|
/** @type {?} */
|
|
115
|
+
ListComponent.prototype.isSearchButtonDisabled;
|
|
116
|
+
/** @type {?} */
|
|
113
117
|
ListComponent.prototype.searchInput;
|
|
114
118
|
/** @type {?} */
|
|
115
119
|
ListComponent.prototype.searchSubmit;
|
|
@@ -130,4 +134,4 @@ if (false) {
|
|
|
130
134
|
/** @type {?} */
|
|
131
135
|
ListComponent.prototype.ngClass;
|
|
132
136
|
}
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU81RyxNQUFNLE9BQU8sYUFBYyxTQUFRLFlBQVk7Ozs7SUFzQzNDLFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDOztRQTNCcEIsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBT1osc0JBQWlCLEdBQUcsUUFBUSxDQUFDO1FBQzdCLG1CQUFjLEdBQUcsdUJBQXVCLENBQUM7UUFDekMsZ0JBQVcsR0FBRyxrQkFBa0IsQ0FBQztRQUNqQyxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUN0QiwyQkFBc0IsR0FBWSxLQUFLLENBQUM7UUFDeEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFHNUIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMvRCxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakQsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25ELGlCQUFZLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEQsZUFBVTs7OztRQUFHLENBQUMsR0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEVBQUM7UUFDbEMsZUFBVTs7OztRQUFHLENBQUMsR0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEVBQUM7UUFDbEMsWUFBTzs7OztRQUFHLENBQUMsR0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFDO0lBSXZDLENBQUM7Ozs7O0lBdENELElBQUksY0FBYyxDQUFDLElBQUk7UUFDbkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7OztJQUVELElBQUksY0FBYztRQUNkLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNoQyxDQUFDOzs7WUFkSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLDJ3Q0FBb0M7O2FBRXZDOzs7O1lBTjJFLFFBQVE7OztvQkFzQi9FLEtBQUs7c0JBQ0wsS0FBSzswQkFDTCxLQUFLO21CQUNMLEtBQUs7b0JBQ0wsS0FBSztnQ0FDTCxLQUFLOzZCQUNMLEtBQUs7MEJBQ0wsS0FBSzs2QkFDTCxLQUFLO3FDQUNMLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxLQUFLOzBCQUVMLE1BQU07dUJBQ04sTUFBTTt5QkFDTixNQUFNOzJCQUNOLE1BQU07MEJBRU4sWUFBWSxTQUFDLFdBQVcsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7eUJBQ3pDLEtBQUs7eUJBQ0wsS0FBSztzQkFDTCxLQUFLOzs7O0lBeEJOLDZCQUFZOztJQUNaLHdDQUFxQjs7SUFFckIsOEJBQWU7O0lBQ2YsZ0NBQWlCOztJQUNqQixvQ0FBcUI7O0lBQ3JCLDZCQUFjOztJQUNkLDhCQUF1Qjs7SUFDdkIsMENBQXNDOztJQUN0Qyx1Q0FBa0Q7O0lBQ2xELG9DQUEwQzs7SUFDMUMsdUNBQStCOztJQUMvQiwrQ0FBaUQ7O0lBQ2pELG9DQUFzQzs7SUFDdEMscUNBQWtDOztJQUVsQyxvQ0FBeUU7O0lBQ3pFLGlDQUEyRDs7SUFDM0QsbUNBQTZEOztJQUM3RCxxQ0FBK0Q7O0lBRS9ELG9DQUEwRTs7SUFDMUUsbUNBQTJDOztJQUMzQyxtQ0FBMkM7O0lBQzNDLGdDQUF1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMaXN0Q29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcblxuICAgIHNldCBzdG9yZWRFbGVtZW50cyhsaXN0KSB7XG4gICAgICAgIHRoaXMuX3N0b3JlZEVsZW1lbnRzID0gbGlzdDtcbiAgICAgICAgdGhpcy5saXN0Q2hhbmdlLmVtaXQobGlzdCk7XG4gICAgfVxuXG4gICAgZ2V0IHN0b3JlZEVsZW1lbnRzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc3RvcmVkRWxlbWVudHM7XG4gICAgfVxuXG4gICAgLyogU3RvcmUgcGlwZSAqL1xuICAgIHNlbGYgPSB0aGlzO1xuICAgIF9zdG9yZWRFbGVtZW50cyA9IFtdO1xuXG4gICAgQElucHV0KCkgbW9kZWw7XG4gICAgQElucHV0KCkgZmlsdGVycztcbiAgICBASW5wdXQoKSBpbnB1dEZpbHRlcjtcbiAgICBASW5wdXQoKSBzb3J0O1xuICAgIEBJbnB1dCgpIGxpbWl0OiBudW1iZXI7XG4gICAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXIgPSAnc2VhcmNoJztcbiAgICBASW5wdXQoKSBub1Jlc3VsdHNMYWJlbCA9ICdsaXN0LnJlc3VsdHMubm8uaXRlbXMnO1xuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJ2xpc3QucGxhY2Vob2xkZXInO1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQWN0aXZlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBpc1NlYXJjaEJ1dHRvbkRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VhcmNoSW5wdXQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzZWFyY2hTdWJtaXQ6ICgpID0+IHZvaWQ7XG5cbiAgICBAT3V0cHV0KCkgaW5wdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQE91dHB1dCgpIG9uU2VsZWN0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgbGlzdENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHNjcm9sbGVkRG93bjogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7c3RhdGljOiBmYWxzZX0pIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGlzU2VsZWN0ZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBpc0Rpc2FibGVkID0gKGFyZz86IGFueSkgPT4gZmFsc2U7XG4gICAgQElucHV0KCkgbmdDbGFzcyA9IChhcmc/OiBhbnkpID0+ICh7fSk7XG5cbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -19,6 +19,7 @@ export class SearchInputComponent extends OdeComponent {
|
|
|
19
19
|
this._renderer = _renderer;
|
|
20
20
|
/* Inputs / Outputs / View */
|
|
21
21
|
this.isSearchActive = false;
|
|
22
|
+
this.isSearchButtonDisabled = false;
|
|
22
23
|
this.searchInput = false;
|
|
23
24
|
this._delay = 200;
|
|
24
25
|
this.onChange = new EventEmitter();
|
|
@@ -103,7 +104,7 @@ export class SearchInputComponent extends OdeComponent {
|
|
|
103
104
|
SearchInputComponent.decorators = [
|
|
104
105
|
{ type: Component, args: [{
|
|
105
106
|
selector: 'ode-search-input',
|
|
106
|
-
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
107
|
+
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\" [attr.disabled]=\"isSearchButtonDisabled ? true : null\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
107
108
|
styles: [":host .search-container{margin:0;display:flex}:host .search-icon{padding-left:0}:host .search-button{margin:0;background:#ff8352;color:#fff}"]
|
|
108
109
|
}] }
|
|
109
110
|
];
|
|
@@ -115,6 +116,7 @@ SearchInputComponent.ctorParameters = () => [
|
|
|
115
116
|
];
|
|
116
117
|
SearchInputComponent.propDecorators = {
|
|
117
118
|
isSearchActive: [{ type: Input }],
|
|
119
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
118
120
|
searchInput: [{ type: Input }],
|
|
119
121
|
searchSubmit: [{ type: Input }],
|
|
120
122
|
delay: [{ type: Input }],
|
|
@@ -125,6 +127,8 @@ if (false) {
|
|
|
125
127
|
/** @type {?} */
|
|
126
128
|
SearchInputComponent.prototype.isSearchActive;
|
|
127
129
|
/** @type {?} */
|
|
130
|
+
SearchInputComponent.prototype.isSearchButtonDisabled;
|
|
131
|
+
/** @type {?} */
|
|
128
132
|
SearchInputComponent.prototype.searchInput;
|
|
129
133
|
/** @type {?} */
|
|
130
134
|
SearchInputComponent.prototype.searchSubmit;
|
|
@@ -163,4 +167,4 @@ if (false) {
|
|
|
163
167
|
*/
|
|
164
168
|
SearchInputComponent.prototype._renderer;
|
|
165
169
|
}
|
|
166
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
170
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RJLE9BQU8sRUFBYSxPQUFPLEVBQWUsTUFBTSxNQUFNLENBQUM7QUFDdkQsT0FBTyxFQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBUWxFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxZQUFZOzs7Ozs7SUFFbEQsWUFBWSxRQUFrQixFQUNWLE1BQWtCLEVBQ2xCLFNBQW9CO1FBQ3BDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUZBLFdBQU0sR0FBTixNQUFNLENBQVk7UUFDbEIsY0FBUyxHQUFULFNBQVMsQ0FBVzs7UUFLL0IsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsMkJBQXNCLEdBQVksS0FBSyxDQUFDO1FBQ3hDLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBZTlCLFdBQU0sR0FBRyxHQUFHLENBQUM7UUFFWCxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7O1FBTTlELGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztJQTVCN0MsQ0FBQzs7Ozs7SUFPRCxJQUFhLEtBQUssQ0FBQyxDQUFTO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxDQUFDLENBQUM7UUFDM0YsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUMvQjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTOzs7O1FBQUMsR0FBRyxDQUFDLEVBQUU7WUFDNUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUIsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7O0lBQ0QsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7Ozs7O0lBYU8sY0FBYzs7Y0FDWixPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhO1FBQ3pDLElBQUksT0FBTyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDM0IsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFOztzQkFDMUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNwRjtTQUNKO0lBQ0wsQ0FBQzs7OztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWTtpQkFDOUIsSUFBSSxDQUNELFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQ3hCLG9CQUFvQixFQUFFLENBQ3pCLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUzs7OztZQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUM1QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM1QixDQUFDLEVBQUMsQ0FBQztTQUNOO1FBQ0QsVUFBVTs7O1FBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7Ozs7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7Ozs7SUFFRCxNQUFNLENBQUMsR0FBVztRQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7OztZQTNFSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsZ2tCQUE0Qzs7YUFFL0M7Ozs7WUFUcUcsUUFBUTtZQUExRixVQUFVO1lBQWtELFNBQVM7Ozs2QkFtQnBGLEtBQUs7cUNBQ0wsS0FBSzswQkFDTCxLQUFLOzJCQUNMLEtBQUs7b0JBQ0wsS0FBSzt1QkFlTCxNQUFNO3dCQUVOLFNBQVMsU0FBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDOzs7O0lBckJ4Qyw4Q0FBeUM7O0lBQ3pDLHNEQUFpRDs7SUFDakQsMkNBQXNDOztJQUN0Qyw0Q0FBa0M7Ozs7O0lBY2xDLHNDQUFxQjs7SUFFckIsd0NBQXNFOztJQUV0RSx5Q0FBZ0U7Ozs7O0lBSWhFLDRDQUE2Qzs7Ozs7SUFDN0MsMENBQXVDOzs7OztJQUN2Qyx3Q0FBK0I7Ozs7O0lBakNuQixzQ0FBMEI7Ozs7O0lBQzFCLHlDQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0LCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2VhcmNoLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hJbnB1dENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvKiBJbnB1dHMgLyBPdXRwdXRzIC8gVmlldyAqL1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaXNTZWFyY2hCdXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlYXJjaElucHV0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VhcmNoU3VibWl0OiAoKSA9PiB2b2lkO1xuICAgIEBJbnB1dCgpIHNldCBkZWxheShkOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5fZGVsYXkgPSBkO1xuICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtcy5waXBlKGRlYm91bmNlVGltZSh0aGlzLmRlbGF5KSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSk7XG4gICAgICAgIGlmICh0aGlzLm9ic2VydmVyKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmVyLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWwpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgZ2V0IGRlbGF5KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGVsYXk7XG4gICAgfVxuICAgIHByaXZhdGUgX2RlbGF5ID0gMjAwO1xuXG4gICAgQE91dHB1dCgpIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgQFZpZXdDaGlsZCgnc2VhcmNoQm94JywgeyBzdGF0aWM6IGZhbHNlfSkgc2VhcmNoQm94OiBFbGVtZW50UmVmO1xuXG4gICAgLyogSW50ZXJuYWwgbG9naWMgKi9cblxuICAgIHByaXZhdGUgJHNlYXJjaFRlcm1zID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuICAgIHByaXZhdGUgb2JzZXJ2YWJsZTogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFN1YnNjcmlwdGlvbjtcblxuICAgIHByaXZhdGUgZXZhbEF0dHJpYnV0ZXMoKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICBpZiAoZWxlbWVudCAmJiB0aGlzLnNlYXJjaEJveCkge1xuICAgICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzW2ldO1xuICAgICAgICAgICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLnNlYXJjaEJveC5uYXRpdmVFbGVtZW50LCBhdHRyLm5hbWUsIGF0dHIudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIGlmICghdGhpcy5vYnNlcnZhYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtc1xuICAgICAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWxheSksXG4gICAgICAgICAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKClcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5ldmFsQXR0cmlidXRlcygpLCAyMCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBzZWFyY2goc3RyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy4kc2VhcmNoVGVybXMubmV4dChzdHIpO1xuICAgIH1cblxufVxuIl19
|
|
@@ -53,7 +53,7 @@ SearchToolbarComponent.decorators = [
|
|
|
53
53
|
{ type: Component, args: [{
|
|
54
54
|
selector: 'ode-search-toolbar',
|
|
55
55
|
template: "<div class=\"search-toolbar\">\n <div class=\"search-toolbar-label\">\n <s5l>{{ label }}</s5l>\n <button\n *ngFor=\"let searchType of searchTypes\"\n class=\"button has-left-margin-5\"\n [ngClass]=\"{\n 'is-selected': searchType.value === selectedSearchTypeValue\n }\"\n (click)=\"handleSearchTypeClick(searchType.value)\"\n >\n <s5l>{{ searchType.label }}</s5l>\n </button>\n </div>\n <div>\n <strong class=\"badge\">{{ nbItem }} <s5l>{{ nbItemLabel }}</s5l></strong>\n </div>\n</div>\n",
|
|
56
|
-
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.
|
|
56
|
+
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.85rem}.search-toolbar .search-toolbar-label .button{padding:4px 12px;border-radius:20px;font-size:12px;border-width:2px;border-color:#ff8d2e}"]
|
|
57
57
|
}] }
|
|
58
58
|
];
|
|
59
59
|
/** @nocollapse */
|
|
@@ -17,6 +17,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
17
17
|
_this.noResultsLabel = 'list.results.no.items';
|
|
18
18
|
_this.placeholder = 'list.placeholder';
|
|
19
19
|
_this.isSearchActive = true;
|
|
20
|
+
_this.isSearchButtonDisabled = false;
|
|
20
21
|
_this.searchInput = false;
|
|
21
22
|
_this.inputChange = new EventEmitter();
|
|
22
23
|
_this.onSelect = new EventEmitter();
|
|
@@ -60,8 +61,8 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
60
61
|
ListComponent.decorators = [
|
|
61
62
|
{ type: Component, args: [{
|
|
62
63
|
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 <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.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:
|
|
64
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [isSearchButtonDisabled]=\"isSearchButtonDisabled\"\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 <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
65
|
+
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:2rem;text-align:left}ul li.placeholder:hover{cursor:default!important;background-color:inherit!important}ul li.disabled{pointer-events:none}"]
|
|
65
66
|
}] }
|
|
66
67
|
];
|
|
67
68
|
/** @nocollapse */
|
|
@@ -78,6 +79,7 @@ var ListComponent = /** @class */ (function (_super) {
|
|
|
78
79
|
noResultsLabel: [{ type: Input }],
|
|
79
80
|
placeholder: [{ type: Input }],
|
|
80
81
|
isSearchActive: [{ type: Input }],
|
|
82
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
81
83
|
searchInput: [{ type: Input }],
|
|
82
84
|
searchSubmit: [{ type: Input }],
|
|
83
85
|
inputChange: [{ type: Output }],
|
|
@@ -116,6 +118,8 @@ if (false) {
|
|
|
116
118
|
/** @type {?} */
|
|
117
119
|
ListComponent.prototype.isSearchActive;
|
|
118
120
|
/** @type {?} */
|
|
121
|
+
ListComponent.prototype.isSearchButtonDisabled;
|
|
122
|
+
/** @type {?} */
|
|
119
123
|
ListComponent.prototype.searchInput;
|
|
120
124
|
/** @type {?} */
|
|
121
125
|
ListComponent.prototype.searchSubmit;
|
|
@@ -136,4 +140,4 @@ if (false) {
|
|
|
136
140
|
/** @type {?} */
|
|
137
141
|
ListComponent.prototype.ngClass;
|
|
138
142
|
}
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
143
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUc7SUFLbUMseUNBQVk7SUFzQzNDLHVCQUFZLFFBQWtCO1FBQTlCLFlBQ0ksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCOztRQTVCRCxVQUFJLEdBQUcsS0FBSSxDQUFDO1FBQ1oscUJBQWUsR0FBRyxFQUFFLENBQUM7UUFPWix1QkFBaUIsR0FBRyxRQUFRLENBQUM7UUFDN0Isb0JBQWMsR0FBRyx1QkFBdUIsQ0FBQztRQUN6QyxpQkFBVyxHQUFHLGtCQUFrQixDQUFDO1FBQ2pDLG9CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLDRCQUFzQixHQUFZLEtBQUssQ0FBQztRQUN4QyxpQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc1QixpQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQy9ELGNBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxnQkFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25ELGtCQUFZLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEQsZ0JBQVU7Ozs7UUFBRyxVQUFDLEdBQVMsSUFBSyxPQUFBLEtBQUssRUFBTCxDQUFLLEVBQUM7UUFDbEMsZ0JBQVU7Ozs7UUFBRyxVQUFDLEdBQVMsSUFBSyxPQUFBLEtBQUssRUFBTCxDQUFLLEVBQUM7UUFDbEMsYUFBTzs7OztRQUFHLFVBQUMsR0FBUyxJQUFLLE9BQUEsQ0FBQyxFQUFFLENBQUMsRUFBSixDQUFJLEVBQUM7O0lBSXZDLENBQUM7SUF0Q0Qsc0JBQUkseUNBQWM7Ozs7UUFLbEI7WUFDSSxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDaEMsQ0FBQzs7Ozs7UUFQRCxVQUFtQixJQUFJO1lBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1lBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLENBQUM7OztPQUFBOztnQkFWSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLDJ3Q0FBb0M7O2lCQUV2Qzs7OztnQkFOMkUsUUFBUTs7O3dCQXNCL0UsS0FBSzswQkFDTCxLQUFLOzhCQUNMLEtBQUs7dUJBQ0wsS0FBSzt3QkFDTCxLQUFLO29DQUNMLEtBQUs7aUNBQ0wsS0FBSzs4QkFDTCxLQUFLO2lDQUNMLEtBQUs7eUNBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUNMLEtBQUs7OEJBRUwsTUFBTTsyQkFDTixNQUFNOzZCQUNOLE1BQU07K0JBQ04sTUFBTTs4QkFFTixZQUFZLFNBQUMsV0FBVyxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQzs2QkFDekMsS0FBSzs2QkFDTCxLQUFLOzBCQUNMLEtBQUs7O0lBS1Ysb0JBQUM7Q0FBQSxBQTlDRCxDQUttQyxZQUFZLEdBeUM5QztTQXpDWSxhQUFhOzs7SUFZdEIsNkJBQVk7O0lBQ1osd0NBQXFCOztJQUVyQiw4QkFBZTs7SUFDZixnQ0FBaUI7O0lBQ2pCLG9DQUFxQjs7SUFDckIsNkJBQWM7O0lBQ2QsOEJBQXVCOztJQUN2QiwwQ0FBc0M7O0lBQ3RDLHVDQUFrRDs7SUFDbEQsb0NBQTBDOztJQUMxQyx1Q0FBK0I7O0lBQy9CLCtDQUFpRDs7SUFDakQsb0NBQXNDOztJQUN0QyxxQ0FBa0M7O0lBRWxDLG9DQUF5RTs7SUFDekUsaUNBQTJEOztJQUMzRCxtQ0FBNkQ7O0lBQzdELHFDQUErRDs7SUFFL0Qsb0NBQTBFOztJQUMxRSxtQ0FBMkM7O0lBQzNDLG1DQUEyQzs7SUFDM0MsZ0NBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuXG4gICAgc2V0IHN0b3JlZEVsZW1lbnRzKGxpc3QpIHtcbiAgICAgICAgdGhpcy5fc3RvcmVkRWxlbWVudHMgPSBsaXN0O1xuICAgICAgICB0aGlzLmxpc3RDaGFuZ2UuZW1pdChsaXN0KTtcbiAgICB9XG5cbiAgICBnZXQgc3RvcmVkRWxlbWVudHMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zdG9yZWRFbGVtZW50cztcbiAgICB9XG5cbiAgICAvKiBTdG9yZSBwaXBlICovXG4gICAgc2VsZiA9IHRoaXM7XG4gICAgX3N0b3JlZEVsZW1lbnRzID0gW107XG5cbiAgICBASW5wdXQoKSBtb2RlbDtcbiAgICBASW5wdXQoKSBmaWx0ZXJzO1xuICAgIEBJbnB1dCgpIGlucHV0RmlsdGVyO1xuICAgIEBJbnB1dCgpIHNvcnQ7XG4gICAgQElucHV0KCkgbGltaXQ6IG51bWJlcjtcbiAgICBASW5wdXQoKSBzZWFyY2hQbGFjZWhvbGRlciA9ICdzZWFyY2gnO1xuICAgIEBJbnB1dCgpIG5vUmVzdWx0c0xhYmVsID0gJ2xpc3QucmVzdWx0cy5uby5pdGVtcyc7XG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnbGlzdC5wbGFjZWhvbGRlcic7XG4gICAgQElucHV0KCkgaXNTZWFyY2hBY3RpdmUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQnV0dG9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzZWFyY2hJbnB1dDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlYXJjaFN1Ym1pdDogKCkgPT4gdm9pZDtcblxuICAgIEBPdXRwdXQoKSBpbnB1dENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBsaXN0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgc2Nyb2xsZWREb3duOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHtzdGF0aWM6IGZhbHNlfSkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgaXNTZWxlY3RlZCA9IChhcmc/OiBhbnkpID0+IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSAoYXJnPzogYW55KSA9PiBmYWxzZTtcbiAgICBASW5wdXQoKSBuZ0NsYXNzID0gKGFyZz86IGFueSkgPT4gKHt9KTtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxufVxuIl19
|
|
@@ -16,6 +16,7 @@ var SearchInputComponent = /** @class */ (function (_super) {
|
|
|
16
16
|
_this._renderer = _renderer;
|
|
17
17
|
/* Inputs / Outputs / View */
|
|
18
18
|
_this.isSearchActive = false;
|
|
19
|
+
_this.isSearchButtonDisabled = false;
|
|
19
20
|
_this.searchInput = false;
|
|
20
21
|
_this._delay = 200;
|
|
21
22
|
_this.onChange = new EventEmitter();
|
|
@@ -120,7 +121,7 @@ var SearchInputComponent = /** @class */ (function (_super) {
|
|
|
120
121
|
SearchInputComponent.decorators = [
|
|
121
122
|
{ type: Component, args: [{
|
|
122
123
|
selector: 'ode-search-input',
|
|
123
|
-
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
124
|
+
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\" [attr.disabled]=\"isSearchButtonDisabled ? true : null\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
124
125
|
styles: [":host .search-container{margin:0;display:flex}:host .search-icon{padding-left:0}:host .search-button{margin:0;background:#ff8352;color:#fff}"]
|
|
125
126
|
}] }
|
|
126
127
|
];
|
|
@@ -132,6 +133,7 @@ var SearchInputComponent = /** @class */ (function (_super) {
|
|
|
132
133
|
]; };
|
|
133
134
|
SearchInputComponent.propDecorators = {
|
|
134
135
|
isSearchActive: [{ type: Input }],
|
|
136
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
135
137
|
searchInput: [{ type: Input }],
|
|
136
138
|
searchSubmit: [{ type: Input }],
|
|
137
139
|
delay: [{ type: Input }],
|
|
@@ -145,6 +147,8 @@ if (false) {
|
|
|
145
147
|
/** @type {?} */
|
|
146
148
|
SearchInputComponent.prototype.isSearchActive;
|
|
147
149
|
/** @type {?} */
|
|
150
|
+
SearchInputComponent.prototype.isSearchButtonDisabled;
|
|
151
|
+
/** @type {?} */
|
|
148
152
|
SearchInputComponent.prototype.searchInput;
|
|
149
153
|
/** @type {?} */
|
|
150
154
|
SearchInputComponent.prototype.searchSubmit;
|
|
@@ -183,4 +187,4 @@ if (false) {
|
|
|
183
187
|
*/
|
|
184
188
|
SearchInputComponent.prototype._renderer;
|
|
185
189
|
}
|
|
186
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
190
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0SSxPQUFPLEVBQWEsT0FBTyxFQUFlLE1BQU0sTUFBTSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUdsRTtJQUswQyxnREFBWTtJQUVsRCw4QkFBWSxRQUFrQixFQUNWLE1BQWtCLEVBQ2xCLFNBQW9CO1FBRnhDLFlBR0ksa0JBQU0sUUFBUSxDQUFDLFNBQ2xCO1FBSG1CLFlBQU0sR0FBTixNQUFNLENBQVk7UUFDbEIsZUFBUyxHQUFULFNBQVMsQ0FBVzs7UUFLL0Isb0JBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsNEJBQXNCLEdBQVksS0FBSyxDQUFDO1FBQ3hDLGlCQUFXLEdBQVksS0FBSyxDQUFDO1FBZTlCLFlBQU0sR0FBRyxHQUFHLENBQUM7UUFFWCxjQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7O1FBTTlELGtCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQzs7SUE1QjdDLENBQUM7SUFPRCxzQkFBYSx1Q0FBSzs7OztRQVVsQjtZQUNJLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN2QixDQUFDOzs7OztRQVpELFVBQW1CLENBQVM7WUFBNUIsaUJBU0M7WUFSRyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZ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Ozs7O0lBakNuQixzQ0FBMEI7Ozs7O0lBQzFCLHlDQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0LCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2VhcmNoLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hJbnB1dENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvKiBJbnB1dHMgLyBPdXRwdXRzIC8gVmlldyAqL1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaXNTZWFyY2hCdXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlYXJjaElucHV0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VhcmNoU3VibWl0OiAoKSA9PiB2b2lkO1xuICAgIEBJbnB1dCgpIHNldCBkZWxheShkOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5fZGVsYXkgPSBkO1xuICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtcy5waXBlKGRlYm91bmNlVGltZSh0aGlzLmRlbGF5KSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSk7XG4gICAgICAgIGlmICh0aGlzLm9ic2VydmVyKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmVyLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWwpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgZ2V0IGRlbGF5KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGVsYXk7XG4gICAgfVxuICAgIHByaXZhdGUgX2RlbGF5ID0gMjAwO1xuXG4gICAgQE91dHB1dCgpIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgQFZpZXdDaGlsZCgnc2VhcmNoQm94JywgeyBzdGF0aWM6IGZhbHNlfSkgc2VhcmNoQm94OiBFbGVtZW50UmVmO1xuXG4gICAgLyogSW50ZXJuYWwgbG9naWMgKi9cblxuICAgIHByaXZhdGUgJHNlYXJjaFRlcm1zID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuICAgIHByaXZhdGUgb2JzZXJ2YWJsZTogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFN1YnNjcmlwdGlvbjtcblxuICAgIHByaXZhdGUgZXZhbEF0dHJpYnV0ZXMoKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICBpZiAoZWxlbWVudCAmJiB0aGlzLnNlYXJjaEJveCkge1xuICAgICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzW2ldO1xuICAgICAgICAgICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLnNlYXJjaEJveC5uYXRpdmVFbGVtZW50LCBhdHRyLm5hbWUsIGF0dHIudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIGlmICghdGhpcy5vYnNlcnZhYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtc1xuICAgICAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWxheSksXG4gICAgICAgICAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKClcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5ldmFsQXR0cmlidXRlcygpLCAyMCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBzZWFyY2goc3RyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy4kc2VhcmNoVGVybXMubmV4dChzdHIpO1xuICAgIH1cblxufVxuIl19
|
|
@@ -59,7 +59,7 @@ var SearchToolbarComponent = /** @class */ (function (_super) {
|
|
|
59
59
|
{ type: Component, args: [{
|
|
60
60
|
selector: 'ode-search-toolbar',
|
|
61
61
|
template: "<div class=\"search-toolbar\">\n <div class=\"search-toolbar-label\">\n <s5l>{{ label }}</s5l>\n <button\n *ngFor=\"let searchType of searchTypes\"\n class=\"button has-left-margin-5\"\n [ngClass]=\"{\n 'is-selected': searchType.value === selectedSearchTypeValue\n }\"\n (click)=\"handleSearchTypeClick(searchType.value)\"\n >\n <s5l>{{ searchType.label }}</s5l>\n </button>\n </div>\n <div>\n <strong class=\"badge\">{{ nbItem }} <s5l>{{ nbItemLabel }}</s5l></strong>\n </div>\n</div>\n",
|
|
62
|
-
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.
|
|
62
|
+
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.85rem}.search-toolbar .search-toolbar-label .button{padding:4px 12px;border-radius:20px;font-size:12px;border-width:2px;border-color:#ff8d2e}"]
|
|
63
63
|
}] }
|
|
64
64
|
];
|
|
65
65
|
/** @nocollapse */
|
package/fesm2015/ngx-ode-ui.js
CHANGED
|
@@ -1225,6 +1225,7 @@ class ListComponent extends OdeComponent {
|
|
|
1225
1225
|
this.noResultsLabel = 'list.results.no.items';
|
|
1226
1226
|
this.placeholder = 'list.placeholder';
|
|
1227
1227
|
this.isSearchActive = true;
|
|
1228
|
+
this.isSearchButtonDisabled = false;
|
|
1228
1229
|
this.searchInput = false;
|
|
1229
1230
|
this.inputChange = new EventEmitter();
|
|
1230
1231
|
this.onSelect = new EventEmitter();
|
|
@@ -1264,8 +1265,8 @@ class ListComponent extends OdeComponent {
|
|
|
1264
1265
|
ListComponent.decorators = [
|
|
1265
1266
|
{ type: Component, args: [{
|
|
1266
1267
|
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 <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.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:
|
|
1268
|
+
template: "<ode-search-input\n *ngIf=\"isSearchActive\"\n [isSearchButtonDisabled]=\"isSearchButtonDisabled\"\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 <ul *ngIf=\"!model\">\n <li class=\"placeholder\">{{ placeholder | translate }}</li>\n </ul>\n</div>\n",
|
|
1269
|
+
styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{cursor:pointer;border-top:1px solid #ddd;padding:10px}ul li.no-results{padding:50px;text-align:center;font-style:italic}ul li.no-results:hover{cursor:default!important;background-color:inherit!important}ul li.placeholder{color:#aaa;padding:2rem;text-align:left}ul li.placeholder:hover{cursor:default!important;background-color:inherit!important}ul li.disabled{pointer-events:none}"]
|
|
1269
1270
|
}] }
|
|
1270
1271
|
];
|
|
1271
1272
|
/** @nocollapse */
|
|
@@ -1282,6 +1283,7 @@ ListComponent.propDecorators = {
|
|
|
1282
1283
|
noResultsLabel: [{ type: Input }],
|
|
1283
1284
|
placeholder: [{ type: Input }],
|
|
1284
1285
|
isSearchActive: [{ type: Input }],
|
|
1286
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
1285
1287
|
searchInput: [{ type: Input }],
|
|
1286
1288
|
searchSubmit: [{ type: Input }],
|
|
1287
1289
|
inputChange: [{ type: Output }],
|
|
@@ -1317,6 +1319,8 @@ if (false) {
|
|
|
1317
1319
|
/** @type {?} */
|
|
1318
1320
|
ListComponent.prototype.isSearchActive;
|
|
1319
1321
|
/** @type {?} */
|
|
1322
|
+
ListComponent.prototype.isSearchButtonDisabled;
|
|
1323
|
+
/** @type {?} */
|
|
1320
1324
|
ListComponent.prototype.searchInput;
|
|
1321
1325
|
/** @type {?} */
|
|
1322
1326
|
ListComponent.prototype.searchSubmit;
|
|
@@ -2612,6 +2616,7 @@ class SearchInputComponent extends OdeComponent {
|
|
|
2612
2616
|
this._renderer = _renderer;
|
|
2613
2617
|
/* Inputs / Outputs / View */
|
|
2614
2618
|
this.isSearchActive = false;
|
|
2619
|
+
this.isSearchButtonDisabled = false;
|
|
2615
2620
|
this.searchInput = false;
|
|
2616
2621
|
this._delay = 200;
|
|
2617
2622
|
this.onChange = new EventEmitter();
|
|
@@ -2696,7 +2701,7 @@ class SearchInputComponent extends OdeComponent {
|
|
|
2696
2701
|
SearchInputComponent.decorators = [
|
|
2697
2702
|
{ type: Component, args: [{
|
|
2698
2703
|
selector: 'ode-search-input',
|
|
2699
|
-
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
2704
|
+
template: "<form\n class=\"search-container\"\n (ngSubmit)=\"searchInput && searchSubmit()\">\n <input\n #searchBox\n class=\"search-input\"\n name=\"searchTerm\"\n type=\"search\"\n (input)=\"search(searchBox.value)\" />\n <button class=\"search-button\" *ngIf=\"searchInput\" [attr.disabled]=\"isSearchButtonDisabled ? true : null\">\n <i class=\"fa fa-search is-size-4 search-icon\"></i>\n </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
|
|
2700
2705
|
styles: [":host .search-container{margin:0;display:flex}:host .search-icon{padding-left:0}:host .search-button{margin:0;background:#ff8352;color:#fff}"]
|
|
2701
2706
|
}] }
|
|
2702
2707
|
];
|
|
@@ -2708,6 +2713,7 @@ SearchInputComponent.ctorParameters = () => [
|
|
|
2708
2713
|
];
|
|
2709
2714
|
SearchInputComponent.propDecorators = {
|
|
2710
2715
|
isSearchActive: [{ type: Input }],
|
|
2716
|
+
isSearchButtonDisabled: [{ type: Input }],
|
|
2711
2717
|
searchInput: [{ type: Input }],
|
|
2712
2718
|
searchSubmit: [{ type: Input }],
|
|
2713
2719
|
delay: [{ type: Input }],
|
|
@@ -2718,6 +2724,8 @@ if (false) {
|
|
|
2718
2724
|
/** @type {?} */
|
|
2719
2725
|
SearchInputComponent.prototype.isSearchActive;
|
|
2720
2726
|
/** @type {?} */
|
|
2727
|
+
SearchInputComponent.prototype.isSearchButtonDisabled;
|
|
2728
|
+
/** @type {?} */
|
|
2721
2729
|
SearchInputComponent.prototype.searchInput;
|
|
2722
2730
|
/** @type {?} */
|
|
2723
2731
|
SearchInputComponent.prototype.searchSubmit;
|
|
@@ -4788,7 +4796,7 @@ SearchToolbarComponent.decorators = [
|
|
|
4788
4796
|
{ type: Component, args: [{
|
|
4789
4797
|
selector: 'ode-search-toolbar',
|
|
4790
4798
|
template: "<div class=\"search-toolbar\">\n <div class=\"search-toolbar-label\">\n <s5l>{{ label }}</s5l>\n <button\n *ngFor=\"let searchType of searchTypes\"\n class=\"button has-left-margin-5\"\n [ngClass]=\"{\n 'is-selected': searchType.value === selectedSearchTypeValue\n }\"\n (click)=\"handleSearchTypeClick(searchType.value)\"\n >\n <s5l>{{ searchType.label }}</s5l>\n </button>\n </div>\n <div>\n <strong class=\"badge\">{{ nbItem }} <s5l>{{ nbItemLabel }}</s5l></strong>\n </div>\n</div>\n",
|
|
4791
|
-
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.
|
|
4799
|
+
styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.85rem}.search-toolbar .search-toolbar-label .button{padding:4px 12px;border-radius:20px;font-size:12px;border-width:2px;border-color:#ff8d2e}"]
|
|
4792
4800
|
}] }
|
|
4793
4801
|
];
|
|
4794
4802
|
/** @nocollapse */
|