@progress/kendo-angular-listbox 13.0.0-develop.5 → 13.0.0-develop.6

package/esm2020/listbox.component.mjs

@@ -15,6 +15,7 @@ import { allTools, DEFAULT_TOOLBAR_POSITION, sizeClassMap, actionsClasses } from
 import { KeyboardNavigationService } from './keyboard-navigation.service';
 import { take } from 'rxjs/operators';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./keyboard-navigation.service";
 import * as i2 from "./selection.service";
@@ -72,6 +73,14 @@ export class ListBoxComponent {
          * @hidden
          */
         this.selectedTools = allTools;
+        /**
+         * @hidden
+         */
+        this.caretAltLeftIcon = caretAltLeftIcon;
+        /**
+         * @hidden
+         */
+        this.caretAltRightIcon = caretAltRightIcon;
         this._size = DEFAULT_SIZE;
         this.subs = new Subscription();
         validatePackage(packageMetadata);
@@ -209,6 +218,30 @@ export class ListBoxComponent {
         }
         return fieldAccessor(dataItem, this.textField);
     }
+    /**
+     * @hidden
+     */
+    toolIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === 'caret-alt-left' ?
+                'caret-alt-right' :
+                icon === 'caret-alt-right' ?
+                    'caret-alt-left' :
+                    icon;
+    }
+    /**
+     * @hidden
+     */
+    toolSVGIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === this.caretAltLeftIcon ?
+                this.caretAltRightIcon :
+                icon === this.caretAltRightIcon ?
+                    this.caretAltLeftIcon :
+                    icon;
+    }
     onClickEvent(prevIndex, currentIndex) {
         this.keyboardNavigationService.selectedListboxItemIndex = currentIndex;
         this.keyboardNavigationService.focusedListboxItemIndex = currentIndex;
@@ -317,7 +350,7 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -350,8 +383,8 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"
@@ -413,7 +446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -446,8 +479,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685016391,
-    version: '13.0.0-develop.5',
+    publishDate: 1685095058,
+    version: '13.0.0-develop.6',
     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'
 };

package/fesm2015/progress-kendo-angular-listbox.mjs

@@ -24,8 +24,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685016391,
-    version: '13.0.0-develop.5',
+    publishDate: 1685095058,
+    version: '13.0.0-develop.6',
     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'
 };
 
@@ -602,6 +602,14 @@ class ListBoxComponent {
          * @hidden
          */
         this.selectedTools = allTools;
+        /**
+         * @hidden
+         */
+        this.caretAltLeftIcon = caretAltLeftIcon;
+        /**
+         * @hidden
+         */
+        this.caretAltRightIcon = caretAltRightIcon;
         this._size = DEFAULT_SIZE;
         this.subs = new Subscription();
         validatePackage(packageMetadata);
@@ -740,6 +748,30 @@ class ListBoxComponent {
         }
         return fieldAccessor(dataItem, this.textField);
     }
+    /**
+     * @hidden
+     */
+    toolIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === 'caret-alt-left' ?
+                'caret-alt-right' :
+                icon === 'caret-alt-right' ?
+                    'caret-alt-left' :
+                    icon;
+    }
+    /**
+     * @hidden
+     */
+    toolSVGIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === this.caretAltLeftIcon ?
+                this.caretAltRightIcon :
+                icon === this.caretAltRightIcon ?
+                    this.caretAltLeftIcon :
+                    icon;
+    }
     onClickEvent(prevIndex, currentIndex) {
         this.keyboardNavigationService.selectedListboxItemIndex = currentIndex;
         this.keyboardNavigationService.focusedListboxItemIndex = currentIndex;
@@ -851,7 +883,7 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -884,8 +916,8 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"
@@ -947,7 +979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -980,8 +1012,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"

package/fesm2020/progress-kendo-angular-listbox.mjs

@@ -24,8 +24,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-listbox',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685016391,
-    version: '13.0.0-develop.5',
+    publishDate: 1685095058,
+    version: '13.0.0-develop.6',
     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'
 };
 
@@ -597,6 +597,14 @@ class ListBoxComponent {
          * @hidden
          */
         this.selectedTools = allTools;
+        /**
+         * @hidden
+         */
+        this.caretAltLeftIcon = caretAltLeftIcon;
+        /**
+         * @hidden
+         */
+        this.caretAltRightIcon = caretAltRightIcon;
         this._size = DEFAULT_SIZE;
         this.subs = new Subscription();
         validatePackage(packageMetadata);
@@ -734,6 +742,30 @@ class ListBoxComponent {
         }
         return fieldAccessor(dataItem, this.textField);
     }
+    /**
+     * @hidden
+     */
+    toolIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === 'caret-alt-left' ?
+                'caret-alt-right' :
+                icon === 'caret-alt-right' ?
+                    'caret-alt-left' :
+                    icon;
+    }
+    /**
+     * @hidden
+     */
+    toolSVGIcon(icon) {
+        return this.direction === 'ltr' ?
+            icon :
+            icon === this.caretAltLeftIcon ?
+                this.caretAltRightIcon :
+                icon === this.caretAltRightIcon ?
+                    this.caretAltLeftIcon :
+                    icon;
+    }
     onClickEvent(prevIndex, currentIndex) {
         this.keyboardNavigationService.selectedListboxItemIndex = currentIndex;
         this.keyboardNavigationService.focusedListboxItemIndex = currentIndex;
@@ -842,7 +874,7 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -875,8 +907,8 @@ ListBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"
@@ -938,7 +970,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-container kendoListBoxLocalizedMessages
             i18n-moveUp="kendo.listbox.moveUp|The title of the Move Up button"
             moveUp="Move Up"
-            
+
             i18n-moveDown="kendo.listbox.moveDown|The title of the Move Down button"
             moveDown="Move Down"
 
@@ -971,8 +1003,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 kendoButton
                 [attr.tabindex]="i === 0 ? '0' : '-1'"
                 [size]="this.size"
-                [icon]="tool.icon"
-                [svgIcon]="tool.svgIcon"
+                [icon]="toolIcon(tool.icon)"
+                [svgIcon]="toolSVGIcon(tool.svgIcon)"
                 [attr.title]="messageFor(tool.name)"
                 (click)="performAction(tool.name)"
                 role="button"

package/listbox.component.d.ts

@@ -11,6 +11,7 @@ import { ActionName, ListBoxToolbarConfig, Tool } from './toolbar';
 import { Button } from '@progress/kendo-angular-buttons';
 import { KeyboardNavigationService } from './keyboard-navigation.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
@@ -124,6 +125,14 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
      * @hidden
      */
     parentListbox: ListBoxComponent;
+    /**
+     * @hidden
+     */
+    caretAltLeftIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    caretAltRightIcon: SVGIcon;
     private localizationSubscription;
     private _size;
     private subs;
@@ -155,6 +164,14 @@ export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestro
      * @hidden
      */
     getText(dataItem: any): string;
+    /**
+     * @hidden
+     */
+    toolIcon(icon: string): string;
+    /**
+     * @hidden
+     */
+    toolSVGIcon(icon: SVGIcon): SVGIcon;
     private onClickEvent;
     private initSubscriptions;
     private onFocusIn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listbox",
-  "version": "13.0.0-develop.5",
+  "version": "13.0.0-develop.6",
   "description": "Kendo UI for Angular ListBox",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,14 +23,14 @@
     "@angular/core": "13 - 16",
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "13.0.0-develop.5",
-    "@progress/kendo-angular-common": "13.0.0-develop.5",
-    "@progress/kendo-angular-popup": "13.0.0-develop.5",
+    "@progress/kendo-angular-buttons": "13.0.0-develop.6",
+    "@progress/kendo-angular-common": "13.0.0-develop.6",
+    "@progress/kendo-angular-popup": "13.0.0-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.0.0-develop.5",
+    "@progress/kendo-angular-schematics": "13.0.0-develop.6",
     "@progress/kendo-common": "^0.2.2"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -6,11 +6,11 @@ function default_1(options) {
         // Additional dependencies to install.
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
-            '@progress/kendo-angular-buttons': '13.0.0-develop.5',
-            '@progress/kendo-angular-common': '13.0.0-develop.5',
-            '@progress/kendo-angular-l10n': '13.0.0-develop.5',
+            '@progress/kendo-angular-buttons': '13.0.0-develop.6',
+            '@progress/kendo-angular-common': '13.0.0-develop.6',
+            '@progress/kendo-angular-l10n': '13.0.0-develop.6',
             // Peer of kendo-angular-buttons
-            '@progress/kendo-angular-popup': '13.0.0-develop.5'
+            '@progress/kendo-angular-popup': '13.0.0-develop.6'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }