@progress/kendo-angular-inputs 13.2.1-develop.11 → 13.2.1-develop.13

package/signature/signature.component.d.ts

@@ -0,0 +1,364 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, Renderer2, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { InputFillMode, InputRounded, InputSize } from '../common/models';
+import { SignatureCloseEvent, SignatureOpenEvent } from './events';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI Signature component for Angular]({% slug overview_signature %}).
+ *
+ * The Signature allows users to add a hand-drawn signature to forms.
+ */
+export declare class SignatureComponent implements ControlValueAccessor {
+    private element;
+    private renderer;
+    private ngZone;
+    private cd;
+    localization: LocalizationService;
+    staticHostClasses: boolean;
+    /**
+     * @hidden
+     */
+    focusableId: string;
+    direction: string;
+    /**
+     * Sets the read-only state of the Signature.
+     *
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Sets the disabled state of the Signature.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Sets the width of the signature in pixels.
+     *
+     * The width can also be set using inline styles and CSS.
+     */
+    width: number;
+    /**
+     * The height of the signature in pixels.
+     *
+     * The height can also be set using inline styles and CSS.
+     */
+    height: number;
+    /**
+     * Gets or sets the value of the signature.
+     *
+     * The value is a Base64-encoded PNG image.
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * @hidden
+     */
+    svgIcon(name: string): SVGIcon;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     *
+     * @default 0
+     */
+    set tabindex(value: number);
+    get tabindex(): number;
+    /**
+     * The size property specifies the padding of the Signature internal controls
+     * ([see example]({% slug appearance_signature %}#toc-size)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
+     */
+    size: InputSize;
+    /**
+     * The rounded property specifies the border radius of the signature
+     * ([see example]({% slug appearance_signature %}#toc-rounded)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full` (not supported by the Signature)
+     * * `none`
+     */
+    rounded: InputRounded;
+    /**
+     * The fillMode property specifies the background and border styles of the signature
+     * ([see example]({% slug appearance_signature %}#toc-fillMode)).
+     *
+     * The possible values are:
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
+     */
+    fillMode: InputFillMode;
+    /**
+     * The stroke color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * The default value is determined by the theme `$kendo-input-text` variable.
+     */
+    color: any;
+    /**
+     * The background color of the signature.
+     *
+     * Accepts CSS color names and hex values.
+     *
+     * The default value is determined by the theme `$kendo-input-bg` variable.
+     */
+    backgroundColor: any;
+    /**
+     * The stroke width of the signature.
+     *
+     * @default 1
+     */
+    strokeWidth: number;
+    /**
+     * A flag indicating whether to smooth out signature lines.
+     *
+     * @default false
+     */
+    smooth: boolean;
+    /**
+     * A flag indicating if the signature can be maximized.
+     *
+     * @default true
+     */
+    maximizable: boolean;
+    /**
+     * @hidden
+     */
+    maximized: boolean;
+    /**
+     * The scale factor for the popup.
+     *
+     * The Signature width and height will be multiplied by the scale when showing the popup.
+     *
+     * @default 3
+     */
+    popupScale: number;
+    /**
+     * The scale factor for the exported image.
+     *
+     * The Signature width and height will be multiplied by the scale when converting the signature to an image.
+     *
+     * @default 2
+     */
+    exportScale: number;
+    /**
+     * @hidden
+     */
+    parentLocalization: LocalizationService;
+    /**
+     * A flag indicating whether the dotted line should be displayed in the background.
+     *
+     * @default false
+     */
+    hideLine: boolean;
+    /**
+     * Fires each time the signature value is changed.
+     */
+    valueChange: EventEmitter<string>;
+    /**
+     * Fires each time the popup is about to open.
+     * This event is preventable. If you cancel it, the popup will remain closed.
+     */
+    open: EventEmitter<SignatureOpenEvent>;
+    /**
+     * Fires each time the popup is about to close.
+     * This event is preventable. If you cancel it, the popup will remain open.
+     */
+    close: EventEmitter<SignatureCloseEvent>;
+    /**
+     * Fires each time Signature is focused.
+     */
+    onFocus: EventEmitter<any>;
+    /**
+     * Fires each time the Signature is blurred.
+     */
+    onBlur: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    minimize: EventEmitter<void>;
+    canvas: ElementRef;
+    minimizeButton: ElementRef;
+    maximizeButton: ElementRef;
+    /**
+     * Indicates whether the Signature wrapper is focused.
+     */
+    isFocused: boolean;
+    /**
+     * Indicates whether the Signature popup is open.
+     */
+    isOpen: boolean;
+    /**
+     * @hidden
+     */
+    get isEmpty(): boolean;
+    /**
+     * @hidden
+     */
+    get canvasLabel(): string;
+    /**
+     * @hidden
+     */
+    get clearTitle(): string;
+    /**
+     * @hidden
+     */
+    get minimizeTitle(): string;
+    /**
+     * @hidden
+     */
+    get maximizeTitle(): string;
+    /**
+     * @hidden
+     */
+    get baseWidth(): number;
+    /**
+     * @hidden
+     */
+    get baseHeight(): number;
+    /**
+     * @hidden
+     */
+    get popupWidth(): number;
+    /**
+     * @hidden
+     */
+    get popupHeight(): number;
+    /**
+     * @hidden
+     */
+    isDrawing: boolean;
+    /**
+     * @hidden
+     */
+    get showMaximize(): boolean;
+    /**
+     * @hidden
+     */
+    get showMinimize(): boolean;
+    /**
+     * @hidden
+     */
+    get showClear(): boolean;
+    /**
+     * @hidden
+     */
+    private get focused();
+    private set focused(value);
+    private get options();
+    private notifyNgTouched;
+    private notifyNgChanged;
+    private instance;
+    private _value;
+    private _tabindex;
+    private subscriptions;
+    private unsubscribe;
+    private hostClasses;
+    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, cd: ChangeDetectorRef, localization: LocalizationService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onClear(): void;
+    /**
+     * @hidden
+     */
+    onValueChange(): Promise<void>;
+    /**
+     * @hidden
+     */
+    onDialogValueChange(value: string): void;
+    /**
+     * @hidden
+     */
+    onDialogClick(e: any): void;
+    /**
+     * @hidden
+     */
+    onDialogKeydown(e: any): void;
+    /**
+     * @hidden
+     */
+    onDialogClose(): void;
+    /**
+     * Clears the value of the Signature.
+     */
+    reset(): void;
+    /**
+     * Toggles the popup of the Signature.
+     * Does not trigger the `open` and `close` events of the component.
+     *
+     * @param open An optional parameter. Specifies whether the popup will be opened or closed.
+     */
+    toggle(open?: boolean): void;
+    /**
+     * @hidden
+     */
+    onMaximize(): Promise<void>;
+    /**
+     * @hidden
+     */
+    onMinimize(): void;
+    private applyHostClasses;
+    private readThemeColors;
+    /**
+     * Focuses the wrapper of the Signature.
+     */
+    focus(): void;
+    /**
+     * @hidden
+     */
+    onWrapperFocus(): void;
+    /**
+     * Blurs the Signature.
+     */
+    blur(): void;
+    /**
+     * @hidden
+     */
+    onWrapperBlur(): void;
+    /**
+     * @hidden
+     */
+    onWrapperClick(_event: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    writeValue(value: string): void;
+    /**
+     * @hidden
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * @hidden
+     */
+    popupValue: any;
+    private onDraw;
+    private onDrawEnd;
+    private addEventListeners;
+    private getMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SignatureComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignatureComponent, "kendo-signature", ["kendoSignature"], { "focusableId": "focusableId"; "readonly": "readonly"; "disabled": "disabled"; "width": "width"; "height": "height"; "value": "value"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "color": "color"; "backgroundColor": "backgroundColor"; "strokeWidth": "strokeWidth"; "smooth": "smooth"; "maximizable": "maximizable"; "maximized": "maximized"; "popupScale": "popupScale"; "exportScale": "exportScale"; "parentLocalization": "parentLocalization"; "hideLine": "hideLine"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "minimize": "minimize"; }, never, never>;
+}

package/signature.module.d.ts

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./signature/signature.component";
+import * as i2 from "./signature/localization/custom-messages.component";
+import * as i3 from "./signature/localization/localized-signature-messages.directive";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@angular/common";
+import * as i6 from "@progress/kendo-angular-dialog";
+import * as i7 from "@progress/kendo-angular-icons";
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the Signature component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the Signature module
+ * import { SignatureModule } from '@progress/kendo-angular-inputs';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, SignatureModule], // import Signature module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export declare class SignatureModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SignatureModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SignatureModule, [typeof i1.SignatureComponent, typeof i2.SignatureCustomMessagesComponent, typeof i3.LocalizedSignatureMessagesDirective], [typeof i4.ButtonModule, typeof i5.CommonModule, typeof i6.DialogsModule, typeof i7.IconsModule], [typeof i1.SignatureComponent, typeof i2.SignatureCustomMessagesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SignatureModule>;
+}

package/slider/localization/custom-messages.component.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SliderMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages.
+ */
+export declare class SliderCustomMessagesComponent extends SliderMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderCustomMessagesComponent, "kendo-slider-messages", never, {}, {}, never, never>;
+}

package/slider/localization/localized-slider-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SliderMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedSliderMessagesDirective extends SliderMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedSliderMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedSliderMessagesDirective, "[kendoSliderLocalizedMessages]", never, {}, {}, never>;
+}

package/slider/localization/messages.d.ts

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class SliderMessages extends ComponentMessages {
+    /**
+     * The title of the **Decrease** button of the Slider.
+     */
+    decrement: string;
+    /**
+     * The title of the **Increase** button of the Slider.
+     */
+    increment: string;
+    /**
+     * The title of the drag handle of the Slider.
+     */
+    dragHandle: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderMessages, "kendo-slider-messages-base", never, { "decrement": "decrement"; "increment": "increment"; "dragHandle": "dragHandle"; }, {}, never>;
+}

package/slider/slider-model.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { SliderModelBase } from '../sliders-common/slider-model.base';
+/**
+ * @hidden
+ */
+export declare class SliderModel extends SliderModelBase {
+    protected tickSizes: number[];
+    protected handlePosition: number;
+    positionHandle(dragHandle: HTMLElement): void;
+    positionSelection(selection: HTMLElement): void;
+}

package/slider/slider.component.d.ts

@@ -0,0 +1,175 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, Renderer2, ElementRef, OnChanges, OnDestroy, NgZone, Injector, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SliderBase } from '../sliders-common/slider-base';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI Slider component for Angular]({% slug overview_slider %}).
+ */
+export declare class SliderComponent extends SliderBase implements AfterViewInit, ControlValueAccessor, OnChanges, OnDestroy {
+    protected localization: LocalizationService;
+    protected injector: Injector;
+    protected renderer: Renderer2;
+    protected ngZone: NgZone;
+    protected changeDetector: ChangeDetectorRef;
+    protected hostElement: ElementRef;
+    /**
+     * @hidden
+     */
+    focusableId: string;
+    /**
+     * Changes the `title` attribute of the drag handle so that it can be localized.
+     */
+    dragHandleTitle: string;
+    /**
+     * Sets the title of the **Increase** button of the Slider ([see example]({% slug sidebuttons_slider %}#toc-titles)).
+     */
+    incrementTitle: string;
+    /**
+     * Determines if the animation will be played on value change.
+     * Regardless of this setting, no animation will be played during the initial rendering.
+     */
+    animate: boolean;
+    /**
+     * Sets the title of the **Decrease** button of the Slider ([see example]({% slug sidebuttons_slider %}#toc-titles)).
+     */
+    decrementTitle: string;
+    /**
+     * Renders the arrow side buttons of the Slider ([see example]({% slug sidebuttons_slider %}#toc-hidden-state)).
+     * When `showButtons` is set to `false`, the buttons are not displayed.
+     */
+    showButtons: boolean;
+    /**
+     * The current value of the Slider when it is initially displayed.
+     * The component can use either NgModel or the `value` binding but not both of them at the same time.
+     */
+    value: number;
+    /**
+     * @hidden
+     */
+    set tabIndex(tabIndex: number);
+    get tabIndex(): number;
+    /**
+     * @hidden
+     */
+    get currentValue(): string;
+    /**
+     * @hidden
+     */
+    arrowUpIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    arrowDownIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    arrowLeftIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    arrowRightIcon: SVGIcon;
+    draghandle: ElementRef;
+    decreaseButton: ElementRef;
+    increaseButton: ElementRef;
+    private focusChangedProgrammatically;
+    private isInvalid;
+    constructor(localization: LocalizationService, injector: Injector, renderer: Renderer2, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
+    /**
+     * Focuses the Slider.
+     *
+     * @example
+     * ```ts-no-run
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <button (click)="slider.focus()">Focus</button>
+     *  <kendo-slider #slider></kendo-slider>
+     * `
+     * })
+     * class AppComponent { }
+     * ```
+     */
+    focus(): void;
+    /**
+     * Blurs the Slider.
+     */
+    blur(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    get incrementMessage(): string;
+    /**
+     * @hidden
+     */
+    get decrementMessage(): string;
+    /**
+     * @hidden
+     */
+    get dragHandleMessage(): string;
+    /**
+     * @hidden
+     */
+    onWrapClick: (args: any) => void;
+    /**
+     * @hidden
+     */
+    handleDragPress(args: any): void;
+    /**
+     * @hidden
+     */
+    onHandleDrag(args: any): void;
+    /**
+     * @hidden
+     */
+    onKeyDown: (e: any) => void;
+    /**
+     * @hidden
+     */
+    onHandleRelease(): void;
+    /**
+     * @hidden
+     */
+    writeValue(value: number): void;
+    /**
+     * @hidden
+     */
+    registerOnChange(fn: () => any): void;
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn: () => any): void;
+    /**
+     * @hidden
+     */
+    changeValue(value: number): void;
+    /**
+     * @hidden
+     */
+    sizeComponent(animate: boolean): void;
+    protected set focused(value: boolean);
+    private set dragging(value);
+    private setValueChangeInterval;
+    private ngChange;
+    private ngTouched;
+    private decreaseValue;
+    private increaseValue;
+    private getProps;
+    private isSliderInvalid;
+    private attachElementEventHandlers;
+    private handleBlur;
+    get decreaseButtonArrowIcon(): string;
+    get increaseButtonArrowIcon(): string;
+    get decreaseButtonArrowSVGIcon(): SVGIcon;
+    get increaseButtonArrowSVGIcon(): SVGIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "kendo-slider", ["kendoSlider"], { "focusableId": "focusableId"; "dragHandleTitle": "dragHandleTitle"; "incrementTitle": "incrementTitle"; "animate": "animate"; "decrementTitle": "decrementTitle"; "showButtons": "showButtons"; "value": "value"; "tabIndex": "tabIndex"; }, {}, never, never>;
+}