ngx-ode-ui 3.12.0-dev.4 → 3.12.0-dev.6

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

@@ -1577,7 +1577,7 @@
             _this.model = [];
             _this.searchPlaceholder = 'search';
             _this.noResultsLabel = 'list.results.no.items';
-            _this.searchInput = true;
+            _this.searchInput = false;
             _this.inputChange = new core.EventEmitter();
             _this.onSelect = new core.EventEmitter();
             _this.listChange = new core.EventEmitter();
@@ -1620,7 +1620,7 @@
         ListComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'ode-list',
-                        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",
+                        template: "<ode-search-input\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}"]
                     }] }
         ];
@@ -1637,6 +1637,7 @@
             searchPlaceholder: [{ type: core.Input }],
             noResultsLabel: [{ type: core.Input }],
             searchInput: [{ type: core.Input }],
+            searchSubmit: [{ type: core.Input }],
             inputChange: [{ type: core.Output }],
             onSelect: [{ type: core.Output }],
             listChange: [{ type: core.Output }],
@@ -1670,6 +1671,8 @@
         /** @type {?} */
         ListComponent.prototype.searchInput;
         /** @type {?} */
+        ListComponent.prototype.searchSubmit;
+        /** @type {?} */
         ListComponent.prototype.inputChange;
         /** @type {?} */
         ListComponent.prototype.onSelect;
@@ -3133,6 +3136,8 @@
             var _this = _super.call(this, injector) || this;
             _this._elRef = _elRef;
             _this._renderer = _renderer;
+            /* Inputs / Outputs / View */
+            _this.searchInput = false;
             _this._delay = 200;
             _this.onChange = new core.EventEmitter();
             /* Internal logic */
@@ -3146,9 +3151,7 @@
             function () {
                 return this._delay;
             },
-            /* Inputs / Outputs / View */
-            set: /* Inputs / Outputs / View */
-            /**
+            set: /**
              * @param {?} d
              * @return {?}
              */
@@ -3238,7 +3241,8 @@
         SearchInputComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'ode-search-input',
-                        template: "<input type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/>\n"
+                        template: "<form\n    *ngIf=\"searchInput\"\n    class=\"search-container\"\n    (ngSubmit)=\"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\">\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)\"/>",
+                        styles: [":host .search-container{margin:0;display:flex}:host .search-input{border:1px solid rgba(0,0,0,.1)}:host .search-icon{padding-left:0}:host .search-button{margin:0;background:#ff8352;color:#fff}"]
                     }] }
         ];
         /** @nocollapse */
@@ -3248,6 +3252,8 @@
             { type: core.Renderer2 }
         ]; };
         SearchInputComponent.propDecorators = {
+            searchInput: [{ type: core.Input }],
+            searchSubmit: [{ type: core.Input }],
             delay: [{ type: core.Input }],
             onChange: [{ type: core.Output }],
             searchBox: [{ type: core.ViewChild, args: ['searchBox', { static: false },] }]
@@ -3255,6 +3261,10 @@
         return SearchInputComponent;
     }(ngxOdeCore.OdeComponent));
     if (false) {
+        /** @type {?} */
+        SearchInputComponent.prototype.searchInput;
+        /** @type {?} */
+        SearchInputComponent.prototype.searchSubmit;
         /**
          * @type {?}
          * @private