@apipass/inputs 0.2.5-alpha.23 → 0.2.5-alpha.25

package/bundles/apipass-inputs.umd.js

@@ -1185,6 +1185,8 @@
             _this.addNewItemIcon = '';
             _this.addNewItemClickCloseSelect = false;
             _this.closeOnBodyScroll = false;
+            _this.initializing = false;
+            _this.loadingText = 'Loading...';
             _this.onOpenSelectBox = new i0.EventEmitter();
             _this.onCloseSelectBox = new i0.EventEmitter();
             _this.onSelectChange = new i0.EventEmitter();
@@ -1307,9 +1309,12 @@
             if (this.selectProperty) {
                 this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.find(function (el) { return el[_this.bindKey] === value; });
             }
-            else {
+            else if (value) {
                 this.selectedItem = (_b = this.data) === null || _b === void 0 ? void 0 : _b.find(function (el) { return el[_this.bindKey] === value[_this.bindKey]; });
             }
+            else {
+                this.selectedItem = null;
+            }
         };
         return SelectBoxComponent;
     }(ValueAccessorBase));
@@ -1322,11 +1327,11 @@
                 var _t;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ngSelectComponent = _t.first);
             }
-        }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", selectProperty: "selectProperty", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, features: [i0.ɵɵProvidersFeature([{
+        }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", selectProperty: "selectProperty", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll", initializing: "initializing", loadingText: "loadingText" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, features: [i0.ɵɵProvidersFeature([{
                     provide: i4.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return SelectBoxComponent; }),
                     multi: true
-                }]), i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 20, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "bindValue", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], [4, "ngIf"], ["ng-option-tmp", ""], ["ng-label-tmp", ""], ["class", "image", "style", "width: 40px;height: 40px; margin-right: 10px;", 4, "ngIf"], ["class", "select-text-element", 4, "ngIf"], [1, "image", 2, "width", "40px", "height", "40px", "margin-right", "10px"], ["loading", "lazy", 2, "width", "auto", "max-width", "40px", "height", "40px", 3, "src", "alt", "matTooltip"], [1, "select-text-element"], ["ng-header-tmp", ""], [1, "add-new-item-option", 2, "display", "flex", "align-items", "center", "cursor", "pointer", 3, "click"], ["style", "margin-right: 5px", 3, "title", "name", "size", 4, "ngIf"], ["class", "add-new-item-text", "style", "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;", 4, "ngIf"], [2, "margin-right", "5px", 3, "title", "name", "size"], [1, "add-new-item-text", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) {
+                }]), i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 21, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "loadingText", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "bindValue", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], [4, "ngIf"], ["ng-option-tmp", ""], ["ng-label-tmp", ""], ["class", "image", "style", "width: 40px;height: 40px; margin-right: 10px;", 4, "ngIf"], ["class", "select-text-element", 4, "ngIf"], [1, "image", 2, "width", "40px", "height", "40px", "margin-right", "10px"], ["loading", "lazy", 2, "width", "auto", "max-width", "40px", "height", "40px", 3, "src", "alt", "matTooltip"], [1, "select-text-element"], ["ng-header-tmp", ""], [1, "add-new-item-option", 2, "display", "flex", "align-items", "center", "cursor", "pointer", 3, "click"], ["style", "margin-right: 5px", 3, "title", "name", "size", 4, "ngIf"], ["class", "add-new-item-text", "style", "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;", 4, "ngIf"], [2, "margin-right", "5px", 3, "title", "name", "size"], [1, "add-new-item-text", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "ng-select", 0, 1);
                 i0.ɵɵlistener("ngModelChange", function SelectBoxComponent_Template_ng_select_ngModelChange_0_listener($event) { return ctx.value = $event; })("open", function SelectBoxComponent_Template_ng_select_open_0_listener($event) { return ctx.openSelectBox($event); })("close", function SelectBoxComponent_Template_ng_select_close_0_listener($event) { return ctx.onClose($event); })("clear", function SelectBoxComponent_Template_ng_select_clear_0_listener() { return ctx.onClear(); })("scroll", function SelectBoxComponent_Template_ng_select_scroll_0_listener($event) { return ctx.onScroll($event); })("scrollToEnd", function SelectBoxComponent_Template_ng_select_scrollToEnd_0_listener() { return ctx.onScrollToEnd(); })("change", function SelectBoxComponent_Template_ng_select_change_0_listener($event) { return ctx.onSelectionChange($event); });
@@ -1337,7 +1342,7 @@
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", i0.ɵɵpureFunction2(17, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn)("bindValue", ctx.selectProperty);
+                i0.ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading || ctx.initializing)("loadingText", ctx.loadingText)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", i0.ɵɵpureFunction2(18, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn)("bindValue", ctx.selectProperty);
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", ctx.selectProperty && ctx.selectedItem && ctx.selectedItem[ctx.bindKey] && ctx.selectedItem[ctx.bindValue]);
                 i0.ɵɵadvance(1);
@@ -1397,6 +1402,10 @@
                     type: i0.Input
                 }], closeOnBodyScroll: [{
                     type: i0.Input
+                }], initializing: [{
+                    type: i0.Input
+                }], loadingText: [{
+                    type: i0.Input
                 }], onOpenSelectBox: [{
                     type: i0.Output
                 }], onCloseSelectBox: [{