@progress/kendo-angular-buttons 6.3.1 → 6.4.0

package/dist/es/chip/chip.component.js

@@ -22,10 +22,12 @@ var ChipComponent = /** @class */ (function () {
          * Changes the visual appearance by using alternative styling options.
          *
          * The available values are:
-         * * `filled`
-         * * `outlined`
+         * * `solid`
+         * * `outline`
+         * * `filled` (The `filled` option will be deprecated. To apply identical styling, use `solid` instead).
+         * * `outlined` (The `outlined` option will be deprecated. To apply identical styling, use `outline` instead).
          */
-        this.look = 'filled';
+        this.look = 'solid';
         /**
          * Specifies the selected state of the Chip.
          */
@@ -73,14 +75,14 @@ var ChipComponent = /** @class */ (function () {
     });
     Object.defineProperty(ChipComponent.prototype, "outlineClass", {
         get: function () {
-            return this.look === 'outlined';
+            return this.look === 'outline' || this.look === 'outlined';
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ChipComponent.prototype, "filledClass", {
+    Object.defineProperty(ChipComponent.prototype, "solidClass", {
         get: function () {
-            return this.look === 'filled';
+            return this.look === 'solid' || this.look === 'filled';
         },
         enumerable: true,
         configurable: true
@@ -220,10 +222,10 @@ var ChipComponent = /** @class */ (function () {
         var _this = this;
         this.ngZone.runOutsideAngular(function () {
             var focusListener = _this.renderer.listen(chip, 'focus', function () {
-                _this.renderer.addClass(chip, 'k-chip-focused');
+                _this.renderer.addClass(chip, 'k-focus');
             });
             var blurListener = _this.renderer.listen(chip, 'blur', function () {
-                _this.renderer.removeClass(chip, 'k-chip-focused');
+                _this.renderer.removeClass(chip, 'k-focus');
             });
             var contentClickListener = _this.renderer.listen(chip, 'click', function (e) {
                 var isRemoveClicked = closest(e.target, '.k-remove-icon');
@@ -307,10 +309,10 @@ var ChipComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [])
     ], ChipComponent.prototype, "outlineClass", null);
     tslib_1.__decorate([
-        HostBinding('class.k-chip-filled'),
+        HostBinding('class.k-chip-solid'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
-    ], ChipComponent.prototype, "filledClass", null);
+    ], ChipComponent.prototype, "solidClass", null);
     tslib_1.__decorate([
         HostBinding('class.k-chip-has-icon'),
         tslib_1.__metadata("design:type", Boolean),
@@ -318,17 +320,17 @@ var ChipComponent = /** @class */ (function () {
     ], ChipComponent.prototype, "hasIconClass", null);
     tslib_1.__decorate([
         HostBinding('attr.aria-disabled'),
-        HostBinding('class.k-chip-disabled'),
+        HostBinding('class.k-disabled'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], ChipComponent.prototype, "disabledClass", null);
     tslib_1.__decorate([
-        HostBinding('class.k-chip-selected'),
+        HostBinding('class.k-selected'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], ChipComponent.prototype, "selectedClass", null);
     tslib_1.__decorate([
-        HostBinding('class.k-chip-focused'),
+        HostBinding('class.k-focus'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], ChipComponent.prototype, "focusedClass", null);

package/dist/es/index.js

@@ -18,3 +18,5 @@ export { ListModule } from './listbutton/list.module';
 export { TemplateContextDirective } from './listbutton/template-context.directive';
 export { NAVIGATION_CONFIG } from './navigation/navigation-config';
 export { NavigationService } from './navigation/navigation.service';
+export { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
+export { Messages } from './splitbutton/localization/messages';

package/dist/es/listbutton/list.component.js

@@ -57,7 +57,7 @@ var ListComponent = /** @class */ (function () {
     ListComponent = tslib_1.__decorate([
         Component({
             selector: 'kendo-button-list',
-            template: "\n        <ul class=\"k-list k-reset\" unselectable=\"on\">\n            <li role=\"menuitem\" unselectable=\"on\" tabindex=\"-1\"\n                kendoButtonFocusable\n                *ngFor=\"let dataItem of data; let index = index;\"\n                [index]=\"index\"\n                [ngClass]=\"{'k-item': true, 'k-state-disabled': dataItem.disabled}\"\n                (click)=\"onClick(index)\"\n                (blur)=\"onBlur()\"\n                [attr.aria-disabled]=\"dataItem.disabled ? true : false\">\n                <ng-template *ngIf=\"itemTemplate?.templateRef\"\n                    [templateContext]=\"{\n                        templateRef: itemTemplate?.templateRef,\n                        $implicit: dataItem\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!itemTemplate?.templateRef\">\n                    <span\n                        *ngIf=\"dataItem.icon || dataItem.iconClass\"\n                        [ngClass]=\"getIconClasses(dataItem)\"\n                    ></span>\n                    <img\n                        *ngIf=\"dataItem.imageUrl\"\n                        class=\"k-image\"\n                        [src]=\"dataItem.imageUrl\"\n                        alt=\"\"\n                    >\n                    {{ getText(dataItem) }}\n                </ng-template>\n            </li>\n        </ul>\n      "
+            template: "\n        <ul class=\"k-list k-reset\" unselectable=\"on\" role=\"menu\">\n            <li role=\"menuitem\" unselectable=\"on\" tabindex=\"-1\"\n                kendoButtonFocusable\n                *ngFor=\"let dataItem of data; let index = index;\"\n                [index]=\"index\"\n                [ngClass]=\"{'k-item': true, 'k-state-disabled': dataItem.disabled}\"\n                (click)=\"onClick(index)\"\n                (blur)=\"onBlur()\"\n                [attr.aria-disabled]=\"dataItem.disabled ? true : false\">\n                <ng-template *ngIf=\"itemTemplate?.templateRef\"\n                    [templateContext]=\"{\n                        templateRef: itemTemplate?.templateRef,\n                        $implicit: dataItem\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!itemTemplate?.templateRef\">\n                    <span\n                        *ngIf=\"dataItem.icon || dataItem.iconClass\"\n                        [ngClass]=\"getIconClasses(dataItem)\"\n                    ></span>\n                    <img\n                        *ngIf=\"dataItem.imageUrl\"\n                        class=\"k-image\"\n                        [src]=\"dataItem.imageUrl\"\n                        alt=\"\"\n                    >\n                    {{ getText(dataItem) }}\n                </ng-template>\n            </li>\n        </ul>\n      "
         }),
         tslib_1.__metadata("design:paramtypes", [])
     ], ListComponent);

package/dist/es/main.js

@@ -9,6 +9,7 @@ export { ButtonModule } from './button/button.module';
 export { ButtonsModule } from './buttons.module';
 export { SplitButtonComponent, SplitButtonComponent as SplitButton } from './splitbutton/splitbutton.component';
 export { SplitButtonModule } from './splitbutton/splitbutton.module';
+export { SplitButtonCustomMessagesComponent } from './splitbutton/localization/custom-messages.component';
 export { DropDownButtonComponent, DropDownButtonComponent as DropDownButton } from './dropdownbutton/dropdownbutton.component';
 export { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
 export { ChipComponent } from './chip/chip.component';

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1632813704,
+    publishDate: 1635407170,
     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'
 };

package/dist/es/splitbutton/localization/custom-messages.component.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug rtl_buttons %}).
+ */
+var SplitButtonCustomMessagesComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(SplitButtonCustomMessagesComponent, _super);
+    function SplitButtonCustomMessagesComponent(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    SplitButtonCustomMessagesComponent_1 = SplitButtonCustomMessagesComponent;
+    Object.defineProperty(SplitButtonCustomMessagesComponent.prototype, "override", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var SplitButtonCustomMessagesComponent_1;
+    SplitButtonCustomMessagesComponent = SplitButtonCustomMessagesComponent_1 = tslib_1.__decorate([
+        Component({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return SplitButtonCustomMessagesComponent_1; })
+                }
+            ],
+            selector: 'kendo-splitbutton-messages',
+            template: ""
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], SplitButtonCustomMessagesComponent);
+    return SplitButtonCustomMessagesComponent;
+}(Messages));
+export { SplitButtonCustomMessagesComponent };

package/dist/es/splitbutton/localization/localized-messages.directive.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * @hidden
+ */
+var LocalizedSplitButtonMessagesDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(LocalizedSplitButtonMessagesDirective, _super);
+    function LocalizedSplitButtonMessagesDirective(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    LocalizedSplitButtonMessagesDirective_1 = LocalizedSplitButtonMessagesDirective;
+    var LocalizedSplitButtonMessagesDirective_1;
+    LocalizedSplitButtonMessagesDirective = LocalizedSplitButtonMessagesDirective_1 = tslib_1.__decorate([
+        Directive({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return LocalizedSplitButtonMessagesDirective_1; })
+                }
+            ],
+            selector: '[kendoSplitButtonLocalizedMessages]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], LocalizedSplitButtonMessagesDirective);
+    return LocalizedSplitButtonMessagesDirective;
+}(Messages));
+export { LocalizedSplitButtonMessagesDirective };

package/dist/es/splitbutton/localization/messages.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+var Messages = /** @class */ (function (_super) {
+    tslib_1.__extends(Messages, _super);
+    function Messages() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "splitButtonLabel", void 0);
+    return Messages;
+}(ComponentMessages));
+export { Messages };

package/dist/es/splitbutton/splitbutton.component.js

@@ -16,6 +16,7 @@ import { isDocumentAvailable, guid, isChanged } from '@progress/kendo-angular-co
 import { isPresent, tick } from './../util';
 import { PreventableEvent } from '../preventable-event';
 import { Keys } from '@progress/kendo-angular-common';
+import { replaceMessagePlaceholder } from '../util';
 var NAVIGATION_SETTINGS = {
     useLeftRightArrows: true
 };
@@ -71,6 +72,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, focusService, navigationService, wrapperRef, zone, localization, cdr) || this;
         _this.popupService = popupService;
         _this.elRef = elRef;
+        _this.localization = localization;
         /**
          * Sets the text of the SplitButton.
          */
@@ -336,7 +338,8 @@ var SplitButtonComponent = /** @class */ (function (_super) {
          * @hidden
          */
         get: function () {
-            return this.buttonText + " splitbutton";
+            var localizationMsg = this.localization.get('splitButtonLabel') || '';
+            return replaceMessagePlaceholder(localizationMsg, 'buttonText', this.buttonText);
         },
         enumerable: true,
         configurable: true
@@ -741,7 +744,7 @@ var SplitButtonComponent = /** @class */ (function (_super) {
                 }
             ],
             selector: 'kendo-splitbutton',
-            template: "\n        <button\n            kendoButton\n            #button\n            role=\"listbox\"\n            [type]=\"type\"\n            [look]=\"look\"\n            [tabindex]=\"componentTabIndex\"\n            [disabled]=\"disabled\"\n            [icon]=\"icon\"\n            [class.k-state-active]=\"active\"\n            [iconClass]=\"iconClass\"\n            [imageUrl]=\"imageUrl\"\n            [ngClass]=\"buttonClass\"\n            (focus)=\"onButtonFocus()\"\n            (click)=\"onButtonClick()\"\n            (blur)=\"onButtonBlur()\"\n            (mousedown)=\"toggleButtonActiveState(true)\"\n            (mouseup)=\"toggleButtonActiveState(false)\"\n            [attr.aria-disabled]=\"disabled\"\n            [attr.aria-expanded]=\"openState\"\n            [attr.aria-haspopup]=\"true\"\n            [attr.aria-owns]=\"listId\"\n            [attr.aria-label]=\"ariaLabel\"\n        >\n            {{ text }}<ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type=\"button\"\n            [class.k-state-active]=\"activeArrow\"\n            [disabled]=\"disabled\"\n            [icon]=\"arrowButtonIcon\"\n            [look]=\"look\"\n            [tabindex]=\"-1\"\n            [ngClass]=\"arrowButtonClass\"\n            (click)=\"onArrowButtonClick()\"\n            (mousedown)=\"toggleArrowButtonActiveState(true)\"\n            (mouseup)=\"toggleArrowButtonActiveState(false)\"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]=\"listId\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                [itemTemplate]=\"itemTemplate\"\n                (onItemClick)=\"onItemClick($event)\"\n                (keydown)=\"keyDownHandler($event)\"\n                (keypress)=\"keyPressHandler($event)\"\n                (keyup)=\"keyUpHandler($event)\"\n                [attr.dir]=\"dir\"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    "
+            template: "\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel=\"kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label\"\n            splitButtonLabel=\"{{ '{buttonText} splitbutton' }}\">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]=\"type\"\n            [look]=\"look\"\n            [tabindex]=\"componentTabIndex\"\n            [disabled]=\"disabled\"\n            [icon]=\"icon\"\n            [class.k-state-active]=\"active\"\n            [iconClass]=\"iconClass\"\n            [imageUrl]=\"imageUrl\"\n            [ngClass]=\"buttonClass\"\n            (focus)=\"onButtonFocus()\"\n            (click)=\"onButtonClick()\"\n            (blur)=\"onButtonBlur()\"\n            (mousedown)=\"toggleButtonActiveState(true)\"\n            (mouseup)=\"toggleButtonActiveState(false)\"\n            [attr.aria-disabled]=\"disabled\"\n            [attr.aria-expanded]=\"openState\"\n            [attr.aria-haspopup]=\"true\"\n            [attr.aria-owns]=\"listId\"\n            [attr.aria-label]=\"ariaLabel\"\n        >\n            {{ text }}<ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type=\"button\"\n            [class.k-state-active]=\"activeArrow\"\n            [disabled]=\"disabled\"\n            [icon]=\"arrowButtonIcon\"\n            [look]=\"look\"\n            [tabindex]=\"-1\"\n            [ngClass]=\"arrowButtonClass\"\n            (click)=\"onArrowButtonClick()\"\n            (mousedown)=\"toggleArrowButtonActiveState(true)\"\n            (mouseup)=\"toggleArrowButtonActiveState(false)\"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]=\"listId\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                [itemTemplate]=\"itemTemplate\"\n                (onItemClick)=\"onItemClick($event)\"\n                (keydown)=\"keyDownHandler($event)\"\n                (keypress)=\"keyPressHandler($event)\"\n                (keyup)=\"keyUpHandler($event)\"\n                [attr.dir]=\"dir\"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [FocusService,
             NavigationService,

package/dist/es/splitbutton/splitbutton.module.js

@@ -9,6 +9,8 @@ import { PopupModule } from '@progress/kendo-angular-popup';
 import { ButtonModule } from './../button/button.module';
 import { ListModule } from './../listbutton/list.module';
 import { SplitButtonComponent } from './splitbutton.component';
+import { LocalizedSplitButtonMessagesDirective } from './localization/localized-messages.directive';
+import { SplitButtonCustomMessagesComponent } from './localization/custom-messages.component';
 /**
  * @hidden
  *
@@ -22,8 +24,8 @@ var SplitButtonModule = /** @class */ (function () {
     }
     SplitButtonModule = tslib_1.__decorate([
         NgModule({
-            declarations: [SplitButtonComponent],
-            exports: [SplitButtonComponent, ListModule],
+            declarations: [SplitButtonComponent, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
+            exports: [SplitButtonComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonCustomMessagesComponent],
             imports: [CommonModule, PopupModule, ButtonModule, ListModule]
         })
     ], SplitButtonModule);

package/dist/es/util.js

@@ -37,3 +37,9 @@ export function closest(element, selector) {
         node = node.parentNode;
     }
 }
+/**
+ * @hidden
+ */
+export var replaceMessagePlaceholder = function (message, name, value) {
+    return message.replace(new RegExp("{\\s*" + name + "\\s*}", 'g'), value);
+};

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

@@ -20,8 +20,10 @@ export declare class ChipComponent implements OnInit, AfterViewInit {
      * Changes the visual appearance by using alternative styling options.
      *
      * The available values are:
-     * * `filled`
-     * * `outlined`
+     * * `solid`
+     * * `outline`
+     * * `filled` (The `filled` option will be deprecated. To apply identical styling, use `solid` instead).
+     * * `outlined` (The `outlined` option will be deprecated. To apply identical styling, use `outline` instead).
      */
     look: ChipLook;
     /**
@@ -85,7 +87,7 @@ export declare class ChipComponent implements OnInit, AfterViewInit {
     readonly ariaChecked: boolean;
     hostClass: boolean;
     readonly outlineClass: boolean;
-    readonly filledClass: boolean;
+    readonly solidClass: boolean;
     readonly hasIconClass: boolean;
     readonly disabledClass: boolean;
     readonly selectedClass: boolean;

package/dist/es2015/chip/chip.component.js

@@ -22,10 +22,12 @@ let ChipComponent = class ChipComponent {
          * Changes the visual appearance by using alternative styling options.
          *
          * The available values are:
-         * * `filled`
-         * * `outlined`
+         * * `solid`
+         * * `outline`
+         * * `filled` (The `filled` option will be deprecated. To apply identical styling, use `solid` instead).
+         * * `outlined` (The `outlined` option will be deprecated. To apply identical styling, use `outline` instead).
          */
-        this.look = 'filled';
+        this.look = 'solid';
         /**
          * Specifies the selected state of the Chip.
          */
@@ -68,10 +70,10 @@ let ChipComponent = class ChipComponent {
         return this.selected;
     }
     get outlineClass() {
-        return this.look === 'outlined';
+        return this.look === 'outline' || this.look === 'outlined';
     }
-    get filledClass() {
-        return this.look === 'filled';
+    get solidClass() {
+        return this.look === 'solid' || this.look === 'filled';
     }
     get hasIconClass() {
         return this.icon || this.iconClass ? true : false;
@@ -175,10 +177,10 @@ let ChipComponent = class ChipComponent {
     attachElementEventHandlers(chip) {
         this.ngZone.runOutsideAngular(() => {
             const focusListener = this.renderer.listen(chip, 'focus', () => {
-                this.renderer.addClass(chip, 'k-chip-focused');
+                this.renderer.addClass(chip, 'k-focus');
             });
             const blurListener = this.renderer.listen(chip, 'blur', () => {
-                this.renderer.removeClass(chip, 'k-chip-focused');
+                this.renderer.removeClass(chip, 'k-focus');
             });
             const contentClickListener = this.renderer.listen(chip, 'click', (e) => {
                 const isRemoveClicked = closest(e.target, '.k-remove-icon');
@@ -263,10 +265,10 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:paramtypes", [])
 ], ChipComponent.prototype, "outlineClass", null);
 tslib_1.__decorate([
-    HostBinding('class.k-chip-filled'),
+    HostBinding('class.k-chip-solid'),
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
-], ChipComponent.prototype, "filledClass", null);
+], ChipComponent.prototype, "solidClass", null);
 tslib_1.__decorate([
     HostBinding('class.k-chip-has-icon'),
     tslib_1.__metadata("design:type", Boolean),
@@ -274,17 +276,17 @@ tslib_1.__decorate([
 ], ChipComponent.prototype, "hasIconClass", null);
 tslib_1.__decorate([
     HostBinding('attr.aria-disabled'),
-    HostBinding('class.k-chip-disabled'),
+    HostBinding('class.k-disabled'),
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
 ], ChipComponent.prototype, "disabledClass", null);
 tslib_1.__decorate([
-    HostBinding('class.k-chip-selected'),
+    HostBinding('class.k-selected'),
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
 ], ChipComponent.prototype, "selectedClass", null);
 tslib_1.__decorate([
-    HostBinding('class.k-chip-focused'),
+    HostBinding('class.k-focus'),
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
 ], ChipComponent.prototype, "focusedClass", null);

package/dist/es2015/chip/models/chip-look.d.ts

@@ -6,13 +6,15 @@
  * Sets the Chip appearance.
  *
  * The available styling options are:
- * - `filled` (default)
- * - `outlined`
+ * - `solid` (default)
+ * - `outline`
+ * - `filled` (The `filled` option will be deprecated. To apply identical styling, use `solid` instead).
+ * - `outlined` (The `outlined` option will be deprecated. To apply identical styling, use `outline` instead).
  *
  * @example
  * ```ts-no-run
- * <kendo-chip look="outlined"></kendo-chip>
+ * <kendo-chip look="outline"></kendo-chip>
  * ```
  *
  */
-export declare type ChipLook = 'filled' | 'outlined';
+export declare type ChipLook = 'solid' | 'outline' | 'filled' | 'outlined';

package/dist/es2015/index.d.ts

@@ -18,3 +18,5 @@ export { ListModule } from './listbutton/list.module';
 export { TemplateContextDirective } from './listbutton/template-context.directive';
 export { NAVIGATION_CONFIG, NavigationConfig } from './navigation/navigation-config';
 export { NavigationService } from './navigation/navigation.service';
+export { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
+export { Messages } from './splitbutton/localization/messages';

package/dist/es2015/index.js

@@ -18,3 +18,5 @@ export { ListModule } from './listbutton/list.module';
 export { TemplateContextDirective } from './listbutton/template-context.directive';
 export { NAVIGATION_CONFIG } from './navigation/navigation-config';
 export { NavigationService } from './navigation/navigation.service';
+export { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
+export { Messages } from './splitbutton/localization/messages';