@aquera/nile-elements 0.1.55-patch-1 → 0.1.55-patch-3

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

@@ -0,0 +1,610 @@
+import{css as e}from"lit";const r=e`
+  :host {
+    display: inline-block;
+  }
+
+  * {
+    padding: 0px;
+    margin: 0px;
+    box-sizing: border-box;
+  }
+
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    width: min-content;
+  }
+
+  input {
+    display: none;
+  }
+
+  .horizontal-div {
+    margin-bottom: 10px;
+    height: 62px;
+    max-width: 648px;
+    width: 648px;
+    min-width: 230px;
+    padding: 12px;
+    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);
+  }
+
+  .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;
+  }
+
+  .vertical-div {
+    min-height: 156px;
+    height: auto;
+    min-width: 240px;
+    width: 240px;
+    display: flex;
+    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;
+    margin-bottom: 10px;
+  }
+
+  .vertical-div:hover {
+    border-color: var(--nile-colors-blue-500);
+  }
+
+  .outer-div-border {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .inner-div {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 18px;
+    box-sizing: border-box;
+  }
+
+  .content {
+    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;
+  }
+
+  ::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;
+  }
+
+  /*  DISABLED STATE */
+  .disable {
+    background-color: var(--nile-colors-dark-200);
+    opacity: 0.8;
+    cursor: not-allowed;
+    color: var(--nile-colors-neutral-500);
+    pointer-events: none;
+  }
+
+  /* DRAGGING */
+  .dragging {
+    background-color: var(--nile-colors-blue-100);
+    border-color: var(--nile-colors-primary-600);
+    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);
+  }
+
+  .icons-container {
+    display: flex;
+    gap: 4px;
+  }
+
+  .general-icon {
+    transform: rotate(-18.11deg);
+    position: relative;
+    bottom: 3px;
+  }
+
+  .image-icon {
+    transform: rotate(15deg);
+  }
+
+  .icon:hover {
+    cursor: pointer;
+  }
+
+  /* Uploading State */
+  .uploading {
+    width: 648px;
+    min-width: 230px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 18px;
+    box-sizing: border-box;
+    border: 1px solid var(--nile-colors-neutral-400)
+  }
+  
+  .uploading:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .progress-bar-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+
+  .progress-bar-percent {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    font-size: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .progress-bar-container p {
+    margin: 0px;
+  }
+
+  .progress-bar-container > p {
+    font-size: var(--nile-type-scale-1);
+    color: var(--nile-colors-dark-500);
+  }
+
+  /* PREVIEW STATE */
+  .preview {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .preview:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .preview-inner {
+    display: flex;
+    gap: 18px;
+  }
+
+  .preview-image-container {
+    height: 42px;
+    width: 42px;
+  }
+
+  .preview-image-container img {
+    height: 42px;
+    width: 42px;
+    object-fit: contain;
+    border-radius: var(--nile-radius-radius-xs);
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+  
+  .preview-file-info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .preview-file-info p {
+    margin: 0px;
+    font-size: var(--nile-type-scale-3);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .preview-file-info p:last-of-type{
+    color: var(--nile-colors-neutral-700);
+    font-size: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .preview nile-icon:hover {
+    cursor: pointer;
+  }
+
+  /* NO PREVIEW STATE */
+  .no-preview {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .no-preview:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .no-preview-container {
+    display: flex;
+    gap: 18px;
+  }
+
+  .document-icon {
+    height: 40px;
+    width: 40px;
+    border-radius: var(--nile-radius-radius-xs);
+    padding: 2px 3px 2px 3px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--nile-colors-blue-400);
+    background-color: var(--nile-colors-blue-100);
+  }
+
+  .document-icon nile-icon {
+    height: 40px;
+    width: 40px;
+  }
+  
+  .preview-file-info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .preview-file-info p {
+    margin: 0px;
+    font-size: var(--nile-type-scale-3);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .preview-file-info p:last-of-type{
+    color: var(--nile-colors-neutral-700);
+    font-size: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .no-preview > nile-icon:hover {
+    cursor: pointer;
+  }
+
+  /* ERROR STATE */
+  
+  .error {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .error:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .error-container {
+    width: 100%;
+    display: flex;
+    gap: 18px;
+  }
+
+  .error-icon {
+    height: 40px;
+    width: 40px;
+    border-radius: var(--nile-radius-radius-xs);
+    padding: 2px 3px 2px 3px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--nile-colors-red-400);
+    background-color: var(--nile-colors-red-100);
+  }
+
+  .error-icon nile-icon {
+    height: 40px;
+    width: 40px;
+  }
+  
+  .file-info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .file-info p {
+    margin: 0px;
+    font-size: var(--nile-type-scale-3);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .file-info p:last-of-type{
+    color: var(--nile-colors-red-700);
+    font-size: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular);
+  }
+
+  .error > nile-icon:hover {
+    cursor: pointer;
+  }
+
+  /* VARTICAL STATE START */
+  /* Default State */
+
+  .vertical-default {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 18px
+  }
+
+  .content-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .content-container div.title {
+    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 {
+    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;
+  }
+
+  /* Drag State */
+  .vertical-drag {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap:18px;
+    font-size: var(--nile-type-scale-3);
+    color: var(--nile-colors-blue-700);
+    background-color: var(--nile-colors-blue-100);
+    border-color: var(--nile-colors-blue-500);
+  }
+
+  /* Uploading State */
+  .vertical-uploading {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .vertical-uploading:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .corner-icon {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
+
+  /* Preview State */
+  .vertical-preview {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .vertical-preview:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .image-preview {
+    border: 1px solid var(--nile-colors-neutral-400);
+    object-fit: cover;
+    width: 80px;
+    height: 80px;
+    border-radius: var(--nile-radius-radius-xs);
+  }
+
+  /* Vertical No Preview State */
+  .vertical-no-preview {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .vertical-no-preview:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .vertical-document-icon {
+    height: 80px;
+    width: 80px;
+    padding: 2px 3px 2px 3px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: var(--nile-radius-radius-xs);
+    border: 1px solid var(--nile-colors-blue-400);
+    background-color: var(--nile-colors-blue-100);
+  }
+
+  /* Veritcal Error State */
+  .vertical-error {
+    border: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  .vertical-error:hover {
+    border-color: var(--nile-colors-neutral-400);
+  }
+
+  .error-bg {
+    background-color: var(--nile-colors-red-100);
+    border: 1px solid var(--nile-colors-red-400);
+  }
+
+  .error-message {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    margin: 0px;
+    font-size: var(--nile-type-scale-3);
+    font-weight: var(--nile-font-weight-regular);
+    text-align: start;
+  }
+
+  .error-p {
+    color: var(--nile-colors-red-700);
+    font-size: var(--nile-type-scale-2);
+    width: 216px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: center;
+  }
+
+  .error-p p {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
+  }
+
+
+  /* Displaing uploaded files CSS */
+  .display-files {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 8px;
+    width: 648px;
+    min-width: 230px;
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid var(--nile-colors-neutral-700);
+    border-radius: var(--nile-radius-radius-xs);
+    scrollbar-width: none;
+    padding: 12px;
+  }
+
+  ul, li {
+    width: 100%;
+  }
+
+  li {
+    list-style-type: none;
+  }
+
+  /* for the upload error messages */
+  .upload-error {
+    font-size: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-red-700);
+    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};

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

@@ -0,0 +1,3 @@
+import{__decorate as t}from"tslib";import{s}from"./nile-file-upload.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{D as e}from"./utils/drag-drop.util.esm.js";import{c as h,F as r,d as a,b as o}from"./types/file-upload.enums.esm.js";import{html as l}from"lit";import{property as p,query as n,customElement as d}from"lit/decorators.js";import{s as u,a as m,b as c,u as f}from"./utils/file-validation.util.esm.js";import{g as y,a as v,b as g,c as S,d as b,e as j,f as w,h as B}from"./nile-file-upload.template.esm.js";import"../lit-html-39a6718c.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`
+      ${this.getState()}
+    `}getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return g();case r.ERROR:return v(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this)}}getVerticalState(){switch(this.state){case r.DEFAULT:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return w();case r.ERROR:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this)}}disconnectedCallback(){this.emit(o.NILE_DESTROY)}};t([p({type:String})],U.prototype,"size",void 0),t([p({type:Boolean})],U.prototype,"error",void 0),t([p({type:String})],U.prototype,"errorMessage",void 0),t([p({type:Boolean})],U.prototype,"allowMultiple",void 0),t([p({type:Boolean})],U.prototype,"allowDuplicates",void 0),t([p({type:Array})],U.prototype,"allowedTypes",void 0),t([p({type:Array})],U.prototype,"uploadedFiles",void 0),t([p({type:String})],U.prototype,"title",void 0),t([p({type:String})],U.prototype,"subtitle",void 0),t([p({type:String})],U.prototype,"state",void 0),t([p({type:String})],U.prototype,"variant",void 0),t([p({type:String})],U.prototype,"fileUploadUrl",void 0),t([p({type:Boolean})],U.prototype,"autoUpload",void 0),t([n("input")],U.prototype,"input",void 0),U=t([d("nile-file-upload")],U);export{U as N};

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

@@ -0,0 +1,10 @@
+System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,s,n,_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;s=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){n=_utilsFileValidationUtilCjsJs.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));}}]);}();/**
+ * @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 s=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(s.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in t){var _this$nt2;var _e=!!t[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(s.add(_i2),this.st.add(_i2)):(s.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(a)),r=function r(e,l,a,_r,c,d,v,p,u){return n(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div 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===s.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,s,n,l,a,o){return r(i,e,t,!1,s,n,l,a,o);}),_export("c",d=function d(i,e,t,s,n,l,a,o){return r(i,e,t,!0,s,n,l,a,o);}),_export("a",v=function v(i,e,t,s,n,l,a,o){return r(i,e,t,!1,s,n,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 n(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===s.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,s,n,l,a){return u(i,e,t,!1,s,n,l,a);}),_export("h",$=function $(i,e,t,s,n,l,a){return u(i,e,t,!0,s,n,l,a);}),_export("e",m=function m(i,e,t,s,n,l,a){return u(i,e,t,!1,s,n,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);});}};});
+//# sourceMappingURL=nile-file-upload.template.cjs.js.map