@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235

package/dist/es2015/floatingactionbutton/dial-item.component.js

@@ -0,0 +1,133 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ElementRef, HostBinding, Input, Renderer2, TemplateRef } from "@angular/core";
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+let DialItemComponent = class DialItemComponent {
+    constructor(element, renderer, localisationService) {
+        this.element = element;
+        this.renderer = renderer;
+        this.localisationService = localisationService;
+        this.hostClass = true;
+        this.role = 'menuitem';
+    }
+    get disabledClass() {
+        return this.item.disabled;
+    }
+    get title() {
+        const label = this.item.label;
+        return label ? label : this.itemTitle;
+    }
+    get indexAttr() {
+        return this.index;
+    }
+    get iconClasses() {
+        const classes = [];
+        if (this.item.iconClass) {
+            classes.push(`${this.item.iconClass}`);
+        }
+        if (this.item.icon) {
+            classes.push(`k-fab-item-icon k-icon k-i-${this.item.icon}`);
+        }
+        return classes;
+    }
+    get itemTitle() {
+        const icon = this.item.icon;
+        const itemTitle = this.item.itemTitle;
+        return (icon && itemTitle) ? itemTitle : icon;
+    }
+    ngAfterViewInit() {
+        const element = this.element.nativeElement;
+        const rtl = this.localisationService.rtl;
+        const hAlign = this.align.horizontal;
+        this.renderer.addClass(element, this.getTextDirectionClass(rtl, hAlign));
+    }
+    getTextDirectionClass(rtl, hAlign) {
+        const dir = rtl ? 'rtl' : 'ltr';
+        const align = hAlign === 'end' ? 'end' : 'start';
+        const directions = {
+            rtl: { end: 'k-text-left', start: 'k-text-right' },
+            ltr: { start: 'k-text-left', end: 'k-text-right' }
+        };
+        return directions[dir][align];
+    }
+};
+tslib_1.__decorate([
+    HostBinding('class.k-fab-item'),
+    tslib_1.__metadata("design:type", Boolean)
+], DialItemComponent.prototype, "hostClass", void 0);
+tslib_1.__decorate([
+    HostBinding('attr.role'),
+    tslib_1.__metadata("design:type", String)
+], DialItemComponent.prototype, "role", void 0);
+tslib_1.__decorate([
+    HostBinding('attr.aria-disabled'),
+    HostBinding('class.k-disabled'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], DialItemComponent.prototype, "disabledClass", null);
+tslib_1.__decorate([
+    HostBinding('attr.title'),
+    HostBinding('attr.aria-label'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], DialItemComponent.prototype, "title", null);
+tslib_1.__decorate([
+    HostBinding('attr.data-fab-item-index'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], DialItemComponent.prototype, "indexAttr", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialItemComponent.prototype, "cssClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialItemComponent.prototype, "cssStyle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], DialItemComponent.prototype, "isFocused", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialItemComponent.prototype, "index", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialItemComponent.prototype, "item", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], DialItemComponent.prototype, "dialItemTemplate", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialItemComponent.prototype, "align", void 0);
+DialItemComponent = tslib_1.__decorate([
+    Component({
+        selector: '[kendoDialItem]',
+        template: `
+        <ng-template *ngIf="dialItemTemplate"
+            [ngTemplateOutlet]="dialItemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"
+        >
+        </ng-template>
+
+        <ng-container *ngIf="!dialItemTemplate">
+            <span *ngIf="item.label" class="k-fab-item-text">{{ item.label }}</span>
+            <span *ngIf="item.icon || item.iconClass" [ngClass]="iconClasses"></span>
+        </ng-container>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [ElementRef,
+        Renderer2,
+        LocalizationService])
+], DialItemComponent);
+export { DialItemComponent };

package/{floatingactionbutton → dist/es2015/floatingactionbutton}/dial-list.component.d.ts

@@ -5,7 +5,6 @@
 import { ChangeDetectorRef, OnDestroy, TemplateRef } from "@angular/core";
 import { FocusService } from '../focusable/focus.service';
 import { FabAlign } from './models/align';
-import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -13,8 +12,8 @@ export declare class DialListComponent implements OnDestroy {
     private focusService;
     private cdr;
     hostClass: boolean;
-    get bottomClass(): boolean;
-    get topClass(): boolean;
+    readonly bottomClass: boolean;
+    readonly topClass: boolean;
     dialItems: any[];
     dialItemTemplate: TemplateRef<any>;
     align: FabAlign;
@@ -22,6 +21,4 @@ export declare class DialListComponent implements OnDestroy {
     constructor(focusService: FocusService, cdr: ChangeDetectorRef);
     isFocused(index: number): boolean;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialListComponent, "[kendoDialList]", never, { "dialItems": "dialItems"; "dialItemTemplate": "dialItemTemplate"; "align": "align"; }, {}, never, never>;
 }

package/dist/es2015/floatingactionbutton/dial-list.component.js

@@ -0,0 +1,81 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ChangeDetectorRef, Component, HostBinding, Input, TemplateRef } from "@angular/core";
+import { Subscription } from 'rxjs';
+import { FocusService } from '../focusable/focus.service';
+/**
+ * @hidden
+ */
+let DialListComponent = class DialListComponent {
+    constructor(focusService, cdr) {
+        this.focusService = focusService;
+        this.cdr = cdr;
+        this.hostClass = true;
+        this.subscriptions = new Subscription();
+        this.subscriptions.add(this.focusService.onFocus.subscribe(() => this.cdr.detectChanges()));
+    }
+    get bottomClass() {
+        return this.align.vertical === 'top' || this.align.vertical === 'middle';
+    }
+    get topClass() {
+        return this.align.vertical === 'bottom';
+    }
+    isFocused(index) {
+        return this.focusService.isFocused(index);
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+};
+tslib_1.__decorate([
+    HostBinding('class.k-fab-items'),
+    tslib_1.__metadata("design:type", Boolean)
+], DialListComponent.prototype, "hostClass", void 0);
+tslib_1.__decorate([
+    HostBinding('class.k-fab-items-bottom'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], DialListComponent.prototype, "bottomClass", null);
+tslib_1.__decorate([
+    HostBinding('class.k-fab-items-top'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], DialListComponent.prototype, "topClass", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array)
+], DialListComponent.prototype, "dialItems", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], DialListComponent.prototype, "dialItemTemplate", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], DialListComponent.prototype, "align", void 0);
+DialListComponent = tslib_1.__decorate([
+    Component({
+        selector: '[kendoDialList]',
+        template: `
+        <ng-container *ngFor='let item of dialItems; let idx = index'>
+            <li
+                kendoButtonFocusable
+                kendoDialItem
+                [item]="dialItems[idx]"
+                [index]="idx"
+                [dialItemTemplate]="dialItemTemplate"
+                [isFocused]="isFocused(idx)"
+                [ngClass]='item.cssClass'
+                [ngStyle]='item.cssStyle'
+                [align]="align"
+            >
+            </li>
+        </ng-container>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [FocusService, ChangeDetectorRef])
+], DialListComponent);
+export { DialListComponent };

package/{floatingactionbutton → dist/es2015/floatingactionbutton}/floatingactionbutton.component.d.ts

@@ -20,7 +20,7 @@ import { ButtonShape } from '../common/models/shape';
 import { PreventableEvent } from '../preventable-event';
 import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
 import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
-import * as i0 from "@angular/core";
+import { ButtonRounded } from '../common/models';
 /**
  *
  * Represents the [Kendo UI FloatingActionButton component for Angular]({% slug overview_floatingactionbutton %}).
@@ -36,8 +36,8 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     private popupService;
     private builder;
     private localizationService;
-    get fixedClass(): boolean;
-    get absoluteClass(): boolean;
+    readonly fixedClass: boolean;
+    readonly absoluteClass: boolean;
     direction: string;
     button: ElementRef<HTMLButtonElement>;
     popupTemplate: TemplateRef<any>;
@@ -49,52 +49,53 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
      * The theme color will be applied as background color of the component.
      *
      * The possible values are:
-     * * `primary` (Default)&mdash;Applies coloring based on the `primary` theme color.
-     * * `secondary`&mdash;Applies coloring based on the `secondary` theme color.
-     * * `tertiary`&mdash; Applies coloring based on the `tertiary` theme color.
-     * * `inherit`&mdash; Applies inherited coloring value.
-     * * `info`&mdash;Applies coloring based on the `info` theme color.
-     * * `success`&mdash; Applies coloring based on the `success` theme color.
-     * * `warning`&mdash; Applies coloring based on the `warning` theme color.
-     * * `error`&mdash; Applies coloring based on the `error` theme color.
-     * * `dark`&mdash; Applies coloring based on the `dark` theme color.
-     * * `light`&mdash; Applies coloring based on the `light` theme color.
-     * * `inverse`&mdash; Applies coloring based on the `inverse` theme color.
-     *
-     */
-    set themeColor(themeColor: ButtonThemeColor);
-    get themeColor(): ButtonThemeColor;
+     * * `'primary'` (Default)&mdash;Applies coloring based on the `primary` theme color.
+     * * `'secondary'`&mdash;Applies coloring based on the `secondary` theme color.
+     * * `'tertiary'`&mdash; Applies coloring based on the `tertiary` theme color.
+     * * `'info'`&mdash;Applies coloring based on the `info` theme color.
+     * * `'success'`&mdash; Applies coloring based on the `success` theme color.
+     * * `'warning'`&mdash; Applies coloring based on the `warning` theme color.
+     * * `'error'`&mdash; Applies coloring based on the `error` theme color.
+     * * `'dark'`&mdash; Applies coloring based on the `dark` theme color.
+     * * `'light'`&mdash; Applies coloring based on the `light` theme color.
+     * * `'inverse'`&mdash; Applies coloring based on the `inverse` theme color.
+     */
+    themeColor: ButtonThemeColor;
     /**
      * Specifies the size of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-size)).
      *
      * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
+     * * `'small'`
+     * * `'medium'` (Default)
+     * * `'large'`
+     */
+    size: ButtonSize;
+    /**
+     * The rounded property specifies the border radius of the FloatingActionButton.
      *
+     * The possible values are:
+     * * `'small'`
+     * * `'medium'`
+     * * `'large'`
+     * * `'full'` (default)
+     * * `null`
      */
-    set size(size: ButtonSize);
-    get size(): ButtonSize;
+    rounded: ButtonRounded;
     /**
      * Specifies the shape of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
      *
      * The possible values are:
-     * * `pill` (Default)&mdash;Applies border radius equal to half of the height of the FloatingActionButton.
-     * * `circle`&mdash;Applies circle shape on the FloatingActionButton.
-     * * `rectangle`&mdash;Applies rectangular shape on the FloatingActionButton.
-     * * `rounded`&mdash;Applies rounded shape on the FloatingActionButton.
+     * * `rectangle` (Default)&mdash;Applies rectangular shape on the FloatingActionButton.
      * * `square`&mdash;Applies square shape on the FloatingActionButton.
      *
      */
-    set shape(shape: ButtonShape);
-    get shape(): ButtonShape;
+    shape: ButtonShape;
     /**
      * Specifies whether the FloatingActionButton is disabled.
      */
-    set disabled(disabled: boolean);
-    get disabled(): boolean;
+    disabled: boolean;
     /**
      * Specifies the horizontal and vertical alignment of the FloatingActionButton
      * ([see example]({% slug positioning_floatingactionbutton %}#toc-align)).
@@ -106,8 +107,7 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
      * * `{ horizontal: 'end', vertical: 'bottom' }`
      *
      */
-    set align(align: FabAlign);
-    get align(): FabAlign;
+    align: FabAlign;
     /**
      * Specifies the horizontal and vertical offset position of the FloatingActionButton
      * ([see example]({% slug positioning_floatingactionbutton %}#toc-offset)).
@@ -115,8 +115,7 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
      * * The default value is:
      * * `{ x: '16px', y: '16px' }`
      */
-    set offset(offset: FabOffset);
-    get offset(): FabOffset;
+    offset: FabOffset;
     /**
      * Specifies the positionMode of the FloatingActionButton
      * ([see example]({% slug positioning_floatingactionbutton %}#toc-positionMode)).
@@ -198,7 +197,7 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     /**
      * @hidden
      */
-    get componentTabIndex(): number;
+    readonly componentTabIndex: number;
     /**
      * @hidden
      */
@@ -209,18 +208,20 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     private _disabled;
     private _align;
     private _offset;
+    private _rounded;
     private subscriptions;
     private popupMouseDownListener;
     private rtl;
     private animationEnd;
     private popupRef;
+    private initialSetup;
     constructor(renderer: Renderer2, element: ElementRef, focusService: FocusService, navigationService: NavigationService, ngZone: NgZone, popupService: PopupService, builder: AnimationBuilder, localizationService: LocalizationService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
      * Indicates whether the FloatingActionButton is currently open.
      */
-    get isOpen(): boolean;
+    readonly isOpen: boolean;
     /**
      * Focuses the FloatingActionButton.
      */
@@ -241,19 +242,19 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     /**
      * @hidden
      */
-    get role(): string;
+    readonly role: string;
     /**
      * @hidden
      */
-    get ariaExpanded(): boolean;
+    readonly ariaExpanded: boolean;
     /**
      * @hidden
      */
-    get ariaHasPopup(): boolean;
+    readonly ariaHasPopup: boolean;
     /**
      * @hidden
      */
-    get iconClasses(): string[];
+    readonly iconClasses: string[];
     /**
      * @hidden
      */
@@ -286,7 +287,6 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     private onNavigationEnterPress;
     private onNavigationClose;
     private alignClass;
-    private applyClasses;
     private toggleDialWithEvents;
     private openPopup;
     private closePopup;
@@ -295,28 +295,26 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     private isValidAnimation;
     private positionPopup;
     private offsetStyles;
-    private get hasDialItems();
+    private readonly hasDialItems;
     /**
      * Gets the CSS prop name of the selected vertical position (`top`/`bottom`);
      */
-    private get verticalPosition();
+    private readonly verticalPosition;
     /**
      * Gets the offset according to the selected vertical position.
      */
-    private get verticalOffset();
+    private readonly verticalOffset;
     /**
      * Gets the CSS prop name of the selected horizontal position (`left`/`right`);
      */
-    private get horizontalPosition();
+    private readonly horizontalPosition;
     /**
      * Gets the offset according to the selected horizontal position.
      */
-    private get horizontalOffset();
+    private readonly horizontalOffset;
     private playerFor;
     private playAnimation;
     private durationSettings;
     private animationGap;
     private animationDuration;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingActionButtonComponent, "kendo-floatingactionbutton", never, { "themeColor": "themeColor"; "size": "size"; "shape": "shape"; "disabled": "disabled"; "align": "align"; "offset": "offset"; "positionMode": "positionMode"; "icon": "icon"; "iconClass": "iconClass"; "buttonClass": "buttonClass"; "dialClass": "dialClass"; "text": "text"; "dialItemAnimation": "dialItemAnimation"; "tabIndex": "tabIndex"; "dialItems": "dialItems"; }, { "onBlur": "blur"; "onFocus": "focus"; "dialItemClick": "dialItemClick"; "open": "open"; "close": "close"; }, ["dialItemTemplate", "fabTemplate"], never>;
 }