npm - @aquera/nile-elements - Versions diffs - 0.1.67-beta-1.1 → 0.1.67-beta-1.2 - Mend

@aquera/nile-elements 0.1.67-beta-1.1 → 0.1.67-beta-1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (913) hide show

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

@@ -1,20 +1,25 @@
-(()=>{try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64")}catch{}})();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 @@
   }
   .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,25 +56,24 @@
     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);
+    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;
-    margin-bottom: 10px;
   }
   .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 {
@@ -98,67 +85,47 @@
   }
   .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 {
@@ -189,9 +156,12 @@
     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);
   }
@@ -207,8 +177,8 @@
     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 {
@@ -216,17 +186,20 @@
   }
   .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 {
@@ -240,13 +213,16 @@
   }
   .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;
@@ -272,6 +248,7 @@
     cursor: pointer;
   }
   /* NO PREVIEW STATE */
   .no-preview {
     border: 1px solid var(--nile-colors-neutral-400);
@@ -302,7 +279,7 @@
     height: 40px;
     width: 40px;
   }
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -329,7 +306,7 @@
   }
   /* ERROR STATE */
   .error {
     border: 1px solid var(--nile-colors-neutral-400);
   }
@@ -360,7 +337,7 @@
     height: 40px;
     width: 40px;
   }
   .file-info {
     width: 100%;
     display: flex;
@@ -405,26 +382,21 @@
     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 @@
     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 @@
   .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, .vertical-upload-error 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 CHANGED Viewed

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

@@ -1,10 +1,10 @@
-System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9a84b336.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,n,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,l,a,o,r,c,d,v,p,u,h,$,m,b;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _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(_litHtml002CjsJs){e=_litHtml002CjsJs.T;},function(_typesFileUploadEnumsCjsJs){t=_typesFileUploadEnumsCjsJs.c;n=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){s=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){(function(){try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64");}catch(_unused){}})();/**
+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
- */l=1;a=/*#__PURE__*/function(){function a(i){_classCallCheck(this,a);}return _createClass(a,[{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
- */o=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(_a){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==l||"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,_a);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;}}]);}(a)),r=function r(e,l,a,_r,c,d,v,p,u){return s(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div class=\"title\">","</div>\n          <div class=\"subtitle\">","</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot class=\"browse-file-button\" @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),o({"hover-border":"hover"===d,"horizontal-div":!0,disable:_r}),l,a,_r,function(i){c.handleFiles(i);},p.join(","),_r?void 0:e,_r,v||u.state===n.ERROR?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),u.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),v||t.CUSTOM_ERROR,v||t.CUSTOM_ERROR):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),v||t.CUSTOM_ERROR)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",c=function c(i,e,t,n,s,l,a,o){return r(i,e,t,!1,n,s,l,a,o);}),_export("c",d=function d(i,e,t,n,s,l,a,o){return r(i,e,t,!0,n,s,l,a,o);}),_export("a",v=function v(i,e,t,n,s,l,a,o){return r(i,e,t,!1,n,s,l,a,o);}),_export("b",p=function p(){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);}),u=function u(e,l,a,o,r,c,d,v){return s(v),i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ","\">\n      <slot name=\"upload-icon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div part=\"vertical-content-container\" class=\"content-container\">\n        <div class=\"title\">","</div>\n        <div class=\"subtitle\">","</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),o?"disable":"",l,a,o,function(i){return r.handleFiles(i);},d.join(","),o?void 0:e,o,c||v.state===n.ERROR?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<div class=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),v.isStringTruncated?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),c||t.CUSTOM_ERROR,c||t.CUSTOM_ERROR):i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span>","</span>"])),c||t.CUSTOM_ERROR)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))));},_export("d",h=function h(i,e,t,n,s,l,a){return u(i,e,t,!1,n,s,l,a);}),_export("h",$=function $(i,e,t,n,s,l,a){return u(i,e,t,!0,n,s,l,a);}),_export("e",m=function m(i,e,t,n,s,l,a){return u(i,e,t,!1,n,s,l,a);}),_export("f",b=function b(){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),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 CHANGED Viewed

	@@ -1 +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 \|\| nileFileUpload.state === FileUploadState.ERROR ?\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 \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</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 getHorizontalErrorState = (\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 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 \|\| nileFileUpload.state === FileUploadState.ERROR ?\n html`<div class=\"vertical-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 \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>`\n }\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\nexport const getVerticalErrorState = (\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\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","a","_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","_a","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","FileUploadState","ERROR","_templateObject2","isStringTruncated","_templateObject3","FileUploadDefaults","CUSTOM_ERROR","_templateObject4","_templateObject5","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalErrorState","getHorizontalDragState","_templateObject6","DRAG_STATE_DEFAULT","baseVerticalState","u","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","getVerticalDefaultState","h","getVerticalDisabledState","$","getVerticalErrorState","getVerticalDragState","b","_templateObject12"],"mappings":"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","x_google_ignoreList":[0,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 { 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]}