@progress/kendo-angular-dropdowns 6.0.1 → 6.0.2-dev.202202221633

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

@@ -70,7 +70,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     text: string;
     tags: any[];
     focusedTagIndex: number;
-    noDataText: string;
     /**
      * Focuses a specific item of the MultiSelect based on a provided index.
      * If there is a custom item it is positioned at index -1.
@@ -245,7 +244,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      */
     clearButton: boolean;
     /**
-     * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+     * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+     * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
      *
      * @param { Any[] } dataItems - The selected data items from the list.
      * @returns { Any[] } - The tags that will be rendered by the component.
@@ -368,6 +368,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     readonly dir: string;
     readonly disabledClass: boolean;
     readonly isLoading: boolean;
+    role: string;
+    readonly isAriaExpanded: boolean;
     /**
      * @hidden
      */
@@ -387,7 +389,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     readonly height: any;
     readonly activeDescendant: string;
     readonly noDataLabel: string;
-    readonly clearTitle: string;
     readonly clearButtonVisiblity: string;
     /**
      * @hidden
@@ -456,6 +457,10 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      * the model will not update automatically and the `selectionChange` and `valueChange` events will not be fired.
      */
     reset(): void;
+    /**
+     * @hidden
+     */
+    messageFor(key: string): string;
     /**
      * @hidden
      */
@@ -494,7 +499,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private observableSubscriptions;
     private localizationChangeSubscription;
     private touchstartDisposeHandler;
-    private messagesTimeout;
     private direction;
     private differ;
     private valueChangeDetected;
@@ -534,6 +538,5 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private resolveDataItemFromTags;
     private firstFocusableIndex;
     private nextTick;
-    private setMessages;
     private setComponentClasses;
 }

package/dist/es2015/multiselect/multiselect.component.js

@@ -120,7 +120,8 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.
@@ -235,6 +236,7 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
          */
         this.removeTag = new EventEmitter();
         this.hostClasses = true;
+        this.role = 'combobox';
         this.initialized = false;
         this._size = 'medium';
         this._rounded = 'medium';
@@ -544,6 +546,9 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
     get isLoading() {
         return this.loading;
     }
+    get isAriaExpanded() {
+        return this.isOpen;
+    }
     /**
      * @hidden
      */
@@ -607,12 +612,9 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
     }
     get noDataLabel() {
         if (this.dataService.itemsCount === 0) {
-            return this.noDataText;
+            return this.messageFor('noDataText');
         }
     }
-    get clearTitle() {
-        return this.localization.get('clearTitle');
-    }
     get clearButtonVisiblity() {
         if (this.touchEnabled) {
             return 'visible';
@@ -822,9 +824,8 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
         this.localizationChangeSubscription = this.localization
             .changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
-            this.setMessages();
+            this.cdr.markForCheck();
         });
-        this.setMessages();
         this.setState(this.value);
         this.setComponentClasses();
         this.initialized = true;
@@ -848,7 +849,6 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
     ngOnDestroy() {
         this._toggle(false);
         this.unsubscribeEvents();
-        clearTimeout(this.messagesTimeout);
     }
     /**
      * Toggles the visibility of the popup
@@ -881,6 +881,12 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
         this.text = "";
         this.value = [];
     }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localization.get(key);
+    }
     // NG MODEL BINDINGS
     /**
      * @hidden
@@ -1309,15 +1315,6 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
             setTimeout(() => this._zone.run(f));
         });
     }
-    setMessages() {
-        this._zone.runOutsideAngular(() => {
-            clearTimeout(this.messagesTimeout);
-            this.messagesTimeout = setTimeout(() => {
-                this.noDataText = this.localization.get('noDataText');
-                this.cdr.detectChanges();
-            });
-        });
-    }
     setComponentClasses() {
         if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
@@ -1554,6 +1551,15 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
 ], MultiSelectComponent.prototype, "isLoading", null);
+tslib_1.__decorate([
+    HostBinding('attr.role'),
+    tslib_1.__metadata("design:type", String)
+], MultiSelectComponent.prototype, "role", void 0);
+tslib_1.__decorate([
+    HostBinding('attr.aria-expanded'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], MultiSelectComponent.prototype, "isAriaExpanded", null);
 tslib_1.__decorate([
     HostListener('mousedown', ['$event']),
     tslib_1.__metadata("design:type", Function),
@@ -1587,7 +1593,7 @@ MultiSelectComponent = MultiSelectComponent_1 = tslib_1.__decorate([
             i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"
             noDataText="NO DATA FOUND"
 
-            i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"
+            i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"
             clearTitle="clear"
         >
         </ng-container>
@@ -1610,7 +1616,7 @@ MultiSelectComponent = MultiSelectComponent_1 = tslib_1.__decorate([
             <kendo-searchbar
                 #searchbar
                 [id]="focusableId"
-                [role]="'listbox'"
+                [role]="'textbox'"
                 [tagListId]="tagListId"
                 [activeDescendant]="activeDescendant"
                 [noDataLabel]="noDataLabel"
@@ -1632,7 +1638,7 @@ MultiSelectComponent = MultiSelectComponent_1 = tslib_1.__decorate([
             *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
             class="k-clear-value"
             [style.visibility]="clearButtonVisiblity"
-            [attr.title]="clearTitle"
+            [attr.title]="messageFor('clearTitle')"
             role="button"
             tabindex="-1"
             (mousedown)="clearAll($event)"
@@ -1697,7 +1703,7 @@ MultiSelectComponent = MultiSelectComponent_1 = tslib_1.__decorate([
                     }">
                 </ng-template>
                 <ng-template [ngIf]="!noDataTemplate">
-                    <div>{{ noDataText }}</div>
+                    <div>{{ messageFor('noDataText') }}</div>
                 </ng-template>
             </div>
             <!--footer template-->

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642685068,
+    publishDate: 1645547418,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };