smart-webcomponents-angular
Version:
[](https://jqwidgets.com/license/)
630 lines (622 loc) • 37.8 kB
JavaScript
if(typeof window !== 'undefined') {
if (!window['Smart']) {
window['Smart'] = { RenderMode: 'manual' };
}
else {
window['Smart'].RenderMode = 'manual';
}
}
import './../source/modules/smart.fileupload';
import * as i0 from '@angular/core';
import { EventEmitter, Directive, Output, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
class BaseElement {
constructor(ref) {
this.onCreate = new EventEmitter();
this.onReady = new EventEmitter();
this.onAttach = new EventEmitter();
this.onDetach = new EventEmitter();
const that = this;
this.nativeElement = ref.nativeElement;
that.nativeElement.onAttached = () => {
that.onAttach.emit(that.nativeElement);
};
that.nativeElement.onDetached = () => {
that.onDetach.emit(that.nativeElement);
};
}
addEventListener(type, listener, options = false) {
this.nativeElement.addEventListener(type, listener, options);
}
removeEventListener(type, listener, options = false) {
this.nativeElement.removeEventListener(type, listener, options);
}
dispatchEvent(event) {
return this.nativeElement.dispatchEvent(event);
}
blur() {
this.nativeElement.blur();
}
click() {
this.nativeElement.click();
}
focus(options) {
this.nativeElement.focus(options);
}
/** @description Sets or gets the license. */
get license() {
return this.nativeElement ? this.nativeElement.license : undefined;
}
set license(value) {
this.nativeElement ? this.nativeElement.license = value : undefined;
}
/** @description Sets or gets the language. Used in conjunction with the property messages. */
get locale() {
return this.nativeElement ? this.nativeElement.locale : undefined;
}
set locale(value) {
this.nativeElement ? this.nativeElement.locale = value : undefined;
}
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
get localizeFormatFunction() {
return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
}
set localizeFormatFunction(value) {
this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
}
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. */
get messages() {
return this.nativeElement ? this.nativeElement.messages : undefined;
}
set messages(value) {
this.nativeElement ? this.nativeElement.messages = value : undefined;
}
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
get rightToLeft() {
return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
}
set rightToLeft(value) {
this.nativeElement ? this.nativeElement.rightToLeft = value : undefined;
}
/** @description Determines the theme. Theme defines the look of the element */
get theme() {
return this.nativeElement ? this.nativeElement.theme : undefined;
}
set theme(value) {
this.nativeElement ? this.nativeElement.theme = value : undefined;
}
}
BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: BaseElement, inputs: { license: "license", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, decorators: [{
type: Directive
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
type: Output
}], onReady: [{
type: Output
}], onAttach: [{
type: Output
}], onDetach: [{
type: Output
}], license: [{
type: Input
}], locale: [{
type: Input
}], localizeFormatFunction: [{
type: Input
}], messages: [{
type: Input
}], rightToLeft: [{
type: Input
}], theme: [{
type: Input
}] } });
let Smart;
if (typeof window !== "undefined") {
Smart = window.Smart;
}
class FileUploadComponent extends BaseElement {
constructor(ref) {
super(ref);
this.eventHandlers = [];
/** @description This event is triggered whenever a user selects a file, such as through a file input element. It occurs immediately after the file selection is made and can be used to handle or validate the chosen file(s) before further processing, such as uploading or previewing them.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index)
* filename - The name of the selected file.
* type - The type of the selected file.
* size - The size of the selected file.
* index - The index of the selected file.
*/
this.onFileSelected = new EventEmitter();
/** @description This event is triggered when a user actively cancels an ongoing file upload process. It indicates that the file transfer has been intentionally terminated before completion, either by user action or programmatic intervention.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index)
* filename - The name of the canceled file.
* type - The type of the canceled file.
* size - The size of the canceled file.
* index - The index of the canceled file.
*/
this.onUploadCanceled = new EventEmitter();
/** @description This event is triggered when a file upload process has finished, indicating that the file has been successfully transmitted to the server or the upload has reached its final state (either success or failure). It can be used to execute follow-up actions, such as displaying a confirmation message, updating the user interface, or processing the uploaded file, once the upload operation is complete.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index, status, serverResponse)
* filename - The name of the canceled file.
* type - The type of the canceled file.
* size - The size of the canceled file.
* index - The index of the canceled file.
* status - The status of the uploaded file. Whether there was an error or success.
* serverResponse - The response of the remote server.
*/
this.onUploadCompleted = new EventEmitter();
/** @description This event is triggered if an error occurs during the file upload process, causing the upload to fail. It provides information about the failure, allowing you to implement custom error handling or user notifications when a file cannot be successfully uploaded.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index, status)
* filename - The name of the canceled file.
* type - The type of the canceled file.
* size - The size of the canceled file.
* index - The index of the canceled file.
* status - The status of the uploaded file. Whether there was an error or success.
*/
this.onUploadError = new EventEmitter();
/** @description This event is triggered when an ongoing file upload process is temporarily halted by the user or application. It indicates that the upload is not complete and may be resumed or canceled at a later time. Event listeners can use this event to update the user interface, save upload progress, or handle other logic related to the paused upload state.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index)
* filename - The name of the paused file.
* type - The type of the paused file.
* size - The size of the paused file.
* index - The index of the paused file.
*/
this.onUploadPaused = new EventEmitter();
/** @description This event is triggered when a file upload process initiates, signaling that the uploading of one or more files has begun. It can be used to perform preparatory actions such as updating the user interface, initializing progress indicators, or logging the start of the file transfer.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size, index)
* filename - The name of the file that is being uploaded.
* type - The type of the file that is being uploaded.
* size - The size of the file that is being uploaded.
* index - The index of the file that is being uploaded.
*/
this.onUploadStarted = new EventEmitter();
/** @description This event is triggered when the user-defined 'validateFile' callback function returns a failure result, indicating that the provided file did not meet the specified validation criteria.
* @param event. The custom event. Custom event was created with: event.detail( filename, type, size)
* filename - The name of the file which validation has failed.
* type - The type of the file which validation has failed.
* size - The size of the file which validation has failed.
*/
this.onValidationError = new EventEmitter();
this.nativeElement = ref.nativeElement;
}
/** @description Creates the component on demand.
* @param properties An optional object of properties, which will be added to the template binded ones.
*/
createComponent(properties = {}) {
this.nativeElement = document.createElement('smart-file-upload');
for (let propertyName in properties) {
this.nativeElement[propertyName] = properties[propertyName];
}
return this.nativeElement;
}
/** @description Defines the file types that are allowed for upload by specifying accepted MIME types or file extensions. This property maps directly to the HTML accept attribute on the hidden file input element, which determines which files users can select in the file dialog. These files are then uploaded to the server endpoint specified in the uploadUrl property. Setting this property ensures that only files matching the specified types can be chosen and submitted. */
get accept() {
return this.nativeElement ? this.nativeElement.accept : undefined;
}
set accept(value) {
this.nativeElement ? this.nativeElement.accept = value : undefined;
}
/** @description Specifies or retrieves the current animation mode. When set to 'none', all animations are disabled and transitions will not be applied. Use this property to control whether animations are enabled or disabled within the component or element. */
get animation() {
return this.nativeElement ? this.nativeElement.animation : undefined;
}
set animation(value) {
this.nativeElement ? this.nativeElement.animation = value : undefined;
}
/** @description Appends the selected files list to a custom container specified by the user. If the property value is a string, it must correspond to the ID of an existing HTML element in the DOM. This element will serve as the new container where the uploaded files list will be rendered. If the provided ID does not match any element in the DOM, the operation will not proceed. This allows developers to control exactly where the files list appears in the application's interface. */
get appendTo() {
return this.nativeElement ? this.nativeElement.appendTo : undefined;
}
set appendTo(value) {
this.nativeElement ? this.nativeElement.appendTo = value : undefined;
}
/** @description Determines whether files are automatically uploaded immediately after they are selected by the user. When set to true, the upload process begins as soon as files are chosen; when false, uploading must be triggered manually. */
get autoUpload() {
return this.nativeElement ? this.nativeElement.autoUpload : undefined;
}
set autoUpload(value) {
this.nativeElement ? this.nativeElement.autoUpload = value : undefined;
}
/** @description Enables users to upload an entire directory at once, including all files contained within any nested subfolders. When this option is selected, the upload process will automatically include every file from the selected directory and its subdirectories. Note: This feature is currently supported only in Firefox and Chrome browsers. */
get directory() {
return this.nativeElement ? this.nativeElement.directory : undefined;
}
set directory(value) {
this.nativeElement ? this.nativeElement.directory = value : undefined;
}
/** @description Controls whether the element is interactive or not. When enabled, the element can be interacted with by the user; when disabled, the element appears inactive and does not respond to user input. */
get disabled() {
return this.nativeElement ? this.nativeElement.disabled : undefined;
}
set disabled(value) {
this.nativeElement ? this.nativeElement.disabled = value : undefined;
}
/** @description Specifies a custom container element to serve as the drop zone for file uploads. When files are dropped onto this container, they will be added to the fileUpload component’s file list. If the 'dropZone' property is set to true, the component will use its internal default drop zone. If 'dropZone' is assigned the ID of an existing HTML element in the DOM, that particular element will be used as the drop zone area for file uploads instead. This allows for flexible placement and styling of the drop zone within your application. */
get dropZone() {
return this.nativeElement ? this.nativeElement.dropZone : undefined;
}
set dropZone(value) {
this.nativeElement ? this.nativeElement.dropZone = value : undefined;
}
/** @description Conceals the entire footer section, including all of its contents—specifically the "Upload All," "Pause All," and "Close All" buttons—preventing users from accessing these actions. */
get hideFooter() {
return this.nativeElement ? this.nativeElement.hideFooter : undefined;
}
set hideFooter(value) {
this.nativeElement ? this.nativeElement.hideFooter = value : undefined;
}
/** @description Enhances the file item display by applying a custom template to each item in the uploaded files list. This allows you to define the appearance and layout of uploaded file entries, enabling features such as displaying file names, sizes, icons, previews, or custom actions within each file item. */
get itemTemplate() {
return this.nativeElement ? this.nativeElement.itemTemplate : undefined;
}
set itemTemplate(value) {
this.nativeElement ? this.nativeElement.itemTemplate = value : undefined;
}
/** @description Defines the unlockKey property, which is used to retrieve or assign the unique key required to unlock access to the product. Setting this key grants authorization for product usage, while getting it returns the current unlock key in use. */
get unlockKey() {
return this.nativeElement ? this.nativeElement.unlockKey : undefined;
}
set unlockKey(value) {
this.nativeElement ? this.nativeElement.unlockKey = value : undefined;
}
/** @description Specifies or retrieves the current language setting for displaying messages. This property works together with the messages property to select the appropriate set of localized text based on the chosen language code (e.g., "en", "fr", "es"). Use this property to dynamically change or access the language used in your application's user interface. */
get locale() {
return this.nativeElement ? this.nativeElement.locale : undefined;
}
set locale(value) {
this.nativeElement ? this.nativeElement.locale = value : undefined;
}
/** @description A callback function that allows you to customize the format of messages returned by the Localization Module. Use this to modify how localized messages are structured or displayed before they are delivered to your application. */
get localizeFormatFunction() {
return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
}
set localizeFormatFunction(value) {
this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
}
/** @description Configures the text labels displayed in the widget interface, enabling support for localization and customization of user-facing messages. The localization object should contain the following fields: browse, pauseFile, cancelFile, uploadFile, pauseAll, cancelAll, and uploadAll—each representing the corresponding action's text label. For optimal results and proper display, set these localization messages before the widget element is initialized. */
get messages() {
return this.nativeElement ? this.nativeElement.messages : undefined;
}
set messages(value) {
this.nativeElement ? this.nativeElement.messages = value : undefined;
}
/** @description Specifies or retrieves whether users are permitted to select and upload multiple items simultaneously. When enabled, users can choose more than one file or item within the upload interface. */
get multiple() {
return this.nativeElement ? this.nativeElement.multiple : undefined;
}
set multiple(value) {
this.nativeElement ? this.nativeElement.multiple = value : undefined;
}
/** @description Gets or sets the name attribute of the hidden file input element. This name is used as the key in the form data when files are uploaded to the server via the URL specified in the uploadUrl property. */
get name() {
return this.nativeElement ? this.nativeElement.name : undefined;
}
set name(value) {
this.nativeElement ? this.nativeElement.name = value : undefined;
}
/** @description When an element is set to readonly, users can view its content but cannot modify or edit it. However, unlike disabled elements, readonly elements remain focusable and their content can typically still be selected and copied. This property is commonly applied to input fields and textareas to prevent changes while allowing visibility and text selection. */
get readonly() {
return this.nativeElement ? this.nativeElement.readonly : undefined;
}
set readonly(value) {
this.nativeElement ? this.nativeElement.readonly = value : undefined;
}
/** @description A callback function designed to process server responses, allowing you to handle successful results as well as different error codes and statuses returned from the server. This enables customized handling of success, failure, and edge-case scenarios based on the server’s response. */
get responseHandler() {
return this.nativeElement ? this.nativeElement.responseHandler : undefined;
}
set responseHandler(value) {
this.nativeElement ? this.nativeElement.responseHandler = value : undefined;
}
/** @description Sets or retrieves a value that determines whether the element's alignment supports right-to-left (RTL) text direction, which is commonly used for languages such as Arabic or Hebrew. When enabled, the element and its content are visually aligned to accommodate RTL locales, ensuring proper display and user interface behavior for RTL language users. */
get rightToLeft() {
return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
}
set rightToLeft(value) {
this.nativeElement ? this.nativeElement.rightToLeft = value : undefined;
}
/** @description A callback function that allows you to modify or set custom headers for the XMLHttpRequest (XHR) used during the file upload process. This function receives the XHR object as a parameter, enabling you to add, update, or remove HTTP headers before the request is sent. */
get setHeaders() {
return this.nativeElement ? this.nativeElement.setHeaders : undefined;
}
set setHeaders(value) {
this.nativeElement ? this.nativeElement.setHeaders = value : undefined;
}
/** @description Displays a visual progress bar at the bottom of each item being uploaded, providing real-time feedback on the upload status. The progress bar dynamically updates to reflect the current percentage of the upload completed for each individual item, allowing users to easily track the progress of their uploads. */
get showProgress() {
return this.nativeElement ? this.nativeElement.showProgress : undefined;
}
set showProgress(value) {
this.nativeElement ? this.nativeElement.showProgress = value : undefined;
}
/** @description Specifies the theme to be applied to the element. The selected theme controls the visual appearance—including colors, fonts, and overall style—ensuring that the element’s look is consistent with the desired design scheme. */
get theme() {
return this.nativeElement ? this.nativeElement.theme : undefined;
}
set theme(value) {
this.nativeElement ? this.nativeElement.theme = value : undefined;
}
/** @description Specifies or retrieves the URL endpoint to which files will be uploaded. This property directly maps to the action attribute of the upload form. For instance, the uploadUrl property can be set to the path of a server-side script, such as a PHP, Node.js, or ASP.NET file, responsible for processing and handling the file upload operation on the server. Use this property to define where uploaded files should be sent for server-side handling. */
get uploadUrl() {
return this.nativeElement ? this.nativeElement.uploadUrl : undefined;
}
set uploadUrl(value) {
this.nativeElement ? this.nativeElement.uploadUrl = value : undefined;
}
/** @description If set to true, the element is not focusable and cannot receive keyboard or programmatic focus. */
get unfocusable() {
return this.nativeElement ? this.nativeElement.unfocusable : undefined;
}
set unfocusable(value) {
this.nativeElement ? this.nativeElement.unfocusable = value : undefined;
}
/** @description Sets or retrieves the URL endpoint used for the remove operation. This property corresponds to the form's action attribute and determines where the form data is submitted when a remove action is triggered. For example, the removeUrl property can be set to the path of a server-side script, such as a PHP file, which processes and handles the remove request on the backend. */
get removeUrl() {
return this.nativeElement ? this.nativeElement.removeUrl : undefined;
}
set removeUrl(value) {
this.nativeElement ? this.nativeElement.removeUrl = value : undefined;
}
/** @description Retrieves the value of the uploaded file, such as the file’s name, path, size, or content, depending on the context and configuration of the file upload input. This function allows access to the selected file’s details for further processing, validation, or storage. */
get value() {
return this.nativeElement ? this.nativeElement.value : undefined;
}
set value(value) {
this.nativeElement ? this.nativeElement.value = value : undefined;
}
/** @description Callback invoked immediately after files are selected to perform validation. Should return a boolean value: if true, the file is accepted; if false, the file is removed from the selection list and a 'validationError' event is triggered. */
get validateFile() {
return this.nativeElement ? this.nativeElement.validateFile : undefined;
}
set validateFile(value) {
this.nativeElement ? this.nativeElement.validateFile = value : undefined;
}
/** @description Displays a popup dialog that allows the user to browse their local device and select a file to upload or process.
*/
browse() {
if (this.nativeElement.isRendered) {
this.nativeElement.browse();
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.browse();
});
}
}
/** @description Cancels all currently selected files. This action removes the files from the selection list and ensures that they are not uploaded. Any ongoing or pending uploads for these files are also stopped, preventing them from being transferred to the server.
*/
cancelAll() {
if (this.nativeElement.isRendered) {
this.nativeElement.cancelAll();
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.cancelAll();
});
}
}
/** @description Cancels the specified file's upload process. This action immediately removes the file from the file list and prevents it from being uploaded or processed any further.
* @param {number} index. Index of the file which will be canceled.
*/
cancelFile(index) {
if (this.nativeElement.isRendered) {
this.nativeElement.cancelFile(index);
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.cancelFile(index);
});
}
}
/** @description Pauses the upload process for all files, temporarily halting any active uploads. While uploads are paused and new uploads cannot be started, the files themselves remain visible and accessible in the file list. No files are removed or lost during this pause; uploading can be resumed at a later time.
*/
pauseAll() {
if (this.nativeElement.isRendered) {
this.nativeElement.pauseAll();
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.pauseAll();
});
}
}
/** @description Pauses the upload process for the file at the specified index. The upload for this file is temporarily suspended, preventing any data transfer, but the file itself remains listed in the upload queue. This allows for the upload to be resumed or managed at a later time without removing the file from the list.
* @param {number} id. Index of the file which will be paused.
*/
pauseFile(id) {
if (this.nativeElement.isRendered) {
this.nativeElement.pauseFile(id);
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.pauseFile(id);
});
}
}
/** @description Uploads every file selected by the user to the server. Handles multiple files simultaneously and ensures each file is processed for upload.
*/
uploadAll() {
if (this.nativeElement.isRendered) {
this.nativeElement.uploadAll();
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.uploadAll();
});
}
}
/** @description Allows the user to select a file from their local device and upload it to the server for processing or storage.
* @param {number} id. Index of the file which will be uploaded.
*/
uploadFile(id) {
if (this.nativeElement.isRendered) {
this.nativeElement.uploadFile(id);
}
else {
this.nativeElement.whenRendered(() => {
this.nativeElement.uploadFile(id);
});
}
}
get isRendered() {
return this.nativeElement ? this.nativeElement.isRendered : false;
}
ngOnInit() {
}
ngAfterViewInit() {
const that = this;
that.onCreate.emit(that.nativeElement);
if (Smart)
Smart.Render();
this.nativeElement.classList.add('smart-angular');
if (this.nativeElement.whenRendered)
this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
this.listen();
}
ngOnDestroy() {
this.unlisten();
}
ngOnChanges(changes) {
if (this.nativeElement && this.nativeElement.isRendered) {
for (const propName in changes) {
if (changes.hasOwnProperty(propName)) {
this.nativeElement[propName] = changes[propName].currentValue;
}
}
}
}
/** @description Add event listeners. */
listen() {
const that = this;
that.eventHandlers['fileSelectedHandler'] = (event) => { that.onFileSelected.emit(event); };
that.nativeElement.addEventListener('fileSelected', that.eventHandlers['fileSelectedHandler']);
that.eventHandlers['uploadCanceledHandler'] = (event) => { that.onUploadCanceled.emit(event); };
that.nativeElement.addEventListener('uploadCanceled', that.eventHandlers['uploadCanceledHandler']);
that.eventHandlers['uploadCompletedHandler'] = (event) => { that.onUploadCompleted.emit(event); };
that.nativeElement.addEventListener('uploadCompleted', that.eventHandlers['uploadCompletedHandler']);
that.eventHandlers['uploadErrorHandler'] = (event) => { that.onUploadError.emit(event); };
that.nativeElement.addEventListener('uploadError', that.eventHandlers['uploadErrorHandler']);
that.eventHandlers['uploadPausedHandler'] = (event) => { that.onUploadPaused.emit(event); };
that.nativeElement.addEventListener('uploadPaused', that.eventHandlers['uploadPausedHandler']);
that.eventHandlers['uploadStartedHandler'] = (event) => { that.onUploadStarted.emit(event); };
that.nativeElement.addEventListener('uploadStarted', that.eventHandlers['uploadStartedHandler']);
that.eventHandlers['validationErrorHandler'] = (event) => { that.onValidationError.emit(event); };
that.nativeElement.addEventListener('validationError', that.eventHandlers['validationErrorHandler']);
}
/** @description Remove event listeners. */
unlisten() {
const that = this;
if (that.eventHandlers['fileSelectedHandler']) {
that.nativeElement.removeEventListener('fileSelected', that.eventHandlers['fileSelectedHandler']);
}
if (that.eventHandlers['uploadCanceledHandler']) {
that.nativeElement.removeEventListener('uploadCanceled', that.eventHandlers['uploadCanceledHandler']);
}
if (that.eventHandlers['uploadCompletedHandler']) {
that.nativeElement.removeEventListener('uploadCompleted', that.eventHandlers['uploadCompletedHandler']);
}
if (that.eventHandlers['uploadErrorHandler']) {
that.nativeElement.removeEventListener('uploadError', that.eventHandlers['uploadErrorHandler']);
}
if (that.eventHandlers['uploadPausedHandler']) {
that.nativeElement.removeEventListener('uploadPaused', that.eventHandlers['uploadPausedHandler']);
}
if (that.eventHandlers['uploadStartedHandler']) {
that.nativeElement.removeEventListener('uploadStarted', that.eventHandlers['uploadStartedHandler']);
}
if (that.eventHandlers['validationErrorHandler']) {
that.nativeElement.removeEventListener('validationError', that.eventHandlers['validationErrorHandler']);
}
}
}
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
FileUploadComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: FileUploadComponent, selector: "smart-file-upload, [smart-file-upload]", inputs: { accept: "accept", animation: "animation", appendTo: "appendTo", autoUpload: "autoUpload", directory: "directory", disabled: "disabled", dropZone: "dropZone", hideFooter: "hideFooter", itemTemplate: "itemTemplate", unlockKey: "unlockKey", locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", multiple: "multiple", name: "name", readonly: "readonly", responseHandler: "responseHandler", rightToLeft: "rightToLeft", setHeaders: "setHeaders", showProgress: "showProgress", theme: "theme", uploadUrl: "uploadUrl", unfocusable: "unfocusable", removeUrl: "removeUrl", value: "value", validateFile: "validateFile" }, outputs: { onFileSelected: "onFileSelected", onUploadCanceled: "onUploadCanceled", onUploadCompleted: "onUploadCompleted", onUploadError: "onUploadError", onUploadPaused: "onUploadPaused", onUploadStarted: "onUploadStarted", onValidationError: "onValidationError" }, exportAs: ["smart-file-upload"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadComponent, decorators: [{
type: Directive,
args: [{
exportAs: 'smart-file-upload', selector: 'smart-file-upload, [smart-file-upload]'
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { accept: [{
type: Input
}], animation: [{
type: Input
}], appendTo: [{
type: Input
}], autoUpload: [{
type: Input
}], directory: [{
type: Input
}], disabled: [{
type: Input
}], dropZone: [{
type: Input
}], hideFooter: [{
type: Input
}], itemTemplate: [{
type: Input
}], unlockKey: [{
type: Input
}], locale: [{
type: Input
}], localizeFormatFunction: [{
type: Input
}], messages: [{
type: Input
}], multiple: [{
type: Input
}], name: [{
type: Input
}], readonly: [{
type: Input
}], responseHandler: [{
type: Input
}], rightToLeft: [{
type: Input
}], setHeaders: [{
type: Input
}], showProgress: [{
type: Input
}], theme: [{
type: Input
}], uploadUrl: [{
type: Input
}], unfocusable: [{
type: Input
}], removeUrl: [{
type: Input
}], value: [{
type: Input
}], validateFile: [{
type: Input
}], onFileSelected: [{
type: Output
}], onUploadCanceled: [{
type: Output
}], onUploadCompleted: [{
type: Output
}], onUploadError: [{
type: Output
}], onUploadPaused: [{
type: Output
}], onUploadStarted: [{
type: Output
}], onValidationError: [{
type: Output
}] } });
class FileUploadModule {
}
FileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
FileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadModule, declarations: [FileUploadComponent], exports: [FileUploadComponent] });
FileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FileUploadModule, decorators: [{
type: NgModule,
args: [{
declarations: [FileUploadComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
exports: [FileUploadComponent]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { FileUploadComponent, FileUploadModule, Smart };
//# sourceMappingURL=smart-webcomponents-angular-fileupload.mjs.map