@aquera/nile-elements 1.0.1-beta-1.2 → 1.0.1-beta-1.4

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

@@ -1,2 +1,2 @@
-System.register(["./nile-file-preview.css.cjs.js","lit","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var i,e,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function c(n,c){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"uploading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>","%</p>\n          </div>\n          <nile-progress-bar\n            value=\"","\"\n          ></nile-progress-bar>\n          <p>","</p>\n        </div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    "])),c,c,n.name,function(i){return e(n,i);});}function o(e,c,o){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div class=\"preview horizontal-div\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=","\n              alt=","\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","KB</p>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,c.name,c.name,c.type.split("/")[1].toUpperCase(),(Number(c.size)/1024).toFixed(0),function(i){return n(c,i,o);});}function l(e,c){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div class=\"no-preview horizontal-div\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","KB</p>\n        </div>\n      </div>\n      <div>\n        <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=","\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e.name,e.type.split("/")[1].toUpperCase(),(Number(e.size)/1034).toFixed(0),function(i){return n(e,i,c);});}function r(e,c,o){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"error horizontal-div\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p>","</p>\n          <nile-tooltip content=",">\n            <p>","</p>\n          </nile-tooltip>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=","\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  "])),e.name,c,c,function(i){return n(e,i,o);});}function s(n,c){return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-uploading\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>","%</p>\n        </div>\n        <nile-progress-bar value=","></nile-progress-bar>\n        <p>","</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),c,c,n.name,function(i){return e(n,i);});}function a(e,c,o){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-preview\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=","\n          alt=","\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n         <p>"," &#8226; ","KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,c.name,c.name,c.type.split("/")[1].toUpperCase(),(Number(c.size)/1024).toFixed(0),function(i){return n(c,i,o);});}function t(e,c){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-no-preview\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n        <p>"," &#8226; ","KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,e.type,(Number(e.size)/1024).toFixed(0),function(i){return n(e,i,c);});}function v(e,c,o){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-error\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p>","</p>\n        <nile-tooltip content=",">\n          <p>","</p>\n        </nile-tooltip>\n      </div>\n\n      <slot name=\"cancelIcon\" @click=",">\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,c,c,function(i){return n(e,i,o);});}_export({a:s,b:r,c:v,d:o,e:a,f:l,g:c,h:t});return{setters:[function(_nileFilePreviewCssCjsJs){},function(_lit){i=_lit.html;},function(_utilsNileFilePreviewUtilCjsJs){e=_utilsNileFilePreviewUtilCjsJs.c;n=_utilsNileFilePreviewUtilCjsJs.r;},function(_typesNileFilePreviewEnumsCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-file-preview.css.cjs.js","lit","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var i,e,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function o(n,o){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"uploading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>","%</p>\n          </div>\n          <nile-progress-bar\n            value=\"","\"\n          ></nile-progress-bar>\n          <p>","</p>\n        </div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    "])),o,o,n.name,function(i){return e(n,i);});}function l(e,o,l){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div class=\"preview horizontal-div\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=","\n              alt=","\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","KB</p>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,o.name,o.name,o.type.split("/")[1].toUpperCase(),(Number(o.size)/1024).toFixed(0),function(i){return n(o,i,l);});}function r(e,o){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div class=\"no-preview horizontal-div\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"var(--nile-icon-general, var(--ng-icon-file-06))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","KB</p>\n        </div>\n      </div>\n      <div>\n        <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=","\n            name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e.name,e.type.split("/")[1].toUpperCase(),(Number(e.size)/1034).toFixed(0),function(i){return n(e,i,o);});}function c(e,o,l){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"error horizontal-div\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p>","</p>\n          <nile-tooltip content=",">\n            <p>","</p>\n          </nile-tooltip>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=","\n            name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  "])),e.name,o,o,function(i){return n(e,i,l);});}function s(n,o){return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-uploading\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>","%</p>\n        </div>\n        <nile-progress-bar value=","></nile-progress-bar>\n        <p>","</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),o,o,n.name,function(i){return e(n,i);});}function a(e,o,l){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-preview\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=","\n          alt=","\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n         <p>"," &#8226; ","KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,o.name,o.name,o.type.split("/")[1].toUpperCase(),(Number(o.size)/1024).toFixed(0),function(i){return n(o,i,l);});}function v(e,o){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-no-preview\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"var(--nile-icon-general, var(--ng-icon-file-06))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n        <p>"," &#8226; ","KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=","\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,e.type,(Number(e.size)/1024).toFixed(0),function(i){return n(e,i,o);});}function t(e,o,l){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-error\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p>","</p>\n        <nile-tooltip content=",">\n          <p>","</p>\n        </nile-tooltip>\n      </div>\n\n      <slot name=\"cancelIcon\" @click=",">\n        <nile-icon\n          name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,o,o,function(i){return n(e,i,l);});}_export({a:s,b:c,c:t,d:l,e:a,f:r,g:o,h:v});return{setters:[function(_nileFilePreviewCssCjsJs){},function(_lit){i=_lit.html;},function(_utilsNileFilePreviewUtilCjsJs){e=_utilsNileFilePreviewUtilCjsJs.c;n=_utilsNileFilePreviewUtilCjsJs.r;},function(_typesNileFilePreviewEnumsCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=nile-file-preview.template.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-file-preview.template.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.template.ts"],"sourcesContent":["/**\n * Template File for nile-preview component\n */\n\nimport './nile-file-preview.css';\nimport { html, TemplateResult } from 'lit';\nimport { FilePreviewErrorMessages, RemoveFileDetail } from './types';\nimport { removeFile, cancelFileUpload } from './utils';\n\n export function getHorizontalUploadingState(\n  file: File,\n  uploadStatus: number\n ): TemplateResult {\n    return html`\n      <div class=\"uploading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>${uploadStatus}%</p>\n          </div>\n          <nile-progress-bar\n            value=\"${uploadStatus}\"\n          ></nile-progress-bar>\n          <p>${file.name}</p>\n        </div>\n        <slot @click=${(e: CustomEvent<RemoveFileDetail>) => cancelFileUpload(file, e)} name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    `;\n  }\n\nexport function getHorizontalPreviewState(\n  url: string,\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"preview horizontal-div\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=${url}\n              alt=${file.name}\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>${file.name}</p>\n          <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getHorizontalNoPreviewState(\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"no-preview horizontal-div\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>${file.name}</p>\n          <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1034).toFixed(0)}KB</p>\n        </div>\n      </div>\n      <div>\n        <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  `;\n}\n\nexport function getHorizontalErrorState(\n  file: File,\n  errorMessage: string,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"error horizontal-div\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p>${file.name}</p>\n          <nile-tooltip content=${errorMessage}>\n            <p>${errorMessage}</p>\n          </nile-tooltip>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  `;\n}\n\n// vertical states\nexport function getVerticalUploadingState(\n  file: File,\n  uploadStatus: number\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-uploading\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>${uploadStatus}%</p>\n        </div>\n        <nile-progress-bar value=${uploadStatus}></nile-progress-bar>\n        <p>${file.name}</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => cancelFileUpload(file, e)}\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\n\nexport function getVerticalPreviewState(\n  url: string,\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-preview\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=${url}\n          alt=${file.name}\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>${file.name}</p>\n         <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getVerticalNoPreviewState(\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-no-preview\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>${file.name}</p>\n        <p>${file.type} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getVerticalErrorState(\n  file: File,\n  errorMessage: string,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-error\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p>${file.name}</p>\n        <nile-tooltip content=${errorMessage}>\n          <p>${errorMessage}</p>\n        </nile-tooltip>\n      </div>\n\n      <slot name=\"cancelIcon\" @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}>\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}"],"names":["getHorizontalUploadingState","file","uploadStatus","html","_templateObject","_taggedTemplateLiteral","name","e","cancelFileUpload","getHorizontalPreviewState","url","originalUrl","_templateObject2","type","split","toUpperCase","Number","size","toFixed","removeFile","getHorizontalNoPreviewState","_templateObject3","getHorizontalErrorState","errorMessage","_templateObject4","getVerticalUploadingState","_templateObject5","getVerticalPreviewState","_templateObject6","getVerticalNoPreviewState","_templateObject7","getVerticalErrorState","_templateObject8","_export","a"],"mappings":"2cASiB,QAAAA,CAAAA,CACfC,CAAAA,CAAAA,CACAC,CAEE,CAAA,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8mBAMEH,CAAAA,CAGIA,CAAAA,CAEND,CAAKK,CAAAA,IAAAA,CAEIC,SAAAA,CAAAA,QAAqCC,CAAAA,EAAiBP,CAAMM,CAAAA,CAAAA,CAAAA,IASlF,SAEcE,CAAAA,CACdC,CAAAA,CAAAA,CACAT,CACAU,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,imBAMOK,CAAAA,CACAT,CAAKK,CAAAA,IAAAA,CAIVL,CAAKK,CAAAA,IAAAA,CACJL,CAAKY,CAAAA,IAAAA,CAAKC,MAAM,GAAK,CAAA,CAAA,CAAA,CAAA,CAAIC,eAA0BC,MAAOf,CAAAA,CAAAA,CAAKgB,IAAQ,CAAA,CAAA,IAAA,EAAMC,OAAQ,CAAA,CAAA,CAAA,CAKjFX,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IAQ7E,CAEgB,QAAAS,CAAAA,CAAAA,CACdnB,CACAU,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAAkB,gBAAA,GAAAA,gBAAA,CAAAhB,sBAAA,wqBAOEJ,CAAKK,CAAAA,IAAAA,CACJL,CAAKY,CAAAA,IAAAA,CAAKC,MAAM,GAAK,CAAA,CAAA,CAAA,CAAA,CAAIC,eAA0BC,MAAOf,CAAAA,CAAAA,CAAKgB,IAAQ,CAAA,CAAA,IAAA,EAAMC,OAAQ,CAAA,CAAA,CAAA,CAM/EX,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IAS/E,SAEgBW,CAAAA,CACdrB,CAAAA,CAAAA,CACAsB,CACAZ,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAAqB,gBAAA,GAAAA,gBAAA,CAAAnB,sBAAA,wqBAOEJ,CAAKK,CAAAA,IAAAA,CACciB,CAAAA,CACjBA,CAAAA,CAMKhB,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IAQ/E,CAGgB,QAAAc,CAAAA,CAAAA,CACdxB,CACAC,CAAAA,CAAAA,CAAAA,CAEA,MAAOC,CAAAA,CAAI,CAAAuB,gBAAA,GAAAA,gBAAA,CAAArB,sBAAA,soBASEH,CAAAA,CAEoBA,CAAAA,CACtBD,CAAKK,CAAAA,IAAAA,CAKEC,SAAAA,CAAAA,QAAqCC,CAAAA,EAAiBP,CAAMM,CAAAA,CAAAA,CAAAA,IAQhF,SAGgBoB,CAAAA,CACdjB,CAAAA,CAAAA,CACAT,CACAU,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAAyB,gBAAA,GAAAA,gBAAA,CAAAvB,sBAAA,ogBAKGK,CAAAA,CACAT,CAAKK,CAAAA,IAAAA,CAKRL,CAAKK,CAAAA,IAAAA,CACHL,CAAKY,CAAAA,IAAAA,CAAKC,MAAM,GAAK,CAAA,CAAA,CAAA,CAAA,CAAIC,eAA0BC,MAAOf,CAAAA,CAAAA,CAAKgB,IAAQ,CAAA,CAAA,IAAA,EAAMC,OAAQ,CAAA,CAAA,CAAA,CAKhFX,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IAQ7E,CAEgB,QAAAkB,CAAAA,CAAAA,CACd5B,CACAU,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAA2B,gBAAA,GAAAA,gBAAA,CAAAzB,sBAAA,qlBAOAJ,CAAKK,CAAAA,IAAAA,CACLL,CAAAA,CAAKY,IAAiBG,CAAAA,CAAAA,MAAAA,CAAOf,CAAKgB,CAAAA,IAAAA,CAAAA,CAAQ,MAAMC,OAAQ,CAAA,CAAA,CAAA,CAKjDX,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IAQ7E,SAEgBoB,CAAAA,CACd9B,CAAAA,CAAAA,CACAsB,CACAZ,CAAAA,CAAAA,CAAAA,CAEA,MAAOR,CAAAA,CAAI,CAAA6B,gBAAA,GAAAA,gBAAA,CAAA3B,sBAAA,moBAOAJ,CAAKK,CAAAA,IAAAA,CACciB,CAAAA,CACjBA,CAAAA,CAIyBhB,SAAAA,CAAqCY,QAAAA,CAAAA,CAAAA,CAAWlB,EAAMM,CAAGI,CAAAA,CAAAA,CAAAA,IASjG,CAAAsB,OAAA,EAAAC,CAAA"}
+{"version":3,"file":"nile-file-preview.template.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.template.ts"],"sourcesContent":["/**\n * Template File for nile-preview component\n */\n\nimport './nile-file-preview.css';\nimport { html, TemplateResult } from 'lit';\nimport { FilePreviewErrorMessages, RemoveFileDetail } from './types';\nimport { removeFile, cancelFileUpload } from './utils';\n\n export function getHorizontalUploadingState(\n  file: File,\n  uploadStatus: number\n ): TemplateResult {\n    return html`\n      <div class=\"uploading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>${uploadStatus}%</p>\n          </div>\n          <nile-progress-bar\n            value=\"${uploadStatus}\"\n          ></nile-progress-bar>\n          <p>${file.name}</p>\n        </div>\n        <slot @click=${(e: CustomEvent<RemoveFileDetail>) => cancelFileUpload(file, e)} name=\"cancelIcon\">\n          <nile-icon\n            name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    `;\n  }\n\nexport function getHorizontalPreviewState(\n  url: string,\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"preview horizontal-div\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=${url}\n              alt=${file.name}\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>${file.name}</p>\n          <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getHorizontalNoPreviewState(\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"no-preview horizontal-div\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"var(--nile-icon-general, var(--ng-icon-file-06))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>${file.name}</p>\n          <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1034).toFixed(0)}KB</p>\n        </div>\n      </div>\n      <div>\n        <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n            name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  `;\n}\n\nexport function getHorizontalErrorState(\n  file: File,\n  errorMessage: string,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"error horizontal-div\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p>${file.name}</p>\n          <nile-tooltip content=${errorMessage}>\n            <p>${errorMessage}</p>\n          </nile-tooltip>\n        </div>\n      </div>\n      <slot name=\"cancelIcon\">\n          <nile-icon\n            @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n            name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  `;\n}\n\n// vertical states\nexport function getVerticalUploadingState(\n  file: File,\n  uploadStatus: number\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-uploading\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>${uploadStatus}%</p>\n        </div>\n        <nile-progress-bar value=${uploadStatus}></nile-progress-bar>\n        <p>${file.name}</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => cancelFileUpload(file, e)}\n          name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\n\nexport function getVerticalPreviewState(\n  url: string,\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-preview\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=${url}\n          alt=${file.name}\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>${file.name}</p>\n         <p>${(file.type.split('/')[1]).toUpperCase()} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getVerticalNoPreviewState(\n  file: File,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-no-preview\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"var(--nile-icon-general, var(--ng-icon-file-06))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>${file.name}</p>\n        <p>${file.type} &#8226; ${(Number(file.size) / 1024).toFixed(0)}KB</p>\n      </div>\n\n      <slot name=\"cancelIcon\">\n        <nile-icon\n          @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}\n          name=\"var(--nile-icon-trash, var(--ng-icon-trash-01))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}\n\nexport function getVerticalErrorState(\n  file: File,\n  errorMessage: string,\n  originalUrl: string\n): TemplateResult {\n  return html`\n    <div class=\"vertical-div vertical-error\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"20\" color=\"var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p>${file.name}</p>\n        <nile-tooltip content=${errorMessage}>\n          <p>${errorMessage}</p>\n        </nile-tooltip>\n      </div>\n\n      <slot name=\"cancelIcon\" @click=${(e: CustomEvent<RemoveFileDetail>) => removeFile(file, e, originalUrl)}>\n        <nile-icon\n          name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n          method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  `;\n}"],"names":["getHorizontalUploadingState","file","uploadStatus","html","_templateObject","_taggedTemplateLiteral","name","e","cancelFileUpload","getHorizontalPreviewState","url","originalUrl","_templateObject2","type","split","toUpperCase","Number","size","toFixed","removeFile","getHorizontalNoPreviewState","_templateObject3","getHorizontalErrorState","errorMessage","_templateObject4","getVerticalUploadingState","_templateObject5","getVerticalPreviewState","_templateObject6","getVerticalNoPreviewState","_templateObject7","getVerticalErrorState","_templateObject8","_export","a"],"mappings":"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"}

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

@@ -1,53 +1,55 @@
-import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,r as n}from"./utils/nile-file-preview.util.esm.js";import"./types/nile-file-preview.enums.esm.js";function c(n,c){return i`
+import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,r as n}from"./utils/nile-file-preview.util.esm.js";import"./types/nile-file-preview.enums.esm.js";function o(n,o){return i`
       <div class="uploading">
         <nile-loader width="24" height="24"></nile-loader>
         <div class="progress-bar-container">
           <div class="progress-bar-percent">
             <p>Uploading File...</p>
-            <p>${c}%</p>
+            <p>${o}%</p>
           </div>
           <nile-progress-bar
-            value="${c}"
+            value="${o}"
           ></nile-progress-bar>
           <p>${n.name}</p>
         </div>
         <slot @click=${i=>e(n,i)} name="cancelIcon">
           <nile-icon
-            name="close"
+            name="var(--nile-icon-close, var(--ng-icon-x-close))"
+            method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
             size="14"
             class="icon"
           ></nile-icon>
         </slot>
       </div>
-    `}function o(e,c,o){return i`
+    `}function l(e,o,l){return i`
     <div class="preview horizontal-div">
       <div class="preview-inner">
         <div class="preview-image-container">
             <img
               class="image-preview"
               src=${e}
-              alt=${c.name}
+              alt=${o.name}
             />
         </div>
         <div class="preview-file-info">
-          <p>${c.name}</p>
-          <p>${c.type.split("/")[1].toUpperCase()} &#8226; ${(Number(c.size)/1024).toFixed(0)}KB</p>
+          <p>${o.name}</p>
+          <p>${o.type.split("/")[1].toUpperCase()} &#8226; ${(Number(o.size)/1024).toFixed(0)}KB</p>
         </div>
       </div>
       <slot name="cancelIcon">
         <nile-icon
-          @click=${i=>n(c,i,o)}
-          name="trash"
+          @click=${i=>n(o,i,l)}
+          name="var(--nile-icon-trash, var(--ng-icon-trash-01))"
+          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
           size="14"
           class="icon"
         ></nile-icon>
       </slot>
     </div>
-  `}function l(e,c){return i`
+  `}function r(e,o){return i`
     <div class="no-preview horizontal-div">
       <div class="no-preview-container">
         <div class="document-icon">
-          <nile-icon name="general" size="20" color="var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))"></nile-icon>
+          <nile-icon name="var(--nile-icon-general, var(--ng-icon-file-06))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="20" color="var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))"></nile-icon>
         </div>
         <div class="preview-file-info">
           <p>${e.name}</p>
@@ -57,37 +59,39 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
       <div>
         <slot name="cancelIcon">
           <nile-icon
-            @click=${i=>n(e,i,c)}
-            name="trash"
+            @click=${i=>n(e,i,o)}
+            name="var(--nile-icon-trash, var(--ng-icon-trash-01))"
+            method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
             size="14"
             class="icon"
           ></nile-icon>
         </slot>
       </div>
     </div>
-  `}function r(e,c,o){return i`
+  `}function c(e,o,l){return i`
     <div class="error horizontal-div">
       <div class="error-container">
         <div class="error-icon">
-          <nile-icon name="info-icon" size="20" color="var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))"></nile-icon>
+          <nile-icon name="var(--nile-icon-info, var(--ng-icon-info-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="20" color="var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))"></nile-icon>
         </div>
         <div class="file-info">
           <p>${e.name}</p>
-          <nile-tooltip content=${c}>
-            <p>${c}</p>
+          <nile-tooltip content=${o}>
+            <p>${o}</p>
           </nile-tooltip>
         </div>
       </div>
       <slot name="cancelIcon">
           <nile-icon
-            @click=${i=>n(e,i,o)}
-            name="close"
+            @click=${i=>n(e,i,l)}
+            name="var(--nile-icon-close, var(--ng-icon-x-close))"
+            method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
             size="14"
             class="icon"
           ></nile-icon>
         </slot>
     </div>
-  `}function s(n,c){return i`
+  `}function s(n,o){return i`
     <div class="vertical-div vertical-uploading">
       <div class="loading">
         <nile-loader width="24" height="24"></nile-loader>
@@ -96,49 +100,51 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
       <div class="progress-bar-container">
         <div class="progress-bar-percent">
           <p>Uploading...</p>
-          <p>${c}%</p>
+          <p>${o}%</p>
         </div>
-        <nile-progress-bar value=${c}></nile-progress-bar>
+        <nile-progress-bar value=${o}></nile-progress-bar>
         <p>${n.name}</p>
       </div>
 
       <slot name="cancelIcon">
         <nile-icon
           @click=${i=>e(n,i)}
-          name="close"
+          name="var(--nile-icon-close, var(--ng-icon-x-close))"
+          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
           size="14"
           class="icon corner-icon"
         ></nile-icon>
       </slot>
     </div>
-  `}function a(e,c,o){return i`
+  `}function a(e,o,l){return i`
     <div class="vertical-div vertical-preview">
       <div>
         <img
           class="image-preview"
           src=${e}
-          alt=${c.name}
+          alt=${o.name}
         />
       </div>
 
       <div class="content-container">
-        <p>${c.name}</p>
-         <p>${c.type.split("/")[1].toUpperCase()} &#8226; ${(Number(c.size)/1024).toFixed(0)}KB</p>
+        <p>${o.name}</p>
+         <p>${o.type.split("/")[1].toUpperCase()} &#8226; ${(Number(o.size)/1024).toFixed(0)}KB</p>
       </div>
 
       <slot name="cancelIcon">
         <nile-icon
-          @click=${i=>n(c,i,o)}
-          name="trash"
+          @click=${i=>n(o,i,l)}
+          name="var(--nile-icon-trash, var(--ng-icon-trash-01))"
+          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
           size="14"
           class="icon corner-icon"
         ></nile-icon>
       </slot>
     </div>
-  `}function t(e,c){return i`
+  `}function v(e,o){return i`
     <div class="vertical-div vertical-no-preview">
       <div class="vertical-document-icon">
-        <nile-icon name="general" size="20" color="var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))"></nile-icon>
+        <nile-icon name="var(--nile-icon-general, var(--ng-icon-file-06))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="20" color="var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-600))"></nile-icon>
       </div>
 
       <div class="content-container">
@@ -148,32 +154,34 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
 
       <slot name="cancelIcon">
         <nile-icon
-          @click=${i=>n(e,i,c)}
-          name="trash"
+          @click=${i=>n(e,i,o)}
+          name="var(--nile-icon-trash, var(--ng-icon-trash-01))"
+          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
           size="14"
           class="icon corner-icon"
         ></nile-icon>
       </slot>
     </div>
-  `}function v(e,c,o){return i`
+  `}function t(e,o,l){return i`
     <div class="vertical-div vertical-error">
       <div class="vertical-document-icon error-bg">
-        <nile-icon name="info-icon" size="20" color="var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))"></nile-icon>
+        <nile-icon name="var(--nile-icon-info, var(--ng-icon-info-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="20" color="var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600))"></nile-icon>
       </div>
 
       <div class="file-info-vertical-state">
         <p>${e.name}</p>
-        <nile-tooltip content=${c}>
-          <p>${c}</p>
+        <nile-tooltip content=${o}>
+          <p>${o}</p>
         </nile-tooltip>
       </div>
 
-      <slot name="cancelIcon" @click=${i=>n(e,i,o)}>
+      <slot name="cancelIcon" @click=${i=>n(e,i,l)}>
         <nile-icon
-          name="close"
+          name="var(--nile-icon-close, var(--ng-icon-x-close))"
+          method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
           size="14"
           class="icon corner-icon"
         ></nile-icon>
       </slot>
     </div>
-  `}export{s as a,r as b,v as c,o as d,a as e,l as f,c as g,t as h};
+  `}export{s as a,c as b,t as c,l as d,a as e,r as f,o as g,v as h};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directive.js","../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { 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]}
+{"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=\"var(--nile-icon-upload, var(--ng-icon-upload-01))\" size=\"24\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></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=\"var(--nile-icon-warning, var(--ng-icon-alert-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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=\"var(--nile-icon-upload, var(--ng-icon-upload-01))\" size=\"24\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></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=\"var(--nile-icon-general, var(--ng-icon-file-06))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"var(--nile-icon-image, var(--ng-icon-image-03))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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=\"var(--nile-icon-upload, var(--ng-icon-upload-01))\" size=\"24\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></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=\"var(--nile-icon-warning, var(--ng-icon-alert-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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=\"var(--nile-icon-upload, var(--ng-icon-upload-01))\" size=\"24\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></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=\"var(--nile-icon-general, var(--ng-icon-file-06))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"var(--nile-icon-image, var(--ng-icon-image-03))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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","o","_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","_o","Object","keys","filter","join","_ref2","_slicedToArray","_ref","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","n","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":";;;;GAKMA,CAAAA,CAAa,EAA8GC,CAAAA,yBAAE,SAAAC,EAAYF,CAAAA,CAAAA,CAAAA,eAAAA,MAAAA,CAAAA,EAAI,CAAA,OAAAG,YAAA,CAAAD,CAAA,GAAAE,GAAA,QAAAC,GAAA,UAAAA,IAAA,CAAIC,CAAO,MAAOC,KAAKC,CAAAA,IAAAA,CAAKF,IAAI,EAAC,GAAAF,GAAA,QAAAK,KAAA,UAAAC,IAAAA,CAAKV,CAAEW,CAAAA,CAAAA,CAAEV,CAAGM,CAAAA,CAAAA,IAAAA,CAAKK,IAAKZ,CAAAA,CAAAA,CAAEO,KAAKC,IAAKG,CAAAA,CAAAA,CAAEJ,KAAKM,IAAKZ,CAAAA,CAAC,EAAC,GAAAG,GAAA,QAAAK,KAAA,UAAAK,IAAAA,CAAKd,CAAEW,CAAAA,CAAAA,CAAAA,CAAG,MAAOJ,KAAAA,CAAKQ,OAAOf,CAAEW,CAAAA,CAAAA,CAAE,EAAC,GAAAP,GAAA,UAAAK,KAAA,UAAAM,MAAAA,CAAOf,EAAEW,CAAG,CAAA,CAAA,MAAOJ,KAAKS,CAAAA,MAAAA,CAAAA,KAAAA,CAALT,IAAKS,CAAAA,kBAAAA,CAAUL,CAAE,EAAA,EAAA;;;;ACAvS,GAAMA,EDA2E,SAAAV,CAAA,QAAA,oBAAAgB,IAAA,CAAAC,SAAA,CAAAC,MAAA,CAAIR,CAAC,KAAAS,KAAA,CAAAH,IAAA,EAAAI,IAAA,GAAAA,IAAA,CAAAJ,IAAA,CAAAI,IAAA,IAADV,CAAC,CAAAU,IAAA,EAAAH,SAAA,CAAAG,IAAA,SAAA,CAAKC,gBAAgBtB,CAAEuB,CAAAA,MAAAA,CAAOZ,CCA5Ga,CAAAA,EAAAA,yBAAAA,EAAAA,EAAkB,SAAAC,OAAYzB,CAAG,CAAA,KAAA0B,UAAA,KAAAC,KAAA,CAAAC,eAAA,MAAAH,MAAA,EAAA,GAAGI,KAAAA,CAAAA,UAAAA,MAAAA,MAAAA,EAAM7B,CAAGA,GAAAA,CAAAA,CAAE8B,IAAOC,GAAAA,CAAAA,EAAa,UAAU/B,CAAEgC,CAAAA,IAAAA,EAAMhC,EAAAA,UAAAA,CAAAA,EAAEiC,OAASd,UAAAA,UAAAA,iBAAXnB,UAAAA,CAAWmB,MAAAA,EAAO,EAAE,KAAMe,CAAAA,KAAAA,CAAM,oGAAqG,CAAA,QAAAP,KAAA,EAACQ,SAAA,CAAAV,MAAA,CAAAW,EAAA,SAAAjC,YAAA,CAAAsB,MAAA,GAAArB,GAAA,UAAAK,KAAA,UAAAO,MAAAA,CAAOhB,CAAAA,CAAAA,CAAG,MAAM,GAAIqC,CAAAA,MAAAA,CAAOC,KAAKtC,CAAGuC,CAAAA,CAAAA,MAAAA,CAAQf,SAAAA,CAAGxB,QAAAA,CAAAA,CAAAA,CAAEwB,MAAKgB,IAAK,CAAA,GAAA,CAAA,CAAK,GAAG,EAAC,GAAApC,GAAA,UAAAK,KAAA,UAAAM,MAAAA,CAAOS,CAAAA,CAAAA,IAAAA,CAAO,KAAAiB,KAAA,CAAAC,cAAA,CAAAC,IAAA,IAAJ1C,CAAI,CAAAwC,KAAA,IAAA,GAAA,IAAG,KAASlC,IAAKqC,CAAAA,EAAAA,CAAG,CAACrC,IAAKqC,CAAAA,EAAAA,CAAG,GAAIC,CAAAA,GAAI,CAAA,CAAA,CAAA,IAAA,EAAA,GAASrB,CAAES,CAAAA,OAAAA,GAAU1B,KAAKuC,EAAG,CAAA,GAAID,CAAAA,IAAIrB,CAAES,CAAAA,OAAAA,CAAQO,KAAK,GAAKO,CAAAA,CAAAA,KAAAA,CAAM,IAAMR,CAAAA,CAAAA,MAAAA,CAAQvC,SAAAA,SAAG,EAAKA,GAAAA,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAM,IAAI,GAAMA,CAAAA,EAAAA,GAAKC,CAAAA,gBAAEA,CAAED,CAAAA,EAAAA,CAAAA,EAAAA,GAAAA,QAAAA,CAAKO,IAAKuC,CAAAA,EAAAA,UAAAA,QAAAA,WAALvC,QAAAA,CAASyC,IAAIhD,EAAIO,CAAAA,GAAAA,IAAAA,CAAKqC,EAAGK,CAAAA,GAAAA,CAAIjD,IAAG,OAAOO,KAAAA,CAAKS,MAAOf,CAAAA,CAAAA,CAAE,EAAC,GAAM8B,CAAAA,CAAAA,CAAEP,EAAE0B,OAAQC,CAAAA,SAAAA,CAAU,IAAAC,SAAA,CAAAC,0BAAA,CAAe9C,IAAKqC,CAAAA,EAAAA,EAAAA,KAAAA,KAApB,IAAAQ,SAAA,CAAA5B,CAAA,KAAA8B,KAAA,CAAAF,SAAA,CAAAG,CAAA,IAAAC,IAAA,EAAuBxD,IAAbA,CAAAA,GAAAA,CAAAA,KAAAA,CAAAA,KAAAA,CAAaA,MAAKC,CAAAA,CAAI8B,GAAAA,CAAAA,CAAE0B,OAAOzD,GAAGO,CAAAA,CAAAA,IAAAA,CAAKqC,YAAU5C,CAAAA,GAAAA,CAAAA,CAAAA,EAAI,OAAA0D,GAAA,EAAAN,SAAA,CAAAzC,CAAA,CAAA+C,GAAA,WAAAN,SAAA,CAAAO,CAAA,QAAI,GAAM3D,CAAAA,MAAKC,CAAAA,CAAE,CAAA,KAAA2D,SAAA,CAAC,GAAMpC,CAAAA,EAAIvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAED,KAAGwB,EAAIjB,GAAAA,IAAAA,CAAKqC,EAAGI,CAAAA,GAAAA,CAAIhD,kBAAIO,IAAKuC,CAAAA,EAAAA,UAAAA,SAAAA,iBAALvC,SAAAA,CAASyC,GAAIhD,CAAAA,GAAAA,CAAAA,IAAKwB,IAAGO,CAAEkB,CAAAA,GAAAA,CAAIjD,GAAGO,CAAAA,CAAAA,IAAAA,CAAKqC,GAAGK,GAAIjD,CAAAA,GAAAA,CAAAA,GAAK+B,EAAE0B,MAAOzD,CAAAA,GAAAA,CAAAA,CAAGO,KAAKqC,EAAGiB,UAAAA,CAAO7D,GAAI,CAAA,CAAA,CAAA,EAAC,MAAOA,CAAAA,CAAC,EAAA,MAAjtBC,CAAE,CAA+sB,CAAA,CAAA6D,OAAA,KCE/tBC,EAAkBC,QAAlBD,CAAAA,EAAkBC,CAC7BC,CAAAA,CAAAA,CAAAA,CAAsBD,CAAW,EAAA,EAAAF,OAAA,KAGtBI,EAA4B,QAA5BA,CAAAA,EACXC,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,UACmBC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0xBAERC,CAAAA,CAAS,CAAE,cAAA,CAA0B,OAAVJ,GAAAA,EAAAA,CAAmB,gBAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAO/DH,CAAAA,CAGDC,CAAAA,CAME1D,SAAAA,CAAAA,QAAyBsD,CAAAA,EAAoBW,WAAYjE,CAAAA,CAAAA,CAAAA,GAGvDwD,CAAAA,CAMfG,CAAAA,CACAE,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,0QAEMJ,CAAAA,EAEVE,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,QAAA,GAKGK,EAAAA,OAAAA,KAAAA,CAAAA,CAA8B,QAA9BA,CAAAA,CAAAA,CACXZ,CAAAA,CACAC,CACAC,CAAAA,CAAAA,QACmBG,CAAAA,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,6uBAUTN,CAAAA,CAGDC,CAAAA,CAME1D,SAAAA,CAAAA,QAAyBsD,CAAAA,EAAoBW,WAAYjE,CAAAA,CAAAA,CAAAA,GAGvDwD,CAAAA,GAQNc,EAAAA,OAAAA,KAAAA,CAAAA,CAAyB,QAAzBA,CAAAA,CAAAA,CAAAA,QAA+CT,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,2sBAuBnDS,EAAAA,OAAAA,KAAAA,CAAAA,CAA0B,QAA1BA,CAAAA,CAAAA,CACXhB,CACAC,CAAAA,CAAAA,CACAC,CACAC,CAAAA,CAAAA,CACAC,SACmBC,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,+tBAERC,CAAAA,CAAS,CAAE,cAAA,CAA0B,OAAVJ,GAAAA,CAAAA,CAAmB,cAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAM/DH,CAAAA,CAGDC,CAAAA,CAKI1D,SAAAA,CAAAA,QAAyBsD,CAAAA,EAAoBW,WAAYjE,CAAAA,CAAAA,CAAAA,GAGvDwD,CAAAA,CAMfG,CAAAA,CACAE,CAAI,CAAAa,gBAAA,GAAAA,gBAAA,CAAAX,sBAAA,0QAEMJ,CAAAA,EAEVE,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,QAAA,GAKGa,EAAAA,OAAAA,KAAAA,CAAAA,CAA2B,QAA3BA,CAAAA,CAAAA,CACXpB,CAAAA,CACAC,CACAC,CAAAA,CAAAA,QACmBG,CAAAA,CAAI,CAAAgB,gBAAA,GAAAA,gBAAA,CAAAd,sBAAA,isBASXN,CAAAA,CAGDC,CAAAA,CAKI1D,SAAAA,CAAAA,QAAyBsD,CAAAA,EAAoBW,WAAYjE,CAAAA,CAAAA,CAAAA,GAGvDwD,CAAAA,GAQNsB,EAAAA,OAAAA,KAAAA,CAAAA,CAAuB,QAAvBA,CAAAA,CAAAA,CAAAA,QAA6CjB,CAAAA,CAAI,CAAAkB,iBAAA,GAAAA,iBAAA,CAAAhB,sBAAA","x_google_ignoreList":[0,1]}