@aquera/nile-elements 1.5.2 → 1.5.3

package/dist/nile-file-preview/utils/index.esm.js

@@ -1 +1 @@
-export{c as cancelFileUpload,f as formatFileSize,a as generatePreviewUrl,g as getFileType,r as removeFile,t as truncateString}from"./nile-file-preview.util.esm.js";import"../types/nile-file-preview.enums.esm.js";
+export{c as cancelFileUpload,f as formatFileSize,a as generatePreviewUrl,g as getFileType,i as isRealImage,r as removeFile,t as truncateString}from"./nile-file-preview.util.esm.js";import"../types/nile-file-preview.enums.esm.js";

package/dist/nile-file-preview/utils/nile-file-preview.util.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var e,s,t,o,a,n,l,r;return{setters:[function(_typesNileFilePreviewEnumsCjsJs){e=_typesNileFilePreviewEnumsCjsJs.c;s=_typesNileFilePreviewEnumsCjsJs.b;}],execute:function execute(){_export("a",t=function t(s){return new Promise(function(t,o){var a=new FileReader();s?a.readAsDataURL(s):o(e.NO_FILE_SELECTED),a.onload=function(){var e=a.result;t(e);},a.onerror=function(s){o(e.UNABLE_TO_GENEARTE_URL);};});}),_export("r",o=function o(e,t,_o){t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_REMOVE,{detail:{value:e,url:_o},bubbles:!0,composed:!0}));}),_export("c",a=function a(e,t){t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_CANCEL_UPLOAD,{detail:{file:e},bubbles:!0,composed:!0}));}),_export("f",n=function n(e){var s=e/1024,t=s/1024,o=t/1024;return o>=1?o.toFixed(2)+" GB":t>=1?t.toFixed(2)+" MB":s>=1?s.toFixed(2)+" KB":e+" B";}),_export("g",l=function l(e){return e.split("/")[1].toUpperCase();}),_export("t",r=function r(e){("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate());});}};});
+System.register(["../types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var e,s,t,n,o,a,r,i,l,c;return{setters:[function(_typesNileFilePreviewEnumsCjsJs){e=_typesNileFilePreviewEnumsCjsJs.c;s=_typesNileFilePreviewEnumsCjsJs.b;t=_typesNileFilePreviewEnumsCjsJs.F;}],execute:function execute(){_export("a",n=function n(s){return new Promise(function(t,n){var o=new FileReader();s?o.readAsDataURL(s):n(e.NO_FILE_SELECTED),o.onload=function(){var e=o.result;t(e);},o.onerror=function(s){n(e.UNABLE_TO_GENEARTE_URL);};});}),_export("r",o=function o(e,t,n){t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_REMOVE,{detail:{value:e,url:n},bubbles:!0,composed:!0}));}),_export("c",a=function a(n,o,_a){o.target&&(o.target.dispatchEvent(new CustomEvent(s.NILE_CANCEL_UPLOAD,{detail:{file:n},bubbles:!0,composed:!0})),_a.state=t.ERROR,_a.errorMessage=e.UPLOAD_CANCEL,_a.requestUpdate());}),_export("f",r=function r(e){var s=e/1e3,t=e/1e6,n=e/1e9;return n>=1?n.toFixed(2)+" GB":t>=1?t.toFixed(2)+" MB":s>=1?s.toFixed(2)+" KB":e+" B";}),_export("g",i=function i(e,s){if(s)return e.name.split(".").pop()||"";return((e.type||"").split("/")[1]||"").toUpperCase();}),_export("t",l=function l(e){("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate());}),_export("i",c=function c(e){return new Promise(function(s){var t=new Blob([e],{type:e.type}),n=URL.createObjectURL(t),o=new Image();o.onload=function(){URL.revokeObjectURL(n),s(!0);},o.onerror=function(){URL.revokeObjectURL(n),s(!1);},o.src=n;});});}};});
 //# sourceMappingURL=nile-file-preview.util.cjs.js.map

package/dist/nile-file-preview/utils/nile-file-preview.util.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-file-preview.util.cjs.js","sources":["../../../../src/nile-file-preview/utils/nile-file-preview.util.ts"],"sourcesContent":["import NileFilePreview from \"../nile-file-preview\";\nimport { RemoveFileDetail, FilePreviewEvent, FilePreviewErrorMessages } from \"../types\";\n\nexport const generatePreviewUrl = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    if (file) {\n      reader.readAsDataURL(file);\n    } else {\n      reject(FilePreviewErrorMessages.NO_FILE_SELECTED);\n    }\n\n    reader.onload = () => {\n      const previewUrl = reader.result as string;\n      resolve(previewUrl);\n    };\n\n    reader.onerror = (error) => {\n      reject(FilePreviewErrorMessages.UNABLE_TO_GENEARTE_URL);\n    }\n  });\n}\n\nexport const removeFile = (removeFile: File, e: CustomEvent<RemoveFileDetail>, originalUrl: string): void => {\n  if (e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_REMOVE, {\n        detail: { value: removeFile, url: originalUrl },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n};\n\nexport const cancelFileUpload = (file: File, e: CustomEvent<RemoveFileDetail>) => {\n  if(e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_CANCEL_UPLOAD, {\n        detail: { file: file },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n}\n\nexport const formatFileSize = (bytes: number): string => {\n  const kb = bytes / 1024;\n  const mb = kb / 1024;\n  const gb = mb / 1024;\n\n  if (gb >= 1) return gb.toFixed(2) + ' GB';\n  if (mb >= 1) return mb.toFixed(2) + ' MB';\n  if (kb >= 1) return kb.toFixed(2) + ' KB';\n  return bytes + ' B';\n}\n\nexport const getFileType = (type: string): string => {\n  return type.split('/')[1].toUpperCase();\n}\n\nexport const truncateString = (nileFilePreview: NileFilePreview): void => {\n  if(nileFilePreview.variant === 'vertical' && nileFilePreview.errorMessage.length > 34) {\n    nileFilePreview.isStringTruncated = true;\n    nileFilePreview.requestUpdate();\n  } else if(nileFilePreview.variant === 'horizontal' && nileFilePreview.errorMessage.length > 96) {\n    nileFilePreview.isStringTruncated = true;\n    nileFilePreview.requestUpdate();\n  }\n}"],"names":["generatePreviewUrl","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","FilePreviewErrorMessages","NO_FILE_SELECTED","onload","previewUrl","result","onerror","error","UNABLE_TO_GENEARTE_URL","_export","removeFile","e","originalUrl","target","dispatchEvent","CustomEvent","FilePreviewEvent","NILE_REMOVE","detail","value","url","bubbles","composed","cancelFileUpload","a","NILE_CANCEL_UPLOAD","formatFileSize","bytes","kb","mb","gb","toFixed","getFileType","type","split","toUpperCase","truncateString","nileFilePreview","variant","errorMessage","length","isStringTruncated","requestUpdate"],"mappings":"oSAGaA,CAAAA,CAAsBC,QAAtBD,CAAAA,CAAAA,CAAsBC,SAC1B,IAAIC,CAAAA,OAAAA,CAAQ,SAACC,CAAAA,CAASC,GAC3B,GAAMC,CAAAA,CAAAA,CAAS,GAAIC,CAAAA,UAAAA,CAAAA,CAAAA,CAEfL,EACFI,CAAOE,CAAAA,aAAAA,CAAcN,CAErBG,CAAAA,CAAAA,CAAAA,CAAOI,EAAyBC,gBAGlCJ,CAAAA,CAAAA,CAAAA,CAAOK,MAAS,CAAA,UAAA,CACd,GAAMC,CAAAA,CAAaN,CAAAA,CAAAA,CAAOO,MAC1BT,CAAAA,CAAAA,CAAQQ,EAAW,EAGrBN,CAAAA,CAAAA,CAAOQ,OAAWC,CAAAA,SAAAA,CAAAA,CAAAA,CAChBV,EAAOI,CAAyBO,CAAAA,sBAAAA,CAAuB,EACxD,EAAA,CAAA,IAAAC,OAAA,KAIQC,EAAa,QAAbA,CAAAA,EAAcA,CAAAA,CAAkBC,CAAkCC,CAAAA,EAAAA,CAAAA,CACzED,EAAEE,MACJF,EAAAA,CAAAA,CAAEE,MAAOC,CAAAA,aAAAA,CACP,GAAIC,CAAAA,WAAYC,CAAAA,CAAAA,CAAiBC,WAAa,CAAA,CAC5CC,OAAQ,CAAEC,KAAAA,CAAOT,CAAYU,CAAAA,GAAAA,CAAKR,IAClCS,OAAS,CAAA,CAAA,CAAA,CACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAGf,gBAGUC,CAAmB,CAAA,QAAnBA,CAAAA,CAAmBC,CAAC9B,CAAYiB,CAAAA,CAAAA,CAAAA,CACxCA,EAAEE,MACHF,EAAAA,CAAAA,CAAEE,MAAOC,CAAAA,aAAAA,CACP,GAAIC,CAAAA,WAAYC,CAAAA,CAAAA,CAAiBS,kBAAoB,CAAA,CACnDP,OAAQ,CAAExB,IAAAA,CAAMA,CAChB2B,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,EACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAGf,EAGUI,EAAAA,OAAAA,KAAAA,CAAAA,CAAkBC,QAAlBD,CAAAA,CAAAA,CAAkBC,GAC7B,GAAMC,CAAAA,CAAAA,CAAKD,CAAQ,CAAA,IAAA,CACbE,EAAKD,CAAK,CAAA,IAAA,CACVE,CAAKD,CAAAA,CAAAA,CAAK,KAEhB,MAAIC,CAAAA,CAAAA,EAAM,CAAUA,CAAAA,CAAAA,CAAGC,QAAQ,CAAK,CAAA,CAAA,KAAA,CAChCF,CAAM,EAAA,CAAA,CAAUA,EAAGE,OAAQ,CAAA,CAAA,CAAA,CAAK,KAChCH,CAAAA,CAAAA,EAAM,EAAUA,CAAGG,CAAAA,OAAAA,CAAQ,CAAK,CAAA,CAAA,KAAA,CAC7BJ,EAAQ,IAAI,EAAA,EAAAlB,OAAA,KAGRuB,CAAeC,CAAAA,QAAfD,CAAAA,CAAeC,CAAAA,CAAAA,QACnBA,CAAAA,EAAKC,KAAM,CAAA,GAAA,CAAA,CAAK,CAAGC,CAAAA,CAAAA,WAAAA,CAAAA,CAAAA,IAAAA,OAAAA,KAGfC,EAAkBC,QAAlBD,CAAAA,EAAkBC,CACE,CAAA,CAAA,CAAA,UAAA,GAA5BA,CAAgBC,CAAAA,OAAAA,EAA0BD,EAAgBE,YAAaC,CAAAA,MAAAA,CAAS,EAG7C,EAAA,YAAA,GAA5BH,EAAgBC,OAA4BD,EAAAA,CAAAA,CAAgBE,YAAaC,CAAAA,MAAAA,CAAS,MAF1FH,CAAgBI,CAAAA,iBAAAA,CAAAA,CAAoB,CACpCJ,CAAAA,CAAAA,CAAgBK,gBAIjB"}
+{"version":3,"file":"nile-file-preview.util.cjs.js","sources":["../../../../src/nile-file-preview/utils/nile-file-preview.util.ts"],"sourcesContent":["import NileFilePreview from \"../nile-file-preview\";\nimport { RemoveFileDetail, FilePreviewEvent, FilePreviewErrorMessages, FilePreviewState } from \"../types\";\n\nexport const generatePreviewUrl = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    if (file) {\n      reader.readAsDataURL(file);\n    } else {\n      reject(FilePreviewErrorMessages.NO_FILE_SELECTED);\n    }\n\n    reader.onload = () => {\n      const previewUrl = reader.result as string;\n      resolve(previewUrl);\n    };\n\n    reader.onerror = (error) => {\n      reject(FilePreviewErrorMessages.UNABLE_TO_GENEARTE_URL);\n    }\n  });\n}\n\nexport const removeFile = (removeFile: File, e: CustomEvent<RemoveFileDetail>, originalUrl: string): void => {\n  if (e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_REMOVE, {\n        detail: { value: removeFile, url: originalUrl },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n};\n\nexport const cancelFileUpload = (file: File, e: CustomEvent<RemoveFileDetail>, nileFilePreview: NileFilePreview) => {\n  if(e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_CANCEL_UPLOAD, {\n        detail: { file: file },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    nileFilePreview.state = FilePreviewState.ERROR;\n    nileFilePreview.errorMessage = FilePreviewErrorMessages.UPLOAD_CANCEL;\n    nileFilePreview.requestUpdate();\n  }\n}\n\nexport const formatFileSize = (bytes: number): string => {\n  const kb = bytes / 1000;\n  const mb = bytes / 1_000_000;\n  const gb = bytes / 1_000_000_000;\n\n  if (gb >= 1) return gb.toFixed(2) + ' GB';\n  if (mb >= 1) return mb.toFixed(2) + ' MB';\n  if (kb >= 1) return kb.toFixed(2) + ' KB';\n  return bytes + ' B';\n};\n\nexport const getFileType = (file: File, showFileType: boolean): string => {\n  if(showFileType) {\n    return file.name.split('.').pop() || '';\n  }\n  const type = file.type || '';\n  const parts = type.split('/');\n  const subtype = parts[1] || '';\n  return subtype.toUpperCase();\n}\n\nexport const truncateString = (nileFilePreview: NileFilePreview): void => {\n  if(nileFilePreview.variant === 'vertical' && nileFilePreview.errorMessage.length > 34) {\n    nileFilePreview.isStringTruncated = true;\n    nileFilePreview.requestUpdate();\n  } else if(nileFilePreview.variant === 'horizontal' && nileFilePreview.errorMessage.length > 96) {\n    nileFilePreview.isStringTruncated = true;\n    nileFilePreview.requestUpdate();\n  }\n}\n\nexport const isRealImage = (file: File): Promise<boolean> => {\n  return new Promise((resolve) => {\n    const blob = new Blob([file], { type: file.type });\n    const url = URL.createObjectURL(blob);\n    const img = new Image();\n\n    img.onload = () => {\n      URL.revokeObjectURL(url);\n      resolve(true);\n    };\n\n    img.onerror = () => {\n      URL.revokeObjectURL(url);\n      resolve(false);\n    };\n\n    img.src = url;\n  });\n}"],"names":["generatePreviewUrl","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","FilePreviewErrorMessages","NO_FILE_SELECTED","onload","previewUrl","result","onerror","error","UNABLE_TO_GENEARTE_URL","removeFile","e","originalUrl","target","dispatchEvent","CustomEvent","FilePreviewEvent","NILE_REMOVE","detail","value","url","bubbles","composed","_export","cancelFileUpload","a","nileFilePreview","NILE_CANCEL_UPLOAD","state","FilePreviewState","ERROR","errorMessage","UPLOAD_CANCEL","requestUpdate","formatFileSize","bytes","kb","mb","gb","toFixed","getFileType","showFileType","name","split","pop","type","toUpperCase","truncateString","variant","length","isStringTruncated","isRealImage","blob","Blob","URL","createObjectURL","img","Image","revokeObjectURL","src"],"mappings":"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"}

package/dist/nile-file-preview/utils/nile-file-preview.util.esm.js

@@ -1 +1 @@
-import{c as e,b as s}from"../types/nile-file-preview.enums.esm.js";const t=s=>new Promise(((t,o)=>{const a=new FileReader;s?a.readAsDataURL(s):o(e.NO_FILE_SELECTED),a.onload=()=>{const e=a.result;t(e)},a.onerror=s=>{o(e.UNABLE_TO_GENEARTE_URL)}})),o=(e,t,o)=>{t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_REMOVE,{detail:{value:e,url:o},bubbles:!0,composed:!0}))},a=(e,t)=>{t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_CANCEL_UPLOAD,{detail:{file:e},bubbles:!0,composed:!0}))},n=e=>{const s=e/1024,t=s/1024,o=t/1024;return o>=1?o.toFixed(2)+" GB":t>=1?t.toFixed(2)+" MB":s>=1?s.toFixed(2)+" KB":e+" B"},l=e=>e.split("/")[1].toUpperCase(),r=e=>{("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate())};export{t as a,a as c,n as f,l as g,o as r,r as t};
+import{c as e,b as s,F as t}from"../types/nile-file-preview.enums.esm.js";const n=s=>new Promise(((t,n)=>{const o=new FileReader;s?o.readAsDataURL(s):n(e.NO_FILE_SELECTED),o.onload=()=>{const e=o.result;t(e)},o.onerror=s=>{n(e.UNABLE_TO_GENEARTE_URL)}})),o=(e,t,n)=>{t.target&&t.target.dispatchEvent(new CustomEvent(s.NILE_REMOVE,{detail:{value:e,url:n},bubbles:!0,composed:!0}))},a=(n,o,a)=>{o.target&&(o.target.dispatchEvent(new CustomEvent(s.NILE_CANCEL_UPLOAD,{detail:{file:n},bubbles:!0,composed:!0})),a.state=t.ERROR,a.errorMessage=e.UPLOAD_CANCEL,a.requestUpdate())},r=e=>{const s=e/1e3,t=e/1e6,n=e/1e9;return n>=1?n.toFixed(2)+" GB":t>=1?t.toFixed(2)+" MB":s>=1?s.toFixed(2)+" KB":e+" B"},i=(e,s)=>{if(s)return e.name.split(".").pop()||"";return((e.type||"").split("/")[1]||"").toUpperCase()},l=e=>{("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate())},m=e=>new Promise((s=>{const t=new Blob([e],{type:e.type}),n=URL.createObjectURL(t),o=new Image;o.onload=()=>{URL.revokeObjectURL(n),s(!0)},o.onerror=()=>{URL.revokeObjectURL(n),s(!1)},o.src=n}));export{n as a,a as c,r as f,i as g,m as i,o as r,l as t};

package/dist/nile-file-upload/nile-file-upload.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","./nile-file-upload.template.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js"],function(_export,_context){"use strict";var t,s,i,h,e,r,a,o,l,p,n,d,u,c,m,f,y,j,v,g,S,b,w,B,_templateObject,U;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){h=_utilsDragDropUtilCjsJs.D;},function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.c;r=_typesFileUploadEnumsCjsJs.F;a=_typesFileUploadEnumsCjsJs.d;o=_typesFileUploadEnumsCjsJs.b;},function(_lit){l=_lit.html;},function(_litDecoratorsJs){p=_litDecoratorsJs.property;n=_litDecoratorsJs.query;d=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){u=_utilsFileValidationUtilCjsJs.s;c=_utilsFileValidationUtilCjsJs.a;m=_utilsFileValidationUtilCjsJs.b;f=_utilsFileValidationUtilCjsJs.u;},function(_nileFileUploadTemplateCjsJs){y=_nileFileUploadTemplateCjsJs.g;j=_nileFileUploadTemplateCjsJs.a;v=_nileFileUploadTemplateCjsJs.b;g=_nileFileUploadTemplateCjsJs.c;S=_nileFileUploadTemplateCjsJs.d;b=_nileFileUploadTemplateCjsJs.e;w=_nileFileUploadTemplateCjsJs.f;B=_nileFileUploadTemplateCjsJs.h;},function(_litHtml003CjsJs){},function(_directive004CjsJs){}],execute:function execute(){_export("N",U=/*#__PURE__*/function(_i){function U(){var _this;_classCallCheck(this,U);_this=_callSuper(this,U,arguments),_this.size="10MB",_this.error=!1,_this.errorMessage="",_this.allowMultiple=!1,_this.allowDuplicates=!1,_this.allowedTypes=[],_this.uploadedFiles=[],_this.title=e.TITLE,_this.subtitle=e.SUBTITLE,_this.state=r.DEFAULT,_this.variant=a.HORIZONTAL,_this.fileUploadUrl="",_this.autoUpload=!0,_this.uploadRequests=new Map(),_this.fileSizeExceededFilesNumber=0,_this.isStringTruncated=!1,_this.setState=function(t){_this.state=t;};return _this;}_inherits(U,_i);return _createClass(U,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(U,"connectedCallback",this,3)([]),this.emit(o.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(U,"firstUpdated",this,3)([t]),this.dragHandler=new h(),u(this,this.dragHandler),c(this,this.dragHandler,this.uploadRequests),m(this.dragHandler);}},{key:"updated",value:function updated(t){_superPropGet(U,"updated",this,3)([t]),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}));}},{key:"browseFiles",value:function browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click();}},{key:"render",value:function render(){return l(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n    "])),this.getState());}},{key:"getState",value:function getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState();}},{key:"getHorizontalState",value:function getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return g(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return v();case r.ERROR:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);}}},{key:"getVerticalState",value:function getVerticalState(){switch(this.state){case r.DEFAULT:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return w();case r.ERROR:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);}}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.emit(o.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([p({type:String})],U.prototype,"size",void 0),t([p({type:Boolean})],U.prototype,"error",void 0),t([p({type:String})],U.prototype,"errorMessage",void 0),t([p({type:Boolean})],U.prototype,"allowMultiple",void 0),t([p({type:Boolean})],U.prototype,"allowDuplicates",void 0),t([p({type:Array})],U.prototype,"allowedTypes",void 0),t([p({type:Array})],U.prototype,"uploadedFiles",void 0),t([p({type:String})],U.prototype,"title",void 0),t([p({type:String})],U.prototype,"subtitle",void 0),t([p({type:String})],U.prototype,"state",void 0),t([p({type:String})],U.prototype,"variant",void 0),t([p({type:String})],U.prototype,"fileUploadUrl",void 0),t([p({type:Boolean})],U.prototype,"autoUpload",void 0),t([n("input")],U.prototype,"input",void 0),_export("N",U=t([d("nile-file-upload")],U));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","./nile-file-upload.template.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js"],function(_export,_context){"use strict";var t,s,i,h,e,r,a,o,l,d,p,n,u,c,m,f,v,y,j,g,S,b,w,U,B,_templateObject,F;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){h=_utilsDragDropUtilCjsJs.D;},function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.d;r=_typesFileUploadEnumsCjsJs.F;a=_typesFileUploadEnumsCjsJs.e;o=_typesFileUploadEnumsCjsJs.b;},function(_lit){l=_lit.html;},function(_litDecoratorsJs){d=_litDecoratorsJs.property;p=_litDecoratorsJs.state;n=_litDecoratorsJs.query;u=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){c=_utilsFileValidationUtilCjsJs.s;m=_utilsFileValidationUtilCjsJs.a;f=_utilsFileValidationUtilCjsJs.b;v=_utilsFileValidationUtilCjsJs.u;},function(_nileFileUploadTemplateCjsJs){y=_nileFileUploadTemplateCjsJs.g;j=_nileFileUploadTemplateCjsJs.a;g=_nileFileUploadTemplateCjsJs.b;S=_nileFileUploadTemplateCjsJs.c;b=_nileFileUploadTemplateCjsJs.d;w=_nileFileUploadTemplateCjsJs.e;U=_nileFileUploadTemplateCjsJs.f;B=_nileFileUploadTemplateCjsJs.h;},function(_litHtml003CjsJs){},function(_directive004CjsJs){}],execute:function execute(){_export("N",F=/*#__PURE__*/function(_i){function F(){var _this;_classCallCheck(this,F);_this=_callSuper(this,F,arguments),_this.size="10MB",_this.error=!1,_this.errorMessage="",_this.allowMultiple=!1,_this.allowDuplicates=!1,_this.allowedTypes=[],_this.uploadedFiles=[],_this.title=e.TITLE,_this.subtitle=e.SUBTITLE,_this.state=r.DEFAULT,_this.variant=a.HORIZONTAL,_this.fileUploadUrl="",_this.autoUpload=!0,_this.doNotUpload=[],_this.uploadRequests=new Map(),_this.fileSizeExceededFilesNumber=0,_this.isStringTruncated=!1,_this.setState=function(t){_this.state=t;};return _this;}_inherits(F,_i);return _createClass(F,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(F,"connectedCallback",this,3)([]),this.emit(o.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(F,"firstUpdated",this,3)([t]),this.dragHandler=new h(),c(this,this.dragHandler),m(this,this.dragHandler,this.uploadRequests),f(this.dragHandler);}},{key:"updated",value:function updated(t){_superPropGet(F,"updated",this,3)([t]),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}));}},{key:"browseFiles",value:function browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click();}},{key:"render",value:function render(){return l(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n    "])),this.getState());}},{key:"clearAllUploadedFiles",value:function clearAllUploadedFiles(){this.uploadedFiles=[],this.state=r.DEFAULT,this.errorMessage="";}},{key:"getState",value:function getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState();}},{key:"getHorizontalState",value:function getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return g();case r.ERROR:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);}}},{key:"getVerticalState",value:function getVerticalState(){switch(this.state){case r.DEFAULT:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return U();case r.ERROR:return w(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);}}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.emit(o.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([d({type:String})],F.prototype,"size",void 0),t([d({type:Boolean})],F.prototype,"error",void 0),t([d({type:String})],F.prototype,"errorMessage",void 0),t([d({type:Boolean})],F.prototype,"allowMultiple",void 0),t([d({type:Boolean})],F.prototype,"allowDuplicates",void 0),t([d({type:Array})],F.prototype,"allowedTypes",void 0),t([d({type:Array})],F.prototype,"uploadedFiles",void 0),t([d({type:String})],F.prototype,"title",void 0),t([d({type:String})],F.prototype,"subtitle",void 0),t([d({type:String})],F.prototype,"state",void 0),t([d({type:String})],F.prototype,"variant",void 0),t([d({type:String})],F.prototype,"fileUploadUrl",void 0),t([d({type:Boolean})],F.prototype,"autoUpload",void 0),t([p()],F.prototype,"doNotUpload",void 0),t([n("input")],F.prototype,"input",void 0),t([n(".horizontal-div")],F.prototype,"horizontalDiv",void 0),_export("N",F=t([u("nile-file-upload")],F));}};});
 //# sourceMappingURL=nile-file-upload.cjs.js.map

package/dist/nile-file-upload/nile-file-upload.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n  getHorizontalDefaultState,\n  getHorizontalDragState,\n  getVerticalDefaultState,\n  getVerticalDisabledState,\n  getVerticalDragState,\n  getHorizontalErrorState,\n  getVerticalErrorState,\n  getHorizontalDisabledState\n} from './nile-file-upload.template';\n\n/**\n * Nile file-upload component.\n *\n * @tag nile-file-upload\n *\n */\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n  /**\n   * The styles for nile-file-upload\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: String }) size: string = \"10MB\";\n  @property({ type: Boolean}) error: boolean = false;\n  @property({ type: String }) errorMessage: string = \"\";\n  @property({ type: Boolean}) allowMultiple: boolean = false;\n  @property({ type: Boolean}) allowDuplicates: boolean = false;\n  @property({ type: Array  }) allowedTypes: string[] = [];\n  @property({ type: Array  }) uploadedFiles: File[] = [];\n  @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n  @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n  @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT; \n  @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n  @property({ type: String }) fileUploadUrl: string = \"\";\n  @property({ type: Boolean}) autoUpload: boolean = true;\n  @query('input') input!: HTMLInputElement;\n  public uploadRequests = new Map<File, XMLHttpRequest>();\n  public fileSizeExceededFilesNumber: number = 0;\n  public isStringTruncated: boolean = false;\n  \n  private dragHandler!: DragHandler;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit(FileUploadEvent.NILE_INIT);\n  }\n\n  firstUpdated(changedProps: ChangedPropsInterface): void {\n    super.firstUpdated(changedProps);\n\n    this.dragHandler = new DragHandler();\n    setUpDragHandler(this, this.dragHandler);\n    addInternalListeners(this, this.dragHandler, this.uploadRequests);\n    addGlobalListeners(this.dragHandler);\n  }\n\n  updated(changedProps: ChangedPropsInterface): void {\n    super.updated(changedProps);\n\n    if (changedProps.has('uploadedFiles')) {\n      if(this.fileUploadUrl && this.autoUpload) {\n        uploadFiles(this);\n      }\n      this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n    } else if (changedProps.has('state')) {\n      this.dragHandler.setValuesInDragHandler(this.state);\n    }\n\n    if(changedProps.has('autoUpload') && this.autoUpload) {\n      if(this.fileUploadUrl && this.autoUpload) {\n        uploadFiles(this);\n      }\n      this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n    }\n  }\n\n  private browseFiles(): void {\n    this.emit(FileUploadEvent.NILE_BROWSE);\n    this.errorMessage = \"\";\n    this.input.click();\n  }\n\n  public setState = (newState: FileUploadState): void => {\n    this.state = newState;\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.getState()}\n    `;\n  }\n\n  private getState(): TemplateResult {\n    return this.variant === FileUploadVariant.HORIZONTAL\n      ? this.getHorizontalState()\n      : this.getVerticalState();\n  }\n\n  private getHorizontalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DISABLED:\n        return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DRAG:\n        return getHorizontalDragState();\n\n      case FileUploadState.ERROR:\n        return getHorizontalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      default:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n    }\n  }\n\n  private getVerticalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DISABLED:\n        return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DRAG:\n        return getVerticalDragState();\n\n      case FileUploadState.ERROR:\n        return getVerticalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      default:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.emit(FileUploadEvent.NILE_DESTROY);\n  }\n}\n"],"names":["NileFileUpload","_i","U","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","allowedTypes","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","uploadRequests","Map","fileSizeExceededFilesNumber","isStringTruncated","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","ERROR","getHorizontalErrorState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","getVerticalErrorState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n  getHorizontalDefaultState,\n  getHorizontalDragState,\n  getVerticalDefaultState,\n  getVerticalDisabledState,\n  getVerticalDragState,\n  getHorizontalErrorState,\n  getVerticalErrorState,\n  getHorizontalDisabledState\n} from './nile-file-upload.template';\n\n/**\n * Nile file-upload component.\n *\n * @tag nile-file-upload\n *\n */\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n  /**\n   * The styles for nile-file-upload\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: String }) size: string = \"10MB\";\n  @property({ type: Boolean}) error: boolean = false;\n  @property({ type: String }) errorMessage: string = \"\";\n  @property({ type: Boolean}) allowMultiple: boolean = false;\n  @property({ type: Boolean}) allowDuplicates: boolean = false;\n  @property({ type: Array  }) allowedTypes: string[] = [];\n  @property({ type: Array  }) uploadedFiles: File[] = [];\n  @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n  @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n  @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT;\n  @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n  @property({ type: String }) fileUploadUrl: string = \"\";\n  @property({ type: Boolean}) autoUpload: boolean = true;\n  @state() public doNotUpload: File[] = [];\n  @query('input') input!: HTMLInputElement;\n  @query('.horizontal-div') horizontalDiv!: HTMLDivElement;\n  public uploadRequests = new Map<File, XMLHttpRequest>();\n  public fileSizeExceededFilesNumber: number = 0;\n  public isStringTruncated: boolean = false;\n\n  private dragHandler!: DragHandler;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit(FileUploadEvent.NILE_INIT);\n  }\n\n  firstUpdated(changedProps: ChangedPropsInterface): void {\n    super.firstUpdated(changedProps);\n\n    this.dragHandler = new DragHandler();\n    setUpDragHandler(this, this.dragHandler);\n    addInternalListeners(this, this.dragHandler, this.uploadRequests);\n    addGlobalListeners(this.dragHandler);\n  }\n\n  updated(changedProps: ChangedPropsInterface): void {\n    super.updated(changedProps);\n\n    if (changedProps.has('uploadedFiles')) {\n      if(this.fileUploadUrl && this.autoUpload) {\n        uploadFiles(this);\n      }\n      this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n    } else if (changedProps.has('state')) {\n      this.dragHandler.setValuesInDragHandler(this.state);\n    }\n\n    if(changedProps.has('autoUpload') && this.autoUpload) {\n      if(this.fileUploadUrl && this.autoUpload) {\n        uploadFiles(this);\n      }\n      this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n    }\n  }\n\n  public browseFiles(): void {\n    this.emit(FileUploadEvent.NILE_BROWSE);\n    this.errorMessage = \"\";\n    this.input.click();\n  }\n\n  public setState = (newState: FileUploadState): void => {\n    this.state = newState;\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.getState()}\n    `;\n  }\n\n  public clearAllUploadedFiles(): void {\n    this.uploadedFiles = [];\n    this.state = FileUploadState.DEFAULT;\n    this.errorMessage = \"\";\n  }\n\n  private getState(): TemplateResult {\n    return this.variant === FileUploadVariant.HORIZONTAL\n      ? this.getHorizontalState()\n      : this.getVerticalState();\n  }\n\n  private getHorizontalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DISABLED:\n        return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DRAG:\n        return getHorizontalDragState();\n\n      case FileUploadState.ERROR:\n        return getHorizontalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n      default:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n    }\n  }\n\n  private getVerticalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DISABLED:\n        return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      case FileUploadState.DRAG:\n        return getVerticalDragState();\n\n      case FileUploadState.ERROR:\n        return getVerticalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n      default:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.emit(FileUploadEvent.NILE_DESTROY);\n  }\n}\n"],"names":["NileFileUpload","_i","F","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","allowedTypes","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","doNotUpload","uploadRequests","Map","fileSizeExceededFilesNumber","isStringTruncated","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","clearAllUploadedFiles","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","ERROR","getHorizontalErrorState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","getVerticalErrorState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","customElement"],"mappings":"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"}

package/dist/nile-file-upload/nile-file-upload.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: min-content;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    margin-bottom: 10px;\n    height: 62px;\n    max-width: 648px;\n    width: 648px;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n    margin-bottom: 10px;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: 100%;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    height: 62px;\n    width: 100%;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  @media (width < 400px) {\n    .browse-file-button {\n      display: none;\n    }\n\n    .horizontal-div {\n      cursor: pointer;\n    }\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n    margin-top: 10px;\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n    margin-top: 10px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-file-upload.css.cjs.js.map

package/dist/nile-file-upload/nile-file-upload.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FileUpload CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: min-content;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    margin-bottom: 10px;\n    height: 62px;\n    max-width: 648px;\n    width: 648px;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n    margin-bottom: 10px;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FileUpload CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: 100%;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    height: 62px;\n    width: 100%;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  @media (width < 400px) {\n    .browse-file-button {\n      display: none;\n    }\n\n    .horizontal-div {\n      cursor: pointer;\n    }\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n    margin-top: 10px;\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n    margin-top: 10px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-file-upload/nile-file-upload.css.esm.js

@@ -1,6 +1,7 @@
 import{css as e}from"lit";const r=e`
   :host {
     display: inline-block;
+    width: 100%;
   }
 
   * {
@@ -14,7 +15,7 @@ import{css as e}from"lit";const r=e`
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    width: min-content;
+    width: 100%;
   }
 
   input {
@@ -22,10 +23,8 @@ import{css as e}from"lit";const r=e`
   }
 
   .horizontal-div {
-    margin-bottom: 10px;
     height: 62px;
-    max-width: 648px;
-    width: 648px;
+    width: 100%;
     min-width: 230px;
     padding: 12px;
     display: flex;
@@ -38,6 +37,16 @@ import{css as e}from"lit";const r=e`
     background-color: var(--nile-colors-white-base);
   }
 
+  @media (width < 400px) {
+    .browse-file-button {
+      display: none;
+    }
+
+    .horizontal-div {
+      cursor: pointer;
+    }
+  }
+
   .hover-border {
     border-color: var(--nile-colors-primary-600);
   }
@@ -78,7 +87,6 @@ import{css as e}from"lit";const r=e`
     border: 1px dashed var(--nile-colors-neutral-500);
     background-color: var(--nile-colors-white-base);
     position: relative;
-    margin-bottom: 10px;
   }
 
   .vertical-div:hover {
@@ -581,6 +589,7 @@ import{css as e}from"lit";const r=e`
     justify-content: flex-start;
     align-items: center;
     gap: var(--nile-spacing-one-half-x);
+    margin-top: 10px;
   }
 
   .upload-error > nile-tooltip > span {
@@ -595,6 +604,7 @@ import{css as e}from"lit";const r=e`
   .vertical-upload-error {
     display: flex;
     gap: 4px;
+    margin-top: 10px;
   }
 
   .vertical-upload-error nile-tooltip span, .vertical-upload-error span {

package/dist/nile-file-upload/nile-file-upload.esm.js

@@ -1,3 +1,3 @@
-import{__decorate as t}from"tslib";import{s}from"./nile-file-upload.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{D as e}from"./utils/drag-drop.util.esm.js";import{c as h,F as r,d as a,b as o}from"./types/file-upload.enums.esm.js";import{html as l}from"lit";import{property as p,query as n,customElement as d}from"lit/decorators.js";import{s as u,a as m,b as c,u as f}from"./utils/file-validation.util.esm.js";import{g as y,a as v,b as g,c as S,d as j,e as b,f as w,h as B}from"./nile-file-upload.template.esm.js";import"../lit-html-39a6718c.esm.js";import"../directive-ee0c609c.esm.js";let U=class extends i{constructor(){super(...arguments),this.size="10MB",this.error=!1,this.errorMessage="",this.allowMultiple=!1,this.allowDuplicates=!1,this.allowedTypes=[],this.uploadedFiles=[],this.title=h.TITLE,this.subtitle=h.SUBTITLE,this.state=r.DEFAULT,this.variant=a.HORIZONTAL,this.fileUploadUrl="",this.autoUpload=!0,this.uploadRequests=new Map,this.fileSizeExceededFilesNumber=0,this.isStringTruncated=!1,this.setState=t=>{this.state=t}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(o.NILE_INIT)}firstUpdated(t){super.firstUpdated(t),this.dragHandler=new e,u(this,this.dragHandler),m(this,this.dragHandler,this.uploadRequests),c(this.dragHandler)}updated(t){super.updated(t),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}))}browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click()}render(){return l`
+import{__decorate as t}from"tslib";import{s}from"./nile-file-upload.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{D as e}from"./utils/drag-drop.util.esm.js";import{d as h,F as r,e as a,b as o}from"./types/file-upload.enums.esm.js";import{html as l}from"lit";import{property as d,state as p,query as n,customElement as u}from"lit/decorators.js";import{s as m,a as c,b as f,u as v}from"./utils/file-validation.util.esm.js";import{g as y,a as g,b as S,c as j,d as b,e as w,f as U,h as B}from"./nile-file-upload.template.esm.js";import"../lit-html-39a6718c.esm.js";import"../directive-ee0c609c.esm.js";let F=class extends i{constructor(){super(...arguments),this.size="10MB",this.error=!1,this.errorMessage="",this.allowMultiple=!1,this.allowDuplicates=!1,this.allowedTypes=[],this.uploadedFiles=[],this.title=h.TITLE,this.subtitle=h.SUBTITLE,this.state=r.DEFAULT,this.variant=a.HORIZONTAL,this.fileUploadUrl="",this.autoUpload=!0,this.doNotUpload=[],this.uploadRequests=new Map,this.fileSizeExceededFilesNumber=0,this.isStringTruncated=!1,this.setState=t=>{this.state=t}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(o.NILE_INIT)}firstUpdated(t){super.firstUpdated(t),this.dragHandler=new e,m(this,this.dragHandler),c(this,this.dragHandler,this.uploadRequests),f(this.dragHandler)}updated(t){super.updated(t),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}))}browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click()}render(){return l`
       ${this.getState()}
-    `}getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return g();case r.ERROR:return v(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this)}}getVerticalState(){switch(this.state){case r.DEFAULT:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return w();case r.ERROR:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this)}}disconnectedCallback(){this.emit(o.NILE_DESTROY)}};t([p({type:String})],U.prototype,"size",void 0),t([p({type:Boolean})],U.prototype,"error",void 0),t([p({type:String})],U.prototype,"errorMessage",void 0),t([p({type:Boolean})],U.prototype,"allowMultiple",void 0),t([p({type:Boolean})],U.prototype,"allowDuplicates",void 0),t([p({type:Array})],U.prototype,"allowedTypes",void 0),t([p({type:Array})],U.prototype,"uploadedFiles",void 0),t([p({type:String})],U.prototype,"title",void 0),t([p({type:String})],U.prototype,"subtitle",void 0),t([p({type:String})],U.prototype,"state",void 0),t([p({type:String})],U.prototype,"variant",void 0),t([p({type:String})],U.prototype,"fileUploadUrl",void 0),t([p({type:Boolean})],U.prototype,"autoUpload",void 0),t([n("input")],U.prototype,"input",void 0),U=t([d("nile-file-upload")],U);export{U as N};
+    `}clearAllUploadedFiles(){this.uploadedFiles=[],this.state=r.DEFAULT,this.errorMessage=""}getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return S();case r.ERROR:return g(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this)}}getVerticalState(){switch(this.state){case r.DEFAULT:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return U();case r.ERROR:return w(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this)}}disconnectedCallback(){this.emit(o.NILE_DESTROY)}};t([d({type:String})],F.prototype,"size",void 0),t([d({type:Boolean})],F.prototype,"error",void 0),t([d({type:String})],F.prototype,"errorMessage",void 0),t([d({type:Boolean})],F.prototype,"allowMultiple",void 0),t([d({type:Boolean})],F.prototype,"allowDuplicates",void 0),t([d({type:Array})],F.prototype,"allowedTypes",void 0),t([d({type:Array})],F.prototype,"uploadedFiles",void 0),t([d({type:String})],F.prototype,"title",void 0),t([d({type:String})],F.prototype,"subtitle",void 0),t([d({type:String})],F.prototype,"state",void 0),t([d({type:String})],F.prototype,"variant",void 0),t([d({type:String})],F.prototype,"fileUploadUrl",void 0),t([d({type:Boolean})],F.prototype,"autoUpload",void 0),t([p()],F.prototype,"doNotUpload",void 0),t([n("input")],F.prototype,"input",void 0),t([n(".horizontal-div")],F.prototype,"horizontalDiv",void 0),F=t([u("nile-file-upload")],F);export{F as N};

package/dist/nile-file-upload/nile-file-upload.template.cjs.js

@@ -1,6 +1,6 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,s,n,l,a,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,r,c,d,v,p,u,m,b,$,h,f;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml003CjsJs){e=_litHtml003CjsJs.T;},function(_directive004CjsJs){t=_directive004CjsJs.e;s=_directive004CjsJs.i;n=_directive004CjsJs.t;},function(_typesFileUploadEnumsCjsJs){l=_typesFileUploadEnumsCjsJs.c;a=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){o=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){/**
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,l,a,s,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,r,c,d,p,v,u,m,b,h,$,f;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml003CjsJs){e=_litHtml003CjsJs.T;},function(_directive004CjsJs){t=_directive004CjsJs.e;l=_directive004CjsJs.i;a=_directive004CjsJs.t;},function(_typesFileUploadEnumsCjsJs){s=_typesFileUploadEnumsCjsJs.d;o=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){n=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */r=t(/*#__PURE__*/function(_s){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==n.ATTRIBUTE||"class"!==i.name||((_i$strings=i.strings)===null||_i$strings===void 0?void 0:_i$strings.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");return _this;}_inherits(_class,_s);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),t=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in t){var _this$nt;t[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(t);}var s=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(s.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in t){var _this$nt2;var _e=!!t[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(s.add(_i2),this.st.add(_i2)):(s.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(s)),c=function c(e,t,s,n,_c,d,v,p,u){return o(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div class=\"title\">","</div>\n          <div class=\"subtitle\">","</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot class=\"browse-file-button\" @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),r({"hover-border":"hover"===d,"horizontal-div":!0,disable:n}),t,s,n,function(i){_c.handleFiles(i);},p.join(","),n?void 0:e,n,v||u.state===a.ERROR?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),u.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),v||l.CUSTOM_ERROR,v||l.CUSTOM_ERROR):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),v||l.CUSTOM_ERROR)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",d=function d(i,e,t,s,n,l,a,o){return c(i,e,t,!1,s,n,l,a,o);}),_export("c",v=function v(i,e,t,s,n,l,a,o){return c(i,e,t,!0,s,n,l,a,o);}),_export("a",p=function p(i,e,t,s,n,l,a,o){return c(i,e,t,!1,s,n,l,a,o);}),_export("b",u=function u(){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),l.DRAG_STATE_DEFAULT);}),m=function m(e,t,s,n,r,c,d,v){return o(v),i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ","\">\n      <slot name=\"upload-icon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div part=\"vertical-content-container\" class=\"content-container\">\n        <div class=\"title\">","</div>\n        <div class=\"subtitle\">","</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),n?"disable":"",t,s,n,function(i){return r.handleFiles(i);},d.join(","),n?void 0:e,n,c||v.state===a.ERROR?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<div class=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),v.isStringTruncated?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),c||l.CUSTOM_ERROR,c||l.CUSTOM_ERROR):i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span>","</span>"])),c||l.CUSTOM_ERROR)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))));},_export("d",b=function b(i,e,t,s,n,l,a){return m(i,e,t,!1,s,n,l,a);}),_export("h",$=function $(i,e,t,s,n,l,a){return m(i,e,t,!0,s,n,l,a);}),_export("e",h=function h(i,e,t,s,n,l,a){return m(i,e,t,!1,s,n,l,a);}),_export("f",f=function f(){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),l.DRAG_STATE_DEFAULT);});}};});
+ */r=t(/*#__PURE__*/function(_l){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==a.ATTRIBUTE||"class"!==i.name||((_i$strings=i.strings)===null||_i$strings===void 0?void 0:_i$strings.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");return _this;}_inherits(_class,_l);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),t=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in t){var _this$nt;t[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(t);}var l=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(l.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in t){var _this$nt2;var _e=!!t[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(l.add(_i2),this.st.add(_i2)):(l.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(l)),c=function c(e,t,l,a,_c,d,p,v,u){return n(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div part=\"horizontal-title\" class=\"title\">","</div>\n          <div part=\"horizontal-subtitle\" class=\"subtitle\">","</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        ?multiple=","\n        accept=","\n      />\n      <slot class=\"browse-file-button\" @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),r({"hover-border":"hover"===d,"horizontal-div":!0,disable:a}),t,l,a,function(i){_c.handleFiles(i);},u.allowMultiple,v.join(","),a?void 0:e,a,p||u.state===o.ERROR?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <slot name=\"error-message\">\n        <div class=\"upload-error\" part=\"horizontal-upload-error\">\n      <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n      ","\n    </div>\n      </slot>\n    "])),u.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-lite-tooltip .content=",">\n              <span>","</span>\n            </nile-lite-tooltip>"])),p||s.CUSTOM_ERROR,p||s.CUSTOM_ERROR):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),p||s.CUSTOM_ERROR)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",d=function d(i,e,t,l,a,s,o,n){return c(i,e,t,!1,l,a,s,o,n);}),_export("c",p=function p(i,e,t,l,a,s,o,n){return c(i,e,t,!0,l,a,s,o,n);}),_export("a",v=function v(i,e,t,l,a,s,o,n){return c(i,e,t,!1,l,a,s,o,n);}),_export("b",u=function u(){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),s.DRAG_STATE_DEFAULT);}),m=function m(e,t,l,a,r,c,d,p){return n(p),i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ","\">\n      <slot name=\"upload-icon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div part=\"vertical-content-container\" class=\"content-container\">\n        <div part=\"vertical-title\" class=\"title\">","</div>\n        <div part=\"vertical-subtitle\" class=\"subtitle\">","</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),a?"disable":"",t,l,a,function(i){return r.handleFiles(i);},d.join(","),a?void 0:e,a,c||p.state===o.ERROR?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<div class=\"vertical-upload-error\" part=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),p.isStringTruncated?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-lite-tooltip .content=",">\n                <span>","</span>\n              </nile-lite-tooltip>"])),c||s.CUSTOM_ERROR,c||s.CUSTOM_ERROR):i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span>","</span>"])),c||s.CUSTOM_ERROR)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))));},_export("d",b=function b(i,e,t,l,a,s,o){return m(i,e,t,!1,l,a,s,o);}),_export("h",h=function h(i,e,t,l,a,s,o){return m(i,e,t,!0,l,a,s,o);}),_export("e",$=function $(i,e,t,l,a,s,o){return m(i,e,t,!1,l,a,s,o);}),_export("f",f=function f(){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),s.DRAG_STATE_DEFAULT);});}};});
 //# sourceMappingURL=nile-file-upload.template.cjs.js.map