@aquera/nile-elements 0.1.64-beta-1.0 → 0.1.64-beta-1.1

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

@@ -1,20 +1,25 @@
-import{css as e}from"lit";const r=e`
+import{css as r}from"lit";const e=r`
   :host {
     display: inline-block;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   * {
-    padding: 0px;
-    margin: 0px;
+    padding: var(--nile-spacing-none, var(--ng-spacing-none));
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
     box-sizing: border-box;
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body))
   }
 
   .wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: flex-start;
-    width: min-content;
+    align-items: center;
+    gap: 18px;
+    height: auto;
   }
 
   input {
@@ -22,45 +27,28 @@ import{css as e}from"lit";const r=e`
   }
 
   .horizontal-div {
-    margin-bottom: 10px;
-    height: 62px;
+    height: var(--nile-height-60px, var(--ng-height-60px));
     max-width: 648px;
-    width: 648px;
     min-width: 230px;
-    padding: 12px;
+    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    color: var(--nile-colors-dark-900);
-    background-color: var(--nile-colors-white-base);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
+      var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   .hover-border {
-    border-color: var(--nile-colors-primary-600);
-  }
-
-  .title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    max-width: 454px;
-    width: 100%;
-  }
-
-  .subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    max-width: 454px;
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
+      var(--nile-colors-primary-600, var(--ng-colors-border-brand));
   }
 
   .vertical-div {
@@ -68,24 +56,24 @@ import{css as e}from"lit";const r=e`
     height: auto;
     min-width: 240px;
     width: 240px;
-    display: flex;
+    display: flex !important;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
-    padding: 12px;
-    border-radius: var(--nile-radius-radius-xs);
-    color: var(--nile-colors-dark-900);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    background-color: var(--nile-colors-white-base);
-    position: relative; 
+    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-spacing-lg, var(--ng-spacing-3xl));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
+    border: var(--nile-border-width-1, var(--ng-border-width-2)) var(--nile-border-style-dashed, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    position: relative;
   }
 
   .vertical-div:hover {
-    border-color: var(--nile-colors-blue-500);
+    border: var(--nile-border-width-1, var(--ng-border-width-2)) var(--nile-border-style-dashed, var(--ng-border-style-solid)) var(--nile-colors-primary-600, var(--ng-colors-border-brand));
   }
 
   .outer-div-border {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: var(--nile-border-width-1, var(--ng-border-width-2)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .inner-div {
@@ -97,67 +85,47 @@ import{css as e}from"lit";const r=e`
   }
 
   .content {
-    display: flex;  
+    display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 8px;
   }
 
   .content h4 {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 454px;
-  }
-      
-  .content p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-2);
-    color: var(--nile-colors-neutral-700);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 454px;
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
 
-  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {
-    --nile-svg-height: 24px !important ;
-    --nile-svg-width: 24px !important ;
-    height:42px;
-    width: 42px;
-    object-fit: cover;
-  }
-
-  .browse-file-button {
-    cursor: pointer;
+  .content p {
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
   }
 
   /*  DISABLED STATE */
   .disable {
-    background-color: var(--nile-colors-dark-200);
-    opacity: 0.8;
-    cursor: not-allowed;
-    color: var(--nile-colors-neutral-500);
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-tertiary-600));
+    opacity: var(--nile-opacity-50, var(--ng-opacity-50));
     pointer-events: none;
   }
 
   /* DRAGGING */
   .dragging {
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-primary));
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
+      var(--nile-colors-primary-600, var(--ng-colors-border-primary));
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 18px;
-    color: var(--nile-colors-blue-700);
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-blue-700, var(--ng-colors-fg-primary-900));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular), var(--ng-font-weight-regular);
   }
 
   .icons-container {
@@ -188,9 +156,12 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: 18px;
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400)
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
+      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
   }
-  
+
   .uploading:hover {
     border-color: var(--nile-colors-neutral-400);
   }
@@ -206,8 +177,8 @@ import{css as e}from"lit";const r=e`
     width: 100%;
     display: flex;
     justify-content: space-between;
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
   }
 
   .progress-bar-container p {
@@ -215,17 +186,20 @@ import{css as e}from"lit";const r=e`
   }
 
   .progress-bar-container > p {
-    font-size: var(--nile-type-scale-1);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-1, var(--ng-font-size-text-sm));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));
   }
 
   /* PREVIEW STATE */
   .preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
+      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview-inner {
@@ -239,13 +213,16 @@ import{css as e}from"lit";const r=e`
   }
 
   .preview-image-container img {
-    height: 42px;
-    width: 42px;
+    height: var(--nile-height-42px, var(--ng-height-42px));
+    width: var(--nile-width-42px, 42px); // check it once
     object-fit: contain;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-neutral-400);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
+      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
-  
+
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -302,7 +279,7 @@ import{css as e}from"lit";const r=e`
     height: 40px;
     width: 40px;
   }
-  
+
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -329,7 +306,7 @@ import{css as e}from"lit";const r=e`
   }
 
   /* ERROR STATE */
-  
+
   .error {
     border: 1px solid var(--nile-colors-neutral-400);
   }
@@ -360,7 +337,7 @@ import{css as e}from"lit";const r=e`
     height: 40px;
     width: 40px;
   }
-  
+
   .file-info {
     width: 100%;
     display: flex;
@@ -405,26 +382,21 @@ import{css as e}from"lit";const r=e`
     gap: 8px;
   }
 
-  .content-container div.title {
+  .content-container h4 {
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .content-container p:first-child {
+    margin: 0px;
     font-size: var(--nile-type-scale-3);
     font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 222px;
   }
 
-  .content-container div.subtitle {
+  .content-container p:last-child {
+    margin: 0px;
     font-size: var(--nile-type-scale-2);
     font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 222px;
+    color: var(--nile-colors-neutral-700);
   }
 
   /* Drag State */
@@ -559,7 +531,7 @@ import{css as e}from"lit";const r=e`
     max-height: 200px;
     overflow-y: auto;
     border: 1px solid var(--nile-colors-neutral-700);
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-sm);
     scrollbar-width: none;
     padding: 12px;
   }
@@ -576,35 +548,10 @@ import{css as e}from"lit";const r=e`
   .upload-error {
     font-size: var(--nile-type-scale-2);
     font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-red-700);
+    color: var(--nile-colors-red-500);
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: var(--nile-spacing-one-half-x);
   }
-
-  .upload-error > nile-tooltip > span {
-    color: var(--nile-colors-red-700);
-    white-space: nowrap;
-    text-align: left;
-    max-width: 560px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .vertical-upload-error {
-    display: flex;
-    gap: 4px;
-  }
-
-  .vertical-upload-error > nile-tooltip > span  {
-    color: var(--nile-colors-red-700);
-    white-space: nowrap;
-    text-align: left;
-    width: 222px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: var(--nile-type-scale-2);
-    display: inline-block;
-  }
-`;export{r as s};
+`;export{e as s};

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{g as h,a as r,b as a,c as o,d as l,e as p}from"./nile-file-upload.template.esm.js";import{c as n,F as d,d as u,b as m}from"./types/file-upload.enums.esm.js";import{html as c}from"lit";import{property as f,query as y,customElement as v}from"lit/decorators.js";import{s as g,a as S,b,u as j}from"./utils/file-validation.util.esm.js";import"../lit-html-39a6718c.esm.js";let w=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=n.TITLE,this.subtitle=n.SUBTITLE,this.state=d.DEFAULT,this.variant=u.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(m.NILE_INIT)}firstUpdated(t){super.firstUpdated(t),this.dragHandler=new e,g(this,this.dragHandler),S(this,this.dragHandler,this.uploadRequests),b(this.dragHandler)}updated(t){super.updated(t),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&j(this),this.emit(m.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&j(this),this.emit(m.NILE_CHANGE,{files:this.uploadedFiles}))}browseFiles(){this.emit(m.NILE_BROWSE),this.errorMessage="",this.input.click()}render(){return c`
+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{g as r,a as h,b as a,c as o,d as l,e as p,f as n}from"./nile-file-upload.template.esm.js";import{c as d,F as u,d as m,b as c,a as f}from"./types/file-upload.enums.esm.js";import{html as v}from"lit";import{property as y,query as g,customElement as b}from"lit/decorators.js";import{s as S,a as j,b as w,u as B}from"./utils/file-validation.util.esm.js";import"../lit-html-39a6718c.esm.js";let F=class extends i{constructor(){super(...arguments),this.size=0,this.error=!1,this.errorMessage="",this.allowMultiple=!0,this.allowDuplicates=!1,this.uploadedFiles=[],this.title=d.TITLE,this.subtitle=d.SUBTITLE,this.state=u.DEFAULT,this.variant=m.HORIZONTAL,this.fileUploadUrl="",this.autoUpload=!0,this.uploadRequests=new Map,this.setState=t=>{this.state=t}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(c.NILE_INIT)}firstUpdated(t){super.firstUpdated(t),this.dragHandler=new e,r(this.dragHandler),S(this,this.dragHandler),j(this,this.dragHandler,this.uploadRequests),w(this.dragHandler)}updated(t){if(super.updated(t),t.has("uploadedFiles")){if(0===this.uploadedFiles.length&&(this.errorMessage=""),!this.fileUploadUrl)return void(this.errorMessage=f.UPLOAD_URL_REQUIRED);B(this),this.emit(c.NILE_CHANGE,{files:this.uploadedFiles})}else t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state,this.size,this.uploadedFiles)}browseFiles(){this.emit(c.NILE_BROWSE),this.errorMessage="",this.input.click()}render(){return v`
       ${this.getState()}
-    `}getState(){return this.variant===u.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case d.DEFAULT:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case d.DISABLED:return a(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case d.DRAG:return r();default:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this)}}getVerticalState(){switch(this.state){case d.DEFAULT:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case d.DISABLED:return p(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case d.DRAG:return l();default:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this)}}disconnectedCallback(){this.emit(m.NILE_DESTROY)}};t([f({type:String})],w.prototype,"size",void 0),t([f({type:Boolean})],w.prototype,"error",void 0),t([f({type:String})],w.prototype,"errorMessage",void 0),t([f({type:Boolean})],w.prototype,"allowMultiple",void 0),t([f({type:Boolean})],w.prototype,"allowDuplicates",void 0),t([f({type:Array})],w.prototype,"allowedTypes",void 0),t([f({type:Array})],w.prototype,"uploadedFiles",void 0),t([f({type:String})],w.prototype,"title",void 0),t([f({type:String})],w.prototype,"subtitle",void 0),t([f({type:String})],w.prototype,"state",void 0),t([f({type:String})],w.prototype,"variant",void 0),t([f({type:String})],w.prototype,"fileUploadUrl",void 0),t([f({type:Boolean})],w.prototype,"autoUpload",void 0),t([y("input")],w.prototype,"input",void 0),w=t([v("nile-file-upload")],w);export{w as N};
+    `}getState(){return this.variant===m.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case u.DEFAULT:return h(this.browseFiles,this.title,this.subtitle,this.errorMessage,this.state);case u.DISABLED:return o(this.browseFiles,this.title,this.subtitle);case u.DRAG:return a();default:return h(this.browseFiles,this.title,this.subtitle,this.errorMessage,this.state)}}getVerticalState(){switch(this.state){case u.DEFAULT:return l(this.browseFiles,this.title,this.subtitle,this.errorMessage,this.state);case u.DISABLED:return n(this.browseFiles,this.title,this.subtitle);case u.DRAG:return p();default:return l(this.browseFiles,this.title,this.subtitle,this.errorMessage,this.state)}}disconnectedCallback(){this.emit(c.NILE_DESTROY)}};t([y({type:Number})],F.prototype,"size",void 0),t([y({type:Boolean})],F.prototype,"error",void 0),t([y({type:String})],F.prototype,"errorMessage",void 0),t([y({type:Boolean})],F.prototype,"allowMultiple",void 0),t([y({type:Boolean})],F.prototype,"allowDuplicates",void 0),t([y({type:Array})],F.prototype,"uploadedFiles",void 0),t([y({type:String})],F.prototype,"title",void 0),t([y({type:String})],F.prototype,"subtitle",void 0),t([y({type:String})],F.prototype,"state",void 0),t([y({type:String})],F.prototype,"variant",void 0),t([y({type:String})],F.prototype,"fileUploadUrl",void 0),t([y({type:Boolean})],F.prototype,"autoUpload",void 0),t([g("input")],F.prototype,"input",void 0),F=t([b("nile-file-upload")],F);export{F as N};

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

@@ -1,10 +1,10 @@
-System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,n,l,a,o,r,c,d,v,p,u,h;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(){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 _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 _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);}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);}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}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 _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);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml001CjsJs){e=_litHtml001CjsJs.T;},function(_typesFileUploadEnumsCjsJs){t=_typesFileUploadEnumsCjsJs.c;},function(_utilsFileValidationUtilCjsJs){s=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){/**
+System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js"],function(_export,_context){"use strict";var i,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,t,n,l,o,s,a,r,c,d,v,u;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 _n2=0,F=function F(){};return{s:F,n:function n(){return _n2>=r.length?{done:!0}:{done:!1,value:r[_n2++]};},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 _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 _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);}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);}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}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 _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);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml001CjsJs){e=_litHtml001CjsJs.T;}],execute:function execute(){/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */n=1;l=/*#__PURE__*/function(){function l(i){_classCallCheck(this,l);}return _createClass(l,[{key:"_$AU",get:function get(){return this._$AM._$AU;}},{key:"_$AT",value:function _$AT(i,e,t){this._$Ct=i,this._$AM=e,this._$Ci=t;}},{key:"_$AS",value:function _$AS(i,e){return this.update(i,e);}},{key:"update",value:function update(i,e){return this.render.apply(this,_toConsumableArray(e));}}]);}();/**
+ */t=1;n=/*#__PURE__*/function(){function n(i){_classCallCheck(this,n);}return _createClass(n,[{key:"_$AU",get:function get(){return this._$AM._$AU;}},{key:"_$AT",value:function _$AT(i,e,t){this._$Ct=i,this._$AM=e,this._$Ci=t;}},{key:"_$AS",value:function _$AS(i,e){return this.update(i,e);}},{key:"update",value:function update(i,e){return this.render.apply(this,_toConsumableArray(e));}}]);}();/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */a=function(i){return function(){for(var _len=arguments.length,e=new Array(_len),_key=0;_key<_len;_key++){e[_key]=arguments[_key];}return{_$litDirective$:i,values:e};};}(/*#__PURE__*/function(_l){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==n||"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 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;}}]);}(l)),o=function o(e,t,n,l,_o,r,c,d,v){return s(v),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  "])),a({"hover-border":"hover"===r,"horizontal-div":!0,disable:l}),t,n,l,function(i){_o.handleFiles(i);},d.join(","),l?void 0:e,l,c?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>"])),v.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),c,c):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),c)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",r=function r(i,e,t,s,n,l,a,_r){return o(i,e,t,!1,s,n,l,a,_r);}),_export("b",c=function c(i,e,t,s,n,l,a,r){return o(i,e,t,!0,s,n,l,a,r);}),_export("a",d=function d(){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"])),t.DRAG_STATE_DEFAULT);}),v=function v(e,t,n,l,a,o,r,c){return s(c),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  "])),l?"disable":"",t,n,l,function(i){return a.handleFiles(i);},r.join(","),l?void 0:e,l,o?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        <nile-tooltip content=",">\n          <span>","</span>\n        </nile-tooltip>\n      </div>"])),o,o):i(_templateObject9||(_templateObject9=_taggedTemplateLiteral([""]))));},_export("c",p=function p(i,e,t,s,n,l,a){return v(i,e,t,!1,s,n,l,a);}),_export("e",u=function u(i,e,t,s,n,l,a){return v(i,e,t,!0,s,n,l,a);}),_export("d",h=function h(){return i(_templateObject10||(_templateObject10=_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"])),t.DRAG_STATE_DEFAULT);});}};});
+ */l=function(i){return function(){for(var _len=arguments.length,e=new Array(_len),_key=0;_key<_len;_key++){e[_key]=arguments[_key];}return{_$litDirective$:i,values:e};};}(/*#__PURE__*/function(_n){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==t||"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,_n);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 n=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(n.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?(n.add(_i2),this.st.add(_i2)):(n.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(n));_export("g",s=function s(i){o=i;}),_export("a",a=function a(e,t,n,s,_a){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div>\n    <div class=",">\n      <div class=\"inner-div\">\n        <slot name=\"uploadIcon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div class=\"content\">\n          <slot name=\"title\">\n            <h4>","</h4>\n          </slot>\n          <slot name=\"subtitle\">\n            <p>","</p>\n          </slot>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        @change=","\n        multiple\n      />\n      <slot @click="," name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n"])),l({"hover-border":"hover"===_a,"horizontal-div":!0}),t,n,function(i){return o.handleFiles(i);},e,s?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>","</span>\n      </div>"])),s):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))));}),_export("c",r=function r(e,t,n){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  <div\n    class=\"horizontal-div disable\"\n  >\n     <div class=\"inner-div\">\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content\">\n        <slot name=\"title\">\n          <h4>","</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>","</p>\n        </slot>\n      </div>\n    </div>\n    <input\n      type=\"file\"\n      @change=","\n      multiple\n    />\n    <slot @click="," name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n"])),t,n,function(i){return o.handleFiles(i);},e);}),_export("b",c=function c(){return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  <div 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>Drop files here to upload</p>\n  </div>\n"])));}),_export("d",d=function d(e,t,n,s,a){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  <div>\n    <div class=",">\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content-container\">\n        <slot name=\"title\">\n          <h4>","</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>","</p>\n        </slot>\n      </div>\n      <input\n        type=\"file\"\n        @change=","\n        multiple\n      />\n      <slot @click="," name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n"])),l({"hover-border":"hover"===a,"vertical-div":!0}),t,n,function(i){return o.handleFiles(i);},e,s?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>","</span>\n      </div>"])),s):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))));}),_export("f",v=function v(e,t,n){return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  <div\n    class=\"vertical-deafult vertical-div disable\"\n  >\n    <slot name=\"uploadIcon\">\n      <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n    </slot>\n    <div class=\"content-container\">\n      <slot name=\"title\">\n        <h4>","</h4>\n      </slot>\n      <slot name=\"title\">\n        <p>","</p>\n      </slot>\n    </div>\n    <input\n      type=\"file\"\n      @change=","\n      multiple\n    />\n    <slot @click="," name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n"])),t,n,function(i){return o.handleFiles(i);},e);}),_export("e",u=function u(){return i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  <div 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>Drop files here to upload</p>\n  </div>\n"])));});}};});
 //# sourceMappingURL=nile-file-upload.template.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directive.js","../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadDefaults, FileUploadState } from './types/file-upload.enums';\nimport { truncateString } from './utils/file-validation.util';\nimport { NileFileUpload } from './nile-file-upload';\n\nconst baseHorizontalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => {\n  truncateString(nileFileUpload);\n  return html`\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\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\">${title}</div>\n          <div class=\"subtitle\">${subtitle}</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=${disabled}\n        @change=${(e: Event | DragEvent) => { dragHandler.handleFiles(e) }}\n        multiple\n        accept=${allowedTypes.join(',')}\n      />\n      <slot class=\"browse-file-button\" @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ${\n          nileFileUpload.isStringTruncated\n            ? html`<nile-tooltip content=${errorMessage}>\n                <span>${errorMessage}</span>\n              </nile-tooltip>`\n            : html`<span>${errorMessage}</span>`\n        }\n      </div>` :\n      html``\n    }\n  </div>\n  `;\n}\n\nexport const getHorizontalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\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>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n  </div>\n`;\n\n//  Vertical States\nconst baseVerticalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => {\n  truncateString(nileFileUpload);\n  return html`\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\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\">${title}</div>\n        <div class=\"subtitle\">${subtitle}</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=${disabled}\n        @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n        multiple\n        accept=${allowedTypes.join(',')}\n      />\n      <slot @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        <nile-tooltip content=${errorMessage}>\n          <span>${errorMessage}</span>\n        </nile-tooltip>\n      </div>` :\n      html``\n    }\n  </div>\n  `;\n}\n\nexport const getVerticalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getVerticalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  errorMessage: string,\n  allowedTypes: string[],\n  nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\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>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n  </div>\n`;"],"names":["t","i","l","_createClass","key","get","_$AU","this","_$AM","value","_$AT","e","_$Ct","_$Ci","_$AS","update","render","_len","arguments","length","Array","_key","_$litDirective$","values","s","_class","_i$strings","_this","_classCallCheck","super","type","r","name","strings","Error","_inherits","_l","Object","keys","filter","join","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","n","done","remove","err","f","_this$nt2","delete","baseHorizontalState","browseFiles","title","subtitle","disabled","dragHandler","state","errorMessage","allowedTypes","nileFileUpload","truncateString","html","_templateObject","_taggedTemplateLiteral","classMap","disable","handleFiles","undefined","_templateObject2","isStringTruncated","_templateObject3","_templateObject4","_templateObject5","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalDragState","_templateObject6","FileUploadDefaults","DRAG_STATE_DEFAULT","baseVerticalState","v","_templateObject7","_templateObject8","_templateObject9","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","_templateObject10"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directive.js","../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadState } from './types/file-upload.enums';\n\nlet dragHandlerInstance: DragHandler;\nexport const getDragHandler = (dragHandler: DragHandler): void => {\n  dragHandlerInstance = dragHandler;\n}\n\nexport const getHorizontalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  errorMessage: string,\n  state: FileUploadState\n): TemplateResult => html`\n  <div>\n    <div class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true })}>\n      <div class=\"inner-div\">\n        <slot name=\"uploadIcon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div class=\"content\">\n          <slot name=\"title\">\n            <h4>${title}</h4>\n          </slot>\n          <slot name=\"subtitle\">\n            <p>${subtitle}</p>\n          </slot>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n        multiple\n      />\n      <slot @click=${browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getHorizontalDisabledtState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string\n): TemplateResult => html`\n  <div\n    class=\"horizontal-div disable\"\n  >\n     <div class=\"inner-div\">\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content\">\n        <slot name=\"title\">\n          <h4>${title}</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>${subtitle}</p>\n        </slot>\n      </div>\n    </div>\n    <input\n      type=\"file\"\n      @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n  <div 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>Drop files here to upload</p>\n  </div>\n`;\n\n//  Vertical States\nexport const getVerticalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  errorMessage: string,\n  state: FileUploadState\n): TemplateResult => html`\n  <div>\n    <div class=${classMap({ 'hover-border': state === \"hover\", 'vertical-div': true })}>\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content-container\">\n        <slot name=\"title\">\n          <h4>${title}</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>${subtitle}</p>\n        </slot>\n      </div>\n      <input\n        type=\"file\"\n        @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n        multiple\n      />\n      <slot @click=${browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getVerticalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string\n): TemplateResult => html`\n  <div\n    class=\"vertical-deafult vertical-div disable\"\n  >\n    <slot name=\"uploadIcon\">\n      <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n    </slot>\n    <div class=\"content-container\">\n      <slot name=\"title\">\n        <h4>${title}</h4>\n      </slot>\n      <slot name=\"title\">\n        <p>${subtitle}</p>\n      </slot>\n    </div>\n    <input\n      type=\"file\"\n      @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getVerticalDragState = (): TemplateResult => html`\n  <div 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>Drop files here to upload</p>\n  </div>\n`;"],"names":["t","i","n","_createClass","key","get","_$AU","this","_$AM","value","_$AT","e","_$Ct","_$Ci","_$AS","update","render","_len","arguments","length","Array","_key","_$litDirective$","values","s","_class","_i$strings","_this","_classCallCheck","super","type","r","name","strings","Error","_inherits","_n","Object","keys","filter","join","_ref2","_slicedToArray","_ref","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","done","remove","err","f","_this$nt2","delete","_export","getDragHandler","dragHandler","dragHandlerInstance","getHorizontalDefaultState","browseFiles","title","subtitle","errorMessage","state","html","_templateObject","_taggedTemplateLiteral","classMap","handleFiles","_templateObject2","_templateObject3","getHorizontalDisabledtState","_templateObject4","getHorizontalDragState","_templateObject5","getVerticalDefaultState","_templateObject6","_templateObject7","_templateObject8","getVerticalDisabledState","_templateObject9","getVerticalDragState","_templateObject10"],"mappings":"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","x_google_ignoreList":[0,1]}