npm - @aquera/nile-elements - Versions diffs - 1.5.2 → 1.5.4 - Mend

@aquera/nile-elements 1.5.2 → 1.5.4

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

Files changed (619) hide show

package/dist/nile-file-upload/nile-file-upload.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","./nile-file-upload.template.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js"],function(_export,_context){"use strict";var t,s,i,h,e,r,a,o,l,p,n,d,u,c,m,f,y,j,v,g,S,b,w,B,_templateObject,U;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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);}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){h=_utilsDragDropUtilCjsJs.D;},function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.c;r=_typesFileUploadEnumsCjsJs.F;a=_typesFileUploadEnumsCjsJs.d;o=_typesFileUploadEnumsCjsJs.b;},function(_lit){l=_lit.html;},function(_litDecoratorsJs){p=_litDecoratorsJs.property;n=_litDecoratorsJs.query;d=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){u=_utilsFileValidationUtilCjsJs.s;c=_utilsFileValidationUtilCjsJs.a;m=_utilsFileValidationUtilCjsJs.b;f=_utilsFileValidationUtilCjsJs.u;},function(_nileFileUploadTemplateCjsJs){y=_nileFileUploadTemplateCjsJs.g;j=_nileFileUploadTemplateCjsJs.a;v=_nileFileUploadTemplateCjsJs.b;g=_nileFileUploadTemplateCjsJs.c;S=_nileFileUploadTemplateCjsJs.d;b=_nileFileUploadTemplateCjsJs.e;w=_nileFileUploadTemplateCjsJs.f;B=_nileFileUploadTemplateCjsJs.h;},function(_litHtml003CjsJs){},function(_directive004CjsJs){}],execute:function execute(){_export("N",U=/*#__PURE__*/function(_i){function U(){var _this;_classCallCheck(this,U);_this=_callSuper(this,U,arguments),_this.size="10MB",_this.error=!1,_this.errorMessage="",_this.allowMultiple=!1,_this.allowDuplicates=!1,_this.allowedTypes=[],_this.uploadedFiles=[],_this.title=e.TITLE,_this.subtitle=e.SUBTITLE,_this.state=r.DEFAULT,_this.variant=a.HORIZONTAL,_this.fileUploadUrl="",_this.autoUpload=!0,_this.uploadRequests=new Map(),_this.fileSizeExceededFilesNumber=0,_this.isStringTruncated=!1,_this.setState=function(t){_this.state=t;};return _this;}_inherits(U,_i);return _createClass(U,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(U,"connectedCallback",this,3)([]),this.emit(o.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(U,"firstUpdated",this,3)([t]),this.dragHandler=new h(),u(this,this.dragHandler),c(this,this.dragHandler,this.uploadRequests),m(this.dragHandler);}},{key:"updated",value:function updated(t){_superPropGet(U,"updated",this,3)([t]),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&f(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}));}},{key:"browseFiles",value:function browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click();}},{key:"render",value:function render(){return l(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n    "])),this.getState());}},{key:"getState",value:function getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState();}},{key:"getHorizontalState",value:function getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return g(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return v();case r.ERROR:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);}}},{key:"getVerticalState",value:function getVerticalState(){switch(this.state){case r.DEFAULT:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return w();case r.ERROR:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);}}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.emit(o.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([p({type:String})],U.prototype,"size",void 0),t([p({type:Boolean})],U.prototype,"error",void 0),t([p({type:String})],U.prototype,"errorMessage",void 0),t([p({type:Boolean})],U.prototype,"allowMultiple",void 0),t([p({type:Boolean})],U.prototype,"allowDuplicates",void 0),t([p({type:Array})],U.prototype,"allowedTypes",void 0),t([p({type:Array})],U.prototype,"uploadedFiles",void 0),t([p({type:String})],U.prototype,"title",void 0),t([p({type:String})],U.prototype,"subtitle",void 0),t([p({type:String})],U.prototype,"state",void 0),t([p({type:String})],U.prototype,"variant",void 0),t([p({type:String})],U.prototype,"fileUploadUrl",void 0),t([p({type:Boolean})],U.prototype,"autoUpload",void 0),t([n("input")],U.prototype,"input",void 0),_export("N",U=t([d("nile-file-upload")],U));}};});
+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);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","./nile-file-upload.template.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js"],function(_export,_context){"use strict";var t,s,i,h,e,r,a,o,l,d,p,n,u,c,m,f,v,y,j,g,S,b,w,U,B,_templateObject,F;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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);}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){h=_utilsDragDropUtilCjsJs.D;},function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.d;r=_typesFileUploadEnumsCjsJs.F;a=_typesFileUploadEnumsCjsJs.e;o=_typesFileUploadEnumsCjsJs.b;},function(_lit){l=_lit.html;},function(_litDecoratorsJs){d=_litDecoratorsJs.property;p=_litDecoratorsJs.state;n=_litDecoratorsJs.query;u=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){c=_utilsFileValidationUtilCjsJs.s;m=_utilsFileValidationUtilCjsJs.a;f=_utilsFileValidationUtilCjsJs.b;v=_utilsFileValidationUtilCjsJs.u;},function(_nileFileUploadTemplateCjsJs){y=_nileFileUploadTemplateCjsJs.g;j=_nileFileUploadTemplateCjsJs.a;g=_nileFileUploadTemplateCjsJs.b;S=_nileFileUploadTemplateCjsJs.c;b=_nileFileUploadTemplateCjsJs.d;w=_nileFileUploadTemplateCjsJs.e;U=_nileFileUploadTemplateCjsJs.f;B=_nileFileUploadTemplateCjsJs.h;},function(_litHtml003CjsJs){},function(_directive004CjsJs){}],execute:function execute(){_export("N",F=/*#__PURE__*/function(_i){function F(){var _this;_classCallCheck(this,F);_this=_callSuper(this,F,arguments),_this.size="10MB",_this.error=!1,_this.errorMessage="",_this.allowMultiple=!1,_this.allowDuplicates=!1,_this.allowedTypes=[],_this.uploadedFiles=[],_this.title=e.TITLE,_this.subtitle=e.SUBTITLE,_this.state=r.DEFAULT,_this.variant=a.HORIZONTAL,_this.fileUploadUrl="",_this.autoUpload=!0,_this.doNotUpload=[],_this.uploadRequests=new Map(),_this.fileSizeExceededFilesNumber=0,_this.isStringTruncated=!1,_this.setState=function(t){_this.state=t;};return _this;}_inherits(F,_i);return _createClass(F,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(F,"connectedCallback",this,3)([]),this.emit(o.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(F,"firstUpdated",this,3)([t]),this.dragHandler=new h(),c(this,this.dragHandler),m(this,this.dragHandler,this.uploadRequests),f(this.dragHandler);}},{key:"updated",value:function updated(t){_superPropGet(F,"updated",this,3)([t]),t.has("uploadedFiles")?(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state),t.has("autoUpload")&&this.autoUpload&&(this.fileUploadUrl&&this.autoUpload&&v(this),this.emit(o.NILE_CHANGE,{files:this.uploadedFiles}));}},{key:"browseFiles",value:function browseFiles(){this.emit(o.NILE_BROWSE),this.errorMessage="",this.input.click();}},{key:"render",value:function render(){return l(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n    "])),this.getState());}},{key:"clearAllUploadedFiles",value:function clearAllUploadedFiles(){this.uploadedFiles=[],this.state=r.DEFAULT,this.errorMessage="";}},{key:"getState",value:function getState(){return this.variant===a.HORIZONTAL?this.getHorizontalState():this.getVerticalState();}},{key:"getHorizontalState",value:function getHorizontalState(){switch(this.state){case r.DEFAULT:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return S(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);case r.DRAG:return g();case r.ERROR:return j(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);default:return y(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage,this.allowedTypes,this);}}},{key:"getVerticalState",value:function getVerticalState(){switch(this.state){case r.DEFAULT:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DISABLED:return B(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);case r.DRAG:return U();case r.ERROR:return w(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);default:return b(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage,this.allowedTypes,this);}}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.emit(o.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([d({type:String})],F.prototype,"size",void 0),t([d({type:Boolean})],F.prototype,"error",void 0),t([d({type:String})],F.prototype,"errorMessage",void 0),t([d({type:Boolean})],F.prototype,"allowMultiple",void 0),t([d({type:Boolean})],F.prototype,"allowDuplicates",void 0),t([d({type:Array})],F.prototype,"allowedTypes",void 0),t([d({type:Array})],F.prototype,"uploadedFiles",void 0),t([d({type:String})],F.prototype,"title",void 0),t([d({type:String})],F.prototype,"subtitle",void 0),t([d({type:String})],F.prototype,"state",void 0),t([d({type:String})],F.prototype,"variant",void 0),t([d({type:String})],F.prototype,"fileUploadUrl",void 0),t([d({type:Boolean})],F.prototype,"autoUpload",void 0),t([p()],F.prototype,"doNotUpload",void 0),t([n("input")],F.prototype,"input",void 0),t([n(".horizontal-div")],F.prototype,"horizontalDiv",void 0),_export("N",F=t([u("nile-file-upload")],F));}};});
 //# sourceMappingURL=nile-file-upload.cjs.js.map

package/dist/nile-file-upload/nile-file-upload.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n getHorizontalDefaultState,\n getHorizontalDragState,\n getVerticalDefaultState,\n getVerticalDisabledState,\n getVerticalDragState,\n getHorizontalErrorState,\n getVerticalErrorState,\n getHorizontalDisabledState\n} from './nile-file-upload.template';\n\n/\n Nile file-upload component.\n \n @tag nile-file-upload\n \n /\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n /*\n The styles for nile-file-upload\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: String }) size: string = \"10MB\";\n @property({ type: Boolean}) error: boolean = false;\n @property({ type: String }) errorMessage: string = \"\";\n @property({ type: Boolean}) allowMultiple: boolean = false;\n @property({ type: Boolean}) allowDuplicates: boolean = false;\n @property({ type: Array }) allowedTypes: string[] = [];\n @property({ type: Array }) uploadedFiles: File[] = [];\n @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT; \n @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n @property({ type: String }) fileUploadUrl: string = \"\";\n @property({ type: Boolean}) autoUpload: boolean = true;\n @query('input') input!: HTMLInputElement;\n public uploadRequests = new Map<File, XMLHttpRequest>();\n public fileSizeExceededFilesNumber: number = 0;\n public isStringTruncated: boolean = false;\n \n private dragHandler!: DragHandler;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FileUploadEvent.NILE_INIT);\n }\n\n firstUpdated(changedProps: ChangedPropsInterface): void {\n super.firstUpdated(changedProps);\n\n this.dragHandler = new DragHandler();\n setUpDragHandler(this, this.dragHandler);\n addInternalListeners(this, this.dragHandler, this.uploadRequests);\n addGlobalListeners(this.dragHandler);\n }\n\n updated(changedProps: ChangedPropsInterface): void {\n super.updated(changedProps);\n\n if (changedProps.has('uploadedFiles')) {\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n } else if (changedProps.has('state')) {\n this.dragHandler.setValuesInDragHandler(this.state);\n }\n\n if(changedProps.has('autoUpload') && this.autoUpload) {\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n }\n }\n\n private browseFiles(): void {\n this.emit(FileUploadEvent.NILE_BROWSE);\n this.errorMessage = \"\";\n this.input.click();\n }\n\n public setState = (newState: FileUploadState): void => {\n this.state = newState;\n }\n\n render(): TemplateResult {\n return html`\n ${this.getState()}\n `;\n }\n\n private getState(): TemplateResult {\n return this.variant === FileUploadVariant.HORIZONTAL\n ? this.getHorizontalState()\n : this.getVerticalState();\n }\n\n private getHorizontalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DISABLED:\n return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DRAG:\n return getHorizontalDragState();\n\n case FileUploadState.ERROR:\n return getHorizontalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n default:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n }\n }\n\n private getVerticalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DISABLED:\n return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DRAG:\n return getVerticalDragState();\n\n case FileUploadState.ERROR:\n return getVerticalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n default:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n }\n }\n\n disconnectedCallback(): void {\n this.emit(FileUploadEvent.NILE_DESTROY);\n }\n}\n"],"names":["NileFileUpload","_i","U","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","allowedTypes","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","uploadRequests","Map","fileSizeExceededFilesNumber","isStringTruncated","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","ERROR","getHorizontalErrorState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","getVerticalErrorState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","customElement"],"mappings":"+pJAkCaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCASuBC,KAAAA,CAAIC,IAAAA,CAAW,OACfD,KAAAA,CAAKE,KAAAA,CAAAA,CAAY,CACjBF,CAAAA,KAAAA,CAAYG,YAAW,CAAA,EAAA,CACvBH,KAAAA,CAAaI,aAAY,CAAA,CAAA,CAAA,CACzBJ,KAAAA,CAAeK,eAAY,CAAA,CAAA,CAAA,CAC3BL,KAAAA,CAAYM,YAAa,CAAA,EAAA,CACzBN,KAAAA,CAAaO,aAAAA,CAAW,EACxBP,CAAAA,KAAAA,CAAAQ,MAAgBC,CAAmBC,CAAAA,KAAAA,CACnCV,KAAAA,CAAAW,QAAmBF,CAAAA,CAAAA,CAAmBG,SACtCZ,KAAAA,CAAAa,KAAAA,CAAyBC,CAAgBC,CAAAA,OAAAA,CACzCf,KAAAA,CAAAgB,OAAAA,CAA6BC,EAAkBC,UAC/ClB,CAAAA,KAAAA,CAAamB,cAAW,EACxBnB,CAAAA,KAAAA,CAAUoB,YAAY,CAE3CpB,CAAAA,KAAAA,CAAAqB,cAAiB,CAAA,GAAIC,CAAAA,GACrBtB,CAAAA,CAAAA,CAAAA,KAAAA,CAA2BuB,4BAAW,CACtCvB,CAAAA,KAAAA,CAAiBwB,iBAAY,CAAA,CAAA,CAAA,CA4C7BxB,KAAAA,CAAAyB,QAAAA,CAAYC,SAAAA,GACjB1B,KAAAA,CAAKa,KAAAA,CAAQa,CAAQ,EAwDxB,QAAAC,KAAA,EAzHQC,SAAA,CAAA9B,CAAA,CAAAD,EAAA,SAAAgC,YAAA,CAAA/B,CAAA,GAAAgC,GAAA,qBAAAC,KAAA,CAwBP,SAAAC,iBAAAA,CAAAA,EACEC,aAAAA,CAAAA,CAAAA,iCACAjC,IAAKkC,CAAAA,IAAAA,CAAKC,CAAgBC,CAAAA,SAAAA,CAC3B,EAED,GAAAN,GAAA,gBAAAC,KAAA,UAAAM,YAAAA,CAAaC,GACXL,aAAAA,CAAAA,CAAAA,yBAAmBK,IAEnBtC,IAAKuC,CAAAA,WAAAA,CAAc,GAAIC,CAAAA,CAAAA,CAAAA,CAAAA,CACvBC,CAAiBzC,CAAAA,IAAAA,CAAMA,KAAKuC,WAC5BG,CAAAA,CAAAA,CAAAA,CAAqB1C,KAAMA,IAAKuC,CAAAA,WAAAA,CAAavC,KAAKqB,cAClDsB,CAAAA,CAAAA,CAAAA,CAAmB3C,IAAKuC,CAAAA,WAAAA,CACzB,EAED,GAAAT,GAAA,WAAAC,KAAA,UAAAa,OAAAA,CAAQN,CACNL,CAAAA,CAAAA,aAAAA,CAAAA,CAAAA,oBAAcK,CAAAA,GAEVA,CAAaO,CAAAA,GAAAA,CAAI,kBAChB7C,IAAKmB,CAAAA,aAAAA,EAAiBnB,IAAKoB,CAAAA,UAAAA,EAC5B0B,CAAY9C,CAAAA,IAAAA,CAAAA,CAEdA,KAAKkC,IAAKC,CAAAA,CAAAA,CAAgBY,YAAa,CAAEC,KAAAA,CAAOhD,KAAKO,aAC5C+B,CAAAA,CAAAA,EAAAA,CAAAA,CAAaO,GAAI,CAAA,OAAA,CAAA,EAC1B7C,IAAKuC,CAAAA,WAAAA,CAAYU,uBAAuBjD,IAAKa,CAAAA,KAAAA,CAAAA,CAG5CyB,CAAaO,CAAAA,GAAAA,CAAI,YAAiB7C,CAAAA,EAAAA,IAAAA,CAAKoB,aACrCpB,IAAKmB,CAAAA,aAAAA,EAAiBnB,IAAKoB,CAAAA,UAAAA,EAC5B0B,CAAY9C,CAAAA,IAAAA,CAAAA,CAEdA,KAAKkC,IAAKC,CAAAA,CAAAA,CAAgBY,YAAa,CAAEC,KAAAA,CAAOhD,KAAKO,aAExD,CAAA,CAAA,CAAA,EAEO,GAAAuB,GAAA,eAAAC,KAAA,UAAAmB,WAAAA,CAAAA,CAAAA,CACNlD,IAAKkC,CAAAA,IAAAA,CAAKC,EAAgBgB,WAC1BnD,CAAAA,CAAAA,IAAAA,CAAKG,YAAe,CAAA,EAAA,CACpBH,IAAKoD,CAAAA,KAAAA,CAAMC,OACZ,EAMD,GAAAvB,GAAA,UAAAC,KAAA,UAAAuB,MAAAA,CAAAA,CACE,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,yBACPzD,IAAK0D,CAAAA,QAAAA,CAAAA,CAAAA,EAEV,CAEO,GAAA5B,GAAA,YAAAC,KAAA,UAAA2B,QAAAA,CAAAA,CACN,CAAA,MAAO1D,KAAKgB,CAAAA,OAAAA,GAAYC,EAAkBC,UACtClB,CAAAA,IAAAA,CAAK2D,kBACL3D,CAAAA,CAAAA,CAAAA,IAAAA,CAAK4D,kBACV,EAEO,GAAA9B,GAAA,sBAAAC,KAAA,UAAA4B,kBAAAA,CAAAA,EACN,OAAO3D,IAAAA,CAAKa,OACV,IAAKC,CAAAA,CAAAA,CAAgBC,OACnB,CAAA,MAAO8C,CAAAA,EAA0B7D,IAAKkD,CAAAA,WAAAA,CAAalD,IAAKQ,CAAAA,KAAAA,CAAOR,KAAKW,QAAUX,CAAAA,IAAAA,CAAKuC,WAAavC,CAAAA,IAAAA,CAAKa,MAAOb,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,CAEpJ,IAAKc,CAAAA,CAAgBgD,CAAAA,QAAAA,CACnB,MAAOC,CAAAA,CAAAA,CAA2B/D,KAAKkD,WAAalD,CAAAA,IAAAA,CAAKQ,KAAOR,CAAAA,IAAAA,CAAKW,SAAUX,IAAKuC,CAAAA,WAAAA,CAAavC,IAAKa,CAAAA,KAAAA,CAAOb,KAAKG,YAAcH,CAAAA,IAAAA,CAAKM,aAAcN,IAErJ,CAAA,CAAA,IAAKc,CAAAA,EAAgBkD,IACnB,CAAA,MAAOC,CAAAA,CAET,CAAA,CAAA,CAAA,IAAKnD,CAAAA,EAAgBoD,KACnB,CAAA,MAAOC,CAAAA,CAAwBnE,CAAAA,IAAAA,CAAKkD,YAAalD,IAAKQ,CAAAA,KAAAA,CAAOR,IAAKW,CAAAA,QAAAA,CAAUX,KAAKuC,WAAavC,CAAAA,IAAAA,CAAKa,MAAOb,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,CAElJ,QACE,MAAO6D,CAAAA,EAA0B7D,IAAKkD,CAAAA,WAAAA,CAAalD,IAAKQ,CAAAA,KAAAA,CAAOR,KAAKW,QAAUX,CAAAA,IAAAA,CAAKuC,WAAavC,CAAAA,IAAAA,CAAKa,MAAOb,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,EAEvJ,CAEO,GAAA8B,GAAA,oBAAAC,KAAA,UAAA6B,gBAAAA,CAAAA,CAAAA,CACN,OAAO5D,IAAAA,CAAKa,OACV,IAAKC,CAAAA,CAAAA,CAAgBC,OACnB,CAAA,MAAOqD,CAAAA,EAAwBpE,IAAKkD,CAAAA,WAAAA,CAAalD,IAAKQ,CAAAA,KAAAA,CAAOR,KAAKW,QAAUX,CAAAA,IAAAA,CAAKuC,YAAavC,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,CAEtI,IAAKc,CAAAA,CAAAA,CAAgBgD,SACnB,MAAOO,CAAAA,CAAAA,CAAyBrE,IAAKkD,CAAAA,WAAAA,CAAalD,KAAKQ,KAAOR,CAAAA,IAAAA,CAAKW,QAAUX,CAAAA,IAAAA,CAAKuC,YAAavC,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,CAEvI,IAAKc,CAAAA,CAAgBkD,CAAAA,IAAAA,CACnB,MAAOM,CAAAA,CAAAA,CAAAA,CAAAA,CAET,IAAKxD,CAAAA,CAAgBoD,CAAAA,KAAAA,CACnB,MAAOK,CAAAA,CAAAA,CAAsBvE,KAAKkD,WAAalD,CAAAA,IAAAA,CAAKQ,KAAOR,CAAAA,IAAAA,CAAKW,SAAUX,IAAKuC,CAAAA,WAAAA,CAAavC,KAAKG,YAAcH,CAAAA,IAAAA,CAAKM,aAAcN,IAEpI,CAAA,CAAA,QACE,MAAOoE,CAAAA,CAAAA,CAAwBpE,KAAKkD,WAAalD,CAAAA,IAAAA,CAAKQ,KAAOR,CAAAA,IAAAA,CAAKW,SAAUX,IAAKuC,CAAAA,WAAAA,CAAavC,IAAKG,CAAAA,YAAAA,CAAcH,KAAKM,YAAcN,CAAAA,IAAAA,CAAAA,EAEzI,CAED,GAAA8B,GAAA,wBAAAC,KAAA,UAAAyC,oBAAAA,CAAAA,CAAAA,CACExE,KAAKkC,IAAKC,CAAAA,CAAAA,CAAgBsC,YAC3B,CAAA,EAAA,KAAA3C,GAAA,UAAA4C,GAAA,CAxHM,SAAAA,IAAA,EACL,MAAO,CAACC,EACT,EAsBD,MA7BkCC,IASNC,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,UAAgCpF,CAAAqF,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACtBJ,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMG,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAiCtF,EAAAqF,SAAA,CAAA,OAAA,CAAA,IAAA,EACvBJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAoCpF,EAAAqF,SAAA,CAAA,cAAA,CAAA,IAAA,EAC1BJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,KAAMG,OAAyCtF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqF,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAC/BJ,CAAA,CAAA,CAA3BC,EAAS,CAAEC,IAAAA,CAAMG,OAA2CtF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqF,UAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CACjCJ,CAAA,CAAA,CAA3BC,EAAS,CAAEC,IAAAA,CAAMI,SAAsCvF,CAAAqF,CAAAA,SAAAA,CAAA,mBAAA,EAC5BJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAqCvF,CAAAqF,CAAAA,SAAAA,CAAA,oBAAA,EAC3BJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAmDpF,EAAAqF,SAAA,CAAA,OAAA,CAAA,IAAA,IACzCJ,CAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,KAAMC,MAAyDpF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqF,SAAA,CAAA,UAAA,CAAA,IAAA,IAC/CJ,CAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,KAAMC,MAA2DpF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqF,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACjDJ,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,UAAoEpF,CAAAqF,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAC1DJ,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,UAAqCpF,CAAAqF,CAAAA,SAAAA,CAAA,oBAAA,EAC3BJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,IAAMG,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqCtF,EAAAqF,SAAA,CAAA,YAAA,CAAA,IAAA,EACvCJ,CAAAA,CAAAA,CAAAA,CAAA,CAAfO,CAAM,CAAA,OAAA,CAAA,CAAA,CAAkCxF,CAAAqF,CAAAA,SAAAA,CAAA,YAAA,EAtB9BrF,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAciF,EAAA,CAD1BQ,CAAAA,CAAc,qBACFzF"}
1	+ {"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n getHorizontalDefaultState,\n getHorizontalDragState,\n getVerticalDefaultState,\n getVerticalDisabledState,\n getVerticalDragState,\n getHorizontalErrorState,\n getVerticalErrorState,\n getHorizontalDisabledState\n} from './nile-file-upload.template';\n\n/\n Nile file-upload component.\n \n @tag nile-file-upload\n \n /\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n /*\n The styles for nile-file-upload\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: String }) size: string = \"10MB\";\n @property({ type: Boolean}) error: boolean = false;\n @property({ type: String }) errorMessage: string = \"\";\n @property({ type: Boolean}) allowMultiple: boolean = false;\n @property({ type: Boolean}) allowDuplicates: boolean = false;\n @property({ type: Array }) allowedTypes: string[] = [];\n @property({ type: Array }) uploadedFiles: File[] = [];\n @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT;\n @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n @property({ type: String }) fileUploadUrl: string = \"\";\n @property({ type: Boolean}) autoUpload: boolean = true;\n @state() public doNotUpload: File[] = [];\n @query('input') input!: HTMLInputElement;\n @query('.horizontal-div') horizontalDiv!: HTMLDivElement;\n public uploadRequests = new Map<File, XMLHttpRequest>();\n public fileSizeExceededFilesNumber: number = 0;\n public isStringTruncated: boolean = false;\n\n private dragHandler!: DragHandler;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FileUploadEvent.NILE_INIT);\n }\n\n firstUpdated(changedProps: ChangedPropsInterface): void {\n super.firstUpdated(changedProps);\n\n this.dragHandler = new DragHandler();\n setUpDragHandler(this, this.dragHandler);\n addInternalListeners(this, this.dragHandler, this.uploadRequests);\n addGlobalListeners(this.dragHandler);\n }\n\n updated(changedProps: ChangedPropsInterface): void {\n super.updated(changedProps);\n\n if (changedProps.has('uploadedFiles')) {\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n } else if (changedProps.has('state')) {\n this.dragHandler.setValuesInDragHandler(this.state);\n }\n\n if(changedProps.has('autoUpload') && this.autoUpload) {\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n }\n }\n\n public browseFiles(): void {\n this.emit(FileUploadEvent.NILE_BROWSE);\n this.errorMessage = \"\";\n this.input.click();\n }\n\n public setState = (newState: FileUploadState): void => {\n this.state = newState;\n }\n\n render(): TemplateResult {\n return html`\n ${this.getState()}\n `;\n }\n\n public clearAllUploadedFiles(): void {\n this.uploadedFiles = [];\n this.state = FileUploadState.DEFAULT;\n this.errorMessage = \"\";\n }\n\n private getState(): TemplateResult {\n return this.variant === FileUploadVariant.HORIZONTAL\n ? this.getHorizontalState()\n : this.getVerticalState();\n }\n\n private getHorizontalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DISABLED:\n return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DRAG:\n return getHorizontalDragState();\n\n case FileUploadState.ERROR:\n return getHorizontalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n\n default:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage, this.allowedTypes, this);\n }\n }\n\n private getVerticalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DISABLED:\n return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n case FileUploadState.DRAG:\n return getVerticalDragState();\n\n case FileUploadState.ERROR:\n return getVerticalErrorState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n\n default:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage, this.allowedTypes, this);\n }\n }\n\n disconnectedCallback(): void {\n this.emit(FileUploadEvent.NILE_DESTROY);\n }\n}\n"],"names":["NileFileUpload","_i","F","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","allowedTypes","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","doNotUpload","uploadRequests","Map","fileSizeExceededFilesNumber","isStringTruncated","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","clearAllUploadedFiles","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","ERROR","getHorizontalErrorState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","getVerticalErrorState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: min-content;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    margin-bottom: 10px;\n    height: 62px;\n    max-width: 648px;\n    width: 648px;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n    margin-bottom: 10px;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  * {\n    padding: 0px;\n    margin: 0px;\n    box-sizing: border-box;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    width: 100%;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    height: 62px;\n    width: 100%;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  @media (width < 400px) {\n    .browse-file-button {\n      display: none;\n    }\n\n    .horizontal-div {\n      cursor: pointer;\n    }\n  }\n\n  .hover-border {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n    width: 100%;\n  }\n\n  .subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 454px;\n  }\n\n  .vertical-div {\n    min-height: 156px;\n    height: auto;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: var(--nile-radius-radius-xs);\n    color: var(--nile-colors-dark-900);\n    border: 1px dashed var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n  }\n\n  .vertical-div:hover {\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  .outer-div-border {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .inner-div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .content {\n    display: flex;  \n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .content h4 {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n      \n  .content p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-neutral-700);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 454px;\n  }\n\n  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n    --nile-svg-height: 24px !important ;\n    --nile-svg-width: 24px !important ;\n    height:42px;\n    width: 42px;\n    object-fit: cover;\n  }\n\n  .browse-file-button {\n    cursor: pointer;\n  }\n\n  /*  DISABLED STATE */\n  .disable {\n    background-color: var(--nile-colors-dark-200);\n    opacity: 0.8;\n    cursor: not-allowed;\n    color: var(--nile-colors-neutral-500);\n    pointer-events: none;\n  }\n\n  /* DRAGGING */\n  .dragging {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-600);\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 18px;\n    color: var(--nile-colors-blue-700);\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .icons-container {\n    display: flex;\n    gap: 4px;\n  }\n\n  .general-icon {\n    transform: rotate(-18.11deg);\n    position: relative;\n    bottom: 3px;\n  }\n\n  .image-icon {\n    transform: rotate(15deg);\n  }\n\n  .icon:hover {\n    cursor: pointer;\n  }\n\n  /* Uploading State */\n  .uploading {\n    width: 648px;\n    min-width: 230px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400)\n  }\n  \n  .uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .progress-bar-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .progress-bar-percent {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .progress-bar-container p {\n    margin: 0px;\n  }\n\n  .progress-bar-container > p {\n    font-size: var(--nile-type-scale-1);\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* PREVIEW STATE */\n  .preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .preview-inner {\n    display: flex;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img {\n    height: 42px;\n    width: 42px;\n    object-fit: contain;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* NO PREVIEW STATE */\n  .no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .no-preview-container {\n    display: flex;\n    gap: 18px;\n  }\n\n  .document-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .document-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .preview-file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .preview-file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .preview-file-info p:last-of-type{\n    color: var(--nile-colors-neutral-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\n  \n  .error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-container {\n    width: 100%;\n    display: flex;\n    gap: 18px;\n  }\n\n  .error-icon {\n    height: 40px;\n    width: 40px;\n    border-radius: var(--nile-radius-radius-xs);\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--nile-colors-red-400);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .error-icon nile-icon {\n    height: 40px;\n    width: 40px;\n  }\n  \n  .file-info {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .file-info p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .file-info p:last-of-type{\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* VARTICAL STATE START */\n  /* Default State */\n\n  .vertical-default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px\n  }\n\n  .content-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .content-container div.title {\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container div.subtitle {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  /* Drag State */\n  .vertical-drag {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap:18px;\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-blue-700);\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-blue-500);\n  }\n\n  /* Uploading State */\n  .vertical-uploading {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-uploading:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .corner-icon {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  /* Preview State */\n  .vertical-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .image-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n    object-fit: cover;\n    width: 80px;\n    height: 80px;\n    border-radius: var(--nile-radius-radius-xs);\n  }\n\n  /* Vertical No Preview State */\n  .vertical-no-preview {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-no-preview:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .vertical-document-icon {\n    height: 80px;\n    width: 80px;\n    padding: 2px 3px 2px 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--nile-radius-radius-xs);\n    border: 1px solid var(--nile-colors-blue-400);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  /* Veritcal Error State */\n  .vertical-error {\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .vertical-error:hover {\n    border-color: var(--nile-colors-neutral-400);\n  }\n\n  .error-bg {\n    background-color: var(--nile-colors-red-100);\n    border: 1px solid var(--nile-colors-red-400);\n  }\n\n  .error-message {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: start;\n  }\n\n  .error-p {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    width: 216px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n\n  .error-p p {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0;\n  }\n\n\n  /* Displaing uploaded files CSS */\n  .display-files {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 8px;\n    width: 648px;\n    min-width: 230px;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-neutral-700);\n    border-radius: var(--nile-radius-radius-xs);\n    scrollbar-width: none;\n    padding: 12px;\n  }\n\n  ul, li {\n    width: 100%;\n  }\n\n  li {\n    list-style-type: none;\n  }\n\n  /* for the upload error messages */\n  .upload-error {\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-red-700);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: var(--nile-spacing-one-half-x);\n    margin-top: 10px;\n  }\n\n  .upload-error > nile-tooltip > span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    max-width: 560px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .vertical-upload-error {\n    display: flex;\n    gap: 4px;\n    margin-top: 10px;\n  }\n\n  .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n    color: var(--nile-colors-red-700);\n    white-space: nowrap;\n    text-align: left;\n    width: 222px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--nile-type-scale-2);\n    display: inline-block;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-file-upload.css.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n FileUpload CSS\n /\nexport const styles = css`\n :host {\n display: inline-block;\n }\n\n {\n padding: 0px;\n margin: 0px;\n box-sizing: border-box;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: min-content;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n margin-bottom: 10px;\n height: 62px;\n max-width: 648px;\n width: 648px;\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .title {\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 454px;\n width: 100%;\n }\n\n .subtitle {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 454px;\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative;\n margin-bottom: 10px;\n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n\n ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n --nile-svg-height: 24px !important ;\n --nile-svg-width: 24px !important ;\n height:42px;\n width: 42px;\n object-fit: cover;\n }\n\n .browse-file-button {\n cursor: pointer;\n }\n\n /* DISABLED STATE /\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n / DRAGGING /\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n / Uploading State /\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n / PREVIEW STATE /\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n / NO PREVIEW STATE /\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n / ERROR STATE /\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n / VARTICAL STATE START /\n / Default State /\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container div.title {\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container div.subtitle {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n / Drag State /\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n / Uploading State /\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n / Preview State /\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n / Vertical No Preview State /\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n / Veritcal Error State /\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n / Displaing uploaded files CSS /\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n / for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-700);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n }\n\n .upload-error > nile-tooltip > span {\n color: var(--nile-colors-red-700);\n white-space: nowrap;\n text-align: left;\n max-width: 560px;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .vertical-upload-error {\n display: flex;\n gap: 4px;\n }\n\n .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n color: var(--nile-colors-red-700);\n white-space: nowrap;\n text-align: left;\n width: 222px;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--nile-type-scale-2);\n display: inline-block;\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n FileUpload CSS\n /\nexport const styles = css`\n :host {\n display: inline-block;\n width: 100%;\n }\n\n {\n padding: 0px;\n margin: 0px;\n box-sizing: border-box;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n height: 62px;\n width: 100%;\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n @media (width < 400px) {\n .browse-file-button {\n display: none;\n }\n\n .horizontal-div {\n cursor: pointer;\n }\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .title {\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 454px;\n width: 100%;\n }\n\n .subtitle {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 454px;\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative;\n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n\n ::slotted(img), ::slotted(nile-icon), ::slotted(video) {\n --nile-svg-height: 24px !important ;\n --nile-svg-width: 24px !important ;\n height:42px;\n width: 42px;\n object-fit: cover;\n }\n\n .browse-file-button {\n cursor: pointer;\n }\n\n /* DISABLED STATE /\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n / DRAGGING /\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n / Uploading State /\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n / PREVIEW STATE /\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n / NO PREVIEW STATE /\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n / ERROR STATE /\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n / VARTICAL STATE START /\n / Default State /\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container div.title {\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container div.subtitle {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n / Drag State /\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n / Uploading State /\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n / Preview State /\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n / Vertical No Preview State /\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n / Veritcal Error State /\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n / Displaing uploaded files CSS /\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n / for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-700);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n margin-top: 10px;\n }\n\n .upload-error > nile-tooltip > span {\n color: var(--nile-colors-red-700);\n white-space: nowrap;\n text-align: left;\n max-width: 560px;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .vertical-upload-error {\n display: flex;\n gap: 4px;\n margin-top: 10px;\n }\n\n .vertical-upload-error nile-tooltip span, .vertical-upload-error span {\n color: var(--nile-colors-red-700);\n white-space: nowrap;\n text-align: left;\n width: 222px;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--nile-type-scale-2);\n display: inline-block;\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,6 +1,7 @@
 import{css as e}from"lit";const r=e`
   :host {
     display: inline-block;
+    width: 100%;
   }
   * {
@@ -14,7 +15,7 @@ import{css as e}from"lit";const r=e`
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    width: min-content;
+    width: 100%;
   }
   input {
@@ -22,10 +23,8 @@ import{css as e}from"lit";const r=e`
   }
   .horizontal-div {
-    margin-bottom: 10px;
     height: 62px;
-    max-width: 648px;
-    width: 648px;
+    width: 100%;
     min-width: 230px;
     padding: 12px;
     display: flex;
@@ -38,6 +37,16 @@ import{css as e}from"lit";const r=e`
     background-color: var(--nile-colors-white-base);
   }
+  @media (width < 400px) {
+    .browse-file-button {
+      display: none;
+    }
+    .horizontal-div {
+      cursor: pointer;
+    }
+  }
   .hover-border {
     border-color: var(--nile-colors-primary-600);
   }
@@ -78,7 +87,6 @@ import{css as e}from"lit";const r=e`
     border: 1px dashed var(--nile-colors-neutral-500);
     background-color: var(--nile-colors-white-base);
     position: relative;
-    margin-bottom: 10px;
   }
   .vertical-div:hover {
@@ -581,6 +589,7 @@ import{css as e}from"lit";const r=e`
     justify-content: flex-start;
     align-items: center;
     gap: var(--nile-spacing-one-half-x);
+    margin-top: 10px;
   }
   .upload-error > nile-tooltip > span {
@@ -595,6 +604,7 @@ import{css as e}from"lit";const r=e`
   .vertical-upload-error {
     display: flex;
     gap: 4px;
+    margin-top: 10px;
   }
   .vertical-upload-error nile-tooltip span, .vertical-upload-error span {

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

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

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

@@ -1,6 +1,6 @@
-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);}System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,s,n,l,a,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,r,c,d,v,p,u,m,b,$,h,f;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _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 _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 _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 _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);}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);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml003CjsJs){e=_litHtml003CjsJs.T;},function(_directive004CjsJs){t=_directive004CjsJs.e;s=_directive004CjsJs.i;n=_directive004CjsJs.t;},function(_typesFileUploadEnumsCjsJs){l=_typesFileUploadEnumsCjsJs.c;a=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){o=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){/**
+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);}System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js","../directive-7733ffce.cjs.js","./types/file-upload.enums.cjs.js","./utils/file-validation.util.cjs.js"],function(_export,_context){"use strict";var i,e,t,l,a,s,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,r,c,d,p,v,u,m,b,h,$,f;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _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 _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 _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 _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);}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);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml003CjsJs){e=_litHtml003CjsJs.T;},function(_directive004CjsJs){t=_directive004CjsJs.e;l=_directive004CjsJs.i;a=_directive004CjsJs.t;},function(_typesFileUploadEnumsCjsJs){s=_typesFileUploadEnumsCjsJs.d;o=_typesFileUploadEnumsCjsJs.F;},function(_utilsFileValidationUtilCjsJs){n=_utilsFileValidationUtilCjsJs.t;}],execute:function execute(){/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */r=t(/*#__PURE__*/function(_s){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==n.ATTRIBUTE||"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,_s);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),t=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in t){var _this$nt;t[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(t);}var s=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(s.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in t){var _this$nt2;var _e=!!t[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(s.add(_i2),this.st.add(_i2)):(s.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(s)),c=function c(e,t,s,n,_c,d,v,p,u){return o(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div class=\"title\">","</div>\n          <div class=\"subtitle\">","</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot class=\"browse-file-button\" @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),r({"hover-border":"hover"===d,"horizontal-div":!0,disable:n}),t,s,n,function(i){_c.handleFiles(i);},p.join(","),n?void 0:e,n,v||u.state===a.ERROR?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),u.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),v||l.CUSTOM_ERROR,v||l.CUSTOM_ERROR):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),v||l.CUSTOM_ERROR)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",d=function d(i,e,t,s,n,l,a,o){return c(i,e,t,!1,s,n,l,a,o);}),_export("c",v=function v(i,e,t,s,n,l,a,o){return c(i,e,t,!0,s,n,l,a,o);}),_export("a",p=function p(i,e,t,s,n,l,a,o){return c(i,e,t,!1,s,n,l,a,o);}),_export("b",u=function u(){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),l.DRAG_STATE_DEFAULT);}),m=function m(e,t,s,n,r,c,d,v){return o(v),i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ","\">\n      <slot name=\"upload-icon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div part=\"vertical-content-container\" class=\"content-container\">\n        <div class=\"title\">","</div>\n        <div class=\"subtitle\">","</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),n?"disable":"",t,s,n,function(i){return r.handleFiles(i);},d.join(","),n?void 0:e,n,c||v.state===a.ERROR?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<div class=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),v.isStringTruncated?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),c||l.CUSTOM_ERROR,c||l.CUSTOM_ERROR):i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span>","</span>"])),c||l.CUSTOM_ERROR)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))));},_export("d",b=function b(i,e,t,s,n,l,a){return m(i,e,t,!1,s,n,l,a);}),_export("h",$=function $(i,e,t,s,n,l,a){return m(i,e,t,!0,s,n,l,a);}),_export("e",h=function h(i,e,t,s,n,l,a){return m(i,e,t,!1,s,n,l,a);}),_export("f",f=function f(){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),l.DRAG_STATE_DEFAULT);});}};});
+ */r=t(/*#__PURE__*/function(_l){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==a.ATTRIBUTE||"class"!==i.name||((_i$strings=i.strings)===null||_i$strings===void 0?void 0:_i$strings.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");return _this;}_inherits(_class,_l);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),t=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in t){var _this$nt;t[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(t);}var l=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in t||(l.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?(l.add(_i2),this.st.add(_i2)):(l.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(l)),c=function c(e,t,l,a,_c,d,p,v,u){return n(u),i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  <div class=\"wrapper\" part=\"horizontal-wrapper\">\n    <div part=\"horizontal-div\" class=",">\n      <div part=\"inner-div\" class=\"inner-div\">\n        <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div part=\"content\" class=\"content\">\n          <div part=\"horizontal-title\" class=\"title\">","</div>\n          <div part=\"horizontal-subtitle\" class=\"subtitle\">","</div>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        ?multiple=","\n        accept=","\n      />\n      <slot class=\"browse-file-button\" @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),r({"hover-border":"hover"===d,"horizontal-div":!0,disable:a}),t,l,a,function(i){_c.handleFiles(i);},u.allowMultiple,v.join(","),a?void 0:e,a,p||u.state===o.ERROR?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <slot name=\"error-message\">\n        <div class=\"upload-error\" part=\"horizontal-upload-error\">\n      <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n      ","\n    </div>\n      </slot>\n    "])),u.isStringTruncated?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-lite-tooltip .content=",">\n              <span>","</span>\n            </nile-lite-tooltip>"])),p||s.CUSTOM_ERROR,p||s.CUSTOM_ERROR):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span>","</span>"])),p||s.CUSTOM_ERROR)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));},_export("g",d=function d(i,e,t,l,a,s,o,n){return c(i,e,t,!1,l,a,s,o,n);}),_export("c",p=function p(i,e,t,l,a,s,o,n){return c(i,e,t,!0,l,a,s,o,n);}),_export("a",v=function v(i,e,t,l,a,s,o,n){return c(i,e,t,!1,l,a,s,o,n);}),_export("b",u=function u(){return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),s.DRAG_STATE_DEFAULT);}),m=function m(e,t,l,a,r,c,d,p){return n(p),i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  <div part=\"vertical-wrapper\" class=\"wrapper\">\n    <div part=\"vertical-default\" class=\"vertical-default vertical-div ","\">\n      <slot name=\"upload-icon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div part=\"vertical-content-container\" class=\"content-container\">\n        <div part=\"vertical-title\" class=\"title\">","</div>\n        <div part=\"vertical-subtitle\" class=\"subtitle\">","</div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=","\n        @change=","\n        multiple\n        accept=","\n      />\n      <slot @click="," name=\"browse-file-button\">\n        <nile-button variant=\"tertiary\" ?disabled=",">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ","\n  </div>\n  "])),a?"disable":"",t,l,a,function(i){return r.handleFiles(i);},d.join(","),a?void 0:e,a,c||p.state===o.ERROR?i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<div class=\"vertical-upload-error\" part=\"vertical-upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        ","\n      </div>"])),p.isStringTruncated?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-lite-tooltip .content=",">\n                <span>","</span>\n              </nile-lite-tooltip>"])),c||s.CUSTOM_ERROR,c||s.CUSTOM_ERROR):i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<span>","</span>"])),c||s.CUSTOM_ERROR)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral([""]))));},_export("d",b=function b(i,e,t,l,a,s,o){return m(i,e,t,!1,l,a,s,o);}),_export("h",h=function h(i,e,t,l,a,s,o){return m(i,e,t,!0,l,a,s,o);}),_export("e",$=function $(i,e,t,l,a,s,o){return m(i,e,t,!1,l,a,s,o);}),_export("f",f=function f(){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>","</p>\n  </div>\n"])),s.DRAG_STATE_DEFAULT);});}};});
 //# sourceMappingURL=nile-file-upload.template.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/*\n @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE\|\|\"class\"!==t.name\|\|t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i\|\|(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)\|\|this.nt?.has(t)\|\|(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadDefaults, FileUploadState } from './types/file-upload.enums';\nimport { truncateString } from './utils/file-validation.util';\nimport { NileFileUpload } from './nile-file-upload';\n\nconst baseHorizontalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => {\n truncateString(nileFileUpload);\n return html`\n <div class=\"wrapper\" part=\"horizontal-wrapper\">\n <div part=\"horizontal-div\" class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\n <div part=\"inner-div\" class=\"inner-div\">\n <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div part=\"content\" class=\"content\">\n <div class=\"title\">${title}</div>\n <div class=\"subtitle\">${subtitle}</div>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event \| DragEvent) => { dragHandler.handleFiles(e) }}\n multiple\n accept=${allowedTypes.join(',')}\n />\n <slot class=\"browse-file-button\" @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage \|\| nileFileUpload.state === FileUploadState.ERROR ?\n html`<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n ${\n nileFileUpload.isStringTruncated\n ? html`<nile-tooltip content=${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>`\n }\n </div>` :\n html``\n }\n </div>\n `;\n}\n\nexport const getHorizontalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalErrorState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n </div>\n`;\n\n// Vertical States\nconst baseVerticalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => {\n truncateString(nileFileUpload);\n return html`\n <div part=\"vertical-wrapper\" class=\"wrapper\">\n <div part=\"vertical-default\" class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\n <slot name=\"upload-icon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div part=\"vertical-content-container\" class=\"content-container\">\n <div class=\"title\">${title}</div>\n <div class=\"subtitle\">${subtitle}</div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event \| DragEvent) => dragHandler.handleFiles(e)}\n multiple\n accept=${allowedTypes.join(',')}\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage \|\| nileFileUpload.state === FileUploadState.ERROR ?\n html`<div class=\"vertical-upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n ${\n nileFileUpload.isStringTruncated\n ? html`<nile-tooltip content=${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>`\n }\n </div>` :\n html``\n }\n </div>\n `;\n}\n\nexport const getVerticalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getVerticalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getVerticalErrorState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\n <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n </div>\n`;"],"names":["e","s","_s","_class","t","_i$strings","_this","_classCallCheck","super","type","r","ATTRIBUTE","name","strings","length","Error","_inherits","_createClass","key","value","render","Object","keys","filter","join","update","i","this","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","n","done","remove","err","f","_this$nt2","baseHorizontalState","browseFiles","title","subtitle","disabled","dragHandler","state","errorMessage","allowedTypes","nileFileUpload","truncateString","html","_templateObject","_taggedTemplateLiteral","classMap","disable","handleFiles","undefined","FileUploadState","ERROR","_templateObject2","isStringTruncated","_templateObject3","FileUploadDefaults","CUSTOM_ERROR","_templateObject4","_templateObject5","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalErrorState","getHorizontalDragState","_templateObject6","DRAG_STATE_DEFAULT","baseVerticalState","m","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","getVerticalDefaultState","b","getVerticalDisabledState","$","getVerticalErrorState","getVerticalDragState","_templateObject12"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/*\n @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE\|\|\"class\"!==t.name\|\|t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i\|\|(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)\|\|this.nt?.has(t)\|\|(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadDefaults, FileUploadState } from './types/file-upload.enums';\nimport { truncateString } from './utils/file-validation.util';\nimport { NileFileUpload } from './nile-file-upload';\n\nconst baseHorizontalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => {\n truncateString(nileFileUpload);\n return html`\n <div class=\"wrapper\" part=\"horizontal-wrapper\">\n <div part=\"horizontal-div\" class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\n <div part=\"inner-div\" class=\"inner-div\">\n <slot class=\"upload-icon-slot\" name=\"upload-icon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div part=\"content\" class=\"content\">\n <div part=\"horizontal-title\" class=\"title\">${title}</div>\n <div part=\"horizontal-subtitle\" class=\"subtitle\">${subtitle}</div>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event \| DragEvent) => { dragHandler.handleFiles(e) }}\n ?multiple=${nileFileUpload.allowMultiple}\n accept=${allowedTypes.join(',')}\n />\n <slot class=\"browse-file-button\" @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage \|\| nileFileUpload.state === FileUploadState.ERROR ?\n html`\n <slot name=\"error-message\">\n <div class=\"upload-error\" part=\"horizontal-upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n ${\n nileFileUpload.isStringTruncated\n ? html`<nile-lite-tooltip .content=${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-lite-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>`\n }\n </div>\n </slot>\n `:\n html``\n }\n </div>\n `;\n}\n\nexport const getHorizontalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalErrorState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n <div part=\"horizontal-drag-state\" class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n </div>\n`;\n\n// Vertical States\nconst baseVerticalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => {\n truncateString(nileFileUpload);\n return html`\n <div part=\"vertical-wrapper\" class=\"wrapper\">\n <div part=\"vertical-default\" class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\n <slot name=\"upload-icon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div part=\"vertical-content-container\" class=\"content-container\">\n <div part=\"vertical-title\" class=\"title\">${title}</div>\n <div part=\"vertical-subtitle\" class=\"subtitle\">${subtitle}</div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event \| DragEvent) => dragHandler.handleFiles(e)}\n multiple\n accept=${allowedTypes.join(',')}\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browse-file-button\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage \|\| nileFileUpload.state === FileUploadState.ERROR ?\n html`<div class=\"vertical-upload-error\" part=\"vertical-upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n ${\n nileFileUpload.isStringTruncated\n ? html`<nile-lite-tooltip .content=${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}>\n <span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>\n </nile-lite-tooltip>`\n : html`<span>${errorMessage \|\| FileUploadDefaults.CUSTOM_ERROR}</span>`\n }\n </div>` :\n html``\n }\n </div>\n `;\n}\n\nexport const getVerticalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getVerticalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\nexport const getVerticalErrorState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string,\n allowedTypes: string[],\n nileFileUpload: NileFileUpload\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage, allowedTypes, nileFileUpload);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\n <div part=\"vertical-drag-state\" class=\"vertical-div vertical-drag\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>${FileUploadDefaults.DRAG_STATE_DEFAULT}</p>\n </div>\n`;"],"names":["e","s","_l","_class","t","_i$strings","_this","_classCallCheck","super","type","r","ATTRIBUTE","name","strings","length","Error","_inherits","_createClass","key","value","render","Object","keys","filter","join","update","i","this","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","n","done","remove","err","f","_this$nt2","baseHorizontalState","browseFiles","title","subtitle","disabled","dragHandler","state","errorMessage","allowedTypes","nileFileUpload","truncateString","html","_templateObject","_taggedTemplateLiteral","classMap","disable","handleFiles","allowMultiple","undefined","FileUploadState","ERROR","_templateObject2","isStringTruncated","_templateObject3","FileUploadDefaults","CUSTOM_ERROR","_templateObject4","_templateObject5","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalErrorState","getHorizontalDragState","_templateObject6","DRAG_STATE_DEFAULT","baseVerticalState","m","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","getVerticalDefaultState","b","getVerticalDisabledState","h","getVerticalErrorState","getVerticalDragState","_templateObject12"],"mappings":"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","x_google_ignoreList":[0]}