@smart-webcomponents-angular/combobox 16.0.2 → 22.0.2

package/fesm2020/smart-webcomponents-angular-combobox.mjs

@@ -44,6 +44,13 @@ class BaseElement {
     focus(options) {
         this.nativeElement.focus(options);
     }
+    /** @description Sets or gets the license.  */
+    get license() {
+        return this.nativeElement ? this.nativeElement.license : undefined;
+    }
+    set license(value) {
+        this.nativeElement ? this.nativeElement.license = value : undefined;
+    }
     /** @description Sets or gets the language. Used in conjunction with the property messages.  */
     get locale() {
         return this.nativeElement ? this.nativeElement.locale : undefined;
@@ -81,7 +88,7 @@ class BaseElement {
     }
 }
 BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: BaseElement, inputs: { license: "license", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
@@ -92,6 +99,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
                 type: Output
             }], onDetach: [{
                 type: Output
+            }], license: [{
+                type: Input
             }], locale: [{
                 type: Input
             }], localizeFormatFunction: [{
@@ -103,7 +112,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
             }], theme: [{
                 type: Input
             }] } });
-const Smart = window.Smart;
+let Smart;
+if (typeof window !== "undefined") {
+    Smart = window.Smart;
+}
 
 const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -461,6 +473,13 @@ class ComboBoxComponent extends BaseElement {
     set loadingIndicatorPosition(value) {
         this.nativeElement ? this.nativeElement.loadingIndicatorPosition = value : undefined;
     }
+    /** @description Sets or gets the unlockKey which unlocks the product. */
+    get unlockKey() {
+        return this.nativeElement ? this.nativeElement.unlockKey : undefined;
+    }
+    set unlockKey(value) {
+        this.nativeElement ? this.nativeElement.unlockKey = value : undefined;
+    }
     /** @description Sets or gets the language. Used in conjunction with the property messages.  */
     get locale() {
         return this.nativeElement ? this.nativeElement.locale : undefined;
@@ -652,6 +671,19 @@ class ComboBoxComponent extends BaseElement {
         const result = await getResultOnRender();
         return result;
     }
+    /** @description Adds a new item(s).
+    * @param {any} item. Describes the properties of the item that will be inserted. You can also pass an array of items.
+    */
+    add(item) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.add(item);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.add(item);
+            });
+        }
+    }
     /** @description Removes all items from the drop down list.
     */
     clearItems() {
@@ -688,6 +720,18 @@ class ComboBoxComponent extends BaseElement {
             });
         }
     }
+    /** @description Performs a data bind. This can be used to refresh the data source.
+    */
+    dataBind() {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.dataBind();
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.dataBind();
+            });
+        }
+    }
     /** @description Ensures the desired item is visible by scrolling to it.
     * @param {HTMLElement | string} item. A list item or value of the desired item to be visible.
     */
@@ -719,7 +763,7 @@ class ComboBoxComponent extends BaseElement {
     }
     /** @description Inserts a new item at a specified position.
     * @param {number} position. The position where the item must be inserted.
-    * @param {any} item. Describes the properties of the item that will be inserted.
+    * @param {any} item. Describes the properties of the item that will be inserted. You can also pass an array of items.
     */
     insert(position, item) {
         if (this.nativeElement.isRendered) {
@@ -837,9 +881,11 @@ class ComboBoxComponent extends BaseElement {
     ngAfterViewInit() {
         const that = this;
         that.onCreate.emit(that.nativeElement);
-        Smart.Render();
+        if (Smart)
+            Smart.Render();
         this.nativeElement.classList.add('smart-angular');
-        this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
+        if (this.nativeElement.whenRendered)
+            this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
         this.listen();
     }
     ngOnDestroy() {
@@ -881,7 +927,11 @@ class ComboBoxComponent extends BaseElement {
                 }
                 else {
                     const input = that.nativeElement.querySelector('input');
-                    that._onChange((that.selectedValues && that.selectedValues.length > 0) ? that.selectedValues[0] : (input ? input.value : null));
+                    let inputValue = input.value;
+                    if (value && value.length && Array.isArray(value)) {
+                        inputValue = value;
+                    }
+                    that._onChange((that.selectedValues && that.selectedValues.length > 0) ? that.selectedValues[0] : (input ? inputValue : null));
                 }
             }
         });
@@ -992,7 +1042,7 @@ class ComboBoxComponent extends BaseElement {
     }
 }
 ComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ComboBoxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ComboBoxComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ComboBoxComponent, selector: "smart-combo-box, [smart-combo-box]", inputs: { autoCloseDelay: "autoCloseDelay", autoComplete: "autoComplete", autoCompleteDelay: "autoCompleteDelay", autoOpenShortcutKey: "autoOpenShortcutKey", dataSource: "dataSource", disabled: "disabled", displayLoadingIndicator: "displayLoadingIndicator", displayMember: "displayMember", dropDownAppendTo: "dropDownAppendTo", dropDownButtonPosition: "dropDownButtonPosition", dropDownHeight: "dropDownHeight", dropDownMaxHeight: "dropDownMaxHeight", dropDownMaxWidth: "dropDownMaxWidth", dropDownMinHeight: "dropDownMinHeight", dropDownMinWidth: "dropDownMinWidth", dropDownOpenMode: "dropDownOpenMode", dropDownOverlay: "dropDownOverlay", dropDownPlaceholder: "dropDownPlaceholder", dropDownPosition: "dropDownPosition", dropDownWidth: "dropDownWidth", escKeyMode: "escKeyMode", filterable: "filterable", filterInputPlaceholder: "filterInputPlaceholder", filterMode: "filterMode", grouped: "grouped", groupMember: "groupMember", hint: "hint", horizontalScrollBarVisibility: "horizontalScrollBarVisibility", inputMember: "inputMember", inputPurpose: "inputPurpose", incrementalSearchDelay: "incrementalSearchDelay", incrementalSearchMode: "incrementalSearchMode", itemHeight: "itemHeight", itemMeasureMode: "itemMeasureMode", items: "items", itemTemplate: "itemTemplate", label: "label", loadingIndicatorPlaceholder: "loadingIndicatorPlaceholder", loadingIndicatorPosition: "loadingIndicatorPosition", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", minLength: "minLength", maxLength: "maxLength", name: "name", opened: "opened", placeholder: "placeholder", readonly: "readonly", rightToLeft: "rightToLeft", resizeIndicator: "resizeIndicator", resizeMode: "resizeMode", selectionDisplayMode: "selectionDisplayMode", selectedIndexes: "selectedIndexes", selectedValues: "selectedValues", selectionMode: "selectionMode", sorted: "sorted", sortDirection: "sortDirection", theme: "theme", tokenTemplate: "tokenTemplate", unfocusable: "unfocusable", value: "value", valueMember: "valueMember", verticalScrollBarVisibility: "verticalScrollBarVisibility", virtualized: "virtualized" }, outputs: { onChange: "onChange", onClose: "onClose", onClosing: "onClosing", onItemClick: "onItemClick", onOpen: "onOpen", onOpening: "onOpening", onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd", onScrollBottomReached: "onScrollBottomReached", onScrollTopReached: "onScrollTopReached", onTokenClick: "onTokenClick" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], exportAs: ["smart-combo-box"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+ComboBoxComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ComboBoxComponent, selector: "smart-combo-box, [smart-combo-box]", inputs: { autoCloseDelay: "autoCloseDelay", autoComplete: "autoComplete", autoCompleteDelay: "autoCompleteDelay", autoOpenShortcutKey: "autoOpenShortcutKey", dataSource: "dataSource", disabled: "disabled", displayLoadingIndicator: "displayLoadingIndicator", displayMember: "displayMember", dropDownAppendTo: "dropDownAppendTo", dropDownButtonPosition: "dropDownButtonPosition", dropDownHeight: "dropDownHeight", dropDownMaxHeight: "dropDownMaxHeight", dropDownMaxWidth: "dropDownMaxWidth", dropDownMinHeight: "dropDownMinHeight", dropDownMinWidth: "dropDownMinWidth", dropDownOpenMode: "dropDownOpenMode", dropDownOverlay: "dropDownOverlay", dropDownPlaceholder: "dropDownPlaceholder", dropDownPosition: "dropDownPosition", dropDownWidth: "dropDownWidth", escKeyMode: "escKeyMode", filterable: "filterable", filterInputPlaceholder: "filterInputPlaceholder", filterMode: "filterMode", grouped: "grouped", groupMember: "groupMember", hint: "hint", horizontalScrollBarVisibility: "horizontalScrollBarVisibility", inputMember: "inputMember", inputPurpose: "inputPurpose", incrementalSearchDelay: "incrementalSearchDelay", incrementalSearchMode: "incrementalSearchMode", itemHeight: "itemHeight", itemMeasureMode: "itemMeasureMode", items: "items", itemTemplate: "itemTemplate", label: "label", loadingIndicatorPlaceholder: "loadingIndicatorPlaceholder", loadingIndicatorPosition: "loadingIndicatorPosition", unlockKey: "unlockKey", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", minLength: "minLength", maxLength: "maxLength", name: "name", opened: "opened", placeholder: "placeholder", readonly: "readonly", rightToLeft: "rightToLeft", resizeIndicator: "resizeIndicator", resizeMode: "resizeMode", selectionDisplayMode: "selectionDisplayMode", selectedIndexes: "selectedIndexes", selectedValues: "selectedValues", selectionMode: "selectionMode", sorted: "sorted", sortDirection: "sortDirection", theme: "theme", tokenTemplate: "tokenTemplate", unfocusable: "unfocusable", value: "value", valueMember: "valueMember", verticalScrollBarVisibility: "verticalScrollBarVisibility", virtualized: "virtualized" }, outputs: { onChange: "onChange", onClose: "onClose", onClosing: "onClosing", onItemClick: "onItemClick", onOpen: "onOpen", onOpening: "onOpening", onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd", onScrollBottomReached: "onScrollBottomReached", onScrollTopReached: "onScrollTopReached", onTokenClick: "onTokenClick" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], exportAs: ["smart-combo-box"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ComboBoxComponent, decorators: [{
             type: Directive,
             args: [{
@@ -1077,6 +1127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
                 type: Input
             }], loadingIndicatorPosition: [{
                 type: Input
+            }], unlockKey: [{
+                type: Input
             }], locale: [{
                 type: Input
             }], localizeFormatFunction: [{
@@ -1253,7 +1305,8 @@ class ListItemComponent extends BaseElement {
         const that = this;
         that.onCreate.emit(that.nativeElement);
         this.nativeElement.classList.add('smart-angular');
-        this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
+        if (this.nativeElement.whenRendered)
+            this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
     }
     ngOnDestroy() { }
     ngOnChanges(changes) {
@@ -1329,7 +1382,8 @@ class ListItemsGroupComponent extends BaseElement {
         const that = this;
         that.onCreate.emit(that.nativeElement);
         this.nativeElement.classList.add('smart-angular');
-        this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
+        if (this.nativeElement.whenRendered)
+            this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
     }
     ngOnDestroy() { }
     ngOnChanges(changes) {