@progress/kendo-angular-upload 8.0.0 → 9.0.0-next.202202241540

package/bundles/kendo-angular-upload.umd.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("rxjs"),require("rxjs/operators"),require("@progress/kendo-licensing"),require("@angular/common/http"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularUpload",["exports","@angular/core","@angular/forms","@progress/kendo-angular-l10n","@progress/kendo-angular-common","rxjs","rxjs/operators","@progress/kendo-licensing","@angular/common/http","@angular/animations","@angular/common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularUpload={},e.ng.core,e.ng.forms,e.KendoAngularL10N,e.KendoAngularCommon,e.rxjs,e.rxjs.operators,e.KendoLicensing,e.ng.common.http,e.ng.animations,e.ng.common)}(this,function(p,c,r,l,u,d,f,h,m,e,g){"use strict";function y(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}var t=y(c),v=y(l),b=y(m),k=y(g),F={name:"@progress/kendo-angular-upload",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1645717149,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},S=function(e,t){return(S=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function I(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}S(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function C(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return{value:(e=e&&i>=e.length?void 0:e)&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;p.FileState=void 0,(n=p.FileState||(p.FileState={}))[n.Failed=0]="Failed",n[n.Initial=1]="Initial",n[n.Selected=2]="Selected",n[n.Uploaded=3]="Uploaded",n[n.Uploading=4]="Uploading",n[n.Paused=5]="Paused";E.prototype.add=function(e){var t=e.uid;this.has(t)?e.validationErrors&&0<e.validationErrors.length?this._files[t].unshift(e):this._files[t].push(e):this._files[t]=[e]},E.prototype.remove=function(e){this.has(e)&&(this._files[e]=null,delete this._files[e])},E.prototype.clear=function(){var t,e,n,i=this._files;for(n in i)if(i.hasOwnProperty(n)){try{t=void 0;for(var o=C(i[n]),s=o.next();!s.done;s=o.next()){var a=s.value;a.httpSubscription&&a.httpSubscription.unsubscribe()}}catch(e){t={error:e}}finally{try{s&&!s.done&&(e=o.return)&&e.call(o)}finally{if(t)throw t.error}}i[n]=null,delete i[n]}},E.prototype.has=function(e){return e in this._files},E.prototype.get=function(e){return this._files[e]},E.prototype.setFilesState=function(e,t){var n,i;try{for(var o=C(e),s=o.next();!s.done;s=o.next()){var a=s.value;this.setFilesStateByUid(a.uid,t)}}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}},E.prototype.setFilesStateByUid=function(e,t){this.get(e).forEach(function(e){e.state=t})},Object.defineProperty(E.prototype,"count",{get:function(){return Object.getOwnPropertyNames(this._files).length},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"files",{get:function(){var e,t=this._files,n=[];for(e in t)t.hasOwnProperty(e)&&n.push(t[e]);return n},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"filesFlat",{get:function(){var e,t=this._files,n=[];for(e in t)t.hasOwnProperty(e)&&t[e].forEach(function(e){n.push(e)});return n},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"filesToUpload",{get:function(){var t,e,n,i=this._files,o=[];for(n in i)if(i.hasOwnProperty(n)){var s=i[n],a=!0;try{t=void 0;for(var r=C(s),l=r.next();!l.done;l=r.next()){var c=l.value;(c.state!==p.FileState.Selected||c.validationErrors&&0<c.validationErrors.length)&&(a=!1)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}a&&o.push(s)}return o},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"firstFileToUpload",{get:function(){var t,e,n,i=this._files;for(n in i)if(i.hasOwnProperty(n)){var o=i[n],s=!0;try{t=void 0;for(var a=C(o),r=a.next();!r.done;r=a.next()){var l=r.value;(l.state!==p.FileState.Selected||l.validationErrors&&0<l.validationErrors.length)&&(s=!1)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}if(s)return o}return null},enumerable:!1,configurable:!0}),E.prototype.getFilesWithState=function(t){return this.filesFlat.filter(function(e){return e.state===t})},E.prototype.hasFileWithState=function(e){var t,n,i,o=this._files;for(i in o)if(o.hasOwnProperty(i)){var s=o[i];try{t=void 0;for(var a=C(s),r=a.next();!r.done;r=a.next()){var l=r.value;if(0<=e.indexOf(l.state))return!0}}catch(e){t={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}}return!1};var x=E;function E(){this._files={}}var D=function(e){this.files=e},n=(T.prototype.preventDefault=function(){this.prevented=!0},T.prototype.isDefaultPrevented=function(){return this.prevented},T);function T(){this.prevented=!1}I(B,w=n);var w,U=B;function B(){return w.call(this)||this}var z,P=function(e,t,n){this.files=e,this.operation=t,this.response=n},L=function(e){this.file=e},O=(I(M,z=n),M);function M(e,t){var n=z.call(this)||this;return n.files=e,n.headers=t,n}var R,V=function(e){this.file=e},j=(I(H,R=n),H);function H(e){var t=R.call(this)||this;return t.files=e,t}I(_,A=n);var A,N=_;function _(e,t,n){var i=A.call(this)||this;return i.files=e,i.operation=t,i.response=n,i}I($,Z=n);var Z,K=$;function $(e,t){var n=Z.call(this)||this;return n.files=e,n.headers=t,n}function q(e){return!!(e instanceof Object&&e.hasOwnProperty("name"))}function W(e){return e.extension=e.extension||re(e.name),e.name=e.name,e.size=e.size||0,e.hasOwnProperty("state")||(e.state=p.FileState.Initial),e.hasOwnProperty("uid")||(e.uid=u.guid()),e}function G(e){var t=e.name,n=e.size;return{extension:re(t),name:t,rawFile:e,size:n,state:p.FileState.Selected}}function X(e){for(var t=new Array,n=0;n<e.length;n++)t.push(G(e[n]));return t}function Q(e){return!!(e.validationErrors&&0<e.validationErrors.length)}function Y(e){var t,n;try{for(var i=C(e),o=i.next();!o.done;o=i.next()){var s=o.value;if(Q(s))return!0}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}return!1}function J(e){return e.files?X(e.files):e.value.split("|").map(function(e,t){var n,e=e.trim();return{extension:re(e),name:-1!==(n=(e=e).lastIndexOf("\\"))?e.substr(n+1):e,rawFile:null,size:1e3*(t+1),state:p.FileState.Selected}})}function ee(e,t){var n=u.guid();return e.map(function(e){return e.uid=t?u.guid():n,e})}function te(e){return String(e).trim().split(" ")}function ne(e,t){var n=te(t);return Boolean(te(e.className).find(function(e){return 0<=n.indexOf(e)}))}function ie(e,t){var n,i;return void 0===t&&(t=!0),!!e.tagName&&(n=e.tagName.toLowerCase(),i=null!==(i=e.getAttribute("tabIndex"))&&!isNaN(i)&&-1<i,(le.test(n)?!e.disabled:i)&&(!t||!(!(i=(n=e).getBoundingClientRect()).width||!i.height)&&"hidden"!==window.getComputedStyle(n).visibility))}function oe(e){return null!=e}var se=function(e,t){this.files=e,this.percentComplete=t},ae={audio:[".aif",".iff",".m3u",".m4a",".mid",".mp3",".mpa",".wav",".wma",".ogg",".wav",".wma",".wpl"],video:[".3g2",".3gp",".avi",".asf",".flv",".m4u",".rm",".h264",".m4v",".mkv",".mov",".mp4",".mpg",".rm",".swf",".vob",".wmv"],image:[".ai",".dds",".heic",".jpe","jfif",".jif",".jp2",".jps",".eps",".bmp",".gif",".jpeg",".jpg",".png",".ps",".psd",".svg",".svgz",".tif",".tiff"],txt:[".doc",".docx",".log",".pages",".tex",".wpd",".wps",".odt",".rtf",".text",".txt",".wks"],presentation:[".key",".odp",".pps",".ppt",".pptx"],data:[".xlr",".xls",".xlsx"],programming:[".tmp",".bak",".msi",".cab",".cpl",".cur",".dll",".dmp",".drv",".icns",".ico",".link",".sys",".cfg",".ini",".asp",".aspx",".cer",".csr",".css",".dcr",".htm",".html",".js",".php",".rss",".xhtml"],pdf:[".pdf"],config:[".apk",".app",".bat",".cgi",".com",".exe",".gadget",".jar",".wsf"],zip:[".7z",".cbr",".gz",".sitx",".arj",".deb",".pkg",".rar",".rpm",".tar.gz",".z",".zip",".zipx"],discImage:[".dmg",".iso",".toast",".vcd",".bin",".cue",".mdf"]},re=function(e){e=e.match(/\.([^\.]+)$/);return e?e[0]:""},le=/^(?:a|input|select|textarea|button|object)$/i,ce="k-icon k-select k-input k-multiselect-wrap",pe="k-upload-button k-clear-selected k-upload-selected k-upload-action",ue=(de.prototype.add=function(e,t){t={index:0,position:0,retries:0,totalChunks:t};return this._files[e]=t},de.prototype.remove=function(e){this.has(e)&&(this._files[e]=null,delete this._files[e])},de.prototype.has=function(e){return e in this._files},de.prototype.get=function(e){return this._files[e]},de);function de(){this._files={}}Object.defineProperty(o.prototype,"files",{get:function(){return this.fileList},enumerable:!1,configurable:!0}),o.prototype.setChunkSettings=function(e){!1!==e&&(this.async.chunk=!0,"object"==typeof e&&(this.chunk=Object.assign({},this.chunk,e)))},o.prototype.onChange=function(){var e=this.fileList.filesFlat.filter(function(e){return e.state===p.FileState.Initial||e.state===p.FileState.Uploaded});this.changeEvent.emit(0<e.length?e:null)},o.prototype.addFiles=function(e){var t,n,i=new j(e);if(this.selectEvent.emit(i),!i.isDefaultPrevented()){try{for(var o=C(e),s=o.next();!s.done;s=o.next()){var a=s.value;this.fileList.add(a)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}this.async.autoUpload&&this.uploadFiles()}"FileSelect"===this.component&&(i=this.fileList.filesFlat,this.changeEvent.emit(0<i.length?i:null))},o.prototype.addInitialFiles=function(e){var t=this;this.fileList.clear(),e.forEach(function(e){e=W(e);t.fileList.add(e)})},o.prototype.addInitialFileSelectFiles=function(e){var t=this;this.fileList.clear(),e.forEach(function(e){e instanceof File?t.fileList.add(function(e){e=G(e);return e.uid=u.guid(),e.state=p.FileState.Selected,e}(e)):t.fileList.add(W(e))})},o.prototype.resumeFile=function(e){var t=this.fileList.get(e);this.resumeEvent.emit(new V(t[0])),this.fileList.setFilesStateByUid(e,p.FileState.Uploading),this._uploadFiles([t])},o.prototype.pauseFile=function(e){var t=this.fileList.get(e)[0];this.pauseEvent.emit(new L(t)),this.fileList.setFilesStateByUid(e,p.FileState.Paused)},o.prototype.removeFiles=function(e){var t=this.fileList.get(e),n=new O(t,this.cloneRequestHeaders(this.async.removeHeaders));this.removeEvent.emit(n),n.isDefaultPrevented()||("Upload"!==this.component||t[0].state!==p.FileState.Uploaded&&t[0].state!==p.FileState.Initial?(this.fileList.remove(e),"FileSelect"===this.component&&(e=this.fileList.filesFlat,this.changeEvent.emit(0<e.length?e:null))):this.performRemove(t,n))},o.prototype.cancelFiles=function(e){var t,n,i=this.fileList.get(e),o=new D(i);this.cancelEvent.emit(o);try{for(var s=C(i),a=s.next();!a.done;a=s.next()){var r=a.value;r.httpSubscription&&r.httpSubscription.unsubscribe()}}catch(e){t={error:e}}finally{try{a&&!a.done&&(n=s.return)&&n.call(s)}finally{if(t)throw t.error}}this.fileList.remove(e),this.checkAllComplete()},o.prototype.clearFiles=function(){var e=new U;this.clearEvent.emit(e),e.isDefaultPrevented()||(e=this.fileList.hasFileWithState([p.FileState.Initial,p.FileState.Uploaded]),this.fileList.clear(),e&&this.onChange())},o.prototype.uploadFiles=function(){var e=[];this.async.concurrent&&(e=this.fileList.filesToUpload),(e=this.async.concurrent||this.fileList.hasFileWithState([p.FileState.Uploading])?e:this.fileList.firstFileToUpload?[this.fileList.firstFileToUpload]:[])&&0<e.length&&this._uploadFiles(e)},o.prototype.retryFiles=function(e){e=[this.fileList.get(e)];this._uploadFiles(e)},o.prototype._uploadFiles=function(e){var t,n,i=this;try{for(var o=C(e),s=o.next();!s.done;s=o.next()){var a=function(e){if(e[0].state===p.FileState.Paused)return{value:void 0};var t,n=new K(e,i.cloneRequestHeaders(i.async.saveHeaders));i.uploadEvent.emit(n),n.isDefaultPrevented()?i.fileList.remove(e[0].uid):(i.fileList.setFilesState(e,p.FileState.Uploading),t=i.performUpload(e,n),e.forEach(function(e){e.httpSubscription=t}))}(s.value);if("object"==typeof a)return a.value}}catch(e){t={error:e}}finally{try{s&&!s.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}},o.prototype.performRemove=function(t,e){var n=this,i=this.async,o=t.map(function(e){return e.name}),o=this.populateRemoveFormData(o,e.data),e=this.populateRequestOptions(e.headers),i=new m.HttpRequest(i.removeMethod,i.removeUrl,o,e);this.http.request(i).subscribe(function(e){n.onSuccess(e,t,"remove")},function(e){n.onError(e,t,"remove")})},o.prototype.performUpload=function(t,e){var n=this,i=this.async,o=this.populateUploadFormData(t,e.data),e=this.populateRequestOptions(e.headers),i=new m.HttpRequest(i.saveMethod,i.saveUrl,o,e);return this.http.request(i).subscribe(function(e){e.type!==m.HttpEventType.UploadProgress||n.async.chunk?e instanceof m.HttpResponse&&(n.onSuccess(e,t,"upload"),n.checkAllComplete()):n.onProgress(e,t)},function(e){n.onError(e,t,"upload"),n.checkAllComplete()})},o.prototype.onSuccess=function(e,t,n){if("upload"===n&&this.async.chunk){if(this.onChunkProgress(t),!this.isChunkUploadComplete(t[0].uid))return this.updateChunkInfo(t[0].uid),void this._uploadFiles([t]);this.removeChunkInfo(t[0].uid)}e=new N(t,n,e);this.successEvent.emit(e),"upload"===n?this.fileList.setFilesState(t,e.isDefaultPrevented()?p.FileState.Failed:p.FileState.Uploaded):e.isDefaultPrevented()||this.fileList.remove(t[0].uid),e.isDefaultPrevented()||this.onChange()},o.prototype.onError=function(e,t,n){var i=this;if("upload"===n&&this.async.chunk){var o=this.chunk.maxAutoRetries,s=this.chunkMap.get(t[0].uid);if(s.retries<o)return s.retries+=1,void setTimeout(function(){i.retryFiles(t[0].uid)},this.chunk.autoRetryAfter)}o=new P(t,n,e);this.errorEvent.emit(o),"upload"===n&&this.fileList.setFilesState(t,p.FileState.Failed)},o.prototype.onProgress=function(e,t){e=Math.round(100*e.loaded/e.total),t=new se(t,e<100?e:100);this.uploadProgressEvent.emit(t)},o.prototype.onChunkProgress=function(e){var t=this.chunkMap.get(e[0].uid),n=0,t=(t&&(n=t.index===t.totalChunks-1?100:Math.round((t.index+1)/t.totalChunks*100)),new se(e,n<100?n:100));this.uploadProgressEvent.emit(t)},o.prototype.checkAllComplete=function(){!this.fileList.hasFileWithState([p.FileState.Uploading,p.FileState.Paused])&&this.areAllSelectedFilesHandled()?this.completeEvent.emit():this.shouldUploadNextFile()&&this.uploadFiles()},o.prototype.shouldUploadNextFile=function(){return!this.async.concurrent&&this.fileList.hasFileWithState([p.FileState.Selected])&&!this.fileList.hasFileWithState([p.FileState.Uploading])},o.prototype.areAllSelectedFilesHandled=function(){return 0===this.fileList.getFilesWithState(p.FileState.Selected).filter(function(e){return!e.validationErrors}).length},o.prototype.cloneRequestHeaders=function(t){var n={};return t&&t.keys().forEach(function(e){n[e]=t.get(e)}),new m.HttpHeaders(n)},o.prototype.populateRequestOptions=function(e){return{headers:e,reportProgress:!0,responseType:this.async.responseType,withCredentials:this.async.withCredentials}},o.prototype.populateUploadFormData=function(e,t){var n,i,o=this.async.saveField,s=new FormData;if(this.populateClientFormData(s,t),this.async.chunk)s.append(o,this.getNextChunk(e[0])),s.append("metadata",this.getChunkMetadata(e[0]));else try{for(var a=C(e),r=a.next();!r.done;r=a.next()){var l=r.value;s.append(o,l.rawFile)}}catch(e){n={error:e}}finally{try{r&&!r.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}return s},o.prototype.populateRemoveFormData=function(e,t){var n,i,o=new FormData;this.populateClientFormData(o,t);try{for(var s=C(e),a=s.next();!a.done;a=s.next()){var r=a.value;o.append(this.async.removeField,r)}}catch(e){n={error:e}}finally{try{a&&!a.done&&(i=s.return)&&i.call(s)}finally{if(n)throw n.error}}return o},o.prototype.populateClientFormData=function(e,t){for(var n in t)t.hasOwnProperty(n)&&e.append(n,t[n])},o.prototype.getNextChunk=function(e){var t=this.getChunkInfo(e),n=t.position+this.chunk.size;return e.rawFile.slice(t.position,n)},o.prototype.getChunkInfo=function(e){var t,n=this.chunkMap.get(e.uid);return n||(t=Math.ceil(e.size/this.chunk.size),n=this.chunkMap.add(e.uid,t)),n},o.prototype.updateChunkInfo=function(e){e=this.chunkMap.get(e);e.index<e.totalChunks-1&&(e.index+=1,e.position+=this.chunk.size,e.retries=0)},o.prototype.removeChunkInfo=function(e){this.chunkMap.remove(e)},o.prototype.getChunkMetadata=function(e){var t=this.chunkMap.get(e.uid),e={chunkIndex:t.index,contentType:e.rawFile.type,fileName:e.name,fileSize:e.size,fileUid:e.uid,totalChunks:t.totalChunks};return JSON.stringify(e)},o.prototype.isChunkUploadComplete=function(e){e=this.chunkMap.get(e);return!!e&&e.index+1===e.totalChunks};var i=o;function o(e){this.http=e,this.cancelEvent=new c.EventEmitter,this.clearEvent=new c.EventEmitter,this.completeEvent=new c.EventEmitter,this.errorEvent=new c.EventEmitter,this.pauseEvent=new c.EventEmitter,this.removeEvent=new c.EventEmitter,this.resumeEvent=new c.EventEmitter,this.selectEvent=new c.EventEmitter,this.successEvent=new c.EventEmitter,this.uploadEvent=new c.EventEmitter,this.uploadProgressEvent=new c.EventEmitter,this.changeEvent=new c.EventEmitter,this.async={autoUpload:!0,batch:!1,chunk:!1,concurrent:!0,removeField:"fileNames",removeHeaders:new m.HttpHeaders,removeMethod:"POST",removeUrl:"",responseType:"json",saveField:"files",saveHeaders:new m.HttpHeaders,saveMethod:"POST",saveUrl:"",withCredentials:!0},this.chunk={autoRetryAfter:100,size:1048576,maxAutoRetries:1,resumable:!0},this.component="Upload",this.chunkMap=new ue,this.fileList=new x}i.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:i,deps:[{token:b.HttpClient}],target:t.ɵɵFactoryTarget.Injectable}),i.ɵprov=t.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:i}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:i,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:b.HttpClient}]}});he.prototype.action=function(e){e=e.keyCode;return this.keyBindings[e]},he.prototype.process=function(e){var t=this.action(e);t&&t(e.shiftKey)},he.prototype.computeKeys=function(e){var t,n=this;this.keyBindings=((t={})[u.Keys.Enter]=function(){return n.handleEnter()},t[u.Keys.Escape]=function(){return n.handleEscape()},t[u.Keys.Delete]=function(){return n.handleDelete()},t[u.Keys.Tab]=function(e){return n.handleTab(e)},t[u.Keys.ArrowUp]=function(){return n.handleUp()},t[u.Keys.ArrowDown]=function(){return n.handleDown()},t[this.invertKeys(e,u.Keys.ArrowLeft,u.Keys.ArrowRight)]=function(){return n.handleLeft()},t[this.invertKeys(e,u.Keys.ArrowRight,u.Keys.ArrowLeft)]=function(){return n.handleRight()},t)},he.prototype.invertKeys=function(e,t,n){return"rtl"===e?n:t},he.prototype.focusSelectButton=function(){this.focused=!0,this._focusedIndex=-1,this.onSelectButtonFocus.emit()},he.prototype.handleEnter=function(){0<=this.lastIndex&&(this.focusedIndex<=this.lastFileIndex?this.onFileAction.emit(u.Keys.Enter):this.actionButtonsVisible&&this.focusedIndex<=this.lastIndex&&this.onActionButtonAction.emit(this.focusedIndex<this.lastIndex?"clear":"upload"))},he.prototype.handleDelete=function(){0<=this.focusedIndex&&this.focusedIndex<=this.lastFileIndex&&this.onFileAction.emit(u.Keys.Delete)},he.prototype.handleEscape=function(){0<=this.focusedIndex&&this.focusedIndex<=this.lastFileIndex&&this.onFileAction.emit(u.Keys.Escape)},he.prototype.handleLeft=function(){this.actionButtonsVisible&&this.focusedIndex===this.lastIndex&&(--this.focusedIndex,this.onActionButtonFocus.emit("clear"))},he.prototype.handleRight=function(){this.actionButtonsVisible&&this.focusedIndex===this.lastIndex-1&&(this.focusedIndex+=1,this.onActionButtonFocus.emit("upload"))},he.prototype.handleTab=function(e){0<=this.focusedIndex&&e?this.focusedIndex=-1:this.onTab.emit()},he.prototype.handleDown=function(){if(0<=this.lastIndex&&this.focusedIndex<this.lastIndex){if(this.focusedIndex<this.lastFileIndex)return this.focusedIndex+=1,void this.onFileFocus.emit(this.focusedIndex);this.actionButtonsVisible&&this.focusedIndex===this.lastFileIndex&&(this.focusedIndex+=1,this.onActionButtonFocus.emit("clear"))}},he.prototype.handleUp=function(){0<=this.lastIndex&&-1<this.focusedIndex&&(--this.focusedIndex,-1!==this.focusedIndex?this.focusedIndex<=this.lastFileIndex?this.onFileFocus.emit(this.focusedIndex):this.actionButtonsVisible&&this.focusedIndex<=this.lastIndex&&(this.focusedIndex=this.lastFileIndex,this.onFileFocus.emit(this.focusedIndex)):this.onSelectButtonFocus.emit())},Object.defineProperty(he.prototype,"focusedIndex",{get:function(){return this._focusedIndex},set:function(e){this.focused||this.onWrapperFocus.emit(),this._focusedIndex=e,this.focused=!0,0<=this._focusedIndex&&this._focusedIndex<=this.lastFileIndex&&this.onFileFocus.emit(e)},enumerable:!1,configurable:!0}),Object.defineProperty(he.prototype,"lastFileIndex",{get:function(){return this.actionButtonsVisible?this.lastIndex-2:this.lastIndex},enumerable:!1,configurable:!0}),Object.defineProperty(he.prototype,"lastIndex",{get:function(){var e=this.uploadService.files.count;return this.actionButtonsVisible?e+1:e-1},enumerable:!1,configurable:!0});var fe=he;function he(e){this.uploadService=e,this.onActionButtonAction=new c.EventEmitter,this.onActionButtonFocus=new c.EventEmitter,this.onFileAction=new c.EventEmitter,this.onFileFocus=new c.EventEmitter,this.onTab=new c.EventEmitter,this.onWrapperFocus=new c.EventEmitter,this.onSelectButtonFocus=new c.EventEmitter,this.actionButtonsVisible=!1,this.focused=!1,this._focusedIndex=-1}fe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:fe,deps:[{token:i}],target:t.ɵɵFactoryTarget.Injectable}),fe.ɵprov=t.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:fe}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:fe,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:i}]}});var n=function(e){this.templateRef=e},me=(n.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:n,deps:[{token:t.TemplateRef}],target:t.ɵɵFactoryTarget.Directive}),n.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]",ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:n,decorators:[{type:c.Directive,args:[{selector:"[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]"}]}],ctorParameters:function(){return[{type:t.TemplateRef}]}}),{}),ge=(ye.prototype.addComponent=function(e,t){this.has(t)?me[t].push(e):me[t]=[e]},ye.prototype.getComponents=function(e){return me[e]},ye.prototype.has=function(e){return e in me},ye);function ye(){}ge.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:ge,deps:[],target:t.ɵɵFactoryTarget.Injectable}),ge.ɵprov=t.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:ge}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:ge,decorators:[{type:c.Injectable}]});var ve=function(e){this.templateRef=e},be=(ve.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:ve,deps:[{token:t.TemplateRef}],target:t.ɵɵFactoryTarget.Directive}),ve.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ve,selector:"[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]",ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:ve,decorators:[{type:c.Directive,args:[{selector:"[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]"}]}],ctorParameters:function(){return[{type:t.TemplateRef}]}}),ke.prototype.focus=function(){this.element.nativeElement.focus()},Object.defineProperty(ke.prototype,"uidAttribute",{get:function(){return this.files[0].uid},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"tabIndex",{get:function(){return"-1"},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"kFileError",{get:function(){return this.files[0].state===p.FileState.Failed},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"kFileInvalid",{get:function(){return Y(this.files)},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"kFileProgress",{get:function(){return this.files[0].state===p.FileState.Uploading||this.files[0].state===p.FileState.Paused},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"kFileSuccess",{get:function(){return"Upload"===this.uploadService.component&&(this.files[0].state===p.FileState.Uploaded||this.files[0].state===p.FileState.Initial)},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"kStateFocused",{get:function(){return this.focused},enumerable:!1,configurable:!0}),ke.prototype.onFocus=function(){this.focused=!0},ke.prototype.onBlur=function(){this.focused=!1},ke.prototype.onClick=function(e){ie(e.target)||ne(e.target,ce)||(this.navigationService.focusedIndex=this.index)},ke);function ke(e,t,n){this.navigationService=t,this.uploadService=n,this.fileClass=!0,this.focused=!1,this.element=e}be.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,deps:[{token:t.ElementRef},{token:fe},{token:i}],target:t.ɵɵFactoryTarget.Directive}),be.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:be,selector:"[kendoUploadFileListItem]",inputs:{files:"files",index:"index"},host:{listeners:{focus:"onFocus()",blur:"onBlur()",click:"onClick($event)"},properties:{"class.k-file":"this.fileClass","attr.data-uid":"this.uidAttribute","attr.tabIndex":"this.tabIndex","class.k-file-error":"this.kFileError","class.k-file-invalid":"this.kFileInvalid","class.k-file-progress":"this.kFileProgress","class.k-file-success":"this.kFileSuccess","class.k-state-focused":"this.kStateFocused"}},ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,decorators:[{type:c.Directive,args:[{selector:"[kendoUploadFileListItem]"}]}],ctorParameters:function(){return[{type:t.ElementRef},{type:fe},{type:i}]},propDecorators:{files:[{type:c.Input}],index:[{type:c.Input}],fileClass:[{type:c.HostBinding,args:["class.k-file"]}],uidAttribute:[{type:c.HostBinding,args:["attr.data-uid"]}],tabIndex:[{type:c.HostBinding,args:["attr.tabIndex"]}],kFileError:[{type:c.HostBinding,args:["class.k-file-error"]}],kFileInvalid:[{type:c.HostBinding,args:["class.k-file-invalid"]}],kFileProgress:[{type:c.HostBinding,args:["class.k-file-progress"]}],kFileSuccess:[{type:c.HostBinding,args:["class.k-file-success"]}],kStateFocused:[{type:c.HostBinding,args:["class.k-state-focused"]}],onFocus:[{type:c.HostListener,args:["focus"]}],onBlur:[{type:c.HostListener,args:["blur"]}],onClick:[{type:c.HostListener,args:["click",["$event"]]}]}});Se.prototype.subscribeUploadProgress=function(e){this.uploadProgressSubscription=this.uploadService.uploadProgressEvent.subscribe(e)},Se.prototype.fileHasValidationErrors=Q,Se.prototype.filesHaveValidationErrors=Y,Se.prototype.ngOnDestroy=function(){this.uploadProgressSubscription.unsubscribe()},Se.prototype.getFileValidationMessage=function(e){var t;return t=e.validationErrors&&0<e.validationErrors.length?this.localization.get(e.validationErrors[0]):t},Se.prototype.getTotalFilesSizeMessage=function(e){var t,n=e,i=0;if("number"!=typeof n[0].size)return"";for(t=0;t<n.length;t++)n[t].size&&(i+=n[t].size);return(i/=1024)<1024?i.toFixed(2)+" KB":(i/1024).toFixed(2)+" MB"},Se.prototype.textFor=function(e){return this.localization.get(e)};var Fe=Se;function Se(e){this.uploadService=e,this.progressComplete=0}Fe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Fe,deps:[{token:i}],target:t.ɵɵFactoryTarget.Component}),Fe.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Fe,selector:"ng-component",ngImport:t,template:"",isInline:!0}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Fe,decorators:[{type:c.Component,args:[{template:""}]}],ctorParameters:function(){return[{type:i}]}});Ce.prototype.onFocus=function(e){"action"===e&&(this.actionFocused=!0),"retry"===e&&(this.retryFocused=!0),"pauseResume"===e&&(this.pauseResumeFocused=!0)},Ce.prototype.onBlur=function(e){"retry"===e&&(this.retryFocused=!1),"action"===e&&(this.actionFocused=!1),"pauseResume"===e&&(this.pauseResumeFocused=!1)},Ce.prototype.onRetryClick=function(){this.disabled||this.uploadService.retryFiles(this.file.uid)},Ce.prototype.onRemoveCancelClick=function(e){this.disabled||(e.stopImmediatePropagation(),e=this.file.uid,this.file.state===p.FileState.Uploading?this.uploadService.cancelFiles(e):this.uploadService.removeFiles(e),this.navigation.focusSelectButton())},Ce.prototype.onPauseResumeClick=function(){var e;this.disabled||(e=this.file.uid,this.file.state===p.FileState.Paused?this.uploadService.resumeFile(e):this.uploadService.pauseFile(e))},Object.defineProperty(Ce.prototype,"actionButtonTitle",{get:function(){return this.file.state===p.FileState.Uploading?this.localization.get("cancel"):this.localization.get("remove")},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"retryButtonTitle",{get:function(){return this.localization.get("retry")},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"pauseResumeButtonTitle",{get:function(){return this.file.state===p.FileState.Uploading?this.localization.get("pause"):this.localization.get("resume")},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"isUploading",{get:function(){return this.file.state===p.FileState.Uploading},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"isFailed",{get:function(){return this.file.state===p.FileState.Failed},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"isPaused",{get:function(){return this.file.state===p.FileState.Paused},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"isResumable",{get:function(){var e=this.uploadService,e=e.async.chunk&&e.chunk.resumable,t=this.file.state===p.FileState.Paused||this.file.state===p.FileState.Uploading;return e&&t},enumerable:!1,configurable:!0}),Object.defineProperty(Ce.prototype,"isActionButtonVisible",{get:function(){return!!(this.file.state!==p.FileState.Uploaded&&this.file.state!==p.FileState.Initial||this.uploadService.async.removeUrl||"Upload"!==this.uploadService.component)},enumerable:!1,configurable:!0});var Ie=Ce;function Ce(e,t,n){this.uploadService=e,this.localization=t,this.navigation=n,this.actionFocused=!1,this.retryFocused=!1,this.pauseResumeFocused=!1}Ie.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Ie,deps:[{token:i},{token:v.LocalizationService},{token:fe}],target:t.ɵɵFactoryTarget.Component}),Ie.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ie,selector:"kendo-upload-file-list-item-action-button",inputs:{file:"file",disabled:"disabled",progress:"progress"},ngImport:t,template:'\n      <strong class="k-upload-status">\n        <span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>\n\n        <button type="button" *ngIf="isFailed" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.retryFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'retry\')"\n          (blur)="onBlur(\'retry\')"\n          (click)="onRetryClick()">\n          <span class="k-icon k-button-icon k-retry k-i-refresh-sm"\n            [attr.aria-label]="retryButtonTitle"\n            [attr.title]="retryButtonTitle">\n          </span>\n        </button>\n\n        <button *ngIf="isResumable" type="button" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.pauseResumeFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'pauseResume\')"\n          (blur)="onBlur(\'pauseResume\')"\n          (click)="onPauseResumeClick()">\n          <span class="k-icon k-button-icon"\n            [ngClass]="{\n              \'k-i-play-sm\': isPaused,\n              \'k-i-pause-sm\': !isPaused\n            }"\n            [attr.aria-label]=\'pauseResumeButtonTitle\'\n            [attr.title]=\'pauseResumeButtonTitle\'>\n          </span>\n        </button>\n\n        <button type="button" *ngIf="isActionButtonVisible" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.actionFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'action\')"\n          (blur)="onBlur(\'action\')"\n          (click)="onRemoveCancelClick($event)">\n          <span class="k-icon k-button-icon"\n            [ngClass]="{\n              \'k-i-cancel\': isUploading,\n              \'k-delete k-i-x\': !isUploading\n            }"\n            [attr.aria-label]=\'actionButtonTitle\'\n            [attr.title]=\'actionButtonTitle\'>\n          </span>\n        </button>\n      </strong>\n    ',isInline:!0,directives:[{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Ie,decorators:[{type:c.Component,args:[{selector:"kendo-upload-file-list-item-action-button",template:'\n      <strong class="k-upload-status">\n        <span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>\n\n        <button type="button" *ngIf="isFailed" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.retryFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'retry\')"\n          (blur)="onBlur(\'retry\')"\n          (click)="onRetryClick()">\n          <span class="k-icon k-button-icon k-retry k-i-refresh-sm"\n            [attr.aria-label]="retryButtonTitle"\n            [attr.title]="retryButtonTitle">\n          </span>\n        </button>\n\n        <button *ngIf="isResumable" type="button" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.pauseResumeFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'pauseResume\')"\n          (blur)="onBlur(\'pauseResume\')"\n          (click)="onPauseResumeClick()">\n          <span class="k-icon k-button-icon"\n            [ngClass]="{\n              \'k-i-play-sm\': isPaused,\n              \'k-i-pause-sm\': !isPaused\n            }"\n            [attr.aria-label]=\'pauseResumeButtonTitle\'\n            [attr.title]=\'pauseResumeButtonTitle\'>\n          </span>\n        </button>\n\n        <button type="button" *ngIf="isActionButtonVisible" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"\n          [ngClass]="{ \'k-focus\': this.actionFocused }"\n          [attr.tabIndex]="-1"\n          (focus)="onFocus(\'action\')"\n          (blur)="onBlur(\'action\')"\n          (click)="onRemoveCancelClick($event)">\n          <span class="k-icon k-button-icon"\n            [ngClass]="{\n              \'k-i-cancel\': isUploading,\n              \'k-delete k-i-x\': !isUploading\n            }"\n            [attr.aria-label]=\'actionButtonTitle\'\n            [attr.title]=\'actionButtonTitle\'>\n          </span>\n        </button>\n      </strong>\n    '}]}],ctorParameters:function(){return[{type:i},{type:v.LocalizationService},{type:fe}]},propDecorators:{file:[{type:c.Input}],disabled:[{type:c.Input}],progress:[{type:c.Input}]}});Object.defineProperty(Ee.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!1,configurable:!0});var xe=Ee;function Ee(e){this.viewContainerRef=e}xe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:xe,deps:[{token:t.ViewContainerRef}],target:t.ɵɵFactoryTarget.Directive}),xe.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:xe,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:xe,decorators:[{type:c.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:t.ViewContainerRef}]},propDecorators:{templateContext:[{type:c.Input}]}});I(we,De=Fe),Object.defineProperty(we.prototype,"fileStatusText",{get:function(){var e=this.file.validationErrors;return this.file.state===p.FileState.Uploaded?""+this.textFor("fileStatusUploaded"):this.file.state===p.FileState.Failed?""+this.textFor("fileStatusFailed"):oe(e)?this.getFileValidationMessage(this.file):this.getTotalFilesSizeMessage([this.file])},enumerable:!1,configurable:!0}),Object.defineProperty(we.prototype,"showProgress",{get:function(){return this.file.state===p.FileState.Uploading||this.file.state===p.FileState.Paused?"active":"inactive"},enumerable:!1,configurable:!0}),Object.defineProperty(we.prototype,"fileGroupClass",{get:function(){var e,t=this.file.extension||"",n="k-i-file";for(e in ae)if(0<=ae[e].indexOf(t))return n+"-"+e;return n},enumerable:!1,configurable:!0}),Object.defineProperty(we.prototype,"isUploadSuccessful",{get:function(){return this.file.state===p.FileState.Uploaded},enumerable:!1,configurable:!0}),Object.defineProperty(we.prototype,"isUploadFailed",{get:function(){return this.file.state===p.FileState.Failed},enumerable:!1,configurable:!0}),Object.defineProperty(we.prototype,"isNotYetUploaded",{get:function(){return!this.isUploadFailed&&!this.isUploadSuccessful},enumerable:!1,configurable:!0});var De,Te=we;function we(e,t){var n=De.call(this,t)||this;return n.localization=e,n.subscribeUploadProgress(function(e){e.files[0].uid===n.file.uid&&(n.progressComplete=e.percentComplete)}),n}Te.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Te,deps:[{token:v.LocalizationService},{token:i}],target:t.ɵɵFactoryTarget.Component}),Te.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Te,selector:"kendo-upload-file-list-single-item",inputs:{disabled:"disabled",file:"file",fileInfoTemplate:"fileInfoTemplate"},usesInheritance:!0,ngImport:t,template:'\n      <div class="k-progressbar" [@progressState]="showProgress">\n        <span class="k-progress" [style.width]="progressComplete + \'%\'"></span>\n      </div>\n      <span class="k-file-group-wrapper">\n        <span class="k-file-group k-icon" [ngClass]="fileGroupClass"></span>\n      </span>\n      <span class="k-file-name-size-wrapper">\n        <ng-container *ngIf="!fileInfoTemplate">\n          <span class="k-file-name" [title]="file.name">{{ file.name }}</span>\n          <span [ngClass]="{\n                  \'k-file-validation-message\': file.validationErrors,\n                  \'k-file-size\': !file.validationErrors && isNotYetUploaded,\n                  \'k-text-success\': isUploadSuccessful,\n                  \'k-text-error\': file.validationErrors || isUploadFailed,\n                  \'k-file-information\': isUploadSuccessful || isUploadFailed\n                }"\n          >{{fileStatusText}}</span>\n        </ng-container>\n        <ng-template *ngIf="fileInfoTemplate"\n            [templateContext]="{\n              templateRef: fileInfoTemplate.templateRef,\n              state: file.state,\n              $implicit: [file]\n            }">\n        </ng-template>\n      </span>\n      <kendo-upload-file-list-item-action-button\n        [file]=\'file\'\n        [disabled]=\'disabled\'\n        [progress]=\'progressComplete\'>\n      </kendo-upload-file-list-item-action-button>\n    ',isInline:!0,components:[{type:Ie,selector:"kendo-upload-file-list-item-action-button",inputs:["file","disabled","progress"]}],directives:[{type:k.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:xe,selector:"[templateContext]",inputs:["templateContext"]}],animations:[e.trigger("progressState",[e.state("active",e.style({opacity:1})),e.state("inactive",e.style({opacity:0})),e.transition("void => active",e.style({opacity:0})),e.transition("inactive => active",e.style({opacity:1})),e.transition("active => inactive",e.animate("1s 2s ease-out"))])]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Te,decorators:[{type:c.Component,args:[{animations:[e.trigger("progressState",[e.state("active",e.style({opacity:1})),e.state("inactive",e.style({opacity:0})),e.transition("void => active",e.style({opacity:0})),e.transition("inactive => active",e.style({opacity:1})),e.transition("active => inactive",e.animate("1s 2s ease-out"))])],selector:"kendo-upload-file-list-single-item",template:'\n      <div class="k-progressbar" [@progressState]="showProgress">\n        <span class="k-progress" [style.width]="progressComplete + \'%\'"></span>\n      </div>\n      <span class="k-file-group-wrapper">\n        <span class="k-file-group k-icon" [ngClass]="fileGroupClass"></span>\n      </span>\n      <span class="k-file-name-size-wrapper">\n        <ng-container *ngIf="!fileInfoTemplate">\n          <span class="k-file-name" [title]="file.name">{{ file.name }}</span>\n          <span [ngClass]="{\n                  \'k-file-validation-message\': file.validationErrors,\n                  \'k-file-size\': !file.validationErrors && isNotYetUploaded,\n                  \'k-text-success\': isUploadSuccessful,\n                  \'k-text-error\': file.validationErrors || isUploadFailed,\n                  \'k-file-information\': isUploadSuccessful || isUploadFailed\n                }"\n          >{{fileStatusText}}</span>\n        </ng-container>\n        <ng-template *ngIf="fileInfoTemplate"\n            [templateContext]="{\n              templateRef: fileInfoTemplate.templateRef,\n              state: file.state,\n              $implicit: [file]\n            }">\n        </ng-template>\n      </span>\n      <kendo-upload-file-list-item-action-button\n        [file]=\'file\'\n        [disabled]=\'disabled\'\n        [progress]=\'progressComplete\'>\n      </kendo-upload-file-list-item-action-button>\n    '}]}],ctorParameters:function(){return[{type:v.LocalizationService},{type:i}]},propDecorators:{disabled:[{type:c.Input}],file:[{type:c.Input}],fileInfoTemplate:[{type:c.Input}]}});I(Be,Ue=Fe),Object.defineProperty(Be.prototype,"showProgress",{get:function(){return this.files[0].state===p.FileState.Uploading||this.files[0].state===p.FileState.Paused?"active":"inactive"},enumerable:!1,configurable:!0}),Be.prototype.ngOnInit=function(){this.filesHaveErrors=Ue.prototype.filesHaveValidationErrors.call(this,this.files)},Be.prototype.fileStatusText=function(e){var t=e.validationErrors;return oe(t)?this.getFileValidationMessage(e):this.getTotalFilesSizeMessage([e])},Object.defineProperty(Be.prototype,"batchStatusText",{get:function(){var e=this.files[0].state,t=this.files.length;return e===p.FileState.Uploaded?t+" "+this.textFor("filesBatchStatusUploaded"):e===p.FileState.Failed?t+" "+this.textFor("filesBatchStatusFailed"):t+" "+this.textFor("filesBatchStatus")},enumerable:!1,configurable:!0}),Object.defineProperty(Be.prototype,"isUploadSuccessful",{get:function(){return this.files[0].state===p.FileState.Uploaded},enumerable:!1,configurable:!0}),Object.defineProperty(Be.prototype,"isUploadFailed",{get:function(){return this.files[0].state===p.FileState.Failed},enumerable:!1,configurable:!0});var Ue,Fe=Be;function Be(e,t){var n=Ue.call(this,t)||this;return n.localization=e,n.subscribeUploadProgress(function(e){e.files[0].uid===n.files[0].uid&&(n.progressComplete=e.percentComplete)}),n}Fe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Fe,deps:[{token:v.LocalizationService},{token:i}],target:t.ɵɵFactoryTarget.Component}),Fe.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Fe,selector:"kendo-upload-file-list-multiple-items",inputs:{disabled:"disabled",files:"files",fileInfoTemplate:"fileInfoTemplate"},usesInheritance:!0,ngImport:t,template:'\n      <div class="k-progressbar" [@progressState]="showProgress">\n        <span class="k-progress" [style.width]="progressComplete + \'%\'"></span>\n      </div>\n      <span class="k-multiple-files-group-wrapper">\n        <span class="k-file-group k-icon k-i-copy"></span>\n      </span>\n      <span class="k-multiple-files-wrapper">\n        <ng-container *ngIf="!fileInfoTemplate">\n          <span *ngFor="let file of files" class="k-file-name-size-wrapper">\n            <span [title]="file.name" class="k-file-name">\n                {{file.name}}\n            </span>\n            <span [ngClass]="{\n                    \'k-text-error\': file.validationErrors,\n                    \'k-file-validation-message\': file.validationErrors,\n                    \'k-file-size\': !file.validationErrors\n                  }"\n            >{{fileStatusText(file)}}</span>\n          </span>\n          <span class="k-file-information"\n            [ngClass]="{\n              \'k-text-success\': isUploadSuccessful,\n              \'k-text-error\': isUploadFailed\n            }"\n          >{{batchStatusText}}</span>\n        </ng-container>\n        <ng-template *ngIf="fileInfoTemplate"\n            [templateContext]="{\n              templateRef: fileInfoTemplate.templateRef,\n              state: files[0].state,\n              $implicit: files\n            }">\n        </ng-template>\n      </span>\n      <kendo-upload-file-list-item-action-button\n        [file]=\'files[0]\'\n        [disabled]=\'disabled\'\n        [progress]=\'progressComplete\'>\n      </kendo-upload-file-list-item-action-button>\n    ',isInline:!0,components:[{type:Ie,selector:"kendo-upload-file-list-item-action-button",inputs:["file","disabled","progress"]}],directives:[{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:xe,selector:"[templateContext]",inputs:["templateContext"]}],animations:[e.trigger("progressState",[e.state("active",e.style({opacity:1})),e.state("inactive",e.style({opacity:0})),e.transition("void => active",e.style({opacity:0})),e.transition("inactive => active",e.style({opacity:1})),e.transition("active => inactive",e.animate("1s 2s ease-out"))])]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Fe,decorators:[{type:c.Component,args:[{animations:[e.trigger("progressState",[e.state("active",e.style({opacity:1})),e.state("inactive",e.style({opacity:0})),e.transition("void => active",e.style({opacity:0})),e.transition("inactive => active",e.style({opacity:1})),e.transition("active => inactive",e.animate("1s 2s ease-out"))])],selector:"kendo-upload-file-list-multiple-items",template:'\n      <div class="k-progressbar" [@progressState]="showProgress">\n        <span class="k-progress" [style.width]="progressComplete + \'%\'"></span>\n      </div>\n      <span class="k-multiple-files-group-wrapper">\n        <span class="k-file-group k-icon k-i-copy"></span>\n      </span>\n      <span class="k-multiple-files-wrapper">\n        <ng-container *ngIf="!fileInfoTemplate">\n          <span *ngFor="let file of files" class="k-file-name-size-wrapper">\n            <span [title]="file.name" class="k-file-name">\n                {{file.name}}\n            </span>\n            <span [ngClass]="{\n                    \'k-text-error\': file.validationErrors,\n                    \'k-file-validation-message\': file.validationErrors,\n                    \'k-file-size\': !file.validationErrors\n                  }"\n            >{{fileStatusText(file)}}</span>\n          </span>\n          <span class="k-file-information"\n            [ngClass]="{\n              \'k-text-success\': isUploadSuccessful,\n              \'k-text-error\': isUploadFailed\n            }"\n          >{{batchStatusText}}</span>\n        </ng-container>\n        <ng-template *ngIf="fileInfoTemplate"\n            [templateContext]="{\n              templateRef: fileInfoTemplate.templateRef,\n              state: files[0].state,\n              $implicit: files\n            }">\n        </ng-template>\n      </span>\n      <kendo-upload-file-list-item-action-button\n        [file]=\'files[0]\'\n        [disabled]=\'disabled\'\n        [progress]=\'progressComplete\'>\n      </kendo-upload-file-list-item-action-button>\n    '}]}],ctorParameters:function(){return[{type:v.LocalizationService},{type:i}]},propDecorators:{disabled:[{type:c.Input}],files:[{type:c.Input}],fileInfoTemplate:[{type:c.Input}]}});ze.prototype.onItemFocus=function(){var t=this;this.focusSubscription=this.navigation.onFileFocus.subscribe(function(e){t.fileListItems.toArray()[e].focus()})},ze.prototype.onItemAction=function(){var t=this;this.actionSubscription=this.navigation.onFileAction.subscribe(function(e){t.itemActionHandler(e)})},ze.prototype.itemActionHandler=function(e){var t=this.navigation.focusedIndex,t=this.fileListItems.toArray()[t],n=t.uidAttribute,i=this.uploadService.files.get(n);if(e===u.Keys.Escape&&i[0].state===p.FileState.Uploading)return this.uploadService.cancelFiles(n),void this.navigation.focusSelectButton();e!==u.Keys.Enter||i[0].state!==p.FileState.Failed?e===u.Keys.Delete&&(i[0].state===p.FileState.Uploading?this.uploadService.cancelFiles(n):this.hasDelete(t)&&this.uploadService.removeFiles(n),this.navigation.focusSelectButton()):this.uploadService.retryFiles(n)},ze.prototype.hasDelete=function(e){return 0<e.element.nativeElement.getElementsByClassName("k-delete").length},ze.prototype.ngOnDestroy=function(){this.focusSubscription.unsubscribe(),this.actionSubscription.unsubscribe()};e=ze;function ze(e,t){this.uploadService=e,this.navigation=t,this.onItemFocus(),this.onItemAction()}e.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:e,deps:[{token:i},{token:fe}],target:t.ɵɵFactoryTarget.Component}),e.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:e,selector:"[kendo-upload-file-list]",inputs:{disabled:"disabled",fileList:"fileList",fileTemplate:"fileTemplate",fileInfoTemplate:"fileInfoTemplate"},viewQueries:[{propertyName:"fileListItems",predicate:be,descendants:!0}],ngImport:t,template:"\n    <ng-template ngFor\n      [ngForOf]=\"fileList\"\n      let-files\n      let-index=\"index\">\n      <li kendoUploadFileListItem [files]='files' [index]='index'>\n          <kendo-upload-file-list-single-item\n            class='k-file-single'\n            *ngIf='files.length === 1 && !fileTemplate'\n            [disabled]='disabled'\n            [file]='files[0]'\n            [fileInfoTemplate]=\"fileInfoTemplate\">\n          </kendo-upload-file-list-single-item>\n          <kendo-upload-file-list-multiple-items\n            class='k-file-multiple'\n            *ngIf='files.length > 1 && !fileTemplate'\n            [disabled]='disabled'\n            [files]='files'\n            [fileInfoTemplate]=\"fileInfoTemplate\">\n          </kendo-upload-file-list-multiple-items>\n          <ng-template *ngIf=\"fileTemplate\"\n              [templateContext]=\"{\n                templateRef: fileTemplate.templateRef,\n                state: files[0].state,\n                $implicit: files\n              }\"></ng-template>\n      </li>\n    </ng-template>\n    ",isInline:!0,components:[{type:Te,selector:"kendo-upload-file-list-single-item",inputs:["disabled","file","fileInfoTemplate"]},{type:Fe,selector:"kendo-upload-file-list-multiple-items",inputs:["disabled","files","fileInfoTemplate"]}],directives:[{type:k.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:be,selector:"[kendoUploadFileListItem]",inputs:["files","index"]},{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:xe,selector:"[templateContext]",inputs:["templateContext"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:e,decorators:[{type:c.Component,args:[{selector:"[kendo-upload-file-list]",template:"\n    <ng-template ngFor\n      [ngForOf]=\"fileList\"\n      let-files\n      let-index=\"index\">\n      <li kendoUploadFileListItem [files]='files' [index]='index'>\n          <kendo-upload-file-list-single-item\n            class='k-file-single'\n            *ngIf='files.length === 1 && !fileTemplate'\n            [disabled]='disabled'\n            [file]='files[0]'\n            [fileInfoTemplate]=\"fileInfoTemplate\">\n          </kendo-upload-file-list-single-item>\n          <kendo-upload-file-list-multiple-items\n            class='k-file-multiple'\n            *ngIf='files.length > 1 && !fileTemplate'\n            [disabled]='disabled'\n            [files]='files'\n            [fileInfoTemplate]=\"fileInfoTemplate\">\n          </kendo-upload-file-list-multiple-items>\n          <ng-template *ngIf=\"fileTemplate\"\n              [templateContext]=\"{\n                templateRef: fileTemplate.templateRef,\n                state: files[0].state,\n                $implicit: files\n              }\"></ng-template>\n      </li>\n    </ng-template>\n    "}]}],ctorParameters:function(){return[{type:i},{type:fe}]},propDecorators:{disabled:[{type:c.Input}],fileList:[{type:c.Input}],fileTemplate:[{type:c.Input}],fileInfoTemplate:[{type:c.Input}],fileListItems:[{type:c.ViewChildren,args:[be]}]}});I(Oe,Pe=l.ComponentMessages);var Pe,Le=Oe;function Oe(){return null!==Pe&&Pe.apply(this,arguments)||this}Le.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Le,deps:null,target:t.ɵɵFactoryTarget.Directive}),Le.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Le,inputs:{cancel:"cancel",clearSelectedFiles:"clearSelectedFiles",dropFilesHere:"dropFilesHere",externalDropFilesHere:"externalDropFilesHere",filesBatchStatus:"filesBatchStatus",filesBatchStatusFailed:"filesBatchStatusFailed",filesBatchStatusUploaded:"filesBatchStatusUploaded",fileStatusFailed:"fileStatusFailed",fileStatusUploaded:"fileStatusUploaded",headerStatusPaused:"headerStatusPaused",headerStatusUploaded:"headerStatusUploaded",headerStatusUploading:"headerStatusUploading",invalidFileExtension:"invalidFileExtension",invalidMaxFileSize:"invalidMaxFileSize",invalidMinFileSize:"invalidMinFileSize",pause:"pause",remove:"remove",resume:"resume",retry:"retry",select:"select",uploadSelectedFiles:"uploadSelectedFiles"},usesInheritance:!0,ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Le,decorators:[{type:c.Directive}],propDecorators:{cancel:[{type:c.Input}],clearSelectedFiles:[{type:c.Input}],dropFilesHere:[{type:c.Input}],externalDropFilesHere:[{type:c.Input}],filesBatchStatus:[{type:c.Input}],filesBatchStatusFailed:[{type:c.Input}],filesBatchStatusUploaded:[{type:c.Input}],fileStatusFailed:[{type:c.Input}],fileStatusUploaded:[{type:c.Input}],headerStatusPaused:[{type:c.Input}],headerStatusUploaded:[{type:c.Input}],headerStatusUploading:[{type:c.Input}],invalidFileExtension:[{type:c.Input}],invalidMaxFileSize:[{type:c.Input}],invalidMinFileSize:[{type:c.Input}],pause:[{type:c.Input}],remove:[{type:c.Input}],resume:[{type:c.Input}],retry:[{type:c.Input}],select:[{type:c.Input}],uploadSelectedFiles:[{type:c.Input}]}});I(Ve,Me=Le);var Me,Re=Ve;function Ve(e){var t=Me.call(this)||this;return t.service=e,t}Re.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Re,deps:[{token:v.LocalizationService}],target:t.ɵɵFactoryTarget.Directive}),Re.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Re,selector:"\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  ",providers:[{provide:Le,useExisting:c.forwardRef(function(){return Re})}],usesInheritance:!0,ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Re,decorators:[{type:c.Directive,args:[{providers:[{provide:Le,useExisting:c.forwardRef(function(){return Re})}],selector:"\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  "}]}],ctorParameters:function(){return[{type:v.LocalizationService}]}});function je(e,t){for(var n,i,o,s=t.allowedExtensions.map(function(e){return("."===e.substring(0,1)?e:"."+e).toLowerCase()}),a=t.maxFileSize,r=t.minFileSize,l=0;l<e.length;l++)i=e[l],0<(o=s).length&&o.indexOf(i.extension.toLowerCase())<0&&(i.validationErrors=i.validationErrors||[],i.validationErrors.indexOf(Ne)<0&&i.validationErrors.push(Ne)),o=e[l],i=a,0!==(n=r)&&o.size<n&&(o.validationErrors=o.validationErrors||[],o.validationErrors.indexOf(Ae)<0&&o.validationErrors.push(Ae)),0!==i&&o.size>i&&(o.validationErrors=o.validationErrors||[],o.validationErrors.indexOf(He)<0&&o.validationErrors.push(He))}var He="invalidMaxFileSize",Ae="invalidMinFileSize",Ne="invalidFileExtension",_e=(Ze.prototype.onElementDragEnterListener=function(){var e=this;return this.addClass(this.hoverClass),this.lastDragElement=new Date,this.hideIntervalElement||(this.hideIntervalElement=setInterval(function(){e.calculateTimeDiff(e.lastDragElement)<100||(e.removeClass(e.hoverClass),clearInterval(e.hideIntervalElement),e.hideIntervalElement=null)},100)),!1},Ze.prototype.onElementDragOverListener=function(){return this.lastDragElement=new Date,!1},Ze.prototype.calculateTimeDiff=function(e){return(new Date).getTime()-e.getTime()},Ze.prototype.addClass=function(e){this.renderer.addClass(this.element.nativeElement,e)},Ze.prototype.removeClass=function(e){this.renderer.removeClass(this.element.nativeElement,e)},Ze);function Ze(e,t,n){this.element=e,this.renderer=t,this.hideIntervalElement=null,this.hoverClass=n}_e.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:_e,deps:[{token:t.ElementRef},{token:t.Renderer2},{token:"hoverClass"}],target:t.ɵɵFactoryTarget.Directive}),_e.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:_e,host:{listeners:{dragenter:"onElementDragEnterListener()",dragover:"onElementDragOverListener()"}},ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:_e,decorators:[{type:c.Directive}],ctorParameters:function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:void 0,decorators:[{type:c.Inject,args:["hoverClass"]}]}]},propDecorators:{onElementDragEnterListener:[{type:c.HostListener,args:["dragenter"]}],onElementDragOverListener:[{type:c.HostListener,args:["dragover"]}]}});I(qe,Ke=_e),qe.prototype.ngOnDestroy=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.unsubscribeDocumentDragEnter&&e.unsubscribeDocumentDragEnter(),e.unsubscribeDocumentDragOver&&e.unsubscribeDocumentDragOver()})},qe.prototype.onDocumentDragEnter=function(){var e=this;return this.addClass(this.activeClass),this.lastDragDocument=new Date,this.hideIntervalDocument||(this.hideIntervalDocument=setInterval(function(){e.calculateTimeDiff(e.lastDragDocument)<100||(e.removeClass(e.activeClass),clearInterval(e.hideIntervalDocument),e.hideIntervalDocument=null)},100)),!1},qe.prototype.onDocumentDragOver=function(){return this.lastDragDocument=new Date,!1},qe.prototype.onDropListener=function(e){var e=e.dataTransfer.files;return 0<e.length&&!this.disabled&&(e=X(e),e=ee(e,!this.uploadService.async.batch),this.multiple||(e.splice(1,e.length-1),this.uploadService.clearFiles()),je(e,this.restrictions),this.uploadService.addFiles(e)),!1};var Ke,$e=qe;function qe(e,t,n,i){var o=Ke.call(this,e,t,"k-dropzone-hover")||this;return o.ngZone=n,o.uploadService=i,o.initialClassName=!0,o.hideIntervalDocument=null,o.activeClass="k-dropzone-active",o.ngZone.runOutsideAngular(function(){o.unsubscribeDocumentDragEnter=o.renderer.listen("document","dragenter",function(){return o.onDocumentDragEnter()}),o.unsubscribeDocumentDragOver=o.renderer.listen("document","dragover",function(){return o.onDocumentDragOver()})}),o}$e.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,deps:[{token:t.ElementRef},{token:t.Renderer2},{token:t.NgZone},{token:i}],target:t.ɵɵFactoryTarget.Directive}),$e.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:$e,selector:"\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ",inputs:{disabled:"disabled",multiple:"multiple",restrictions:"restrictions"},host:{listeners:{drop:"onDropListener($event)"},properties:{"class.k-dropzone":"this.initialClassName"}},usesInheritance:!0,ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,decorators:[{type:c.Directive,args:[{selector:"\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    "}]}],ctorParameters:function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.NgZone},{type:i}]},propDecorators:{disabled:[{type:c.Input}],multiple:[{type:c.Input}],restrictions:[{type:c.Input}],initialClassName:[{type:c.HostBinding,args:["class.k-dropzone"]}],onDropListener:[{type:c.HostListener,args:["drop",["$event"]]}]}});Object.defineProperty(Ge.prototype,"nameAttribute",{get:function(){return this.uploadService.async.saveField},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"multipleAttribute",{get:function(){return this.multiple?"multiple":null},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"dirAttribute",{get:function(){return this.dir},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"disabledAttribute",{get:function(){return this.disabled?"true":null},enumerable:!1,configurable:!0}),Ge.prototype.onInputChange=function(e){var t=this,n=navigator.userAgent,e=J(e.target),e=ee(e,!this.uploadService.async.batch),e=(je(e,this.restrictions),this.multiple||this.uploadService.clearFiles(),this.uploadService.addFiles(e),this.element.nativeElement);(n.match(/(webkit)[ \/]([\w.]+)/i)||n.match(/(windows)[ \/]([\w.]+)/i))&&(e.type="",e.type="file"),setTimeout(function(){t.navigation.focusedIndex=-1})};var We=Ge;function Ge(e,t,n){this.uploadService=e,this.navigation=t,this.type="file",this.autocomplete="off",this.tabIndex=-1,this.element=n}We.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:We,deps:[{token:i},{token:fe},{token:t.ElementRef}],target:t.ɵɵFactoryTarget.Directive}),We.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:We,selector:"[kendoFileSelect]",inputs:{dir:"dir",disabled:"disabled",multiple:"multiple",restrictions:"restrictions"},host:{listeners:{change:"onInputChange($event)"},properties:{"attr.type":"this.type","attr.autocomplete":"this.autocomplete","attr.tabindex":"this.tabIndex","attr.name":"this.nameAttribute","attr.multiple":"this.multipleAttribute","attr.dir":"this.dirAttribute","attr.disabled":"this.disabledAttribute"}},ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:We,decorators:[{type:c.Directive,args:[{selector:"[kendoFileSelect]"}]}],ctorParameters:function(){return[{type:i},{type:fe},{type:t.ElementRef}]},propDecorators:{dir:[{type:c.Input}],disabled:[{type:c.Input}],multiple:[{type:c.Input}],restrictions:[{type:c.Input}],type:[{type:c.HostBinding,args:["attr.type"]}],autocomplete:[{type:c.HostBinding,args:["attr.autocomplete"]}],tabIndex:[{type:c.HostBinding,args:["attr.tabindex"]}],nameAttribute:[{type:c.HostBinding,args:["attr.name"]}],multipleAttribute:[{type:c.HostBinding,args:["attr.multiple"]}],dirAttribute:[{type:c.HostBinding,args:["attr.dir"]}],disabledAttribute:[{type:c.HostBinding,args:["attr.disabled"]}],onInputChange:[{type:c.HostListener,args:["change",["$event"]]}]}});var Xe={multi:!0,provide:r.NG_VALUE_ACCESSOR,useExisting:c.forwardRef(function(){return Qe})},Qe=(Object.defineProperty(s.prototype,"name",{get:function(){return this.uploadService.async.saveField},set:function(e){this.uploadService.async.saveField=e},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"restrictions",{get:function(){return this._restrictions},set:function(e){e=Object.assign({},this._restrictions,e);this._restrictions=e},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),s.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.wrapper,"tabindex"),this.zoneId&&this.dropZoneService.addComponent(this,this.zoneId)},s.prototype.textFor=function(e){return this.localization.get(e)},s.prototype.focus=function(){var e=this;setTimeout(function(){e.fileSelectButton.nativeElement.focus()})},s.prototype.ngOnDestroy=function(){this.fileList.clear(),this.blurSubscription&&this.blurSubscription.unsubscribe(),this.wrapperFocusSubscription&&this.wrapperFocusSubscription.unsubscribe(),this.selectButtonFocusSubscription&&this.selectButtonFocusSubscription.unsubscribe(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.subs&&this.subs.unsubscribe()},s.prototype.handleKeydown=function(e){if(!this.disabled)return e.keyCode!==u.Keys.Enter&&e.keyCode!==u.Keys.Space||e.target!==this.fileSelectButton.nativeElement?void(!ne(e.target,pe)&&(ie(e.target)||ne(e.target,ce))||this.navigation.process(e)):(e.preventDefault(),void this.fileSelect.nativeElement.click())},s.prototype.writeValue=function(e){var t=!0;e instanceof Array&&(e.forEach(function(e){(e=e)instanceof File||q(e)||(t=!1)}),t&&this.uploadService.addInitialFileSelectFiles(e)),null===e&&this.fileList.clear(),this.cdr.markForCheck()},s.prototype.registerOnChange=function(e){this.onChangeCallback=e},s.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},s.prototype.setDisabledState=function(e){this.disabled=e},s.prototype.removeFileByUid=function(e){this.uploadService.removeFiles(e)},s.prototype.clearFiles=function(){this.uploadService.clearFiles()},s.prototype.isEmpty=function(){return!1},s.prototype.addFiles=function(e){this.uploadService.addFiles(e)},Object.defineProperty(s.prototype,"selectButtonTabIndex",{get:function(){return this.disabled?void 0:this.tabindex},enumerable:!1,configurable:!0}),s.prototype.onFileSelectButtonFocus=function(e){this.renderer.addClass(this.fileSelectButton.nativeElement,"k-focus"),this.navigation.focused||(this.navigation.focusedIndex=-1)},s.prototype.onFileSelectButtonBlur=function(e){this.renderer.removeClass(this.fileSelectButton.nativeElement,"k-focus")},s.prototype.subscribeBlur=function(){var t=this;u.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){t.documentClick=d.fromEvent(document,"click").pipe(f.filter(function(e){return!(t.wrapper!==e.target&&t.wrapper.contains(e.target))})),t.blurSubscription=d.merge(t.documentClick,t.navigation.onTab).subscribe(function(){t.navigation.focused&&t.ngZone.run(function(){t.navigation.focused=!1,t.onTouchedCallback(),t.onBlur.emit()})})})},s.prototype.subscribeFocus=function(){var e=this;this.wrapperFocusSubscription=this.navigation.onWrapperFocus.subscribe(function(){e.onFocus.emit()}),this.selectButtonFocusSubscription=this.navigation.onSelectButtonFocus.subscribe(function(){e.fileSelectButton.nativeElement.focus()})},s.prototype.attachEventHandlers=function(){var n=this;this.subs=this.uploadService.changeEvent.subscribe(function(e){var t=[];null!==e&&e.forEach(function(e){e.state===p.FileState.Initial&&t.push(e),e.state===p.FileState.Selected&&e.rawFile&&!e.validationErrors&&t.push(e.rawFile)}),0===t.length&&(t=null),n.onChangeCallback(t),n.valueChange.emit(t)}),this.subs.add(this.uploadService.removeEvent.subscribe(function(e){n.remove.emit(e)})),this.subs.add(this.uploadService.selectEvent.subscribe(function(e){n.select.emit(e)}))},s.prototype.setDefaultSettings=function(){this.uploadService.async.autoUpload=!1,this.uploadService.component="FileSelect"},s);function s(e,t,n,i,o,s,a,r){var l=this;this.uploadService=e,this.localization=t,this.navigation=n,this.dropZoneService=i,this.ngZone=o,this.renderer=s,this.cdr=a,this.disabled=!1,this.multiple=!0,this.showFileList=!0,this.tabindex=0,this.focusableId="k-"+u.guid(),this.onBlur=new c.EventEmitter,this.onFocus=new c.EventEmitter,this.select=new c.EventEmitter,this.remove=new c.EventEmitter,this.valueChange=new c.EventEmitter,this.hostDefaultClasses=!0,this._restrictions={allowedExtensions:[],maxFileSize:0,minFileSize:0},this.onTouchedCallback=function(e){},this.onChangeCallback=function(e){},h.validatePackage(F),this.wrapper=r.nativeElement,this.direction=t.rtl?"rtl":"ltr",this.navigation.computeKeys(this.direction),this.fileList=this.uploadService.files,this.localizationChangeSubscription=t.changes.subscribe(function(e){e=e.rtl;l.direction=e?"rtl":"ltr",l.navigation.computeKeys(l.direction)}),this.subscribeBlur(),this.subscribeFocus(),this.attachEventHandlers(),this.setDefaultSettings()}Qe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Qe,deps:[{token:i},{token:v.LocalizationService},{token:fe},{token:ge},{token:t.NgZone},{token:t.Renderer2},{token:t.ChangeDetectorRef},{token:t.ElementRef}],target:t.ɵɵFactoryTarget.Component}),Qe.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Qe,selector:"kendo-fileselect",inputs:{accept:"accept",disabled:"disabled",multiple:"multiple",name:"name",showFileList:"showFileList",tabindex:"tabindex",restrictions:"restrictions",zoneId:"zoneId",focusableId:"focusableId"},outputs:{onBlur:"blur",onFocus:"focus",select:"select",remove:"remove",valueChange:"valueChange"},host:{listeners:{keydown:"handleKeydown($event)"},properties:{"class.k-widget":"this.hostDefaultClasses","class.k-upload":"this.hostDefaultClasses","class.k-disabled":"this.hostDisabledClass","attr.dir":"this.dir"}},providers:[l.LocalizationService,fe,i,ge,Xe,{provide:l.L10N_PREFIX,useValue:"kendo.fileselect"},{provide:u.KendoInput,useExisting:c.forwardRef(function(){return Qe})}],queries:[{propertyName:"fileTemplate",first:!0,predicate:n,descendants:!0},{propertyName:"fileInfoTemplate",first:!0,predicate:ve,descendants:!0}],viewQueries:[{propertyName:"fileSelect",first:!0,predicate:["fileSelect"],descendants:!0,static:!0},{propertyName:"fileSelectButton",first:!0,predicate:["fileSelectButton"],descendants:!0,static:!0}],exportAs:["kendoFileSelect"],ngImport:t,template:'\n        <ng-container kendoFileSelectLocalizedMessages\n            i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"\n            dropFilesHere="Drop files here to select"\n\n            i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"\n            invalidFileExtension="File type not allowed."\n\n            i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"\n            invalidMaxFileSize="File size too large."\n\n            i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"\n            invalidMinFileSize="File size too small."\n\n            i18n-remove="kendo.fileselect.remove|The text for the Remove button"\n            remove="Remove"\n\n            i18n-select="kendo.fileselect.select|The text for the Select button"\n            select="Select files..."\n        >\n        </ng-container>\n        <div kendoFileSelectInternalDropZone\n            [restrictions]="restrictions"\n            [multiple]="multiple"\n            [disabled]="disabled">\n            <div role="button" #fileSelectButton\n                [id]="focusableId"\n                [attr.aria-label]="textFor(\'select\')"\n                [attr.tabindex]="selectButtonTabIndex"\n                (focus)="onFileSelectButtonFocus($event)"\n                (blur)="onFileSelectButtonBlur($event)"\n                class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">\n                <input #fileSelect kendoFileSelect\n                    [attr.accept]="accept ? accept : null"\n                    [dir]="direction"\n                    [restrictions]="restrictions"\n                    [multiple]="multiple"\n                    [disabled]="disabled" />\n                <span>{{textFor(\'select\')}}</span>\n            </div>\n            <div class="k-dropzone-hint">{{textFor(\'dropFilesHere\')}}</div>\n        </div>\n        <ul kendo-upload-file-list\n            class="k-upload-files k-reset"\n            *ngIf="showFileList && fileList.count > 0"\n            [disabled]="disabled"\n            [fileList]="fileList.files"\n            [fileTemplate]="fileTemplate"\n            [fileInfoTemplate]="fileInfoTemplate">\n        </ul>\n    ',isInline:!0,components:[{type:e,selector:"[kendo-upload-file-list]",inputs:["disabled","fileList","fileTemplate","fileInfoTemplate"]}],directives:[{type:Re,selector:"\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  "},{type:$e,selector:"\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ",inputs:["disabled","multiple","restrictions"]},{type:We,selector:"[kendoFileSelect]",inputs:["dir","disabled","multiple","restrictions"]},{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Qe,decorators:[{type:c.Component,args:[{exportAs:"kendoFileSelect",providers:[l.LocalizationService,fe,i,ge,Xe,{provide:l.L10N_PREFIX,useValue:"kendo.fileselect"},{provide:u.KendoInput,useExisting:c.forwardRef(function(){return Qe})}],selector:"kendo-fileselect",template:'\n        <ng-container kendoFileSelectLocalizedMessages\n            i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"\n            dropFilesHere="Drop files here to select"\n\n            i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"\n            invalidFileExtension="File type not allowed."\n\n            i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"\n            invalidMaxFileSize="File size too large."\n\n            i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"\n            invalidMinFileSize="File size too small."\n\n            i18n-remove="kendo.fileselect.remove|The text for the Remove button"\n            remove="Remove"\n\n            i18n-select="kendo.fileselect.select|The text for the Select button"\n            select="Select files..."\n        >\n        </ng-container>\n        <div kendoFileSelectInternalDropZone\n            [restrictions]="restrictions"\n            [multiple]="multiple"\n            [disabled]="disabled">\n            <div role="button" #fileSelectButton\n                [id]="focusableId"\n                [attr.aria-label]="textFor(\'select\')"\n                [attr.tabindex]="selectButtonTabIndex"\n                (focus)="onFileSelectButtonFocus($event)"\n                (blur)="onFileSelectButtonBlur($event)"\n                class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">\n                <input #fileSelect kendoFileSelect\n                    [attr.accept]="accept ? accept : null"\n                    [dir]="direction"\n                    [restrictions]="restrictions"\n                    [multiple]="multiple"\n                    [disabled]="disabled" />\n                <span>{{textFor(\'select\')}}</span>\n            </div>\n            <div class="k-dropzone-hint">{{textFor(\'dropFilesHere\')}}</div>\n        </div>\n        <ul kendo-upload-file-list\n            class="k-upload-files k-reset"\n            *ngIf="showFileList && fileList.count > 0"\n            [disabled]="disabled"\n            [fileList]="fileList.files"\n            [fileTemplate]="fileTemplate"\n            [fileInfoTemplate]="fileInfoTemplate">\n        </ul>\n    '}]}],ctorParameters:function(){return[{type:i},{type:v.LocalizationService},{type:fe},{type:ge},{type:t.NgZone},{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:t.ElementRef}]},propDecorators:{accept:[{type:c.Input}],disabled:[{type:c.Input}],multiple:[{type:c.Input}],name:[{type:c.Input}],showFileList:[{type:c.Input}],tabindex:[{type:c.Input}],restrictions:[{type:c.Input}],zoneId:[{type:c.Input}],focusableId:[{type:c.Input}],fileTemplate:[{type:c.ContentChild,args:[n,{static:!1}]}],fileInfoTemplate:[{type:c.ContentChild,args:[ve,{static:!1}]}],fileSelect:[{type:c.ViewChild,args:["fileSelect",{static:!0}]}],fileSelectButton:[{type:c.ViewChild,args:["fileSelectButton",{static:!0}]}],onBlur:[{type:c.Output,args:["blur"]}],onFocus:[{type:c.Output,args:["focus"]}],select:[{type:c.Output}],remove:[{type:c.Output}],valueChange:[{type:c.Output}],hostDefaultClasses:[{type:c.HostBinding,args:["class.k-widget"]},{type:c.HostBinding,args:["class.k-upload"]}],hostDisabledClass:[{type:c.HostBinding,args:["class.k-disabled"]}],dir:[{type:c.HostBinding,args:["attr.dir"]}],handleKeydown:[{type:c.HostListener,args:["keydown",["$event"]]}]}});I(et,Ye=Le),Object.defineProperty(et.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Ye,Je=et;function et(e){var t=Ye.call(this)||this;return t.service=e,t}Je.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Je,deps:[{token:v.LocalizationService}],target:t.ɵɵFactoryTarget.Component}),Je.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Je,selector:"kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages",providers:[{provide:Le,useExisting:c.forwardRef(function(){return Je})}],usesInheritance:!0,ngImport:t,template:"",isInline:!0}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Je,decorators:[{type:c.Component,args:[{providers:[{provide:Le,useExisting:c.forwardRef(function(){return Je})}],selector:"kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages",template:""}]}],ctorParameters:function(){return[{type:v.LocalizationService}]}});tt.prototype.ngDoCheck=function(){this.isPaused=this.fileList.hasFileWithState([p.FileState.Paused]),this.isFailed=this.fileList.hasFileWithState([p.FileState.Failed]),this.isUploading=this.fileList.hasFileWithState([p.FileState.Uploading]),this.isPaused&&!this.isUploading?this.statusText=this.localization.get("headerStatusPaused"):this.statusText=this.isUploading?this.localization.get("headerStatusUploading"):this.localization.get("headerStatusUploaded")};Xe=tt;function tt(e){this.localization=e}Xe.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Xe,deps:[{token:v.LocalizationService}],target:t.ɵɵFactoryTarget.Component}),Xe.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Xe,selector:"kendo-upload-status-total",inputs:{fileList:"fileList"},ngImport:t,template:"\n        <span class=\"k-icon\"\n            [ngClass]=\"{\n                'k-i-checkmark': !this.isUploading && !this.isFailed,\n                'k-i-exception': !this.isUploading && this.isFailed,\n                'k-i-upload': this.isUploading,\n                'k-i-pause-sm': this.isPaused\n            }\">\n        </span>\n        {{statusText}}\n    ",isInline:!0,directives:[{type:k.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Xe,decorators:[{type:c.Component,args:[{selector:"kendo-upload-status-total",template:"\n        <span class=\"k-icon\"\n            [ngClass]=\"{\n                'k-i-checkmark': !this.isUploading && !this.isFailed,\n                'k-i-exception': !this.isUploading && this.isFailed,\n                'k-i-upload': this.isUploading,\n                'k-i-pause-sm': this.isPaused\n            }\">\n        </span>\n        {{statusText}}\n    "}]}],ctorParameters:function(){return[{type:v.LocalizationService}]},propDecorators:{fileList:[{type:c.Input}]}});Object.defineProperty(nt.prototype,"actionButtonsEndClassName",{get:function(){return"end"===this.actionsLayout},enumerable:!1,configurable:!0}),Object.defineProperty(nt.prototype,"actionButtonsStretchedClassName",{get:function(){return"stretched"===this.actionsLayout},enumerable:!1,configurable:!0}),Object.defineProperty(nt.prototype,"actionButtonsStartClassName",{get:function(){return"start"===this.actionsLayout},enumerable:!1,configurable:!0}),Object.defineProperty(nt.prototype,"actionButtonsCenterClassName",{get:function(){return"center"===this.actionsLayout},enumerable:!1,configurable:!0}),nt.prototype.onAction=function(){var t=this;this.actionSubscription=this.navigation.onActionButtonAction.subscribe(function(e){"clear"===e?t.clearFiles():t.performUpload()})},nt.prototype.onFocus=function(){var t=this;this.focusSubscription=this.navigation.onActionButtonFocus.subscribe(function(e){t.focusButton(e)})},nt.prototype.focusButton=function(e){("clear"===e?this.clearButton:this.uploadButton).nativeElement.focus()},nt.prototype.ngOnDestroy=function(){this.actionSubscription.unsubscribe(),this.focusSubscription.unsubscribe()},nt.prototype.onUploadButtonClick=function(e){e.stopImmediatePropagation(),this.performUpload()},nt.prototype.performUpload=function(){this.disabled||(this.uploadService.uploadFiles(),this.navigation.focusSelectButton())},nt.prototype.onClearButtonClick=function(e){e.stopImmediatePropagation(),this.clearFiles()},nt.prototype.clearFiles=function(){this.disabled||(this.uploadService.clearFiles(),this.navigation.focusSelectButton())},nt.prototype.textFor=function(e){return this.localization.get(e)};Le=nt;function nt(e,t,n){this.uploadService=e,this.localization=t,this.navigation=n,this.hostDefaultClass=!0,this.onAction(),this.onFocus()}Le.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Le,deps:[{token:i},{token:v.LocalizationService},{token:fe}],target:t.ɵɵFactoryTarget.Component}),Le.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Le,selector:"kendo-upload-action-buttons",inputs:{disabled:"disabled",actionsLayout:"actionsLayout"},host:{properties:{"class.k-actions":"this.hostDefaultClass","class.k-actions-end":"this.actionButtonsEndClassName","class.k-actions-stretched":"this.actionButtonsStretchedClassName","class.k-actions-start":"this.actionButtonsStartClassName","class.k-actions-center":"this.actionButtonsCenterClassName"}},viewQueries:[{propertyName:"clearButton",first:!0,predicate:["clearButton"],descendants:!0,static:!0},{propertyName:"uploadButton",first:!0,predicate:["uploadButton"],descendants:!0,static:!0}],ngImport:t,template:'\n        <button #clearButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"\n            [attr.tabIndex]="-1"\n            (click)="onClearButtonClick($event)">\n                {{textFor(\'clearSelectedFiles\')}}\n        </button>\n        <button #uploadButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected"\n            [attr.tabIndex]="-1"\n            (click)="onUploadButtonClick($event)">\n                {{textFor(\'uploadSelectedFiles\')}}\n        </button>\n    ',isInline:!0}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:Le,decorators:[{type:c.Component,args:[{selector:"kendo-upload-action-buttons",template:'\n        <button #clearButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"\n            [attr.tabIndex]="-1"\n            (click)="onClearButtonClick($event)">\n                {{textFor(\'clearSelectedFiles\')}}\n        </button>\n        <button #uploadButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected"\n            [attr.tabIndex]="-1"\n            (click)="onUploadButtonClick($event)">\n                {{textFor(\'uploadSelectedFiles\')}}\n        </button>\n    '}]}],ctorParameters:function(){return[{type:i},{type:v.LocalizationService},{type:fe}]},propDecorators:{disabled:[{type:c.Input}],actionsLayout:[{type:c.Input}],clearButton:[{type:c.ViewChild,args:["clearButton",{static:!0}]}],uploadButton:[{type:c.ViewChild,args:["uploadButton",{static:!0}]}],hostDefaultClass:[{type:c.HostBinding,args:["class.k-actions"]}],actionButtonsEndClassName:[{type:c.HostBinding,args:["class.k-actions-end"]}],actionButtonsStretchedClassName:[{type:c.HostBinding,args:["class.k-actions-stretched"]}],actionButtonsStartClassName:[{type:c.HostBinding,args:["class.k-actions-start"]}],actionButtonsCenterClassName:[{type:c.HostBinding,args:["class.k-actions-center"]}]}});var r={multi:!0,provide:r.NG_VALUE_ACCESSOR,useExisting:c.forwardRef(function(){return it})},it=(Object.defineProperty(a.prototype,"autoUpload",{get:function(){return this.uploadService.async.autoUpload},set:function(e){this.uploadService.async.autoUpload=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"batch",{get:function(){return this.uploadService.async.batch},set:function(e){this.uploadService.async.batch=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"withCredentials",{get:function(){return this.uploadService.async.withCredentials},set:function(e){this.uploadService.async.withCredentials=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"saveField",{get:function(){return this.uploadService.async.saveField},set:function(e){this.uploadService.async.saveField=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"saveHeaders",{get:function(){return this.uploadService.async.saveHeaders},set:function(e){this.uploadService.async.saveHeaders=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"saveMethod",{get:function(){return this.uploadService.async.saveMethod},set:function(e){this.uploadService.async.saveMethod=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"saveUrl",{get:function(){return this.uploadService.async.saveUrl},set:function(e){this.uploadService.async.saveUrl=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"responseType",{get:function(){return this.uploadService.async.responseType},set:function(e){this.uploadService.async.responseType=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"removeField",{get:function(){return this.uploadService.async.removeField},set:function(e){this.uploadService.async.removeField=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"removeHeaders",{get:function(){return this.uploadService.async.removeHeaders},set:function(e){this.uploadService.async.removeHeaders=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"removeMethod",{get:function(){return this.uploadService.async.removeMethod},set:function(e){this.uploadService.async.removeMethod=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"removeUrl",{get:function(){return this.uploadService.async.removeUrl},set:function(e){this.uploadService.async.removeUrl=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"concurrent",{get:function(){return this.uploadService.async.concurrent},set:function(e){this.uploadService.async.concurrent=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"restrictions",{get:function(){return this._restrictions},set:function(e){e=Object.assign({},this._restrictions,e);this._restrictions=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),a.prototype.ngOnInit=function(){this.verifySettings(),this.renderer.removeAttribute(this.wrapper,"tabindex"),this.uploadService.setChunkSettings(this.chunkable),this.zoneId&&this.dropZoneService.addComponent(this,this.zoneId)},a.prototype.ngOnChanges=function(e){u.isChanged("chunkable",e)&&("boolean"==typeof(e=e.chunkable.currentValue)&&(this.uploadService.async.chunk=e),"object"==typeof e&&null!==e&&(this.uploadService.async.chunk=!0,this.uploadService.chunk=Object.assign({},this.uploadService.chunk,e)))},a.prototype.ngOnDestroy=function(){this.fileList.clear(),this.blurSubscription&&this.blurSubscription.unsubscribe(),this.wrapperFocusSubscription&&this.wrapperFocusSubscription.unsubscribe(),this.selectButtonFocusSubscription&&this.selectButtonFocusSubscription.unsubscribe(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.subs&&this.subs.unsubscribe()},a.prototype.handleKeydown=function(e){if(!this.disabled)return e.keyCode!==u.Keys.Enter&&e.keyCode!==u.Keys.Space||e.target!==this.fileSelectButton.nativeElement?void(!ne(e.target,pe)&&(ie(e.target)||ne(e.target,ce))||this.navigation.process(e)):(e.preventDefault(),void this.fileSelect.nativeElement.click())},a.prototype.writeValue=function(e){var t=!0;e instanceof Array&&(e.forEach(function(e){q(e)||(t=!1)}),t&&this.uploadService.addInitialFiles(e)),null===e&&this.fileList.clear(),this.cdr.markForCheck()},a.prototype.registerOnChange=function(e){this.onChangeCallback=e},a.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},a.prototype.setDisabledState=function(e){this.disabled=e},Object.defineProperty(a.prototype,"selectButtonTabIndex",{get:function(){return this.disabled?void 0:this.tabIndex},enumerable:!1,configurable:!0}),a.prototype.onFileSelectButtonFocus=function(e){this.renderer.addClass(this.fileSelectButton.nativeElement,"k-focus"),this.navigation.focused||(this.navigation.focusedIndex=-1)},a.prototype.onFileSelectButtonBlur=function(e){this.renderer.removeClass(this.fileSelectButton.nativeElement,"k-focus")},Object.defineProperty(a.prototype,"showActionButtons",{get:function(){var e,t,n=!1;return this.autoUpload||(e=0<this.fileList.filesToUpload.length,t=this.fileList.hasFileWithState([p.FileState.Uploading]),this.concurrent&&e&&(n=!0),this.concurrent||!e||t||(n=!0)),this.navigation.actionButtonsVisible=n},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"showTotalStatus",{get:function(){var e=[p.FileState.Uploaded,p.FileState.Uploading,p.FileState.Failed,p.FileState.Paused];return!!this.fileList.hasFileWithState(e)},enumerable:!1,configurable:!0}),a.prototype.textFor=function(e){return this.localization.get(e)},a.prototype.focus=function(){var e=this;setTimeout(function(){e.fileSelectButton.nativeElement.focus()})},a.prototype.focusComponent=function(){this.focus()},a.prototype.blur=function(){this.navigation.focused&&(this.navigation.focused=!1,document.activeElement.blur(),this.onBlur.emit())},a.prototype.blurComponent=function(){this.blur()},a.prototype.pauseFileByUid=function(e){this.uploadService.pauseFile(e)},a.prototype.resumeFileByUid=function(e){this.uploadService.resumeFile(e)},a.prototype.removeFilesByUid=function(e){this.uploadService.removeFiles(e)},a.prototype.retryUploadByUid=function(e){this.uploadService.retryFiles(e)},a.prototype.cancelUploadByUid=function(e){this.uploadService.cancelFiles(e)},a.prototype.uploadFiles=function(){this.fileList.filesToUpload.length&&this.uploadService.uploadFiles()},a.prototype.clearFiles=function(){this.uploadService.clearFiles()},a.prototype.addFiles=function(e){this.uploadService.addFiles(e)},a.prototype.isEmpty=function(){return!1},a.prototype.verifySettings=function(){if(c.isDevMode()&&this.batch&&!1!==this.chunkable)throw new Error("The file chunking functionality requires the batch setting to be disabled.")},a.prototype.subscribeBlur=function(){var t=this;u.isDocumentAvailable()&&this._ngZone.runOutsideAngular(function(){t.documentClick=d.fromEvent(document,"click").pipe(f.filter(function(e){return!(t.wrapper!==e.target&&t.wrapper.contains(e.target))})),t.blurSubscription=d.merge(t.documentClick,t.navigation.onTab).subscribe(function(){t.navigation.focused&&t._ngZone.run(function(){t.navigation.focused=!1,t.onTouchedCallback(),t.onBlur.emit()})})})},a.prototype.subscribeFocus=function(){var e=this;this.wrapperFocusSubscription=this.navigation.onWrapperFocus.subscribe(function(){e.onFocus.emit()}),this.selectButtonFocusSubscription=this.navigation.onSelectButtonFocus.subscribe(function(){e.fileSelectButton.nativeElement.focus()})},a.prototype.attachEventHandlers=function(){var t=this;this.subs=this.uploadService.cancelEvent.subscribe(function(e){t.cancel.emit(e)}),this.subs.add(this.uploadService.changeEvent.subscribe(function(e){t.onChangeCallback(e),t.valueChange.emit(e)})),this.subs.add(this.uploadService.clearEvent.subscribe(function(e){t.clear.emit(e)})),this.subs.add(this.uploadService.completeEvent.subscribe(function(){t.complete.emit()})),this.subs.add(this.uploadService.errorEvent.subscribe(function(e){t.error.emit(e)})),this.subs.add(this.uploadService.pauseEvent.subscribe(function(e){t.pause.emit(e)})),this.subs.add(this.uploadService.removeEvent.subscribe(function(e){t.remove.emit(e)})),this.subs.add(this.uploadService.resumeEvent.subscribe(function(e){t.resume.emit(e)})),this.subs.add(this.uploadService.selectEvent.subscribe(function(e){t.select.emit(e)})),this.subs.add(this.uploadService.successEvent.subscribe(function(e){t.success.emit(e)})),this.subs.add(this.uploadService.uploadEvent.subscribe(function(e){t.upload.emit(e)})),this.subs.add(this.uploadService.uploadProgressEvent.subscribe(function(e){t.uploadProgress.emit(e)}))},a);function a(e,t,n,i,o,s,a,r){var l=this;this.uploadService=e,this.localization=t,this.navigation=n,this.dropZoneService=i,this._ngZone=o,this.renderer=s,this.cdr=a,this.chunkable=!1,this.multiple=!0,this.disabled=!1,this.showFileList=!0,this.tabindex=0,this.focusableId="k-"+u.guid(),this.actionsLayout="end",this.onBlur=new c.EventEmitter,this.cancel=new c.EventEmitter,this.clear=new c.EventEmitter,this.complete=new c.EventEmitter,this.error=new c.EventEmitter,this.onFocus=new c.EventEmitter,this.pause=new c.EventEmitter,this.remove=new c.EventEmitter,this.resume=new c.EventEmitter,this.select=new c.EventEmitter,this.success=new c.EventEmitter,this.upload=new c.EventEmitter,this.uploadProgress=new c.EventEmitter,this.valueChange=new c.EventEmitter,this.hostDefaultClasses=!0,this._restrictions={allowedExtensions:[],maxFileSize:0,minFileSize:0},this.onTouchedCallback=function(e){},this.onChangeCallback=function(e){},h.validatePackage(F),this.fileList=this.uploadService.files,this.localizationChangeSubscription=t.changes.subscribe(function(e){e=e.rtl;l.direction=e?"rtl":"ltr",l.navigation.computeKeys(l.direction)}),this.direction=t.rtl?"rtl":"ltr",this.navigation.computeKeys(this.direction),this.wrapper=r.nativeElement,this.subscribeBlur(),this.subscribeFocus(),this.attachEventHandlers()}it.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:it,deps:[{token:i},{token:v.LocalizationService},{token:fe},{token:ge},{token:t.NgZone},{token:t.Renderer2},{token:t.ChangeDetectorRef},{token:t.ElementRef}],target:t.ɵɵFactoryTarget.Component}),it.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:it,selector:"kendo-upload",inputs:{autoUpload:"autoUpload",batch:"batch",withCredentials:"withCredentials",saveField:"saveField",saveHeaders:"saveHeaders",saveMethod:"saveMethod",saveUrl:"saveUrl",responseType:"responseType",removeField:"removeField",removeHeaders:"removeHeaders",removeMethod:"removeMethod",removeUrl:"removeUrl",chunkable:"chunkable",concurrent:"concurrent",multiple:"multiple",disabled:"disabled",showFileList:"showFileList",tabindex:"tabindex",zoneId:"zoneId",tabIndex:"tabIndex",accept:"accept",restrictions:"restrictions",focusableId:"focusableId",actionsLayout:"actionsLayout"},outputs:{onBlur:"blur",cancel:"cancel",clear:"clear",complete:"complete",error:"error",onFocus:"focus",pause:"pause",remove:"remove",resume:"resume",select:"select",success:"success",upload:"upload",uploadProgress:"uploadProgress",valueChange:"valueChange"},host:{listeners:{keydown:"handleKeydown($event)"},properties:{"class.k-widget":"this.hostDefaultClasses","class.k-upload":"this.hostDefaultClasses","class.k-disabled":"this.hostDisabledClass","attr.dir":"this.dir"}},providers:[l.LocalizationService,fe,i,ge,r,{provide:l.L10N_PREFIX,useValue:"kendo.upload"},{provide:u.KendoInput,useExisting:c.forwardRef(function(){return it})}],queries:[{propertyName:"fileTemplate",first:!0,predicate:n,descendants:!0},{propertyName:"fileInfoTemplate",first:!0,predicate:ve,descendants:!0}],viewQueries:[{propertyName:"fileSelect",first:!0,predicate:["fileSelect"],descendants:!0,static:!0},{propertyName:"fileSelectButton",first:!0,predicate:["fileSelectButton"],descendants:!0,static:!0}],exportAs:["kendoUpload"],usesOnChanges:!0,ngImport:t,template:'\n    <ng-container kendoUploadLocalizedMessages\n      i18n-cancel="kendo.upload.cancel|The text for the Cancel button"\n      cancel="Cancel"\n\n      i18n-clearSelectedFiles="kendo.upload.clearSelectedFiles|The text for the Clear button"\n      clearSelectedFiles="Clear"\n\n      i18n-dropFilesHere="kendo.upload.dropFilesHere|The drop zone hint"\n      dropFilesHere="Drop files here to upload"\n\n      i18n-filesBatchStatus="kendo.upload.filesBatchStatus|The status message for a batch of files"\n      filesBatchStatus="files"\n\n      i18n-filesBatchStatusFailed="kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload"\n      filesBatchStatusFailed="files failed to upload."\n\n      i18n-filesBatchStatusUploaded="kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload"\n      filesBatchStatusUploaded="files successfully uploaded."\n\n      i18n-fileStatusFailed="kendo.upload.fileStatusFailed|The file status message after failed upload"\n      fileStatusFailed="File failed to upload."\n\n      i18n-fileStatusUploaded="kendo.upload.fileStatusUploaded|The file status message after successful upload"\n      fileStatusUploaded="File successfully uploaded."\n\n      i18n-headerStatusPaused="kendo.upload.headerStatusPaused|The header status message when the file upload is paused"\n      headerStatusPaused="Paused"\n\n      i18n-headerStatusUploaded="kendo.upload.headerStatusUploaded|The header status message after file upload completion"\n      headerStatusUploaded="Done"\n\n      i18n-headerStatusUploading="kendo.upload.headerStatusUploading|The header status message during file upload"\n      headerStatusUploading="Uploading..."\n\n      i18n-invalidFileExtension="kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message"\n      invalidFileExtension="File type not allowed."\n\n      i18n-invalidMaxFileSize="kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message"\n      invalidMaxFileSize="File size too large."\n\n      i18n-invalidMinFileSize="kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message"\n      invalidMinFileSize="File size too small."\n\n      i18n-pause="kendo.upload.pause|The text for the Pause button"\n      pause="Pause"\n\n      i18n-remove="kendo.upload.remove|The text for the Remove button"\n      remove="Remove"\n\n      i18n-resume="kendo.upload.resume|The text for the Resume button"\n      resume="Resume"\n\n      i18n-retry="kendo.upload.retry|The text for the Retry button"\n      retry="Retry"\n\n      i18n-select="kendo.upload.select|The text for the Select button"\n      select="Select files..."\n\n      i18n-uploadSelectedFiles="kendo.upload.uploadSelectedFiles|The text for the Upload files button"\n      uploadSelectedFiles="Upload"\n    >\n    </ng-container>\n    <div kendoUploadInternalDropZone\n      [restrictions]="restrictions"\n      [multiple]="multiple"\n      [disabled]="disabled">\n        <div role="button" #fileSelectButton\n             [id]="focusableId"\n             [attr.aria-label]="textFor(\'select\')"\n             [attr.tabindex]="selectButtonTabIndex"\n             (focus)="onFileSelectButtonFocus($event)"\n             (blur)="onFileSelectButtonBlur($event)"\n             class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">\n          <input #fileSelect kendoFileSelect\n            [attr.accept]="accept ? accept : null"\n            [attr.aria-hidden]="true"\n            [dir]="direction"\n            [restrictions]="restrictions"\n            [multiple]="multiple"\n            [disabled]="disabled" />\n          <span>{{textFor(\'select\')}}</span>\n        </div>\n        <kendo-upload-status-total *ngIf="showTotalStatus"\n          class="k-upload-status k-upload-status-total"\n          [fileList]="fileList">\n        </kendo-upload-status-total>\n        <div class="k-dropzone-hint">{{textFor(\'dropFilesHere\')}}</div>\n    </div>\n    <ul kendo-upload-file-list *ngIf="showFileList && fileList.count > 0"\n        class="k-upload-files k-reset"\n        [disabled]="disabled"\n        [fileList]="fileList.files"\n        [fileTemplate]="fileTemplate"\n        [fileInfoTemplate]="fileInfoTemplate">\n    </ul>\n    <kendo-upload-action-buttons\n      *ngIf="showActionButtons"\n      [disabled]="disabled"\n      [actionsLayout]="actionsLayout">\n    </kendo-upload-action-buttons>\n  ',isInline:!0,components:[{type:Xe,selector:"kendo-upload-status-total",inputs:["fileList"]},{type:e,selector:"[kendo-upload-file-list]",inputs:["disabled","fileList","fileTemplate","fileInfoTemplate"]},{type:Le,selector:"kendo-upload-action-buttons",inputs:["disabled","actionsLayout"]}],directives:[{type:Re,selector:"\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  "},{type:$e,selector:"\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ",inputs:["disabled","multiple","restrictions"]},{type:We,selector:"[kendoFileSelect]",inputs:["dir","disabled","multiple","restrictions"]},{type:k.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:it,decorators:[{type:c.Component,args:[{exportAs:"kendoUpload",providers:[l.LocalizationService,fe,i,ge,r,{provide:l.L10N_PREFIX,useValue:"kendo.upload"},{provide:u.KendoInput,useExisting:c.forwardRef(function(){return it})}],selector:"kendo-upload",template:'\n    <ng-container kendoUploadLocalizedMessages\n      i18n-cancel="kendo.upload.cancel|The text for the Cancel button"\n      cancel="Cancel"\n\n      i18n-clearSelectedFiles="kendo.upload.clearSelectedFiles|The text for the Clear button"\n      clearSelectedFiles="Clear"\n\n      i18n-dropFilesHere="kendo.upload.dropFilesHere|The drop zone hint"\n      dropFilesHere="Drop files here to upload"\n\n      i18n-filesBatchStatus="kendo.upload.filesBatchStatus|The status message for a batch of files"\n      filesBatchStatus="files"\n\n      i18n-filesBatchStatusFailed="kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload"\n      filesBatchStatusFailed="files failed to upload."\n\n      i18n-filesBatchStatusUploaded="kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload"\n      filesBatchStatusUploaded="files successfully uploaded."\n\n      i18n-fileStatusFailed="kendo.upload.fileStatusFailed|The file status message after failed upload"\n      fileStatusFailed="File failed to upload."\n\n      i18n-fileStatusUploaded="kendo.upload.fileStatusUploaded|The file status message after successful upload"\n      fileStatusUploaded="File successfully uploaded."\n\n      i18n-headerStatusPaused="kendo.upload.headerStatusPaused|The header status message when the file upload is paused"\n      headerStatusPaused="Paused"\n\n      i18n-headerStatusUploaded="kendo.upload.headerStatusUploaded|The header status message after file upload completion"\n      headerStatusUploaded="Done"\n\n      i18n-headerStatusUploading="kendo.upload.headerStatusUploading|The header status message during file upload"\n      headerStatusUploading="Uploading..."\n\n      i18n-invalidFileExtension="kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message"\n      invalidFileExtension="File type not allowed."\n\n      i18n-invalidMaxFileSize="kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message"\n      invalidMaxFileSize="File size too large."\n\n      i18n-invalidMinFileSize="kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message"\n      invalidMinFileSize="File size too small."\n\n      i18n-pause="kendo.upload.pause|The text for the Pause button"\n      pause="Pause"\n\n      i18n-remove="kendo.upload.remove|The text for the Remove button"\n      remove="Remove"\n\n      i18n-resume="kendo.upload.resume|The text for the Resume button"\n      resume="Resume"\n\n      i18n-retry="kendo.upload.retry|The text for the Retry button"\n      retry="Retry"\n\n      i18n-select="kendo.upload.select|The text for the Select button"\n      select="Select files..."\n\n      i18n-uploadSelectedFiles="kendo.upload.uploadSelectedFiles|The text for the Upload files button"\n      uploadSelectedFiles="Upload"\n    >\n    </ng-container>\n    <div kendoUploadInternalDropZone\n      [restrictions]="restrictions"\n      [multiple]="multiple"\n      [disabled]="disabled">\n        <div role="button" #fileSelectButton\n             [id]="focusableId"\n             [attr.aria-label]="textFor(\'select\')"\n             [attr.tabindex]="selectButtonTabIndex"\n             (focus)="onFileSelectButtonFocus($event)"\n             (blur)="onFileSelectButtonBlur($event)"\n             class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">\n          <input #fileSelect kendoFileSelect\n            [attr.accept]="accept ? accept : null"\n            [attr.aria-hidden]="true"\n            [dir]="direction"\n            [restrictions]="restrictions"\n            [multiple]="multiple"\n            [disabled]="disabled" />\n          <span>{{textFor(\'select\')}}</span>\n        </div>\n        <kendo-upload-status-total *ngIf="showTotalStatus"\n          class="k-upload-status k-upload-status-total"\n          [fileList]="fileList">\n        </kendo-upload-status-total>\n        <div class="k-dropzone-hint">{{textFor(\'dropFilesHere\')}}</div>\n    </div>\n    <ul kendo-upload-file-list *ngIf="showFileList && fileList.count > 0"\n        class="k-upload-files k-reset"\n        [disabled]="disabled"\n        [fileList]="fileList.files"\n        [fileTemplate]="fileTemplate"\n        [fileInfoTemplate]="fileInfoTemplate">\n    </ul>\n    <kendo-upload-action-buttons\n      *ngIf="showActionButtons"\n      [disabled]="disabled"\n      [actionsLayout]="actionsLayout">\n    </kendo-upload-action-buttons>\n  '}]}],ctorParameters:function(){return[{type:i},{type:v.LocalizationService},{type:fe},{type:ge},{type:t.NgZone},{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:t.ElementRef}]},propDecorators:{autoUpload:[{type:c.Input}],batch:[{type:c.Input}],withCredentials:[{type:c.Input}],saveField:[{type:c.Input}],saveHeaders:[{type:c.Input}],saveMethod:[{type:c.Input}],saveUrl:[{type:c.Input}],responseType:[{type:c.Input}],removeField:[{type:c.Input}],removeHeaders:[{type:c.Input}],removeMethod:[{type:c.Input}],removeUrl:[{type:c.Input}],chunkable:[{type:c.Input}],concurrent:[{type:c.Input}],multiple:[{type:c.Input}],disabled:[{type:c.Input}],showFileList:[{type:c.Input}],tabindex:[{type:c.Input}],zoneId:[{type:c.Input}],tabIndex:[{type:c.Input,args:["tabIndex"]}],accept:[{type:c.Input}],restrictions:[{type:c.Input}],focusableId:[{type:c.Input}],actionsLayout:[{type:c.Input}],fileTemplate:[{type:c.ContentChild,args:[n,{static:!1}]}],fileInfoTemplate:[{type:c.ContentChild,args:[ve,{static:!1}]}],fileSelect:[{type:c.ViewChild,args:["fileSelect",{static:!0}]}],fileSelectButton:[{type:c.ViewChild,args:["fileSelectButton",{static:!0}]}],onBlur:[{type:c.Output,args:["blur"]}],cancel:[{type:c.Output}],clear:[{type:c.Output}],complete:[{type:c.Output}],error:[{type:c.Output}],onFocus:[{type:c.Output,args:["focus"]}],pause:[{type:c.Output}],remove:[{type:c.Output}],resume:[{type:c.Output}],select:[{type:c.Output}],success:[{type:c.Output}],upload:[{type:c.Output}],uploadProgress:[{type:c.Output}],valueChange:[{type:c.Output}],hostDefaultClasses:[{type:c.HostBinding,args:["class.k-widget"]},{type:c.HostBinding,args:["class.k-upload"]}],hostDisabledClass:[{type:c.HostBinding,args:["class.k-disabled"]}],dir:[{type:c.HostBinding,args:["attr.dir"]}],handleKeydown:[{type:c.HostListener,args:["keydown",["$event"]]}]}});ot.prototype.onElementDragEnter=function(){return!1},ot.prototype.onElementDragOver=function(){return!1},ot.prototype.onDropListener=function(n){var e=this.componentInstance;if(oe(e))return e.forEach(function(e){var t=n.dataTransfer.files;0<t.length&&!e.disabled&&(t=X(t),t=ee(t,!(e instanceof it)||!e.batch),e.multiple||(t.splice(1,t.length-1),e.clearFiles()),je(t,e.restrictions),e.addFiles(t))}),!1},Object.defineProperty(ot.prototype,"componentInstance",{get:function(){return this.dropZoneService.getComponents(this.zoneId)},enumerable:!1,configurable:!0});r=ot;function ot(e){this.dropZoneService=e}r.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:r,deps:[{token:ge}],target:t.ɵɵFactoryTarget.Directive}),r.ɵdir=t.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,selector:"[kendoUploadDropZone], [kendoFileSelectDropZone]",inputs:{zoneId:["kendoUploadDropZone","zoneId"]},host:{listeners:{dragenter:"onElementDragEnter()",dragover:"onElementDragOver()",drop:"onDropListener($event)"}},providers:[ge],ngImport:t}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:r,decorators:[{type:c.Directive,args:[{providers:[ge],selector:"[kendoUploadDropZone], [kendoFileSelectDropZone]"}]}],ctorParameters:function(){return[{type:ge}]},propDecorators:{zoneId:[{type:c.Input,args:["kendoUploadDropZone"]}],onElementDragEnter:[{type:c.HostListener,args:["dragenter"]}],onElementDragOver:[{type:c.HostListener,args:["dragover"]}],onDropListener:[{type:c.HostListener,args:["drop",["$event"]]}]}});I(at,st=_e),Object.defineProperty(at.prototype,"dirAttribute",{get:function(){return this.direction},enumerable:!1,configurable:!0}),at.prototype.textFor=function(e){return this.localization.get(e)},Object.defineProperty(at.prototype,"iconClasses",{get:function(){return this.icon?"k-icon k-i-"+this.icon:this.iconClass?""+this.iconClass:"k-icon k-i-upload"},enumerable:!1,configurable:!0}),at.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()};var st,_e=at;function at(e,t,n){var i=st.call(this,e,t,"k-external-dropzone-hover")||this;return i.localization=n,i.hostClass=!0,i.localizationChangeSubscription=i.localization.changes.subscribe(function(e){e=e.rtl;i.direction=e?"rtl":"ltr"}),i}_e.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:_e,deps:[{token:t.ElementRef},{token:t.Renderer2},{token:v.LocalizationService}],target:t.ɵɵFactoryTarget.Component}),_e.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_e,selector:"kendo-uploaddropzone",inputs:{zoneId:"zoneId",icon:"icon",iconClass:"iconClass"},host:{properties:{"class.k-external-dropzone":"this.hostClass","attr.dir":"this.dirAttribute"}},providers:[l.LocalizationService,{provide:l.L10N_PREFIX,useValue:"kendo.uploaddropzone"}],exportAs:["kendoUploadDropZone"],usesInheritance:!0,ngImport:t,template:"\n    <ng-container kendoUploadDropZoneLocalizedMessages\n      i18n-externalDropFilesHere='kendo.uploaddropzone.externalDropFilesHere|Sets the external drop-zone hint'\n      externalDropFilesHere='Drag and drop files here to upload'\n    >\n    </ng-container>\n    <div class='k-dropzone-inner' [kendoUploadDropZone]=\"zoneId\">\n      <span [ngClass]=\"iconClasses\"></span>\n      <span class=\"k-dropzone-hint\">{{ textFor('externalDropFilesHere') }}</span>\n      <span class=\"k-dropzone-note\">\n        <ng-content></ng-content>\n      </span>\n    </div>\n  ",isInline:!0,directives:[{type:Re,selector:"\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  "},{type:r,selector:"[kendoUploadDropZone], [kendoFileSelectDropZone]",inputs:["kendoUploadDropZone"]},{type:k.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:_e,decorators:[{type:c.Component,args:[{exportAs:"kendoUploadDropZone",providers:[l.LocalizationService,{provide:l.L10N_PREFIX,useValue:"kendo.uploaddropzone"}],selector:"kendo-uploaddropzone",template:"\n    <ng-container kendoUploadDropZoneLocalizedMessages\n      i18n-externalDropFilesHere='kendo.uploaddropzone.externalDropFilesHere|Sets the external drop-zone hint'\n      externalDropFilesHere='Drag and drop files here to upload'\n    >\n    </ng-container>\n    <div class='k-dropzone-inner' [kendoUploadDropZone]=\"zoneId\">\n      <span [ngClass]=\"iconClasses\"></span>\n      <span class=\"k-dropzone-hint\">{{ textFor('externalDropFilesHere') }}</span>\n      <span class=\"k-dropzone-note\">\n        <ng-content></ng-content>\n      </span>\n    </div>\n  "}]}],ctorParameters:function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:v.LocalizationService}]},propDecorators:{hostClass:[{type:c.HostBinding,args:["class.k-external-dropzone"]}],dirAttribute:[{type:c.HostBinding,args:["attr.dir"]}],zoneId:[{type:c.Input}],icon:[{type:c.Input}],iconClass:[{type:c.Input}]}});var k=[$e,e,be,Ie,Fe,Te,We,Re,xe],l=[n,ve,Je,r,_e],rt=function(){},$e=(rt.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:rt,deps:[],target:t.ɵɵFactoryTarget.NgModule}),rt.ɵmod=t.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:rt,declarations:[n,ve,Je,r,_e,$e,e,be,Ie,Fe,Te,We,Re,xe],imports:[g.CommonModule],exports:[n,ve,Je,r,_e,$e,e,be,Ie,Fe,Te,We,Re,xe,g.CommonModule]}),rt.ɵinj=t.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:rt,imports:[[g.CommonModule],g.CommonModule]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:rt,decorators:[{type:c.NgModule,args:[{declarations:[l,k],exports:[l,k,g.CommonModule],imports:[g.CommonModule]}]}]}),[Qe]),be=function(){},k=(be.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,deps:[],target:t.ɵɵFactoryTarget.NgModule}),be.ɵmod=t.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,declarations:[Qe],imports:[rt],exports:[n,ve,Je,r,_e,Qe]}),be.ɵinj=t.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,imports:[[rt]]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:be,decorators:[{type:c.NgModule,args:[{declarations:[$e],exports:[l,$e],imports:[rt]}]}]}),[it,Le,Xe]),g=function(){},$e=(g.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:g,deps:[],target:t.ɵɵFactoryTarget.NgModule}),g.ɵmod=t.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:g,declarations:[it,Le,Xe],imports:[rt],exports:[n,ve,Je,r,_e,it,Le,Xe]}),g.ɵinj=t.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:g,imports:[[rt]]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:g,decorators:[{type:c.NgModule,args:[{declarations:[k],exports:[l,k],imports:[rt]}]}]}),function(){});$e.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,deps:[],target:t.ɵɵFactoryTarget.NgModule}),$e.ɵmod=t.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,exports:[be,g]}),$e.ɵinj=t.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,imports:[be,g]}),t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:t,type:$e,decorators:[{type:c.NgModule,args:[{exports:[be,g]}]}]}),p.CancelEvent=D,p.ClearEvent=U,p.CustomMessagesComponent=Je,p.ErrorEvent=P,p.FileInfoTemplateDirective=ve,p.FileListComponent=e,p.FileListItemActionButtonComponent=Ie,p.FileListMultipleItemsComponent=Fe,p.FileListSingleItemComponent=Te,p.FileSelectComponent=Qe,p.FileSelectDirective=We,p.FileSelectModule=be,p.FileTemplateDirective=n,p.PauseEvent=L,p.RemoveEvent=O,p.ResumeEvent=V,p.SelectEvent=j,p.SuccessEvent=N,p.TemplateContextDirective=xe,p.UploadActionButtonsComponent=Le,p.UploadComponent=it,p.UploadDropZoneComponent=_e,p.UploadDropZoneDirective=r,p.UploadEvent=K,p.UploadModule=g,p.UploadProgressEvent=se,p.UploadStatusTotalComponent=Xe,p.UploadsModule=$e,Object.defineProperty(p,"__esModule",{value:!0})});

package/{dist/es2015/dropzone-base.d.ts → dropzone-base.d.ts}

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -20,8 +21,10 @@ export declare abstract class DropZoneBase {
      * @hidden
      */
     onElementDragOverListener(): boolean;
-    constructor(element: ElementRef, renderer: Renderer2, hoverClass: string);
+    constructor(element: ElementRef, renderer: Renderer2, cssClass: string);
     protected calculateTimeDiff(prevEvent: Date): Number;
     protected addClass(className: string): void;
     protected removeClass(className: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropZoneBase, never, never, {}, {}, never>;
 }

package/{dist/es2015/dropzone-external.directive.d.ts → dropzone-external.directive.d.ts}

@@ -5,6 +5,7 @@
 import { DropZoneService } from './dropzone.service';
 import { UploadComponent } from './upload.component';
 import { FileSelectComponent } from './fileselect.component';
+import * as i0 from "@angular/core";
 export declare class UploadDropZoneDirective {
     private dropZoneService;
     /**
@@ -28,5 +29,7 @@ export declare class UploadDropZoneDirective {
     /**
      * @hidden
      */
-    readonly componentInstance: Array<UploadComponent | FileSelectComponent>;
+    get componentInstance(): Array<UploadComponent | FileSelectComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadDropZoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadDropZoneDirective, "[kendoUploadDropZone], [kendoFileSelectDropZone]", never, { "zoneId": "kendoUploadDropZone"; }, {}, never>;
 }

package/{dist/es2015/dropzone-internal.directive.d.ts → dropzone-internal.directive.d.ts}

@@ -6,6 +6,7 @@ import { ElementRef, Renderer2, NgZone } from '@angular/core';
 import { FileRestrictions } from './types';
 import { DropZoneBase } from './dropzone-base';
 import { UploadService } from './upload.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -29,4 +30,6 @@ export declare class DropZoneInternalDirective extends DropZoneBase {
      */
     onDocumentDragOver(): boolean;
     onDropListener(event: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneInternalDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropZoneInternalDirective, "      [kendoUploadInternalDropZone],      [kendoFileSelectInternalDropZone]    ", never, { "disabled": "disabled"; "multiple": "multiple"; "restrictions": "restrictions"; }, {}, never>;
 }

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

@@ -5,13 +5,14 @@
 import { ElementRef, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DropZoneBase } from './dropzone-base';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI UploadDropZone component for Angular]({% slug overview_upload %}).
  */
 export declare class UploadDropZoneComponent extends DropZoneBase {
     private localization;
     hostClass: boolean;
-    readonly dirAttribute: string;
+    get dirAttribute(): string;
     /**
      * Defines the id of the component.
      * It is used to associate it with an existing Upload or FileSelect component.
@@ -38,6 +39,8 @@ export declare class UploadDropZoneComponent extends DropZoneBase {
     /**
      * @hidden
      */
-    readonly iconClasses: string;
+    get iconClasses(): string;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadDropZoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDropZoneComponent, "kendo-uploaddropzone", ["kendoUploadDropZone"], { "zoneId": "zoneId"; "icon": "icon"; "iconClass": "iconClass"; }, {}, never, ["*"]>;
 }

package/{dist/es2015/dropzone.service.d.ts → dropzone.service.d.ts}

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { UploadComponent } from './upload.component';
 import { FileSelectComponent } from './fileselect.component';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -11,4 +12,6 @@ export declare class DropZoneService {
     addComponent(component: UploadComponent | FileSelectComponent, zoneId: string): void;
     getComponents(zoneId: string): Array<UploadComponent | FileSelectComponent>;
     private has;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropZoneService>;
 }

package/{dist/es2015 → esm2015}/common/action-buttons-layout.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/common/util.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable: no-bitwise */
+/* eslint-disable  no-bitwise */
 import { FileState } from '../types';
 import { guid } from '@progress/kendo-angular-common';
 import { fileGroupMap } from '../types/file-groups';
@@ -34,13 +34,11 @@ const stripPath = (name) => {
     let slashIndex = name.lastIndexOf("\\");
     return (slashIndex !== -1) ? name.substr(slashIndex + 1) : name;
 };
-const ɵ0 = stripPath;
 const getFileExtension = (fileName) => {
     const rFileExtension = /\.([^\.]+)$/;
     const matches = fileName.match(rFileExtension);
     return matches ? matches[0] : "";
 };
-const ɵ1 = getFileExtension;
 /**
  * @hidden
  */
@@ -95,7 +93,6 @@ const getFileInfo = (rawFile) => {
         state: FileState.Selected
     };
 };
-const ɵ2 = getFileInfo;
 /**
  * @hidden
  */
@@ -184,9 +181,7 @@ const isVisible = (element) => {
     const rect = element.getBoundingClientRect();
     return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
 };
-const ɵ3 = isVisible;
 const toClassList = (classNames) => String(classNames).trim().split(' ');
-const ɵ4 = toClassList;
 /**
  * @hidden
  */
@@ -229,4 +224,3 @@ export const getFileGroupCssClass = (fileExtension) => {
  * @hidden
  */
 export const isPresent = (value) => value !== null && value !== undefined;
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4 };

package/{dist/es2015 → esm2015}/common/validation-util.js

@@ -24,7 +24,6 @@ const validateFileExtension = (file, allowedExtensions) => {
         }
     }
 };
-const ɵ0 = validateFileExtension;
 const validateFileSize = (file, minFileSize, maxFileSize) => {
     if (minFileSize !== 0 && file.size < minFileSize) {
         file.validationErrors = file.validationErrors || [];
@@ -39,7 +38,6 @@ const validateFileSize = (file, minFileSize, maxFileSize) => {
         }
     }
 };
-const ɵ1 = validateFileSize;
 const parseAllowedExtensions = (extensions) => {
     const allowedExtensions = extensions.map((ext) => {
         var parsedExt = (ext.substring(0, 1) === ".") ? ext : ("." + ext);
@@ -47,7 +45,6 @@ const parseAllowedExtensions = (extensions) => {
     });
     return allowedExtensions;
 };
-const ɵ2 = parseAllowedExtensions;
 /**
  * @hidden
  */
@@ -61,4 +58,3 @@ export const validateFiles = (files, restrictionInfo) => {
         validateFileSize(files[i], minFileSize, maxFileSize);
     }
 };
-export { ɵ0, ɵ1, ɵ2 };

package/{dist/es2015 → esm2015}/dropzone-base.js

@@ -2,17 +2,17 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { HostListener } from '@angular/core';
+import { HostListener, Inject, Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export class DropZoneBase {
-    constructor(element, renderer, hoverClass) {
+    constructor(element, renderer, cssClass) {
         this.element = element;
         this.renderer = renderer;
         this.hideIntervalElement = null;
-        this.hoverClass = hoverClass;
+        this.hoverClass = cssClass;
     }
     /**
      * @hidden
@@ -49,15 +49,17 @@ export class DropZoneBase {
         this.renderer.removeClass(this.element.nativeElement, className);
     }
 }
-tslib_1.__decorate([
-    HostListener('dragenter'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", Boolean)
-], DropZoneBase.prototype, "onElementDragEnterListener", null);
-tslib_1.__decorate([
-    HostListener('dragover'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", Boolean)
-], DropZoneBase.prototype, "onElementDragOverListener", null);
+DropZoneBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'hoverClass' }], target: i0.ɵɵFactoryTarget.Directive });
+DropZoneBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DropZoneBase, host: { listeners: { "dragenter": "onElementDragEnterListener()", "dragover": "onElementDragOverListener()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['hoverClass']
+                }] }]; }, propDecorators: { onElementDragEnterListener: [{
+                type: HostListener,
+                args: ['dragenter']
+            }], onElementDragOverListener: [{
+                type: HostListener,
+                args: ['dragover']
+            }] } });