@progress/kendo-angular-dropdowns 5.5.1-dev.202111181325 → 6.0.0-dev.202201190829

package/dist/es2015/common/util.d.ts

@@ -6,6 +6,8 @@ import { ElementRef } from '@angular/core';
 import { TreeItem, TreeItemLookup } from '@progress/kendo-angular-treeview';
 import { PopupRef } from '@progress/kendo-angular-popup';
 import { CheckedItem } from '../dropdowntrees/checked-state/checked-item';
+import { DropDownRounded } from './models/rounded';
+import { DropDownFillMode } from './models/fillmode';
 /**
  * @hidden
  */
@@ -139,3 +141,18 @@ export declare const fetchDescendentNodes: (lookup: TreeItemLookup, filterExpres
  * Used in the MultiSelectTree component.
  */
 export declare const valueFrom: ({ dataItem, index, level }: CheckedItem, valueField: string | string[]) => any;
+/**
+ * @hidden
+ * Returns the size class based on the component and size input.
+ */
+export declare const getSizeClass: (component: string, size: import("@progress/kendo-angular-treeview/dist/es2015/size").TreeViewSize) => string;
+/**
+ * @hidden
+ * Returns the rounded class based on the rounded input.
+ */
+export declare const getRoundedClass: (rounded: DropDownRounded) => string;
+/**
+ * @hidden
+ * Return the fillMode class based on the component and fillMode input.
+ */
+export declare const getFillModeClass: (component: string, fillMode: DropDownFillMode) => string;

package/dist/es2015/common/util.js

@@ -288,4 +288,41 @@ export const valueFrom = ({ dataItem, index, level }, valueField) => {
     const field = fields[normalizedLevel];
     return fieldAccessor(field)(dataItem);
 };
+/**
+ * @hidden
+ * Returns the size class based on the component and size input.
+ */
+export const getSizeClass = (component, size) => {
+    const SIZE_CLASSES = {
+        'small': `k-${component}-sm`,
+        'medium': `k-${component}-md`,
+        'large': `k-${component}-lg`
+    };
+    return SIZE_CLASSES[size];
+};
+/**
+ * @hidden
+ * Returns the rounded class based on the rounded input.
+ */
+export const getRoundedClass = (rounded) => {
+    const ROUNDED_CLASSES = {
+        'small': 'k-rounded-sm',
+        'medium': 'k-rounded-md',
+        'large': 'k-rounded-lg',
+        'full': 'k-rounded-full'
+    };
+    return ROUNDED_CLASSES[rounded];
+};
+/**
+ * @hidden
+ * Return the fillMode class based on the component and fillMode input.
+ */
+export const getFillModeClass = (component, fillMode) => {
+    const FILLMODE_CLASSES = {
+        'solid': `k-${component}-solid`,
+        'flat': `k-${component}-flat`,
+        'outline': `k-${component}-outline`
+    };
+    return FILLMODE_CLASSES[fillMode];
+};
 export { ɵ0 };

package/dist/es2015/dropdownlist/dropdownlist.component.d.ts

@@ -25,6 +25,9 @@ import { FilterableComponent } from '../common/filtering/filterable-component';
 import { ListComponent } from '../common/list.component';
 import { VirtualizationSettings } from '../common/models/virtualization-settings';
 import { PageChangeEvent } from '../common/models/page-change-event';
+import { DropDownSize } from '../common/models/size';
+import { DropDownRounded } from '../common/models/rounded';
+import { DropDownFillMode } from '../common/models/fillmode';
 /**
  * @hidden
  */
@@ -47,6 +50,7 @@ export declare const DROPDOWNLIST_VALUE_ACCESSOR: any;
  * ```
  */
 export declare class DropDownListComponent implements ControlValueAccessor, OnDestroy, OnChanges, AfterContentChecked, OnInit, FilterableComponent {
+    wrapper: ElementRef;
     private localization;
     private popupService;
     private selectionService;
@@ -55,7 +59,6 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private dataService;
     private _zone;
     private renderer;
-    private hostElement;
     private cdr;
     touchEnabled: boolean;
     readonly width: any;
@@ -171,6 +174,40 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     tabIndex: number;
+    /**
+     * Sets the size of the component.
+     *
+     * The possible values are:
+     * * `'small'`
+     * * `'medium'` (default)
+     * * `'large'`
+     * * `null`
+     *
+     */
+    size: DropDownSize;
+    /**
+     * Sets the border radius of the component.
+     *
+     * The possible values are:
+     * * `'small'`
+     * * `'medium'` (default)
+     * * `'large'`
+     * * `'full'`
+     * * `null`
+     *
+     */
+    rounded: DropDownRounded;
+    /**
+     * Sets the fillMode of the component.
+     *
+     * The possible values are:
+     * * `'flat'`
+     * * `'solid'` (default)
+     * * `'outline'`
+     * * `null`
+     *
+     */
+    fillMode: DropDownFillMode;
     /**
      * Fires each time the value is changed ([see example]({% slug overview_ddl %}#toc-events)).
      */
@@ -226,12 +263,11 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     noDataTemplate: NoDataTemplateDirective;
     container: ViewContainerRef;
     popupTemplate: TemplateRef<any>;
-    wrapper: ElementRef<HTMLSpanElement>;
     optionsList: ListComponent;
     /**
      * @hidden
      */
-    blurComponent(): void;
+    blurComponent(event: FocusEvent): void;
     /**
      * @hidden
      */
@@ -239,25 +275,35 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     /**
      * @hidden
      */
-    focusComponent(): void;
+    focusComponent(event: FocusEvent): void;
     /**
      * @hidden
      */
-    keydown(event: any): void;
+    onResize(): void;
+    hostClasses: boolean;
+    readonly isDisabled: boolean;
+    readonly isLoading: boolean;
+    readonly id: string;
+    readonly dir: string;
+    readonly hostTabIndex: number;
+    readonly isReadonly: boolean;
+    role: string;
+    readonly isAriaExpanded: boolean;
+    readonly hostAriaOwns: string;
+    readonly hostAriaActivedescendant: string;
+    readonly hostNoDataLabel: string;
     /**
      * @hidden
      */
-    keypress(event: any): void;
+    keydown(event: any): void;
     /**
      * @hidden
      */
-    click(event: MouseEvent): void;
+    keypress(event: any): void;
     /**
      * @hidden
      */
-    onResize(): void;
-    widgetClasses: boolean;
-    readonly dir: string;
+    click(event: MouseEvent): void;
     groupIndices: any[];
     listBoxId: string;
     optionPrefix: string;
@@ -282,8 +328,8 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private closeSubscription;
     private filterFocused;
     private filterBlurred;
-    private wrapperFocused;
-    private wrapperBlurred;
+    private hostElementFocused;
+    private hostElementBlurred;
     private componentBlurredSubscription;
     private filterBlurredSubscription;
     private selectionSubscription;
@@ -297,7 +343,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private _virtualSettings;
     private localizationChangesSubscription;
     private messagesTimeout;
-    constructor(localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, hostElement: ElementRef, cdr: ChangeDetectorRef, touchEnabled: boolean);
+    private _size;
+    private _rounded;
+    private _fillMode;
+    constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, touchEnabled: boolean);
     ngOnInit(): void;
     /**
      * @hidden
@@ -378,6 +427,18 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     readonly buttonClasses: any;
+    /**
+     * @hidden
+     */
+    readonly selectButtonClasses: any;
+    /**
+     * @hidden
+     */
+    readonly filterInputClasses: any;
+    /**
+     * @hidden
+     */
+    readonly optionLabelSizeClass: any;
     /**
      * @hidden
      */
@@ -402,6 +463,8 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private onSelectionChange;
     private subscribeEvents;
     private subscribeTouchEvents;
+    private subscribeFocusEvents;
+    private unSubscribeFocusEvents;
     private unsubscribeEvents;
     private itemFromEvent;
     private currentOrDefault;
@@ -438,4 +501,5 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     pageChange(event: PageChangeEvent): void;
     private setMessages;
     private assignAriaDescribedBy;
+    private setComponentClasses;
 }