ngx-ode-ui 3.12.0-dev.10 → 3.12.0-dev.11

package/bundles/ngx-ode-ui.umd.js

@@ -1574,9 +1574,9 @@
             /* Store pipe */
             _this.self = _this;
             _this._storedElements = [];
-            _this.model = [];
             _this.searchPlaceholder = 'search';
             _this.noResultsLabel = 'list.results.no.items';
+            _this.placeholder = 'list.placeholder';
             _this.isSearchActive = true;
             _this.searchInput = false;
             _this.inputChange = new core.EventEmitter();
@@ -1621,8 +1621,8 @@
         ListComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'ode-list',
-                        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",
-                        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}"]
+                        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",
+                        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}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1637,6 +1637,7 @@
             limit: [{ type: core.Input }],
             searchPlaceholder: [{ type: core.Input }],
             noResultsLabel: [{ type: core.Input }],
+            placeholder: [{ type: core.Input }],
             isSearchActive: [{ type: core.Input }],
             searchInput: [{ type: core.Input }],
             searchSubmit: [{ type: core.Input }],
@@ -1671,6 +1672,8 @@
         /** @type {?} */
         ListComponent.prototype.noResultsLabel;
         /** @type {?} */
+        ListComponent.prototype.placeholder;
+        /** @type {?} */
         ListComponent.prototype.isSearchActive;
         /** @type {?} */
         ListComponent.prototype.searchInput;