@progress/kendo-angular-buttons 6.3.2-dev.202110250922 → 6.4.1-dev.202111011439

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/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';