npm - @aquera/nile-elements - Versions diffs - 0.1.65 → 0.1.66-beta-1.1 - Mend

@aquera/nile-elements 0.1.65 → 0.1.66-beta-1.1

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 (824) hide show

package/dist/nile-file-preview/nile-file-preview.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-preview.css.cjs.js","../internal/nile-element.cjs.js","lit/decorators.js","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js","lit","./nile-file-preview.template.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,r,a,n,l,c,o,p,u,d,m,f,g,y,v,_templateObject,_templateObject2,_templateObject3,_templateObject4,j;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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(_nileFilePreviewCssCjsJs){s=_nileFilePreviewCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;h=_litDecoratorsJs.customElement;},function(_utilsNileFilePreviewUtilCjsJs){r=_utilsNileFilePreviewUtilCjsJs.a;},function(_typesNileFilePreviewEnumsCjsJs){a=_typesNileFilePreviewEnumsCjsJs.F;n=_typesNileFilePreviewEnumsCjsJs.a;l=_typesNileFilePreviewEnumsCjsJs.b;c=_typesNileFilePreviewEnumsCjsJs.c;},function(_lit){o=_lit.html;},function(_nileFilePreviewTemplateCjsJs){p=_nileFilePreviewTemplateCjsJs.g;u=_nileFilePreviewTemplateCjsJs.a;d=_nileFilePreviewTemplateCjsJs.b;m=_nileFilePreviewTemplateCjsJs.c;f=_nileFilePreviewTemplateCjsJs.d;g=_nileFilePreviewTemplateCjsJs.e;y=_nileFilePreviewTemplateCjsJs.f;v=_nileFilePreviewTemplateCjsJs.h;}],execute:function execute(){_export("N",j=/*#__PURE__*/function(_i){function j(){var _this;_classCallCheck(this,j);_this=_callSuper(this,j,arguments),_this.errorMessage="",_this.fileUrl="",_this.uploadStatus=0,_this.state=a.DEFAULT,_this.variant=n.HORIZONTAL,_this.inputFileName="",_this.inputFileHtml=null,_this.originalUrl="",_this.isStringTruncated=!1,_this.customFile=new File([],"Harsh",{type:"image/png"});return _this;}_inherits(j,_i);return _createClass(j,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(j,"connectedCallback",this,3)([]),this.emit(l.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(j,"firstUpdated",this,3)([t]);}},{key:"updated",value:function updated(t){t.has("uploadStatus")&&this.uploadStatus?this.uploadStatus<100?this.createUploadState(this.inputFile,this.uploadStatus):this.createState(this.inputFile):t.has("inputFile")&&this.inputFile?(this.createState(this.inputFile),this.emit(l.NILE_RECEIVE)):t.has("fileUrl")&&this.fileUrl?(this.handleFileUrl(this.fileUrl),this.emit(l.NILE_RECEIVE)):t.has("errorMessage")&&this.createState(this.inputFile);}},{key:"createUploadState",value:function createUploadState(t,s){var i=this.variant===n.HORIZONTAL;this.inputFileHtml=i?p(t,s):u(t,s),this.requestUpdate();}},{key:"handleFileUrl",value:function(){var _handleFileUrl=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _s,_i2,_e,_h,_s2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:this.originalUrl=t;_context2.prev=1;_context2.next=4;return fetch(t);case 4:_s=_context2.sent;_context2.next=7;return _s.blob();case 7:_i2=_context2.sent;_e=this.inputFileName||t.split("/").pop()||c.UNKNOWN_FILE_NAME;_h=new File([_i2],_e,{type:_i2.type});this.createState(_h);_context2.next=17;break;case 13:_context2.prev=13;_context2.t0=_context2["catch"](1);_s2=new File([],this.inputFileName||c.UNKNOWN_FILE_NAME,{type:"application/octet-stream"});this.errorMessage=c.FAILED_TO_LOAD,console.error(this.errorMessage),this.inputFileHtml=this.variant===n.HORIZONTAL?d(_s2,this.errorMessage,this.originalUrl,this):m(_s2,this.errorMessage,this.originalUrl,this),this.requestUpdate();case 17:case"end":return _context2.stop();}},_callee,this,[[1,13]]);}));function handleFileUrl(_x){return _handleFileUrl.apply(this,arguments);}return handleFileUrl;}()},{key:"createState",value:function(){var _createState=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(t){var s,_i3;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:s=this.variant===n.HORIZONTAL;if(!this.errorMessage){_context3.next=5;break;}this.inputFileHtml=s?d(t,this.errorMessage,this.originalUrl,this):m(t,this.errorMessage,this.originalUrl,this);_context3.next=19;break;case 5:if(!(t&&t.type.startsWith("image/"))){_context3.next=18;break;}_context3.prev=6;_context3.next=9;return r(t);case 9:_i3=_context3.sent;this.inputFileHtml=s?f(_i3,t,this.originalUrl):g(_i3,t,this.originalUrl);_context3.next=16;break;case 13:_context3.prev=13;_context3.t0=_context3["catch"](6);this.inputFileHtml=s?y(t,this.originalUrl):v(t,this.originalUrl);case 16:_context3.next=19;break;case 18:this.inputFileHtml=s?y(t,this.originalUrl):v(t,this.originalUrl);case 19:this.requestUpdate();case 20:case"end":return _context3.stop();}},_callee2,this,[[6,13]]);}));function createState(_x2){return _createState.apply(this,arguments);}return createState;}()},{key:"getState",value:function getState(){return"horizontal"===this.variant?this.getHorizontalStates():this.getVerticalStates();}},{key:"getHorizontalStates",value:function getHorizontalStates(){switch(this.state){case a.UPLOADING:return p(this.customFile,2);case a.PREVIEW:return f("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return y(this.customFile,this.originalUrl);case a.ERROR:return d(this.customFile,c.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml||o(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));}}},{key:"getVerticalStates",value:function getVerticalStates(){switch(this.state){case a.UPLOADING:return u(this.customFile,2);case a.PREVIEW:return g("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return v(this.customFile,this.originalUrl);case a.ERROR:return m(this.customFile,c.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml||o(_templateObject2||(_templateObject2=_taggedTemplateLiteral([""])));}}},{key:"render",value:function render(){var _this$inputFileHtml;return this.state?this.getState():o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["",""])),(_this$inputFileHtml=this.inputFileHtml)!==null&&_this$inputFileHtml!==void 0?_this$inputFileHtml:o(_templateObject4||(_templateObject4=_taggedTemplateLiteral([""]))));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(j,"disconnectedCallback",this,3)([]),this.emit(l.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([e({type:String})],j.prototype,"errorMessage",void 0),t([e({type:Object})],j.prototype,"inputFile",void 0),t([e({type:String})],j.prototype,"fileUrl",void 0),t([e({type:Number})],j.prototype,"uploadStatus",void 0),t([e({type:String})],j.prototype,"state",void 0),t([e({type:String})],j.prototype,"variant",void 0),t([e({type:String})],j.prototype,"inputFileName",void 0),_export("N",j=t([h("nile-file-preview")],j));}};});
+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-preview.css.cjs.js","../internal/nile-element.cjs.js","lit/decorators.js","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js","lit","./nile-file-preview.template.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,r,a,n,l,o,c,p,d,u,m,f,w,g,y,_templateObject,_templateObject2,_templateObject3,_templateObject4,v;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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(_nileFilePreviewCssCjsJs){s=_nileFilePreviewCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;h=_litDecoratorsJs.customElement;},function(_utilsNileFilePreviewUtilCjsJs){r=_utilsNileFilePreviewUtilCjsJs.a;},function(_typesNileFilePreviewEnumsCjsJs){a=_typesNileFilePreviewEnumsCjsJs.F;n=_typesNileFilePreviewEnumsCjsJs.a;l=_typesNileFilePreviewEnumsCjsJs.b;o=_typesNileFilePreviewEnumsCjsJs.c;},function(_lit){c=_lit.html;},function(_nileFilePreviewTemplateCjsJs){p=_nileFilePreviewTemplateCjsJs.g;d=_nileFilePreviewTemplateCjsJs.a;u=_nileFilePreviewTemplateCjsJs.b;m=_nileFilePreviewTemplateCjsJs.c;f=_nileFilePreviewTemplateCjsJs.d;w=_nileFilePreviewTemplateCjsJs.e;g=_nileFilePreviewTemplateCjsJs.f;y=_nileFilePreviewTemplateCjsJs.h;}],execute:function execute(){(function(){try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64");}catch(_unused){}})();_export("N",v=/*#__PURE__*/function(_i){function v(){var _this;_classCallCheck(this,v);_this=_callSuper(this,v,arguments),_this.errorMessage="",_this.fileUrl="",_this.uploadStatus=0,_this.state=a.DEFAULT,_this.variant=n.HORIZONTAL,_this.inputFileName="",_this.inputFileHtml=null,_this.originalUrl="",_this.isStringTruncated=!1,_this.customFile=new File([],"Harsh",{type:"image/png"});return _this;}_inherits(v,_i);return _createClass(v,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(v,"connectedCallback",this,3)([]),this.emit(l.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(v,"firstUpdated",this,3)([t]);}},{key:"updated",value:function updated(t){t.has("uploadStatus")&&this.uploadStatus?this.uploadStatus<100?this.createUploadState(this.inputFile,this.uploadStatus):this.createState(this.inputFile):t.has("inputFile")&&this.inputFile?(this.createState(this.inputFile),this.emit(l.NILE_RECEIVE)):t.has("fileUrl")&&this.fileUrl?(this.handleFileUrl(this.fileUrl),this.emit(l.NILE_RECEIVE)):t.has("errorMessage")&&this.createState(this.inputFile);}},{key:"createUploadState",value:function createUploadState(t,s){var i=this.variant===n.HORIZONTAL;this.inputFileHtml=i?p(t,s):d(t,s),this.requestUpdate();}},{key:"handleFileUrl",value:function(){var _handleFileUrl=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _s,_i2,_e,_h,_s2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:this.originalUrl=t;_context2.prev=1;_context2.next=4;return fetch(t);case 4:_s=_context2.sent;_context2.next=7;return _s.blob();case 7:_i2=_context2.sent;_e=this.inputFileName||t.split("/").pop()||o.UNKNOWN_FILE_NAME;_h=new File([_i2],_e,{type:_i2.type});this.createState(_h);_context2.next=17;break;case 13:_context2.prev=13;_context2.t0=_context2["catch"](1);_s2=new File([],this.inputFileName||o.UNKNOWN_FILE_NAME,{type:"application/octet-stream"});this.errorMessage=o.FAILED_TO_LOAD,console.error(this.errorMessage),this.inputFileHtml=this.variant===n.HORIZONTAL?u(_s2,this.errorMessage,this.originalUrl,this):m(_s2,this.errorMessage,this.originalUrl,this),this.requestUpdate();case 17:case"end":return _context2.stop();}},_callee,this,[[1,13]]);}));function handleFileUrl(_x){return _handleFileUrl.apply(this,arguments);}return handleFileUrl;}()},{key:"createState",value:function(){var _createState=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(t){var s,_i3;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:s=this.variant===n.HORIZONTAL;if(!this.errorMessage){_context3.next=5;break;}this.inputFileHtml=s?u(t,this.errorMessage,this.originalUrl,this):m(t,this.errorMessage,this.originalUrl,this);_context3.next=19;break;case 5:if(!(t&&t.type.startsWith("image/"))){_context3.next=18;break;}_context3.prev=6;_context3.next=9;return r(t);case 9:_i3=_context3.sent;this.inputFileHtml=s?f(_i3,t,this.originalUrl):w(_i3,t,this.originalUrl);_context3.next=16;break;case 13:_context3.prev=13;_context3.t0=_context3["catch"](6);this.inputFileHtml=s?g(t,this.originalUrl):y(t,this.originalUrl);case 16:_context3.next=19;break;case 18:this.inputFileHtml=s?g(t,this.originalUrl):y(t,this.originalUrl);case 19:this.requestUpdate();case 20:case"end":return _context3.stop();}},_callee2,this,[[6,13]]);}));function createState(_x2){return _createState.apply(this,arguments);}return createState;}()},{key:"getState",value:function getState(){return"horizontal"===this.variant?this.getHorizontalStates():this.getVerticalStates();}},{key:"getHorizontalStates",value:function getHorizontalStates(){switch(this.state){case a.UPLOADING:return p(this.customFile,2);case a.PREVIEW:return f("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return g(this.customFile,this.originalUrl);case a.ERROR:return u(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml||c(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));}}},{key:"getVerticalStates",value:function getVerticalStates(){switch(this.state){case a.UPLOADING:return d(this.customFile,2);case a.PREVIEW:return w("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return y(this.customFile,this.originalUrl);case a.ERROR:return m(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml||c(_templateObject2||(_templateObject2=_taggedTemplateLiteral([""])));}}},{key:"render",value:function render(){var _this$inputFileHtml;return this.state?this.getState():c(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["",""])),(_this$inputFileHtml=this.inputFileHtml)!==null&&_this$inputFileHtml!==void 0?_this$inputFileHtml:c(_templateObject4||(_templateObject4=_taggedTemplateLiteral([""]))));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(v,"disconnectedCallback",this,3)([]),this.emit(l.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([e({type:String})],v.prototype,"errorMessage",void 0),t([e({type:Object})],v.prototype,"inputFile",void 0),t([e({type:String})],v.prototype,"fileUrl",void 0),t([e({type:Number})],v.prototype,"uploadStatus",void 0),t([e({type:String})],v.prototype,"state",void 0),t([e({type:String})],v.prototype,"variant",void 0),t([e({type:String})],v.prototype,"inputFileName",void 0),_export("N",v=t([h("nile-file-preview")],v));}};});
 //# sourceMappingURL=nile-file-preview.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-file-preview.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.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-preview.css';\nimport NileElement from '../internal/nile-element';\nimport { customElement, property } from 'lit/decorators.js';\nimport { generatePreviewUrl } from './utils';\nimport { FilePreviewState, FilePreviewVariant, FilePreviewErrorMessages, FilePreviewEvent } from './types';\nimport { LitElement, html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport {\n getHorizontalErrorState,\n getHorizontalNoPreviewState,\n getHorizontalPreviewState,\n getHorizontalUploadingState,\n getVerticalErrorState,\n getVerticalNoPreviewState,\n getVerticalPreviewState,\n getVerticalUploadingState\n} from './nile-file-preview.template';\n\n\n/\n Nile preview component.\n \n @tag nile-preview\n \n /\n@customElement('nile-file-preview')\nexport class NileFilePreview extends NileElement {\n /*\n The styles for nile-preview\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 }) errorMessage: string = \"\";\n\t@property({ type: Object }) inputFile: File; \n\t@property({ type: String }) fileUrl: string = \"\";\n\t@property({ type: Number }) uploadStatus: number = 0;\n\t@property({ type: String }) state: FilePreviewState = FilePreviewState.DEFAULT;\n\t@property({ type: String }) variant: FilePreviewVariant = FilePreviewVariant.HORIZONTAL;\n @property({ type: String }) inputFileName: string = \"\";\n\tprivate inputFileHtml: TemplateResult \| null = null;\n private originalUrl: string = \"\";\n public isStringTruncated: boolean = false;\n\n /\n Render method\n * @slot This is a slot test\n /\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FilePreviewEvent.NILE_INIT);\n }\n\n protected firstUpdated(_changedProperties: PropertyValues): void {\n super.firstUpdated(_changedProperties);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n if(changedProperties.has('uploadStatus') && this.uploadStatus) {\n if(this.uploadStatus < 100) {\n this.createUploadState(this.inputFile, this.uploadStatus);\n } else {\n this.createState(this.inputFile);\n }\n } else if (changedProperties.has('inputFile') && this.inputFile) {\n this.createState(this.inputFile); \n this.emit(FilePreviewEvent.NILE_RECEIVE);\n\n } else if (changedProperties.has('fileUrl') && this.fileUrl) {\n this.handleFileUrl(this.fileUrl);\n this.emit(FilePreviewEvent.NILE_RECEIVE);\n\n } else if (changedProperties.has('errorMessage')) {\n this.createState(this.inputFile);\n }\n }\n\n private createUploadState( file: File, uploadStatus: number): void {\n const isHorizontal = this.variant === FilePreviewVariant.HORIZONTAL;\n\n this.inputFileHtml = isHorizontal \n ? getHorizontalUploadingState(file, uploadStatus)\n : getVerticalUploadingState(file, uploadStatus);\n\n this.requestUpdate();\n }\n\n private async handleFileUrl(url: string): Promise<void> {\n this.originalUrl = url;\n try {\n const response = await fetch(url);\n const blob = await response.blob();\n const fileName = this.inputFileName \|\| url.split('/').pop() \|\| FilePreviewErrorMessages.UNKNOWN_FILE_NAME;\n const file = new File([blob], fileName, { type: blob.type });\n\n this.createState(file);\n } catch (error) {\n const dummyFile = new File([], this.inputFileName \|\| FilePreviewErrorMessages.UNKNOWN_FILE_NAME, { type: 'application/octet-stream' });\n this.errorMessage = FilePreviewErrorMessages.FAILED_TO_LOAD;\n console.error(this.errorMessage);\n\n this.inputFileHtml = this.variant === FilePreviewVariant.HORIZONTAL\n ? getHorizontalErrorState(dummyFile, this.errorMessage, this.originalUrl, this)\n : getVerticalErrorState(dummyFile, this.errorMessage, this.originalUrl, this);\n this.requestUpdate();\n }\n }\n\n\tpublic async createState(file: File): Promise<void> {\n const isHorizontal = this.variant === FilePreviewVariant.HORIZONTAL;\n\n if (!this.errorMessage) { \n if (file && file.type.startsWith('image/')) {\n try {\n const url = await generatePreviewUrl(file);\n this.inputFileHtml = isHorizontal\n ? getHorizontalPreviewState(url, file, this.originalUrl)\n : getVerticalPreviewState(url, file, this.originalUrl);\n } catch (error) {\n this.inputFileHtml = isHorizontal\n ? getHorizontalNoPreviewState(file, this.originalUrl)\n : getVerticalNoPreviewState(file, this.originalUrl); \n }\n } else {\n this.inputFileHtml = isHorizontal\n ? getHorizontalNoPreviewState(file, this.originalUrl)\n : getVerticalNoPreviewState(file, this.originalUrl);\n }\n } else {\n this.inputFileHtml = isHorizontal\n ? getHorizontalErrorState(file, this.errorMessage, this.originalUrl, this)\n : getVerticalErrorState(file, this.errorMessage, this.originalUrl, this);\n }\n this.requestUpdate();\n }\n\n private customFile = new File([], \"Harsh\", { type: \"image/png\" })\n\n getState(): TemplateResult {\n if(this.variant === \"horizontal\") return this.getHorizontalStates();\n return this.getVerticalStates();\n }\n\n getHorizontalStates(): TemplateResult {\n switch(this.state) {\n case FilePreviewState.UPLOADING:\n return getHorizontalUploadingState(this.customFile, 2);\n case FilePreviewState.PREVIEW:\n return getHorizontalPreviewState(\"https://s6.imgcdn.dev/YINe6a.jpg\", this.customFile, this.originalUrl);\n case FilePreviewState.NO_PREVIEW:\n return getHorizontalNoPreviewState(this.customFile, this.originalUrl);\n case FilePreviewState.ERROR:\n return getHorizontalErrorState(this.customFile, FilePreviewErrorMessages.CUSTOM_ERROR, this.originalUrl, this);\n default:\n return this.inputFileHtml \|\| html``;\n }\n }\n\n getVerticalStates(): TemplateResult {\n switch(this.state) {\n case FilePreviewState.UPLOADING:\n return getVerticalUploadingState(this.customFile, 2);\n case FilePreviewState.PREVIEW:\n return getVerticalPreviewState(\"https://s6.imgcdn.dev/YINe6a.jpg\", this.customFile, this.originalUrl);\n case FilePreviewState.NO_PREVIEW:\n return getVerticalNoPreviewState(this.customFile, this.originalUrl);\n case FilePreviewState.ERROR:\n return getVerticalErrorState(this.customFile, FilePreviewErrorMessages.CUSTOM_ERROR, this.originalUrl, this);\n default:\n return this.inputFileHtml \|\| html``;\n }\n }\n\n public render(): TemplateResult {\n if (this.state) {\n return this.getState();\n }\n return html`${this.inputFileHtml ?? html``}`;\n }\n \n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.emit(FilePreviewEvent.NILE_DESTROY);\n }\n\n / #endregion */\n}\n\nexport default NileFilePreview;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-file-preview': NileFilePreview;\n }\n}"],"names":["NileFilePreview","_i","j","constructor","this","errorMessage","fileUrl","uploadStatus","state","FilePreviewState","DEFAULT","variant","FilePreviewVariant","HORIZONTAL","inputFileName","inputFileHtml","originalUrl","isStringTruncated","customFile","File","type","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FilePreviewEvent","NILE_INIT","firstUpdated","_changedProperties","updated","changedProperties","has","createUploadState","inputFile","createState","NILE_RECEIVE","handleFileUrl","file","isHorizontal","getHorizontalUploadingState","getVerticalUploadingState","requestUpdate","_handleFileUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","url","_context2","prev","next","fetch","blob","response","fileName","split","pop","FilePreviewErrorMessages","UNKNOWN_FILE_NAME","t0","dummyFile","FAILED_TO_LOAD","console","error","getHorizontalErrorState","getVerticalErrorState","stop","_callee2","startsWith","_context3","generatePreviewUrl","getHorizontalPreviewState","getVerticalPreviewState","getHorizontalNoPreviewState","getVerticalNoPreviewState","getState","getHorizontalStates","getVerticalStates","UPLOADING","PREVIEW","NO_PREVIEW","ERROR","CUSTOM_ERROR","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","_templateObject3","_this$inputFileHtml","_templateObject4","disconnectedCallback","NILE_DESTROY","__decorate","get","styles","NileElement","property","String","prototype","Object","Number","_export","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-file-preview.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.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-preview.css';\nimport NileElement from '../internal/nile-element';\nimport { customElement, property } from 'lit/decorators.js';\nimport { generatePreviewUrl } from './utils';\nimport { FilePreviewState, FilePreviewVariant, FilePreviewErrorMessages, FilePreviewEvent } from './types';\nimport { LitElement, html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport {\n getHorizontalErrorState,\n getHorizontalNoPreviewState,\n getHorizontalPreviewState,\n getHorizontalUploadingState,\n getVerticalErrorState,\n getVerticalNoPreviewState,\n getVerticalPreviewState,\n getVerticalUploadingState\n} from './nile-file-preview.template';\n\n\n/\n Nile preview component.\n \n @tag nile-preview\n \n /\n@customElement('nile-file-preview')\nexport class NileFilePreview extends NileElement {\n /*\n The styles for nile-preview\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 }) errorMessage: string = \"\";\n\t@property({ type: Object }) inputFile: File; \n\t@property({ type: String }) fileUrl: string = \"\";\n\t@property({ type: Number }) uploadStatus: number = 0;\n\t@property({ type: String }) state: FilePreviewState = FilePreviewState.DEFAULT;\n\t@property({ type: String }) variant: FilePreviewVariant = FilePreviewVariant.HORIZONTAL;\n @property({ type: String }) inputFileName: string = \"\";\n\tprivate inputFileHtml: TemplateResult \| null = null;\n private originalUrl: string = \"\";\n public isStringTruncated: boolean = false;\n\n /\n Render method\n * @slot This is a slot test\n /\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FilePreviewEvent.NILE_INIT);\n }\n\n protected firstUpdated(_changedProperties: PropertyValues): void {\n super.firstUpdated(_changedProperties);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n if(changedProperties.has('uploadStatus') && this.uploadStatus) {\n if(this.uploadStatus < 100) {\n this.createUploadState(this.inputFile, this.uploadStatus);\n } else {\n this.createState(this.inputFile);\n }\n } else if (changedProperties.has('inputFile') && this.inputFile) {\n this.createState(this.inputFile); \n this.emit(FilePreviewEvent.NILE_RECEIVE);\n\n } else if (changedProperties.has('fileUrl') && this.fileUrl) {\n this.handleFileUrl(this.fileUrl);\n this.emit(FilePreviewEvent.NILE_RECEIVE);\n\n } else if (changedProperties.has('errorMessage')) {\n this.createState(this.inputFile);\n }\n }\n\n private createUploadState( file: File, uploadStatus: number): void {\n const isHorizontal = this.variant === FilePreviewVariant.HORIZONTAL;\n\n this.inputFileHtml = isHorizontal \n ? getHorizontalUploadingState(file, uploadStatus)\n : getVerticalUploadingState(file, uploadStatus);\n\n this.requestUpdate();\n }\n\n private async handleFileUrl(url: string): Promise<void> {\n this.originalUrl = url;\n try {\n const response = await fetch(url);\n const blob = await response.blob();\n const fileName = this.inputFileName \|\| url.split('/').pop() \|\| FilePreviewErrorMessages.UNKNOWN_FILE_NAME;\n const file = new File([blob], fileName, { type: blob.type });\n\n this.createState(file);\n } catch (error) {\n const dummyFile = new File([], this.inputFileName \|\| FilePreviewErrorMessages.UNKNOWN_FILE_NAME, { type: 'application/octet-stream' });\n this.errorMessage = FilePreviewErrorMessages.FAILED_TO_LOAD;\n console.error(this.errorMessage);\n\n this.inputFileHtml = this.variant === FilePreviewVariant.HORIZONTAL\n ? getHorizontalErrorState(dummyFile, this.errorMessage, this.originalUrl, this)\n : getVerticalErrorState(dummyFile, this.errorMessage, this.originalUrl, this);\n this.requestUpdate();\n }\n }\n\n\tpublic async createState(file: File): Promise<void> {\n const isHorizontal = this.variant === FilePreviewVariant.HORIZONTAL;\n\n if (!this.errorMessage) { \n if (file && file.type.startsWith('image/')) {\n try {\n const url = await generatePreviewUrl(file);\n this.inputFileHtml = isHorizontal\n ? getHorizontalPreviewState(url, file, this.originalUrl)\n : getVerticalPreviewState(url, file, this.originalUrl);\n } catch (error) {\n this.inputFileHtml = isHorizontal\n ? getHorizontalNoPreviewState(file, this.originalUrl)\n : getVerticalNoPreviewState(file, this.originalUrl); \n }\n } else {\n this.inputFileHtml = isHorizontal\n ? getHorizontalNoPreviewState(file, this.originalUrl)\n : getVerticalNoPreviewState(file, this.originalUrl);\n }\n } else {\n this.inputFileHtml = isHorizontal\n ? getHorizontalErrorState(file, this.errorMessage, this.originalUrl, this)\n : getVerticalErrorState(file, this.errorMessage, this.originalUrl, this);\n }\n this.requestUpdate();\n }\n\n private customFile = new File([], \"Harsh\", { type: \"image/png\" })\n\n getState(): TemplateResult {\n if(this.variant === \"horizontal\") return this.getHorizontalStates();\n return this.getVerticalStates();\n }\n\n getHorizontalStates(): TemplateResult {\n switch(this.state) {\n case FilePreviewState.UPLOADING:\n return getHorizontalUploadingState(this.customFile, 2);\n case FilePreviewState.PREVIEW:\n return getHorizontalPreviewState(\"https://s6.imgcdn.dev/YINe6a.jpg\", this.customFile, this.originalUrl);\n case FilePreviewState.NO_PREVIEW:\n return getHorizontalNoPreviewState(this.customFile, this.originalUrl);\n case FilePreviewState.ERROR:\n return getHorizontalErrorState(this.customFile, FilePreviewErrorMessages.CUSTOM_ERROR, this.originalUrl, this);\n default:\n return this.inputFileHtml \|\| html``;\n }\n }\n\n getVerticalStates(): TemplateResult {\n switch(this.state) {\n case FilePreviewState.UPLOADING:\n return getVerticalUploadingState(this.customFile, 2);\n case FilePreviewState.PREVIEW:\n return getVerticalPreviewState(\"https://s6.imgcdn.dev/YINe6a.jpg\", this.customFile, this.originalUrl);\n case FilePreviewState.NO_PREVIEW:\n return getVerticalNoPreviewState(this.customFile, this.originalUrl);\n case FilePreviewState.ERROR:\n return getVerticalErrorState(this.customFile, FilePreviewErrorMessages.CUSTOM_ERROR, this.originalUrl, this);\n default:\n return this.inputFileHtml \|\| html``;\n }\n }\n\n public render(): TemplateResult {\n if (this.state) {\n return this.getState();\n }\n return html`${this.inputFileHtml ?? html``}`;\n }\n \n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.emit(FilePreviewEvent.NILE_DESTROY);\n }\n\n / #endregion */\n}\n\nexport default NileFilePreview;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-file-preview': NileFilePreview;\n }\n}"],"names":["NileFilePreview","_i","v","constructor","this","errorMessage","fileUrl","uploadStatus","state","FilePreviewState","DEFAULT","variant","FilePreviewVariant","HORIZONTAL","inputFileName","inputFileHtml","originalUrl","isStringTruncated","customFile","File","type","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FilePreviewEvent","NILE_INIT","firstUpdated","_changedProperties","updated","changedProperties","has","createUploadState","inputFile","createState","NILE_RECEIVE","handleFileUrl","file","isHorizontal","getHorizontalUploadingState","getVerticalUploadingState","requestUpdate","_handleFileUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","url","_context2","prev","next","fetch","response","blob","fileName","split","pop","FilePreviewErrorMessages","UNKNOWN_FILE_NAME","t0","dummyFile","FAILED_TO_LOAD","console","error","getHorizontalErrorState","getVerticalErrorState","stop","_callee2","s","_i3","wrap","_callee2$","_context3","startsWith","generatePreviewUrl","getHorizontalPreviewState","getVerticalPreviewState","getHorizontalNoPreviewState","getVerticalNoPreviewState","getState","getHorizontalStates","getVerticalStates","UPLOADING","PREVIEW","NO_PREVIEW","ERROR","CUSTOM_ERROR","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","_this$inputFileHtml","_templateObject3","_templateObject4","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","String","prototype","Object","Number","_export","customElement"],"mappings":"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"}

package/dist/nile-file-preview/nile-file-preview.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: center;\n    gap: 18px;\n    height: auto;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    max-height: 62px;\n    width: 648px;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\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-state {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .vertical-div {\n    height: auto;\n    min-height: 156px;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\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  .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  nile-loader {\n    line-height: 0;\n  }\n\n  .uploading {\n    height: 62px;\n    width: 648px;\n    padding: 12px;\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    border-radius: 4px;\n    background-color: var(--nile-colors-white-base);\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: 6px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .progress-bar-container .horizontal-file-name {\n    font-size: var(--nile-type-scale-1);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n  \n  .progress-bar-container .vertical-file-name {\n    font-size: var(--nile-type-scale-1);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 212px;\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    align-items: center;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img, iframe {\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 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    align-items: center;\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: 4px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 500px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 500px;\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\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: 95%;\n    display: flex;\n    align-items: center;\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: 4px;\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    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n  \n  .file-info nile-tooltip span, .file-info span {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    max-width: 90%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: left;\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  .file-info .horizontal-file-name {\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: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n\n  /* VERTICAL STATE START */\n  /* Default State */\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    text-align: center;\n  }\n\n  .content-container h4 {\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container p:first-child {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container p:last-child {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-neutral-700);\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    padding-top: 40px;\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  .file-info-vertical-state {\n    width: 100%;\n    text-align: center;\n  }\n\n  .file-info-vertical-state p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    padding-bottom: 6px;\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 222px;\n  }\n  \n  .file-info-vertical-state nile-tooltip span, .file-info-vertical-state span {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: block;\n    max-width: 212px;\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: center\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  /* 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"]))));}};});
+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(){(function(){try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64");}catch(_unused){}})();_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: center;\n    gap: 18px;\n    height: auto;\n  }\n\n  input {\n    display: none;\n  }\n\n  .horizontal-div {\n    max-height: 62px;\n    width: 648px;\n    min-width: 230px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\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-state {\n    border-color: var(--nile-colors-primary-600);\n  }\n\n  .vertical-div {\n    height: auto;\n    min-height: 156px;\n    min-width: 240px;\n    width: 240px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    gap: 18px;\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  .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  nile-loader {\n    line-height: 0;\n  }\n\n  .uploading {\n    height: 62px;\n    width: 648px;\n    padding: 12px;\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    border-radius: 4px;\n    background-color: var(--nile-colors-white-base);\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: 6px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .progress-bar-container .horizontal-file-name {\n    font-size: var(--nile-type-scale-1);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n  \n  .progress-bar-container .vertical-file-name {\n    font-size: var(--nile-type-scale-1);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-dark-500);\n    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 212px;\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    align-items: center;\n    gap: 18px;\n  }\n\n  .preview-image-container {\n    height: 42px;\n    width: 42px;\n  }\n\n  .preview-image-container img, iframe {\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 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    align-items: center;\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: 4px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 500px;\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    text-align: left;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 500px;\n  }\n\n  .no-preview > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  /* ERROR STATE */\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: 95%;\n    display: flex;\n    align-items: center;\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: 4px;\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    text-align: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n  \n  .file-info nile-tooltip span, .file-info span {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    max-width: 90%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: left;\n  }\n\n  .error > nile-icon:hover {\n    cursor: pointer;\n  }\n\n  .file-info .horizontal-file-name {\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: left;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 538px;\n  }\n\n  /* VERTICAL STATE START */\n  /* Default State */\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    text-align: center;\n  }\n\n  .content-container h4 {\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container p:first-child {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 222px;\n  }\n\n  .content-container p:last-child {\n    margin: 0px;\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    color: var(--nile-colors-neutral-700);\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    padding-top: 40px;\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  .file-info-vertical-state {\n    width: 100%;\n    text-align: center;\n  }\n\n  .file-info-vertical-state p {\n    margin: 0px;\n    font-size: var(--nile-type-scale-3);\n    font-weight: var(--nile-font-weight-regular);\n    padding-bottom: 6px;\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 222px;\n  }\n  \n  .file-info-vertical-state nile-tooltip span, .file-info-vertical-state span {\n    color: var(--nile-colors-red-700);\n    font-size: var(--nile-type-scale-2);\n    font-weight: var(--nile-font-weight-regular);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: block;\n    max-width: 212px;\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: center\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  /* 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"]))));}};});
 //# sourceMappingURL=nile-file-preview.css.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-file-preview.css.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.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: center;\n gap: 18px;\n height: auto;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n max-height: 62px;\n width: 648px;\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\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-state {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n height: auto;\n min-height: 156px;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\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 .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 nile-loader {\n line-height: 0;\n }\n\n .uploading {\n height: 62px;\n width: 648px;\n padding: 12px;\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 border-radius: 4px;\n background-color: var(--nile-colors-white-base);\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: 6px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .progress-bar-container .horizontal-file-name {\n font-size: var(--nile-type-scale-1);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n \n .progress-bar-container .vertical-file-name {\n font-size: var(--nile-type-scale-1);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 212px;\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 align-items: center;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img, iframe {\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 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 align-items: center;\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: 4px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 500px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 500px;\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n / ERROR STATE /\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: 95%;\n display: flex;\n align-items: center;\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: 4px;\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 text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n \n .file-info nile-tooltip span, .file-info span {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n max-width: 90%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: left;\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n .file-info .horizontal-file-name {\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: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n\n / VERTICAL STATE START /\n / Default State /\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 text-align: center;\n }\n\n .content-container h4 {\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container p:first-child {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container p:last-child {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-neutral-700);\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 padding-top: 40px;\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 .file-info-vertical-state {\n width: 100%;\n text-align: center;\n }\n\n .file-info-vertical-state p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n padding-bottom: 6px;\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 222px;\n }\n \n .file-info-vertical-state nile-tooltip span, .file-info-vertical-state span {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: block;\n max-width: 212px;\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: center\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 / 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\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-preview.css.cjs.js","sources":["../../../src/nile-file-preview/nile-file-preview.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: center;\n gap: 18px;\n height: auto;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n max-height: 62px;\n width: 648px;\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\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-state {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n height: auto;\n min-height: 156px;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\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 .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 nile-loader {\n line-height: 0;\n }\n\n .uploading {\n height: 62px;\n width: 648px;\n padding: 12px;\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 border-radius: 4px;\n background-color: var(--nile-colors-white-base);\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: 6px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .progress-bar-container .horizontal-file-name {\n font-size: var(--nile-type-scale-1);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n \n .progress-bar-container .vertical-file-name {\n font-size: var(--nile-type-scale-1);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-500);\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 212px;\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 align-items: center;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img, iframe {\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 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 align-items: center;\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: 4px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 500px;\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 text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 500px;\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n / ERROR STATE /\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: 95%;\n display: flex;\n align-items: center;\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: 4px;\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 text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n \n .file-info nile-tooltip span, .file-info span {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n max-width: 90%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: left;\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n .file-info .horizontal-file-name {\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: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 538px;\n }\n\n / VERTICAL STATE START /\n / Default State /\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 text-align: center;\n }\n\n .content-container h4 {\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container p:first-child {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 222px;\n }\n\n .content-container p:last-child {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-neutral-700);\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 padding-top: 40px;\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 .file-info-vertical-state {\n width: 100%;\n text-align: center;\n }\n\n .file-info-vertical-state p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n padding-bottom: 6px;\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 222px;\n }\n \n .file-info-vertical-state nile-tooltip span, .file-info-vertical-state span {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: block;\n max-width: 212px;\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: center\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 / 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\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"ibAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,4 +1,4 @@
-import{css as e}from"lit";const r=e`
+(()=>{try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64")}catch{}})();import{css as e}from"lit";const r=e`
   :host {
     display: inline-block;
   }

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

	@@ -1 +1 @@
1	- import{__decorate as t}from"tslib";import{s}from"./nile-file-preview.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{property as e,customElement as h}from"lit/decorators.js";import{a as r}from"./utils/nile-file-preview.util.esm.js";import{F as a,a as n,b as l,c as o}from"./types/nile-file-preview.enums.esm.js";import{html as c}from"lit";import{g as p,a as u,b as m,c as d,d as f,e as g,f as y,h as v}from"./nile-file-preview.template.esm.js";let w=class extends i{constructor(){super(...arguments),this.errorMessage="",this.fileUrl="",this.uploadStatus=0,this.state=a.DEFAULT,this.variant=n.HORIZONTAL,this.inputFileName="",this.inputFileHtml=null,this.originalUrl="",this.isStringTruncated=!1,this.customFile=new File([],"Harsh",{type:"image/png"})}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(l.NILE_INIT)}firstUpdated(t){super.firstUpdated(t)}updated(t){t.has("uploadStatus")&&this.uploadStatus?this.uploadStatus<100?this.createUploadState(this.inputFile,this.uploadStatus):this.createState(this.inputFile):t.has("inputFile")&&this.inputFile?(this.createState(this.inputFile),this.emit(l.NILE_RECEIVE)):t.has("fileUrl")&&this.fileUrl?(this.handleFileUrl(this.fileUrl),this.emit(l.NILE_RECEIVE)):t.has("errorMessage")&&this.createState(this.inputFile)}createUploadState(t,s){const i=this.variant===n.HORIZONTAL;this.inputFileHtml=i?p(t,s):u(t,s),this.requestUpdate()}async handleFileUrl(t){this.originalUrl=t;try{const s=await fetch(t),i=await s.blob(),e=this.inputFileName\|\|t.split("/").pop()\|\|o.UNKNOWN_FILE_NAME,h=new File([i],e,{type:i.type});this.createState(h)}catch(t){const s=new File([],this.inputFileName\|\|o.UNKNOWN_FILE_NAME,{type:"application/octet-stream"});this.errorMessage=o.FAILED_TO_LOAD,console.error(this.errorMessage),this.inputFileHtml=this.variant===n.HORIZONTAL?m(s,this.errorMessage,this.originalUrl,this):d(s,this.errorMessage,this.originalUrl,this),this.requestUpdate()}}async createState(t){const s=this.variant===n.HORIZONTAL;if(this.errorMessage)this.inputFileHtml=s?m(t,this.errorMessage,this.originalUrl,this):d(t,this.errorMessage,this.originalUrl,this);else if(t&&t.type.startsWith("image/"))try{const i=await r(t);this.inputFileHtml=s?f(i,t,this.originalUrl):g(i,t,this.originalUrl)}catch(i){this.inputFileHtml=s?y(t,this.originalUrl):v(t,this.originalUrl)}else this.inputFileHtml=s?y(t,this.originalUrl):v(t,this.originalUrl);this.requestUpdate()}getState(){return"horizontal"===this.variant?this.getHorizontalStates():this.getVerticalStates()}getHorizontalStates(){switch(this.state){case a.UPLOADING:return p(this.customFile,2);case a.PREVIEW:return f("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return y(this.customFile,this.originalUrl);case a.ERROR:return m(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml\|\|c``}}getVerticalStates(){switch(this.state){case a.UPLOADING:return u(this.customFile,2);case a.PREVIEW:return g("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return v(this.customFile,this.originalUrl);case a.ERROR:return d(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml\|\|c``}}render(){return this.state?this.getState():c`${this.inputFileHtml??c``}`}disconnectedCallback(){super.disconnectedCallback(),this.emit(l.NILE_DESTROY)}};t([e({type:String})],w.prototype,"errorMessage",void 0),t([e({type:Object})],w.prototype,"inputFile",void 0),t([e({type:String})],w.prototype,"fileUrl",void 0),t([e({type:Number})],w.prototype,"uploadStatus",void 0),t([e({type:String})],w.prototype,"state",void 0),t([e({type:String})],w.prototype,"variant",void 0),t([e({type:String})],w.prototype,"inputFileName",void 0),w=t([h("nile-file-preview")],w);export{w as N};
1	+ (()=>{try{"undefined"!=typeof window&&(window.nile=window.nile\|\|{},window.nile.version="0.1.64")}catch{}})();import{__decorate as t}from"tslib";import{s}from"./nile-file-preview.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{property as e,customElement as h}from"lit/decorators.js";import{a as r}from"./utils/nile-file-preview.util.esm.js";import{F as a,a as n,b as l,c as o}from"./types/nile-file-preview.enums.esm.js";import{html as c}from"lit";import{g as p,a as d,b as u,c as m,d as f,e as w,f as g,h as y}from"./nile-file-preview.template.esm.js";let v=class extends i{constructor(){super(...arguments),this.errorMessage="",this.fileUrl="",this.uploadStatus=0,this.state=a.DEFAULT,this.variant=n.HORIZONTAL,this.inputFileName="",this.inputFileHtml=null,this.originalUrl="",this.isStringTruncated=!1,this.customFile=new File([],"Harsh",{type:"image/png"})}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(l.NILE_INIT)}firstUpdated(t){super.firstUpdated(t)}updated(t){t.has("uploadStatus")&&this.uploadStatus?this.uploadStatus<100?this.createUploadState(this.inputFile,this.uploadStatus):this.createState(this.inputFile):t.has("inputFile")&&this.inputFile?(this.createState(this.inputFile),this.emit(l.NILE_RECEIVE)):t.has("fileUrl")&&this.fileUrl?(this.handleFileUrl(this.fileUrl),this.emit(l.NILE_RECEIVE)):t.has("errorMessage")&&this.createState(this.inputFile)}createUploadState(t,s){const i=this.variant===n.HORIZONTAL;this.inputFileHtml=i?p(t,s):d(t,s),this.requestUpdate()}async handleFileUrl(t){this.originalUrl=t;try{const s=await fetch(t),i=await s.blob(),e=this.inputFileName\|\|t.split("/").pop()\|\|o.UNKNOWN_FILE_NAME,h=new File([i],e,{type:i.type});this.createState(h)}catch(t){const s=new File([],this.inputFileName\|\|o.UNKNOWN_FILE_NAME,{type:"application/octet-stream"});this.errorMessage=o.FAILED_TO_LOAD,console.error(this.errorMessage),this.inputFileHtml=this.variant===n.HORIZONTAL?u(s,this.errorMessage,this.originalUrl,this):m(s,this.errorMessage,this.originalUrl,this),this.requestUpdate()}}async createState(t){const s=this.variant===n.HORIZONTAL;if(this.errorMessage)this.inputFileHtml=s?u(t,this.errorMessage,this.originalUrl,this):m(t,this.errorMessage,this.originalUrl,this);else if(t&&t.type.startsWith("image/"))try{const i=await r(t);this.inputFileHtml=s?f(i,t,this.originalUrl):w(i,t,this.originalUrl)}catch(i){this.inputFileHtml=s?g(t,this.originalUrl):y(t,this.originalUrl)}else this.inputFileHtml=s?g(t,this.originalUrl):y(t,this.originalUrl);this.requestUpdate()}getState(){return"horizontal"===this.variant?this.getHorizontalStates():this.getVerticalStates()}getHorizontalStates(){switch(this.state){case a.UPLOADING:return p(this.customFile,2);case a.PREVIEW:return f("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return g(this.customFile,this.originalUrl);case a.ERROR:return u(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml\|\|c``}}getVerticalStates(){switch(this.state){case a.UPLOADING:return d(this.customFile,2);case a.PREVIEW:return w("https://s6.imgcdn.dev/YINe6a.jpg",this.customFile,this.originalUrl);case a.NO_PREVIEW:return y(this.customFile,this.originalUrl);case a.ERROR:return m(this.customFile,o.CUSTOM_ERROR,this.originalUrl,this);default:return this.inputFileHtml\|\|c``}}render(){return this.state?this.getState():c`${this.inputFileHtml??c``}`}disconnectedCallback(){super.disconnectedCallback(),this.emit(l.NILE_DESTROY)}};t([e({type:String})],v.prototype,"errorMessage",void 0),t([e({type:Object})],v.prototype,"inputFile",void 0),t([e({type:String})],v.prototype,"fileUrl",void 0),t([e({type:Number})],v.prototype,"uploadStatus",void 0),t([e({type:String})],v.prototype,"state",void 0),t([e({type:String})],v.prototype,"variant",void 0),t([e({type:String})],v.prototype,"inputFileName",void 0),v=t([h("nile-file-preview")],v);export{v as N};

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

@@ -1,2 +1,2 @@
-System.register(["./nile-file-preview.css.cjs.js","lit","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var i,e,n,l,c,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function o(n,l){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"uploading\" part=\"horizontal-uploading-state\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>","%</p>\n          </div>\n          <nile-progress-bar\n            part=\"horizontal-progress-bar\"\n            value=\"","\"\n          ></nile-progress-bar>\n          <p class=\"horizontal-file-name\">","</p>\n        </div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    "])),l,l,n.name,function(i){return e(n,i);});}function s(e,a,o){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div class=\"preview horizontal-div\" part=\"horizontal-preview-state\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=","\n              alt=","\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","</p>\n        </div>\n      </div>\n      <div class=\"preview-actions\">\n        <slot @click="," name=\"cancel-icon\">\n          <nile-icon\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e,a.name,a.name,n(a.type),l(Number(a.size)),function(i){return c(a,i,o);});}function r(e,a){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div class=\"no-preview horizontal-div\" part=\"horizontal-no-preview-state\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500)\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","</p>\n        </div>\n      </div>\n      <div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e.name,n(e.type),l(Number(e.size)),function(i){return c(e,i,a);});}function t(e,n,l,o){return a(o),i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"error horizontal-div\" part=\"horizontal-error-state\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p class=\"horizontal-file-name\">","</p>\n          ","\n        </div>\n      </div>\n      <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  "])),e.name,o.isStringTruncated?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                  <span>","</span>\n                </nile-tooltip>"])),n,n):i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<span>","</span>"])),n),function(i){return c(e,i,l);});}function v(n,l){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-uploading\" part=\"vertical-uploading-state\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>","%</p>\n        </div>\n        <nile-progress-bar value=","></nile-progress-bar>\n        <p class=\"vertical-file-name\">","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),l,l,n.name,function(i){return e(n,i);});}function p(e,a,o){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-preview\" part=\"vertical-preview-state\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=","\n          alt=","\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n         <p>"," &#8226; ","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,a.name,a.name,n(a.type),l(Number(a.size)),function(i){return c(a,i,o);});}function d(e,a){return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-no-preview\" part=\"vertical-no-preview-state\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500)\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n        <p>"," &#8226; ","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,n(e.type),l(Number(e.size)),function(i){return c(e,i,a);});}function m(e,n,l,o){return a(o),i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-error\" part=\"vertical-error-state\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p class=\"vertical-file-name\">","</p>\n        ","\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,o.isStringTruncated?i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),n,n):i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<span>","</span>"])),n),function(i){return c(e,i,l);});}_export({a:v,b:t,c:m,d:s,e:p,f:r,g:o,h:d});return{setters:[function(_nileFilePreviewCssCjsJs){},function(_lit){i=_lit.html;},function(_utilsNileFilePreviewUtilCjsJs){e=_utilsNileFilePreviewUtilCjsJs.c;n=_utilsNileFilePreviewUtilCjsJs.g;l=_utilsNileFilePreviewUtilCjsJs.f;c=_utilsNileFilePreviewUtilCjsJs.r;a=_utilsNileFilePreviewUtilCjsJs.t;},function(_typesNileFilePreviewEnumsCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-file-preview.css.cjs.js","lit","./utils/nile-file-preview.util.cjs.js","./types/nile-file-preview.enums.cjs.js"],function(_export,_context){"use strict";var i,e,n,l,c,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function a(n,l){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"uploading\" part=\"horizontal-uploading-state\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n        <div class=\"progress-bar-container\">\n          <div class=\"progress-bar-percent\">\n            <p>Uploading File...</p>\n            <p>","%</p>\n          </div>\n          <nile-progress-bar\n            part=\"horizontal-progress-bar\"\n            value=\"","\"\n          ></nile-progress-bar>\n          <p class=\"horizontal-file-name\">","</p>\n        </div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    "])),l,l,n.name,function(i){return e(n,i);});}function s(e,o,a){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div class=\"preview horizontal-div\" part=\"horizontal-preview-state\">\n      <div class=\"preview-inner\">\n        <div class=\"preview-image-container\">\n            <img\n              class=\"image-preview\"\n              src=","\n              alt=","\n            />\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","</p>\n        </div>\n      </div>\n      <div class=\"preview-actions\">\n        <slot @click="," name=\"cancel-icon\">\n          <nile-icon\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e,o.name,o.name,n(o.type),l(Number(o.size)),function(i){return c(o,i,a);});}function r(e,o){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div class=\"no-preview horizontal-div\" part=\"horizontal-no-preview-state\">\n      <div class=\"no-preview-container\">\n        <div class=\"document-icon\">\n          <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500)\"></nile-icon>\n        </div>\n        <div class=\"preview-file-info\">\n          <p>","</p>\n          <p>"," &#8226; ","</p>\n        </div>\n      </div>\n      <div>\n        <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"trash\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n      </div>\n    </div>\n  "])),e.name,n(e.type),l(Number(e.size)),function(i){return c(e,i,o);});}function t(e,n,l,a){return o(a),i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"error horizontal-div\" part=\"horizontal-error-state\">\n      <div class=\"error-container\">\n        <div class=\"error-icon\">\n          <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n        </div>\n        <div class=\"file-info\">\n          <p class=\"horizontal-file-name\">","</p>\n          ","\n        </div>\n      </div>\n      <slot @click="," name=\"cancelIcon\">\n          <nile-icon\n            name=\"close\"\n            size=\"14\"\n            class=\"icon\"\n          ></nile-icon>\n        </slot>\n    </div>\n  "])),e.name,a.isStringTruncated?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                  <span>","</span>\n                </nile-tooltip>"])),n,n):i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<span>","</span>"])),n),function(i){return c(e,i,l);});}function v(n,l){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-uploading\" part=\"vertical-uploading-state\">\n      <div class=\"loading\">\n        <nile-loader width=\"24\" height=\"24\"></nile-loader>\n      </div>\n\n      <div class=\"progress-bar-container\">\n        <div class=\"progress-bar-percent\">\n          <p>Uploading...</p>\n          <p>","%</p>\n        </div>\n        <nile-progress-bar value=","></nile-progress-bar>\n        <p class=\"vertical-file-name\">","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),l,l,n.name,function(i){return e(n,i);});}function p(e,o,a){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-preview\" part=\"vertical-preview-state\">\n      <div>\n        <img\n          class=\"image-preview\"\n          src=","\n          alt=","\n        />\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n         <p>"," &#8226; ","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e,o.name,o.name,n(o.type),l(Number(o.size)),function(i){return c(o,i,a);});}function d(e,o){return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-no-preview\" part=\"vertical-no-preview-state\">\n      <div class=\"vertical-document-icon\">\n        <nile-icon name=\"general\" size=\"20\" color=\"var(--nile-colors-blue-500)\"></nile-icon>\n      </div>\n\n      <div class=\"content-container\">\n        <p>","</p>\n        <p>"," &#8226; ","</p>\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"trash\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,n(e.type),l(Number(e.size)),function(i){return c(e,i,o);});}function m(e,n,l,a){return o(a),i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n    <div class=\"vertical-div vertical-error\" part=\"vertical-error-state\">\n      <div class=\"vertical-document-icon error-bg\">\n        <nile-icon name=\"info-icon\" size=\"20\" color=\"var(--nile-colors-red-700)\"></nile-icon>\n      </div>\n\n      <div class=\"file-info-vertical-state\">\n        <p class=\"vertical-file-name\">","</p>\n        ","\n      </div>\n\n      <slot @click="," name=\"cancelIcon\">\n        <nile-icon\n          name=\"close\"\n          size=\"14\"\n          class=\"icon corner-icon\"\n        ></nile-icon>\n      </slot>\n    </div>\n  "])),e.name,a.isStringTruncated?i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-tooltip content=",">\n                <span>","</span>\n              </nile-tooltip>"])),n,n):i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<span>","</span>"])),n),function(i){return c(e,i,l);});}_export({a:v,b:t,c:m,d:s,e:p,f:r,g:a,h:d});return{setters:[function(_nileFilePreviewCssCjsJs){},function(_lit){i=_lit.html;},function(_utilsNileFilePreviewUtilCjsJs){e=_utilsNileFilePreviewUtilCjsJs.c;n=_utilsNileFilePreviewUtilCjsJs.g;l=_utilsNileFilePreviewUtilCjsJs.f;c=_utilsNileFilePreviewUtilCjsJs.r;o=_utilsNileFilePreviewUtilCjsJs.t;},function(_typesNileFilePreviewEnumsCjsJs){}],execute:function execute(){(function(){try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64");}catch(_unused){}})();}};});
 //# sourceMappingURL=nile-file-preview.template.cjs.js.map

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

@@ -1,4 +1,4 @@
-import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,g as n,f as l,r as c,t as a}from"./utils/nile-file-preview.util.esm.js";import"./types/nile-file-preview.enums.esm.js";function o(n,l){return i`
+(()=>{try{"undefined"!=typeof window&&(window.nile=window.nile||{},window.nile.version="0.1.64")}catch{}})();import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,g as n,f as l,r as o,t as c}from"./utils/nile-file-preview.util.esm.js";import"./types/nile-file-preview.enums.esm.js";function a(n,l){return i`
       <div class="uploading" part="horizontal-uploading-state">
         <nile-loader width="24" height="24"></nile-loader>
         <div class="progress-bar-container">
@@ -20,23 +20,23 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
           ></nile-icon>
         </slot>
       </div>
-    `}function s(e,a,o){return i`
+    `}function s(e,c,a){return i`
     <div class="preview horizontal-div" part="horizontal-preview-state">
       <div class="preview-inner">
         <div class="preview-image-container">
             <img
               class="image-preview"
               src=${e}
-              alt=${a.name}
+              alt=${c.name}
             />
         </div>
         <div class="preview-file-info">
-          <p>${a.name}</p>
-          <p>${n(a.type)} &#8226; ${l(Number(a.size))}</p>
+          <p>${c.name}</p>
+          <p>${n(c.type)} &#8226; ${l(Number(c.size))}</p>
         </div>
       </div>
       <div class="preview-actions">
-        <slot @click=${i=>c(a,i,o)} name="cancel-icon">
+        <slot @click=${i=>o(c,i,a)} name="cancel-icon">
           <nile-icon
             name="trash"
             size="14"
@@ -45,7 +45,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         </slot>
       </div>
     </div>
-  `}function r(e,a){return i`
+  `}function r(e,c){return i`
     <div class="no-preview horizontal-div" part="horizontal-no-preview-state">
       <div class="no-preview-container">
         <div class="document-icon">
@@ -57,7 +57,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         </div>
       </div>
       <div>
-        <slot @click=${i=>c(e,i,a)} name="cancelIcon">
+        <slot @click=${i=>o(e,i,c)} name="cancelIcon">
           <nile-icon
             name="trash"
             size="14"
@@ -66,7 +66,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         </slot>
       </div>
     </div>
-  `}function t(e,n,l,o){return a(o),i`
+  `}function t(e,n,l,a){return c(a),i`
     <div class="error horizontal-div" part="horizontal-error-state">
       <div class="error-container">
         <div class="error-icon">
@@ -74,12 +74,12 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         </div>
         <div class="file-info">
           <p class="horizontal-file-name">${e.name}</p>
-          ${o.isStringTruncated?i`<nile-tooltip content=${n}>
+          ${a.isStringTruncated?i`<nile-tooltip content=${n}>
                   <span>${n}</span>
                 </nile-tooltip>`:i`<span>${n}</span>`}
         </div>
       </div>
-      <slot @click=${i=>c(e,i,l)} name="cancelIcon">
+      <slot @click=${i=>o(e,i,l)} name="cancelIcon">
           <nile-icon
             name="close"
             size="14"
@@ -110,22 +110,22 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         ></nile-icon>
       </slot>
     </div>
-  `}function p(e,a,o){return i`
+  `}function p(e,c,a){return i`
     <div class="vertical-div vertical-preview" part="vertical-preview-state">
       <div>
         <img
           class="image-preview"
           src=${e}
-          alt=${a.name}
+          alt=${c.name}
         />
       </div>
       <div class="content-container">
-        <p>${a.name}</p>
-         <p>${n(a.type)} &#8226; ${l(Number(a.size))}</p>
+        <p>${c.name}</p>
+         <p>${n(c.type)} &#8226; ${l(Number(c.size))}</p>
       </div>
-      <slot @click=${i=>c(a,i,o)} name="cancelIcon">
+      <slot @click=${i=>o(c,i,a)} name="cancelIcon">
         <nile-icon
           name="trash"
           size="14"
@@ -133,7 +133,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         ></nile-icon>
       </slot>
     </div>
-  `}function d(e,a){return i`
+  `}function d(e,c){return i`
     <div class="vertical-div vertical-no-preview" part="vertical-no-preview-state">
       <div class="vertical-document-icon">
         <nile-icon name="general" size="20" color="var(--nile-colors-blue-500)"></nile-icon>
@@ -144,7 +144,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         <p>${n(e.type)} &#8226; ${l(Number(e.size))}</p>
       </div>
-      <slot @click=${i=>c(e,i,a)} name="cancelIcon">
+      <slot @click=${i=>o(e,i,c)} name="cancelIcon">
         <nile-icon
           name="trash"
           size="14"
@@ -152,7 +152,7 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         ></nile-icon>
       </slot>
     </div>
-  `}function m(e,n,l,o){return a(o),i`
+  `}function m(e,n,l,a){return c(a),i`
     <div class="vertical-div vertical-error" part="vertical-error-state">
       <div class="vertical-document-icon error-bg">
         <nile-icon name="info-icon" size="20" color="var(--nile-colors-red-700)"></nile-icon>
@@ -160,12 +160,12 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
       <div class="file-info-vertical-state">
         <p class="vertical-file-name">${e.name}</p>
-        ${o.isStringTruncated?i`<nile-tooltip content=${n}>
+        ${a.isStringTruncated?i`<nile-tooltip content=${n}>
                 <span>${n}</span>
               </nile-tooltip>`:i`<span>${n}</span>`}
       </div>
-      <slot @click=${i=>c(e,i,l)} name="cancelIcon">
+      <slot @click=${i=>o(e,i,l)} name="cancelIcon">
         <nile-icon
           name="close"
           size="14"
@@ -173,4 +173,4 @@ import"./nile-file-preview.css.esm.js";import{html as i}from"lit";import{c as e,
         ></nile-icon>
       </slot>
     </div>
-  `}export{v as a,t as b,m as c,s as d,p as e,r as f,o as g,d as h};
+  `}export{v as a,t as b,m as c,s as d,p as e,r as f,a as g,d as h};