@aquera/nile-elements 0.1.40-beta-1.8 → 0.1.40-beta-1.9

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

@@ -1,12 +1,16 @@
-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 {
@@ -23,24 +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: max(648px, 100%);
     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);
+    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 {
@@ -48,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 {
@@ -77,43 +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);
+    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-400));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
-      
+
   .content p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-2);
-    color: var(--nile-colors-neutral-700);
+    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.5;
+    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-400);
   }
 
   .icons-container {
@@ -144,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);
   }
@@ -162,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-500));
   }
 
   .progress-bar-container p {
@@ -171,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 {
@@ -195,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;
@@ -258,7 +279,7 @@ import{css as e}from"lit";const r=e`
     height: 40px;
     width: 40px;
   }
-  
+
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -285,7 +306,7 @@ import{css as e}from"lit";const r=e`
   }
 
   /* ERROR STATE */
-  
+
   .error {
     border: 1px solid var(--nile-colors-neutral-400);
   }
@@ -316,7 +337,7 @@ import{css as e}from"lit";const r=e`
     height: 40px;
     width: 40px;
   }
-  
+
   .file-info {
     width: 100%;
     display: flex;
@@ -510,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;
   }
@@ -533,4 +554,4 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: var(--nile-spacing-one-half-x);
   }
-`;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 r,a,b as h,c as o,d as l,e as n}from"./nile-file-upload.template.esm.js";import{c as p,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 v,customElement as y}from"lit/decorators.js";import{s as g,a as S,b,u as j}from"./utils/file-validation.util.esm.js";let w=class extends i{constructor(){super(...arguments),this.size="100000",this.error=!1,this.errorMessage="",this.allowMultiple=!0,this.allowDuplicates=!1,this.uploadedFiles=[],this.title=p.TITLE,this.subtitle=p.SUBTITLE,this.state=d.DEFAULT,this.variant=u.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(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")?(0===this.uploadedFiles.length&&(this.errorMessage=""),this.fileUploadUrl&&this.autoUpload&&j(this),this.emit(m.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state,this.size,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 r(this.browseFiles,this.title,this.subtitle,this.dragHandler);case d.DISABLED:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler);case d.DRAG:return a();default:return r(this.browseFiles,this.title,this.subtitle,this.dragHandler)}}getVerticalState(){switch(this.state){case d.DEFAULT:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler);case d.DISABLED:return n(this.browseFiles,this.title,this.subtitle,this.dragHandler);case d.DRAG:return l();default:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler)}}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,"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([v("input")],w.prototype,"input",void 0),w=t([y("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,2 +1,10 @@
-System.register(["lit","./nile-file-upload.css.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,_templateObject2,_templateObject3,_templateObject4,l,e,o,n,a,s,t,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){}],execute:function execute(){l=function l(_l,e,o,n,a){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"horizontal-div ","\">\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      ?disabled=","\n      @change=","\n      multiple\n    />\n    <slot @click="," name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\" ?disabled=",">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n"])),n?"disable":"",e,o,n,function(i){return a.handleFiles(i);},n?void 0:_l,n);},_export("g",e=function e(i,_e,o,n){return l(i,_e,o,!1,n);}),_export("b",o=function o(i,e,_o,n){return l(i,e,_o,!0,n);}),_export("a",n=function n(){return i(_templateObject2||(_templateObject2=_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"])));}),a=function a(l,e,o,n,_a){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  <div class=\"vertical-default vertical-div ","\">\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      ?disabled=","\n      @change=","\n      multiple\n    />\n    <slot @click="," name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\" ?disabled=",">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n"])),n?"disable":"",e,o,n,function(i){return _a.handleFiles(i);},n?void 0:l,n);},_export("c",s=function s(i,l,e,o){return a(i,l,e,!1,o);}),_export("e",t=function t(i,l,e,o){return a(i,l,e,!0,o);}),_export("d",c=function c(){return i(_templateObject4||(_templateObject4=_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"])));});}};});
+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
+ */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
+ */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":["../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["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\nconst baseHorizontalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler\n): TemplateResult => html`\n  <div class=\"horizontal-div ${disabled ? 'disable' : ''}\">\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      ?disabled=${disabled}\n      @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getHorizontalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler);\n\nexport const getHorizontalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler);\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\nconst baseVerticalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler\n): TemplateResult => html`\n  <div class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\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      ?disabled=${disabled}\n      @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getVerticalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler);\n\nexport const getVerticalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler);\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":["baseHorizontalState","l","browseFiles","title","subtitle","disabled","dragHandler","html","_templateObject","_taggedTemplateLiteral","e","handleFiles","undefined","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalDragState","n","_templateObject2","baseVerticalState","_templateObject3","getVerticalDefaultState","s","getVerticalDisabledState","getVerticalDragState","c","_templateObject4"],"mappings":"8aAMMA,CAAsB,CAAA,QAAtBA,CAAAA,CAAsBC,CAC1BC,GACAC,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,QACmBC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mpBACMJ,CAAAA,CAAW,SAAY,CAAA,EAAA,CAOtCF,CAAAA,CAGDC,CAAAA,CAMGC,CAAAA,CACDK,SAAAA,CAAAA,QAAyBJ,CAAAA,EAAYK,WAAYD,CAAAA,CAAAA,CAAAA,GAG/CL,CAAAA,CAAAA,IAAWO,EAAYV,CAAAA,EAAAA,CACQG,CAAAA,gBAOrCQ,CAA4B,CAAA,QAA5BA,CAAAA,CAA4BH,CACvCR,CACAC,CAAAA,EAAAA,CACAC,CACAE,CAAAA,CAAAA,QACmBN,CAAAA,EAAoBE,CAAaC,CAAAA,EAAAA,CAAOC,CAAU,CAAA,CAAA,CAAA,CAAOE,CAEjEQ,CAAAA,IAAAA,OAAAA,KAAAA,CAAAA,CAA6B,QAA7BA,CAAAA,CAAAA,CACXZ,CACAC,CAAAA,CAAAA,CACAC,EACAE,CAAAA,CAAAA,QACmBN,CAAAA,CAAoBE,CAAAA,CAAAA,CAAaC,CAAOC,CAAAA,EAAAA,CAAAA,CAAU,CAAME,CAAAA,CAAAA,CAAAA,IAAAA,OAAAA,KAEhES,CAAyB,CAAA,QAAzBA,CAAAA,CAAyBC,CAAA,QAAsBT,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,8dAqB1DS,EAAAA,CAAAA,CAAoB,QAApBA,CAAAA,CAAAA,CACJhB,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,UACmBC,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,2mBACqBJ,CAAAA,CAAW,SAAY,CAAA,EAAA,CAMvDF,CAAAA,CAGDC,CAAAA,CAKKC,CAAAA,CACDK,SAAAA,CAAAA,QAAyBJ,CAAAA,GAAYK,WAAYD,CAAAA,CAAAA,CAAAA,GAG/CL,CAAAA,CAAAA,IAAWO,EAAYV,CAAAA,CAAAA,CACQG,CAAAA,gBAOrCe,CAA0B,CAAA,QAA1BA,CAAAA,CAA0BC,CACrCnB,CACAC,CAAAA,CAAAA,CACAC,CACAE,CAAAA,CAAAA,QACmBY,CAAAA,EAAkBhB,CAAaC,CAAAA,CAAAA,CAAOC,CAAU,CAAA,CAAA,CAAA,CAAOE,CAE/DgB,CAAAA,IAAAA,OAAAA,KAAAA,CAAAA,CAA2B,QAA3BA,CAAAA,CAAAA,CACXpB,CACAC,CAAAA,CAAAA,CACAC,CACAE,CAAAA,CAAAA,QACmBY,CAAAA,CAAkBhB,CAAAA,CAAAA,CAAaC,CAAOC,CAAAA,CAAAA,CAAAA,CAAU,CAAME,CAAAA,CAAAA,CAAAA,IAAAA,OAAAA,KAG9DiB,CAAuB,CAAA,QAAvBA,CAAAA,CAAuBC,CAAA,QAAsBjB,CAAAA,CAAI,CAAAkB,gBAAA,GAAAA,gBAAA,CAAAhB,sBAAA"}
+{"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]}

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

@@ -1,31 +1,74 @@
-import{html as i}from"lit";import"./nile-file-upload.css.esm.js";const e=(e,l,o,n,a)=>i`
-  <div class="horizontal-div ${n?"disable":""}">
-    <div class="inner-div">
+import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}from"../lit-html-39a6718c.esm.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const t=1;class n{constructor(i){}get _$AU(){return this._$AM._$AU}_$AT(i,e,t){this._$Ct=i,this._$AM=e,this._$Ci=t}_$AS(i,e){return this.update(i,e)}update(i,e){return this.render(...e)}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=(i=>(...e)=>({_$litDirective$:i,values:e}))(class extends n{constructor(i){if(super(i),i.type!==t||"class"!==i.name||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[t]){if(void 0===this.st){this.st=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in t)t[i]&&!this.nt?.has(i)&&this.st.add(i);return this.render(t)}const n=i.element.classList;for(const i of this.st)i in t||(n.remove(i),this.st.delete(i));for(const i in t){const e=!!t[i];e===this.st.has(i)||this.nt?.has(i)||(e?(n.add(i),this.st.add(i)):(n.remove(i),this.st.delete(i)))}return e}});let o;const s=i=>{o=i},a=(e,t,n,s,a)=>i`
+  <div>
+    <div class=${l({"hover-border":"hover"===a,"horizontal-div":!0})}>
+      <div class="inner-div">
+        <slot name="uploadIcon">
+          <nile-icon name="upload" size="24"></nile-icon>
+        </slot>
+        <div class="content">
+          <slot name="title">
+            <h4>${t}</h4>
+          </slot>
+          <slot name="subtitle">
+            <p>${n}</p>
+          </slot>
+        </div>
+      </div>
+      <input
+        type="file"
+        @change=${i=>o.handleFiles(i)}
+        multiple
+      />
+      <slot @click=${e} name="browseFileButton">
+        <nile-button variant="tertiary">
+          Browse File
+        </nile-button>
+      </slot>
+    </div>
+    ${s?i`<div class="upload-error">
+        <nile-icon name="warning" size="12" color="red"></nile-icon>
+        <span>${s}</span>
+      </div>`:i``}
+  </div>
+`,r=(e,t,n)=>i`
+  <div
+    class="horizontal-div disable"
+  >
+     <div class="inner-div">
       <slot name="uploadIcon">
         <nile-icon name="upload" size="24"></nile-icon>
       </slot>
       <div class="content">
         <slot name="title">
-          <h4>${l}</h4>
+          <h4>${t}</h4>
         </slot>
         <slot name="subtitle">
-          <p>${o}</p>
+          <p>${n}</p>
         </slot>
       </div>
     </div>
     <input
       type="file"
-      ?disabled=${n}
-      @change=${i=>a.handleFiles(i)}
+      @change=${i=>o.handleFiles(i)}
       multiple
     />
-    <slot @click=${n?void 0:e} name="browseFileButton">
-      <nile-button variant="tertiary" ?disabled=${n}>
+    <slot @click=${e} name="browseFileButton">
+      <nile-button variant="tertiary">
         Browse File
       </nile-button>
     </slot>
   </div>
-`,l=(i,l,o,n)=>e(i,l,o,!1,n),o=(i,l,o,n)=>e(i,l,o,!0,n),n=()=>i`
+`,c=()=>i`
   <div class="horizontal-div dragging">
     <div class="icons-container">
       <nile-icon
@@ -43,32 +86,63 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";const e=(e,l,o,
     </div>
     <p>Drop files here to upload</p>
   </div>
-`,a=(e,l,o,n,a)=>i`
-  <div class="vertical-default vertical-div ${n?"disable":""}">
+`,d=(e,t,n,s,a)=>i`
+  <div>
+    <div class=${l({"hover-border":"hover"===a,"vertical-div":!0})}>
+      <slot name="uploadIcon">
+        <nile-icon name="upload" size="24"></nile-icon>
+      </slot>
+      <div class="content-container">
+        <slot name="title">
+          <h4>${t}</h4>
+        </slot>
+        <slot name="subtitle">
+          <p>${n}</p>
+        </slot>
+      </div>
+      <input
+        type="file"
+        @change=${i=>o.handleFiles(i)}
+        multiple
+      />
+      <slot @click=${e} name="browseFileButton">
+        <nile-button variant="tertiary">
+          Browse File
+        </nile-button>
+      </slot>
+    </div>
+    ${s?i`<div class="upload-error">
+        <nile-icon name="warning" size="12" color="red"></nile-icon>
+        <span>${s}</span>
+      </div>`:i``}
+  </div>
+`,v=(e,t,n)=>i`
+  <div
+    class="vertical-deafult vertical-div disable"
+  >
     <slot name="uploadIcon">
       <nile-icon name="upload" size="24"></nile-icon>
     </slot>
     <div class="content-container">
       <slot name="title">
-        <h4>${l}</h4>
+        <h4>${t}</h4>
       </slot>
-      <slot name="subtitle">
-        <p>${o}</p>
+      <slot name="title">
+        <p>${n}</p>
       </slot>
     </div>
     <input
       type="file"
-      ?disabled=${n}
-      @change=${i=>a.handleFiles(i)}
+      @change=${i=>o.handleFiles(i)}
       multiple
     />
-    <slot @click=${n?void 0:e} name="browseFileButton">
-      <nile-button variant="tertiary" ?disabled=${n}>
+    <slot @click=${e} name="browseFileButton">
+      <nile-button variant="tertiary">
         Browse File
       </nile-button>
     </slot>
   </div>
-`,s=(i,e,l,o)=>a(i,e,l,!1,o),t=(i,e,l,o)=>a(i,e,l,!0,o),c=()=>i`
+`,u=()=>i`
   <div class="vertical-div vertical-drag">
     <div class="icons-container">
       <nile-icon
@@ -86,4 +160,4 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";const e=(e,l,o,
     </div>
     <p>Drop files here to upload</p>
   </div>
-`;export{n as a,o as b,s as c,c as d,t as e,l as g};
+`;export{a,c as b,r as c,d,u as e,v as f,s as g};