@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

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

@@ -2,13 +2,18 @@
 * 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';
 import { NavigationAction } from './../navigation/navigation-action';
 import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common';
 import { isPresent } from './../util';
+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
  */
@@ -110,7 +115,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;
@@ -218,3 +223,11 @@ export class ListButton {
         this.blurWrapper(false);
     }
 }
+ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", type: ListButton, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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,120 @@
+/**-----------------------------------------------------------------------------------------
+* 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 * 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();
+        validatePackage(packageMetadata);
+    }
+    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.13", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ListComponent, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
+        <ul class="k-list k-reset" unselectable="on">
+            <li role="menuitem" unselectable="on" tabindex="-1"
+                kendoButtonFocusable
+                *ngFor="let dataItem of data; let index = index;"
+                [index]="index"
+                [ngClass]="{'k-item': true, 'k-state-disabled': dataItem.disabled}"
+                (click)="onClick(index)"
+                (blur)="onBlur()"
+                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                <ng-template *ngIf="itemTemplate?.templateRef"
+                    [templateContext]="{
+                        templateRef: itemTemplate?.templateRef,
+                        $implicit: dataItem
+                    }">
+                </ng-template>
+                <ng-template [ngIf]="!itemTemplate?.templateRef">
+                    <span
+                        *ngIf="dataItem.icon || dataItem.iconClass"
+                        [ngClass]="getIconClasses(dataItem)"
+                    ></span>
+                    <img
+                        *ngIf="dataItem.imageUrl"
+                        class="k-image"
+                        [src]="dataItem.imageUrl"
+                        alt=""
+                    >
+                    {{ getText(dataItem) }}
+                </ng-template>
+            </li>
+        </ul>
+      `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.13", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-button-list',
+                    template: `
+        <ul class="k-list k-reset" unselectable="on">
+            <li role="menuitem" unselectable="on" tabindex="-1"
+                kendoButtonFocusable
+                *ngFor="let dataItem of data; let index = index;"
+                [index]="index"
+                [ngClass]="{'k-item': true, 'k-state-disabled': dataItem.disabled}"
+                (click)="onClick(index)"
+                (blur)="onBlur()"
+                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                <ng-template *ngIf="itemTemplate?.templateRef"
+                    [templateContext]="{
+                        templateRef: itemTemplate?.templateRef,
+                        $implicit: dataItem
+                    }">
+                </ng-template>
+                <ng-template [ngIf]="!itemTemplate?.templateRef">
+                    <span
+                        *ngIf="dataItem.icon || dataItem.iconClass"
+                        [ngClass]="getIconClasses(dataItem)"
+                    ></span>
+                    <img
+                        *ngIf="dataItem.imageUrl"
+                        class="k-image"
+                        [src]="dataItem.imageUrl"
+                        alt=""
+                    >
+                    {{ getText(dataItem) }}
+                </ng-template>
+            </li>
+        </ul>
+      `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }], onItemBlur: [{
+                type: Output
+            }] } });

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.13", ngImport: i0, type: ListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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/es2015 → esm2015}/main.js

@@ -9,9 +9,12 @@ 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 { 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 +23,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.13", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: NavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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: 1635407170,
+    publishDate: 1636706456,
     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'
 };