@smart-webcomponents-angular/combobox 13.0.1 → 13.1.70

package/README.md

@@ -2,6 +2,10 @@
  Smart.ComboBox represents a feature-complete, responsive and touch friendly Angular ComboBox component. 
  > This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.
 > 
+ ## Angular 13 support
+ 
+ The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines. 
+ 
  ## Resources
  * [Getting Started](https://www.htmlelements.com/docs/angular-cli/)
 * [View Online Demos](https://www.htmlelements.com/angular/)
@@ -34,8 +38,12 @@ npm install @smart-webcomponents-angular/combobox
 The CSS files are available in ../node_modules/@smart-webcomponents-angular/combobox/styles/ folder.
 ```javascript
 "styles": [
-	"node_modules/@smart-webcomponents-angular/combobox/styles/smart.combobox.css"
+	"node_modules/@smart-webcomponents-angular/combobox/styles/smart.base.css",
+	"node_modules/@smart-webcomponents-angular/combobox/styles/smart.combobox.css",
+	"node_modules/@smart-webcomponents-angular/combobox/styles/smart.common.css"
 ]
+
+If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'. 
 ```
  * Add the Component Module in your application
 
@@ -62,5 +70,5 @@ export class AppModule { }
  Check the license detail [here](https://jqwidgets.com/license/).
  ## Release Notes
  Check the release notes [here](https://www.htmlelements.com/docs/release-notes/)
-     © Copyright 2021 jQWidgets, Ltd. All Rights Reserved.
+     © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.
   

package/combobox/smart-webcomponents-angular-combobox.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="smart-webcomponents-angular/combobox" />
+/// <amd-module name="@smart-webcomponents-angular/combobox" />
 export * from './index';

package/combobox/smart.combobox.d.ts

@@ -29,8 +29,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get autoCloseDelay(): number;
     set autoCloseDelay(value: number);
     /** @description Determines the autocomplete mode. Auto complete modes filter the items from the dataSource and show only those that match the input. */
-    get autoComplete(): AutoComplete;
-    set autoComplete(value: AutoComplete);
+    get autoComplete(): AutoComplete | string;
+    set autoComplete(value: AutoComplete | string);
     /** @description Determines the delay before the drop down opens to show the matches from the auto complete operation. The delay is measured in miliseconds. */
     get autoCompleteDelay(): number;
     set autoCompleteDelay(value: number);
@@ -53,8 +53,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get dropDownAppendTo(): string;
     set dropDownAppendTo(value: string);
     /** @description Determines the position of the drop down button. */
-    get dropDownButtonPosition(): DropDownButtonPosition;
-    set dropDownButtonPosition(value: DropDownButtonPosition);
+    get dropDownButtonPosition(): DropDownButtonPosition | string;
+    set dropDownButtonPosition(value: DropDownButtonPosition | string);
     /** @description Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable. */
     get dropDownHeight(): string | number;
     set dropDownHeight(value: string | number);
@@ -71,8 +71,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get dropDownMinWidth(): string | number;
     set dropDownMinWidth(value: string | number);
     /** @description Determines how the drop down is going to open. */
-    get dropDownOpenMode(): DropDownOpenMode;
-    set dropDownOpenMode(value: DropDownOpenMode);
+    get dropDownOpenMode(): DropDownOpenMode | string;
+    set dropDownOpenMode(value: DropDownOpenMode | string);
     /** @description If this property is enabled, when the element's dropdown is opened, a transparent overlay is positioned between the dropdown and the rest of the document. The purpose of the overlay is to make sure that clicking anywhere outside the popup will will target the overlay and not the DOM. */
     get dropDownOverlay(): boolean;
     set dropDownOverlay(value: boolean);
@@ -80,14 +80,14 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get dropDownPlaceholder(): string;
     set dropDownPlaceholder(value: string);
     /** @description Determines the position of the drop down when opened. */
-    get dropDownPosition(): DropDownPosition;
-    set dropDownPosition(value: DropDownPosition);
+    get dropDownPosition(): DropDownPosition | string;
+    set dropDownPosition(value: DropDownPosition | string);
     /** @description Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable. */
     get dropDownWidth(): string | number;
     set dropDownWidth(value: string | number);
     /** @description Determines the behavior of the element when Escape key is pressed. */
-    get escKeyMode(): ComboBoxEscKeyMode;
-    set escKeyMode(value: ComboBoxEscKeyMode);
+    get escKeyMode(): ComboBoxEscKeyMode | string;
+    set escKeyMode(value: ComboBoxEscKeyMode | string);
     /** @description Determines whether filtering is enabled. */
     get filterable(): boolean;
     set filterable(value: boolean);
@@ -95,8 +95,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get filterInputPlaceholder(): string;
     set filterInputPlaceholder(value: string);
     /** @description Determines the filtering mode of the Combo box. */
-    get filterMode(): FilterMode;
-    set filterMode(value: FilterMode);
+    get filterMode(): FilterMode | string;
+    set filterMode(value: FilterMode | string);
     /** @description If enabled, the items will be grouped by their first letter. Can't be applied if the dataSource already contains groups. */
     get grouped(): boolean;
     set grouped(value: boolean);
@@ -107,8 +107,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get hint(): string;
     set hint(value: string);
     /** @description Determines the visibility of the horizontal Scroll bar inside the drop down. */
-    get horizontalScrollBarVisibility(): HorizontalScrollBarVisibility;
-    set horizontalScrollBarVisibility(value: HorizontalScrollBarVisibility);
+    get horizontalScrollBarVisibility(): HorizontalScrollBarVisibility | string;
+    set horizontalScrollBarVisibility(value: HorizontalScrollBarVisibility | string);
     /** @description Represents the property name of a List item. Determines the value of the input when a ListItem is selected. Usefull in cases where the user wants to display for example the value of an item instead of it's label. By default the label is displayed in the input. */
     get inputMember(): string;
     set inputMember(value: string);
@@ -119,14 +119,14 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get incrementalSearchDelay(): number;
     set incrementalSearchDelay(value: number);
     /** @description Sets ot gets the mode of the incremental search mode. Incremental search is enabled by default. Typing while the drop down is focused starts the incremental search. */
-    get incrementalSearchMode(): SearchMode;
-    set incrementalSearchMode(value: SearchMode);
+    get incrementalSearchMode(): SearchMode | string;
+    set incrementalSearchMode(value: SearchMode | string);
     /** @description Sets the height for all list items. Used only when virtualization is enabled. */
     get itemHeight(): number;
     set itemHeight(value: number);
     /** @description Determines the item width measuring algorithm. */
-    get itemMeasureMode(): ListItemMeasureMode;
-    set itemMeasureMode(value: ListItemMeasureMode);
+    get itemMeasureMode(): ListItemMeasureMode | string;
+    set itemMeasureMode(value: ListItemMeasureMode | string);
     /** @description A getter that returns an array of all List items inside the drop down. */
     get items(): {
         label: string;
@@ -146,8 +146,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get loadingIndicatorPlaceholder(): string;
     set loadingIndicatorPlaceholder(value: string);
     /** @description Determines the position of the loading indicator. */
-    get loadingIndicatorPosition(): VerticalAlignment;
-    set loadingIndicatorPosition(value: VerticalAlignment);
+    get loadingIndicatorPosition(): VerticalAlignment | string;
+    set loadingIndicatorPosition(value: VerticalAlignment | string);
     /** @description Sets or gets the language. Used in conjunction with the property messages.  */
     get locale(): string;
     set locale(value: string);
@@ -179,11 +179,11 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get resizeIndicator(): boolean;
     set resizeIndicator(value: boolean);
     /** @description Determines whether the dropDown can be resized or not. When resizing is enabled, a resize bar appears on the top/bottom side of the drop down. */
-    get resizeMode(): ResizeMode;
-    set resizeMode(value: ResizeMode);
+    get resizeMode(): ResizeMode | string;
+    set resizeMode(value: ResizeMode | string);
     /** @description Determines what will be displayed in the input. */
-    get selectionDisplayMode(): SelectionDisplayMode;
-    set selectionDisplayMode(value: SelectionDisplayMode);
+    get selectionDisplayMode(): SelectionDisplayMode | string;
+    set selectionDisplayMode(value: SelectionDisplayMode | string);
     /** @description Sets or gets the selected indexes. Selected indexes represents an array of the indexes of the items that should be selected. */
     get selectedIndexes(): number[];
     set selectedIndexes(value: number[]);
@@ -191,8 +191,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get selectedValues(): string[];
     set selectedValues(value: string[]);
     /** @description Determines how many items can be selected. */
-    get selectionMode(): ListSelectionMode;
-    set selectionMode(value: ListSelectionMode);
+    get selectionMode(): ListSelectionMode | string;
+    set selectionMode(value: ListSelectionMode | string);
     /** @description Determines whether the items are sorted alphabetically or not */
     get sorted(): boolean;
     set sorted(value: boolean);
@@ -215,8 +215,8 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     get valueMember(): string;
     set valueMember(value: string);
     /** @description Determines the visibility of the vertical scroll bar. */
-    get verticalScrollBarVisibility(): VerticalScrollBarVisibility;
-    set verticalScrollBarVisibility(value: VerticalScrollBarVisibility);
+    get verticalScrollBarVisibility(): VerticalScrollBarVisibility | string;
+    set verticalScrollBarVisibility(value: VerticalScrollBarVisibility | string);
     /** @description Determines weather or not Virtualization is used for the Combo box. Virtualization allows a huge amount of items to be loaded to the List box while preserving the performance. For example a milion items can be loaded to the list box. */
     get virtualized(): boolean;
     set virtualized(value: boolean);
@@ -346,5 +346,5 @@ export declare class ComboBoxComponent extends BaseElement implements OnInit, Af
     /** @description Remove event listeners. */
     private unlisten;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboBoxComponent, "smart-combo-box, [smart-combo-box]", never, { "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"; "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"; }, { "onChange": "onChange"; "onClose": "onClose"; "onClosing": "onClosing"; "onItemClick": "onItemClick"; "onOpen": "onOpen"; "onOpening": "onOpening"; "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; "onScrollBottomReached": "onScrollBottomReached"; "onScrollTopReached": "onScrollTopReached"; "onTokenClick": "onTokenClick"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboBoxComponent, "smart-combo-box, [smart-combo-box]", ["smart-combo-box"], { "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"; "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"; }, { "onChange": "onChange"; "onClose": "onClose"; "onClosing": "onClosing"; "onItemClick": "onItemClick"; "onOpen": "onOpen"; "onOpening": "onOpening"; "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; "onScrollBottomReached": "onScrollBottomReached"; "onScrollTopReached": "onScrollTopReached"; "onTokenClick": "onTokenClick"; }, never>;
 }

package/combobox/smart.listitem.d.ts

@@ -21,8 +21,8 @@ export declare class ListItemComponent extends BaseElement implements OnInit, Af
     get color(): string;
     set color(value: string);
     /** @description  */
-    get displayMode(): ListItemDisplayMode;
-    set displayMode(value: ListItemDisplayMode);
+    get displayMode(): ListItemDisplayMode | string;
+    set displayMode(value: ListItemDisplayMode | string);
     /** @description  */
     get grouped(): boolean;
     set grouped(value: boolean);
@@ -53,5 +53,5 @@ export declare class ListItemComponent extends BaseElement implements OnInit, Af
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemComponent, "smart-list-item, [smart-list-item]", never, { "alternationIndex": "alternationIndex"; "color": "color"; "displayMode": "displayMode"; "grouped": "grouped"; "selected": "selected"; "value": "value"; "label": "label"; "details": "details"; "group": "group"; "hidden": "hidden"; "readonly": "readonly"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemComponent, "smart-list-item, [smart-list-item]", ["smart-list-item"], { "alternationIndex": "alternationIndex"; "color": "color"; "displayMode": "displayMode"; "grouped": "grouped"; "selected": "selected"; "value": "value"; "label": "label"; "details": "details"; "group": "group"; "hidden": "hidden"; "readonly": "readonly"; }, {}, never>;
 }

package/combobox/smart.listitemsgroup.d.ts

@@ -22,5 +22,5 @@ export declare class ListItemsGroupComponent extends BaseElement implements OnIn
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemsGroupComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemsGroupComponent, "smart-list-items-group, [smart-list-items-group]", never, { "label": "label"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemsGroupComponent, "smart-list-items-group, [smart-list-items-group]", ["smart-list-items-group"], { "label": "label"; }, {}, never>;
 }