design-angular-kit 1.0.0-1 → 1.0.0-11

package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts

@@ -0,0 +1,104 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { BooleanInput } from '../../../../utils/boolean-input';
+import { SteppersItemComponent } from '../steppers-item/steppers-item.component';
+import { ProgressBarColor } from '../../../../interfaces/core';
+import * as i0 from "@angular/core";
+export declare class SteppersContainerComponent implements AfterViewInit, OnDestroy {
+    private readonly _changeDetectorRef;
+    /**
+     * The active step index
+     * @param index the step index
+     */
+    activeStep: number;
+    /**
+     * Show the stepper header
+     * @default true
+     */
+    showHeader: BooleanInput;
+    /**
+     * Dark style
+     */
+    dark?: BooleanInput;
+    /**
+     * The labels present in the header steps can be anticipated by the relative ordinal number.
+     */
+    steppersNumber?: BooleanInput;
+    /**
+     * The progress style
+     * -<b>progress</b>: Show progress bar - You can change the color with the `progressColor` attribute
+     * -<b>dots</b>: Show progress dots
+     * @default undefined - don't show progress
+     */
+    progressStyle?: 'progress' | 'dots';
+    /**
+     * Customize progress color
+     */
+    progressColor?: ProgressBarColor;
+    /**
+     * Show the back button
+     * @default true
+     */
+    showBackButton: BooleanInput;
+    /**
+     * Show the forward button
+     * @default true
+     */
+    showForwardButton: BooleanInput;
+    /**
+     * Show the confirm button
+     * @default false
+     */
+    showConfirmButton: BooleanInput;
+    /**
+     * Show the confirm button as indeterminate progress button
+     */
+    confirmLoading?: BooleanInput;
+    /**
+     * Show the save button
+     * @default false
+     */
+    showSaveButton: BooleanInput;
+    /**
+     * Show the save button as indeterminate progress button
+     */
+    saveLoading?: BooleanInput;
+    /**
+     * The stepper items
+     */
+    steps?: QueryList<SteppersItemComponent>;
+    /**
+     * On back button click
+     * @event activeStep the current step index
+     */
+    backClick: EventEmitter<number>;
+    /**
+     * On forward button click
+     * @event activeStep the current step index
+     */
+    forwardClick: EventEmitter<number>;
+    /**
+     * On confirm button click
+     * @event activeStep the current step index
+     */
+    confirmClick: EventEmitter<number>;
+    /**
+     * On save button click
+     * @event activeStep the current step index
+     */
+    saveClick: EventEmitter<number>;
+    get isShowHeader(): boolean;
+    get isSteppersNumber(): boolean;
+    get isDark(): boolean;
+    get isShowBackButton(): boolean;
+    get isShowForwardButton(): boolean;
+    get isShowConfirmButton(): boolean;
+    get isConfirmLoading(): boolean;
+    get isShowSaveButton(): boolean;
+    get isSaveLoading(): boolean;
+    private stepsSubscriptions?;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SteppersContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SteppersContainerComponent, "it-steppers-container[activeStep]", never, { "activeStep": "activeStep"; "showHeader": "showHeader"; "dark": "dark"; "steppersNumber": "steppersNumber"; "progressStyle": "progressStyle"; "progressColor": "progressColor"; "showBackButton": "showBackButton"; "showForwardButton": "showForwardButton"; "showConfirmButton": "showConfirmButton"; "confirmLoading": "confirmLoading"; "showSaveButton": "showSaveButton"; "saveLoading": "saveLoading"; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, false, never>;
+}

package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts

@@ -0,0 +1,20 @@
+import { TemplateRef } from '@angular/core';
+import { IconName } from '../../../../interfaces/icon';
+import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import * as i0 from "@angular/core";
+export declare class SteppersItemComponent extends AbstractComponent {
+    /**
+     * The labels present in the header steps
+     */
+    label: string;
+    /**
+     * The labels present in the header steps can be preceded by an icon.
+     */
+    icon?: IconName;
+    /**
+     * The content of step
+     */
+    htmlContent: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SteppersItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SteppersItemComponent, "it-steppers-item[label]", never, { "label": "label"; "icon": "icon"; }, {}, never, ["*"], false, never>;
+}

package/lib/components/core/tab/tab-container/tab-container.component.d.ts

@@ -0,0 +1,30 @@
+import { OnDestroy, QueryList } from '@angular/core';
+import { BooleanInput } from '../../../../utils/boolean-input';
+import { TabItemComponent } from '../tab-item/tab-item.component';
+import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import * as i0 from "@angular/core";
+export declare class TabContainerComponent extends AbstractComponent implements OnDestroy {
+    /**
+     * Tabs automatically occupy the entire available width
+     */
+    auto?: BooleanInput;
+    /**
+     * To obtain the correct margin between text and icon in the horizontally developed tab
+     */
+    iconText?: BooleanInput;
+    /**
+     * Dark style
+     */
+    dark?: BooleanInput;
+    /**
+     * The tab items
+     */
+    tabs?: QueryList<TabItemComponent>;
+    private tabNavLinks?;
+    private tabSubscriptions?;
+    isTrueBooleanInput(booleanInput?: BooleanInput): boolean;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "it-tab-container", never, { "auto": "auto"; "iconText": "iconText"; "dark": "dark"; }, {}, ["tabs"], never, false, never>;
+}

package/lib/components/core/tab/tab-item/tab-item.component.d.ts

@@ -0,0 +1,34 @@
+import { TemplateRef } from '@angular/core';
+import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { BooleanInput } from '../../../../utils/boolean-input';
+import { IconName } from '../../../../interfaces/icon';
+import * as i0 from "@angular/core";
+export declare class TabItemComponent extends AbstractComponent {
+    /**
+     * The tab label
+     */
+    label?: string;
+    /**
+     * The icon name
+     */
+    icon?: IconName;
+    /**
+     * Default active tab
+     */
+    active?: BooleanInput;
+    /**
+     * Default disabled tab
+     */
+    disabled?: BooleanInput;
+    /**
+     * Custom class
+     */
+    class: string;
+    /**
+     * The content of tab
+     */
+    htmlContent: TemplateRef<any>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "it-tab-item", never, { "label": "label"; "icon": "icon"; "active": "active"; "disabled": "disabled"; "class": "class"; }, {}, never, ["*"], false, never>;
+}

package/lib/components/core/table/table.component.d.ts

@@ -0,0 +1,54 @@
+import { TableColor, TableHeadColor, TableResponsive, VerticalAlignment } from '../../../interfaces/core';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class TableComponent {
+    /**
+     * Table color
+     */
+    color?: TableColor;
+    /**
+     * Head table color
+     */
+    headColor?: TableHeadColor;
+    /**
+     * Use vertical alignment classes to realign where needed.
+     */
+    alignment?: VerticalAlignment;
+    /**
+     * Use .table-striped to add zebra stripes to each table row contained in <tbody>.
+     */
+    striped?: BooleanInput;
+    /**
+     * Add .table-hover to enable hover state on table rows contained in <tbody>.
+     */
+    hover?: BooleanInput;
+    /**
+     * Add .table-bordered to have borders on all sides of the table and on all cells.
+     */
+    bordered?: BooleanInput;
+    /**
+     * Add the .table-borderless class for a borderless table.
+     */
+    borderless?: BooleanInput;
+    /**
+     * Add .table-sm to make tables more compact by halving the cell padding.
+     */
+    compact?: BooleanInput;
+    /**
+     * To render the <caption> on top of the table
+     */
+    captionTop?: BooleanInput;
+    /**
+     * Responsive tables allow you to scroll tables horizontally with ease.
+     * @default responsive
+     */
+    responsive: TableResponsive;
+    get isStriped(): boolean;
+    get isHover(): boolean;
+    get isBordered(): boolean;
+    get isBorderless(): boolean;
+    get isCompact(): boolean;
+    get isCaptionTop(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "it-table", never, { "color": "color"; "headColor": "headColor"; "alignment": "alignment"; "striped": "striped"; "hover": "hover"; "bordered": "bordered"; "borderless": "borderless"; "compact": "compact"; "captionTop": "captionTop"; "responsive": "responsive"; }, {}, never, ["[caption]", "[thead]", "[tbody]", "[tfoot]"], false, never>;
+}

package/lib/components/core/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,81 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ElementPlacement } from '../../../interfaces/core';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class TooltipDirective implements AfterViewInit, OnDestroy {
+    private readonly _elementRef;
+    /**
+     * Define the tooltip title
+     * @param title the tooltip title
+     */
+    set title(title: string | undefined);
+    /**
+     * Define the tooltip placement
+     * @param placement
+     */
+    set placement(placement: ElementPlacement);
+    /**
+     * Indicates whether the title contains html
+     * @param html true if contain html
+     */
+    set html(html: BooleanInput);
+    /**
+     * This event fires immediately when the show method is called.
+     */
+    onShow: EventEmitter<Event>;
+    /**
+     * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
+     */
+    onShown: EventEmitter<Event>;
+    /**
+     * This event fires immediately when the hide method is called.
+     */
+    onHide: EventEmitter<Event>;
+    /**
+     * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
+     */
+    onHidden: EventEmitter<Event>;
+    /**
+     * This event fires after the show event when the tooltip template has been added to the DOM.
+     */
+    onInserted: EventEmitter<Event>;
+    private readonly element;
+    private tooltip?;
+    constructor(_elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Shows the tooltip of an item.
+     */
+    show(): void;
+    /**
+     * Hide the tooltip of an element.
+     */
+    hide(): void;
+    /**
+     * Activate / Deactivate the tooltip of an element
+     */
+    toggle(): void;
+    /**
+     * Hides and destroys the tooltip of an element.
+     */
+    dispose(): void;
+    /**
+     * Gives the tooltip of an element a chance to be shown.
+     */
+    enable(): void;
+    /**
+     * Removes the ability to show the tooltip of an element.
+     */
+    disable(): void;
+    /**
+     * Toggles the possibility that the tooltip of an element is shown or hidden.
+     */
+    toggleEnabled(): void;
+    /**
+     * Updates the position of an element's tooltip.
+     */
+    update(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[itTooltip]", ["itTooltip"], { "title": "itTooltip"; "placement": "tooltipPlacement"; "html": "tooltipHtml"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onInserted": "onInserted"; }, never, never, false, never>;
+}

package/lib/components/form/checkbox/checkbox.component.d.ts

@@ -0,0 +1,30 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class CheckboxComponent extends AbstractFormComponent<boolean> {
+    /**
+     * If show checkbox as toggle
+     */
+    toggle?: BooleanInput;
+    /**
+     * If show checkbox inline
+     */
+    inline?: BooleanInput;
+    /**
+     * If is checkbox group
+     */
+    group?: BooleanInput;
+    /**
+     * If checkbox is checked
+     */
+    checked?: BooleanInput;
+    /**
+     * If checkbox is indeterminate
+     */
+    indeterminate?: BooleanInput;
+    get isIndeterminate(): boolean;
+    get isGroup(): boolean;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "it-checkbox", never, { "toggle": "toggle"; "inline": "inline"; "group": "group"; "checked": "checked"; "indeterminate": "indeterminate"; }, {}, never, ["*", "[error]", "[label]"], false, never>;
+}

package/lib/components/form/input/input.component.d.ts

@@ -0,0 +1,96 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { AutocompleteItem, InputControlType } from '../../../interfaces/form';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class InputComponent extends AbstractFormComponent<string | number> {
+    /**
+     * The input type
+     * @default text
+     */
+    type: InputControlType;
+    /**
+     * The input placeholder
+     */
+    placeholder: string;
+    /**
+     * The input description
+     */
+    description?: string;
+    /**
+     * To prevent modification of the contained value.
+     * - <b>plaintext</b>: Readonly field in the form stylized as plain text
+     */
+    readonly?: BooleanInput | 'plaintext';
+    /**
+     * The max value [Used only in type = 'number']
+     */
+    max?: number;
+    /**
+     * The min value [Used only in type = 'number']
+     */
+    min?: number;
+    /**
+     * The step value [Used only in type = 'number']
+     */
+    step?: number | 'any';
+    /**
+     * If is a currency number [Used only in type = 'number']
+     */
+    currency?: BooleanInput;
+    /**
+     * If is a percentage number [Used only in type = 'number']
+     */
+    percentage?: BooleanInput;
+    /**
+     * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
+     */
+    adaptive?: BooleanInput;
+    /**
+     * Indicates the list of searchable elements on which to base the input autocomplete system [Optional. Used only in type = 'search']
+     * If you need to retrieve items via API, can pass a function of Observable
+     * @default undefined
+     */
+    autocompleteData?: Array<AutocompleteItem> | ((search?: string) => Observable<Array<AutocompleteItem>>);
+    /**
+     * Time span [ms] has passed without another source emission, to delay data filtering.
+     * Useful when the user is typing multiple letters
+     * @default 300 [ms]
+     */
+    autocompleteDebounceTime: number;
+    /**
+     * Fired when the Autocomplete Item has been selected
+     */
+    onAutocompleteSelected: EventEmitter<AutocompleteItem>;
+    showAutocompletion: boolean;
+    get isActiveLabel(): boolean;
+    /**
+     * Check is readonly field
+     */
+    get isReadonly(): boolean;
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage(): Observable<string>;
+    /** Observable da cui vengono emessi i risultati dell'auto completamento */
+    autocompleteResults$: Observable<{
+        searchedValue: string;
+        relatedEntries: Array<AutocompleteItem>;
+    }>;
+    ngOnInit(): void;
+    /**
+     * Increment or decrease the input number value of step
+     * @param decrease true to decrease value
+     */
+    incrementNumber(decrease?: boolean): void;
+    /**
+     * Create the autocomplete list
+     */
+    private getAutocompleteResults$;
+    onEntryClick(entry: AutocompleteItem, event: Event): void;
+    autocompleteItemTrackByValueFn(index: number, item: AutocompleteItem): string;
+    onKeyDown(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "it-input", never, { "type": "type"; "placeholder": "placeholder"; "description": "description"; "readonly": "readonly"; "max": "max"; "min": "min"; "step": "step"; "currency": "currency"; "percentage": "percentage"; "adaptive": "adaptive"; "autocompleteData": "autocompleteData"; "autocompleteDebounceTime": "autocompleteDebounceTime"; }, { "onAutocompleteSelected": "onAutocompleteSelected"; }, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], false, never>;
+}

package/lib/components/form/password-input/password-input.component.d.ts

@@ -0,0 +1,55 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { Observable } from 'rxjs';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { InputPassword } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+export declare class PasswordInputComponent extends AbstractFormComponent<string> {
+    /**
+     * The password minimum length
+     * @default 10
+     */
+    minLength: number;
+    /**
+     * The password must contain at least one number
+     * @default true
+     */
+    useNumber: boolean;
+    /**
+     * The password must contain at least one uppercase character
+     * @default true
+     */
+    useCapitalCase: boolean;
+    /**
+     * The password must contain at least one lowercase character
+     * @default true
+     */
+    useSmallCase: boolean;
+    /**
+     * The password must contain at least one special character
+     * @default true
+     */
+    useSpecialCharacters: boolean;
+    /**
+     * The input placeholder
+     */
+    placeholder: string;
+    /**
+     * The input description
+     */
+    description?: string;
+    /**
+     * Enable to show the strength meter
+     */
+    showStrengthMeter?: BooleanInput;
+    inputPasswordBs?: InputPassword;
+    private inputElement?;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    get isStrengthMeter(): boolean;
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage(): Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "it-password-input", never, { "minLength": "minLength"; "useNumber": "useNumber"; "useCapitalCase": "useCapitalCase"; "useSmallCase": "useSmallCase"; "useSpecialCharacters": "useSpecialCharacters"; "placeholder": "placeholder"; "description": "description"; "showStrengthMeter": "showStrengthMeter"; }, {}, never, ["[error]"], false, never>;
+}

package/lib/components/form/radio-button/radio-button.component.d.ts

@@ -0,0 +1,29 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class RadioButtonComponent extends AbstractFormComponent<string | number | undefined> {
+    /**
+     * The radio value
+     */
+    value?: string | number;
+    /**
+     * If show radio inline
+     * @default false
+     */
+    inline: BooleanInput;
+    /**
+     * If is radio group
+     * @default false
+     */
+    group: BooleanInput;
+    /**
+     * If is radio is checked
+     */
+    checked?: BooleanInput;
+    get isInline(): boolean;
+    get isGroup(): boolean;
+    get name(): string;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "it-radio-button[value]", never, { "value": "value"; "inline": "inline"; "group": "group"; "checked": "checked"; }, {}, never, ["[label]", "*", "[error]", "[error]"], false, never>;
+}

package/lib/components/form/select/select.component.d.ts

@@ -0,0 +1,30 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { SelectControlGroup, SelectControlOption } from '../../../interfaces/form';
+import * as i0 from "@angular/core";
+export declare class SelectComponent extends AbstractFormComponent {
+    /**
+     * The select options
+     */
+    options?: Array<SelectControlOption>;
+    /**
+     * The select group options
+     */
+    groups?: Array<SelectControlGroup>;
+    /**
+     * The select description
+     */
+    description?: string;
+    ngOnInit(): void;
+    /**
+     * Check if the option is selected
+     * @param option the option
+     */
+    optionIsSelected(option: SelectControlOption): boolean;
+    /**
+     * Check if the option is disabled
+     * @param option the option
+     */
+    optionIsDisabled(option: SelectControlOption): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "it-select", never, { "options": "options"; "groups": "groups"; "description": "description"; }, {}, never, never, false, never>;
+}

package/lib/components/form/textarea/textarea.component.d.ts

@@ -0,0 +1,24 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class TextareaComponent extends AbstractFormComponent<string> {
+    /**
+     * Textarea Rows
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * The textarea placeholder
+     */
+    placeholder: string;
+    /**
+     * The input description
+     */
+    description?: string;
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage(): Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "it-textarea", never, { "rows": "rows"; "placeholder": "placeholder"; "description": "description"; }, {}, never, ["[error]"], false, never>;
+}

package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { ProgressDonut } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+export declare class UploadDragDropComponent extends AbstractComponent {
+    /**
+     * The accepted file type to upload <br>
+     * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
+     * @example application/pdf,image/png
+     * @default *
+     */
+    accept: string;
+    /**
+     * Fired when file start to upload
+     */
+    fileStartUpload: EventEmitter<File>;
+    isDragover: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    donut?: ProgressDonut;
+    private donutElement?;
+    filename?: string;
+    extension?: string;
+    fileSize?: string;
+    ngAfterViewInit(): void;
+    onDragOver(evt: DragEvent): void;
+    onDragLeave(evt: DragEvent): void;
+    onDrop(evt: DragEvent): void;
+    /**
+     * On load file from input
+     * @param event
+     */
+    onLoadFile(event: Event): void;
+    /**
+     * Start the upload file
+     * @param file
+     */
+    start(file: File): void;
+    /**
+     * Percentage of upload
+     * @param value the percentage [0 - 100]
+     */
+    progress(value: number): void;
+    /**
+     * Upload success
+     */
+    success(): void;
+    /**
+     * Reset file uploader
+     */
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadDragDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDragDropComponent, "it-upload-drag-drop", ["itUploadDragDrop"], { "accept": "accept"; }, { "fileStartUpload": "fileStartUpload"; }, never, never, false, never>;
+}