@progress/kendo-angular-buttons 7.0.2-dev.202201201235 → 8.0.0-next.202202171054

package/{dist/es2015 → esm2015}/listbutton/list-button.js

@@ -2,7 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable:deprecation */
+import { Component } from '@angular/core';
+/* eslint-disable import/no-deprecated */
 import { fromEvent, merge } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { KeyEvents } from './../navigation/key-events';
@@ -11,6 +12,10 @@ import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common'
 import { isPresent } from './../util';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "./../focusable/focus.service";
+import * as i2 from "./../navigation/navigation.service";
+import * as i3 from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  */
@@ -113,7 +118,7 @@ export class ListButton {
         });
         this.closeSubscription = merge(this.navigationService.close, this.navigationService.esc).subscribe(() => this.focusWrapper());
     }
-    enterHandler() { } // tslint:disable-line
+    enterHandler() { } // eslint-disable-line
     unsubscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -221,3 +226,11 @@ export class ListButton {
         this.blurWrapper(false);
     }
 }
+ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListButton, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListButton, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListButton, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }]; } });

package/{dist/es → esm2015}/listbutton/list-item-model.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/listbutton/list.component.js

@@ -0,0 +1,136 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { SIZES } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../focusable/focusable.directive";
+import * as i3 from "./template-context.directive";
+/**
+ * @hidden
+ */
+export class ListComponent {
+    constructor() {
+        this.onItemClick = new EventEmitter();
+        this.onItemBlur = new EventEmitter();
+        this.sizeClass = '';
+        validatePackage(packageMetadata);
+    }
+    set size(size) {
+        if (size) {
+            this.sizeClass = `k-menu-group-${SIZES[size]}`;
+        }
+        else {
+            this.sizeClass = '';
+        }
+    }
+    getText(dataItem) {
+        if (dataItem) {
+            return this.textField ? dataItem[this.textField] : dataItem.text || dataItem;
+        }
+        return undefined;
+    }
+    getIconClasses(dataItem) {
+        const icon = dataItem.icon ? 'k-icon k-i-' + dataItem.icon : undefined;
+        const classes = {};
+        classes[icon || dataItem.iconClass] = true;
+        return classes;
+    }
+    onClick(index) {
+        this.onItemClick.emit(index);
+    }
+    onBlur() {
+        this.onItemBlur.emit();
+    }
+}
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListComponent, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
+        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
+            <li role="menuitem" unselectable="on"
+                kendoButtonFocusable
+                *ngFor="let dataItem of data; let index = index;"
+                class="k-item k-menu-item"
+                (click)="onClick(index)"
+                (blur)="onBlur()"
+                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                <ng-template [ngIf]="itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>
+                    </span>
+                </ng-template>
+                <ng-template [ngIf]="!itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <span
+                            *ngIf="dataItem.icon || dataItem.iconClass"
+                            [ngClass]="getIconClasses(dataItem)"
+                        ></span>
+                        <img
+                            *ngIf="dataItem.imageUrl"
+                            class="k-image"
+                            [src]="dataItem.imageUrl"
+                            alt=""
+                        >
+                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">
+                        {{ getText(dataItem) }}
+                        </span>
+                    </span>
+                </ng-template>
+            </li>
+        </ul>
+      `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-button-list',
+                    template: `
+        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
+            <li role="menuitem" unselectable="on"
+                kendoButtonFocusable
+                *ngFor="let dataItem of data; let index = index;"
+                class="k-item k-menu-item"
+                (click)="onClick(index)"
+                (blur)="onBlur()"
+                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                <ng-template [ngIf]="itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>
+                    </span>
+                </ng-template>
+                <ng-template [ngIf]="!itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <span
+                            *ngIf="dataItem.icon || dataItem.iconClass"
+                            [ngClass]="getIconClasses(dataItem)"
+                        ></span>
+                        <img
+                            *ngIf="dataItem.imageUrl"
+                            class="k-image"
+                            [src]="dataItem.imageUrl"
+                            alt=""
+                        >
+                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">
+                        {{ getText(dataItem) }}
+                        </span>
+                    </span>
+                </ng-template>
+            </li>
+        </ul>
+      `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }], onItemBlur: [{
+                type: Output
+            }], size: [{
+                type: Input
+            }] } });

package/esm2015/listbutton/list.module.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ListComponent } from './list.component';
+import { FocusableDirective } from './../focusable/focusable.directive';
+import { ButtonItemTemplateDirective } from './button-item-template.directive';
+import { TemplateContextDirective } from './template-context.directive';
+import * as i0 from "@angular/core";
+const EXPORTED_DIRECTIVES = [
+    ListComponent,
+    FocusableDirective,
+    ButtonItemTemplateDirective,
+    TemplateContextDirective
+];
+/**
+ * @hidden
+ */
+export class ListModule {
+}
+ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListModule, declarations: [ListComponent,
+        FocusableDirective,
+        ButtonItemTemplateDirective,
+        TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
+        FocusableDirective,
+        ButtonItemTemplateDirective,
+        TemplateContextDirective] });
+ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EXPORTED_DIRECTIVES],
+                    exports: [EXPORTED_DIRECTIVES],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es → esm2015}/listbutton/popup-settings.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/listbutton/template-context.directive.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class TemplateContextDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    set templateContext(context) {
+        if (this.insertedViewRef) {
+            this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
+            this.insertedViewRef = undefined;
+        }
+        if (context.templateRef) {
+            this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
+        }
+    }
+}
+TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[templateContext]' // eslint-disable-line directive-selector
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { templateContext: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/main.js

@@ -10,8 +10,13 @@ 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 { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
 export { DropDownButtonComponent, DropDownButtonComponent as DropDownButton } from './dropdownbutton/dropdownbutton.component';
 export { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
+export { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
+export { ListComponent } from './listbutton/list.component';
+export { TemplateContextDirective } from './listbutton/template-context.directive';
+export { ListModule } from './listbutton/list.module';
 export { ChipComponent } from './chip/chip.component';
 export { ChipListComponent } from './chip/chip-list.component';
 export { ChipModule } from './chip/chip.module';
@@ -20,3 +25,4 @@ export { FloatingActionButtonModule } from './floatingactionbutton/floatingactio
 export { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
 export { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
 export { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
+export { FocusableDirective } from './focusable/focusable.directive';

package/{dist/es2015 → esm2015}/navigation/navigation.service.js

@@ -2,17 +2,17 @@
 * 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 { Injectable, Inject, EventEmitter } from '@angular/core';
 import { isPresent } from './../util';
 import { KeyEvents } from './key-events';
 import { Keys } from '@progress/kendo-angular-common';
 import { NavigationAction } from './navigation-action';
 import { NAVIGATION_CONFIG } from './navigation-config';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let NavigationService = class NavigationService {
+export class NavigationService {
     constructor(config) {
         this.navigate = new EventEmitter();
         this.open = new EventEmitter();
@@ -104,10 +104,12 @@ let NavigationService = class NavigationService {
             return args.current !== args.end ? args.current + args.step : args.end;
         }
     }
-};
-NavigationService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__param(0, Inject(NAVIGATION_CONFIG)),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], NavigationService);
-export { NavigationService };
+}
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAVIGATION_CONFIG]
+                }] }]; } });

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642682008,
+    publishDate: 1645095176,
     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/esm2015/splitbutton/localization/custom-messages.component.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug rtl_buttons %}).
+ */
+export class SplitButtonCustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+SplitButtonCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitButtonCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SplitButtonCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitButtonCustomMessagesComponent, selector: "kendo-splitbutton-messages", providers: [{
+            provide: Messages,
+            useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
+        }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitButtonCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{
+                            provide: Messages,
+                            useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
+                        }],
+                    selector: 'kendo-splitbutton-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/splitbutton/localization/localized-messages.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { Messages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedSplitButtonMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedSplitButtonMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedSplitButtonMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoSplitButtonLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/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 { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendo-splitbutton-messages-base", inputs: { splitButtonLabel: "splitButtonLabel" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-splitbutton-messages-base'
+                }]
+        }], propDecorators: { splitButtonLabel: [{
+                type: Input
+            }] } });