@aquera/nile-elements 0.1.57-beta-1.6 → 0.1.57-beta-1.7
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.
- package/README.md +11 -2
- package/demo/index.html +35 -19
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.esm.js +168 -29
- package/dist/nile-calendar/nile-calendar.esm.js +124 -37
- package/dist/nile-file-preview/nile-file-preview.css.cjs.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.css.cjs.js.map +1 -1
- package/dist/nile-file-preview/nile-file-preview.css.esm.js +38 -5
- package/dist/nile-file-preview/nile-file-preview.template.cjs.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.template.cjs.js.map +1 -1
- package/dist/nile-file-preview/nile-file-preview.template.esm.js +31 -31
- package/dist/nile-file-preview/utils/index.cjs.js +1 -1
- package/dist/nile-file-preview/utils/index.esm.js +1 -1
- package/dist/nile-file-preview/utils/nile-file-preview.util.cjs.js +1 -1
- package/dist/nile-file-preview/utils/nile-file-preview.util.cjs.js.map +1 -1
- package/dist/nile-file-preview/utils/nile-file-preview.util.esm.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.cjs.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.cjs.js.map +1 -1
- package/dist/nile-file-upload/nile-file-upload.css.cjs.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.css.cjs.js.map +1 -1
- package/dist/nile-file-upload/nile-file-upload.css.esm.js +22 -1
- package/dist/nile-file-upload/nile-file-upload.esm.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.template.cjs.js +2 -2
- package/dist/nile-file-upload/nile-file-upload.template.cjs.js.map +1 -1
- package/dist/nile-file-upload/nile-file-upload.template.esm.js +4 -4
- package/dist/nile-file-upload/types/file-upload.enums.cjs.js +1 -1
- package/dist/nile-file-upload/types/file-upload.enums.cjs.js.map +1 -1
- package/dist/nile-file-upload/types/file-upload.enums.esm.js +1 -1
- package/dist/nile-icon/icons/svg/agent.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/agent.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/agent.esm.js +1 -1
- package/dist/nile-icon/icons/svg/api.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/api.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/api.esm.js +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.esm.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.esm.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.esm.js +1 -1
- package/dist/nile-icon/icons/svg/database.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/database.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/database.esm.js +1 -1
- package/dist/nile-icon/icons/svg/done.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/done.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/done.esm.js +1 -1
- package/dist/nile-icon/icons/svg/dontmap.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/dontmap.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/dontmap.esm.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.esm.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.esm.js +1 -1
- package/dist/nile-icon/icons/svg/drag.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/drag.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/drag.esm.js +1 -1
- package/dist/nile-icon/icons/svg/expand-06.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/expand-06.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/expand-06.esm.js +1 -1
- package/dist/nile-icon/icons/svg/expand.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/expand.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/expand.esm.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/integer.esm.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.esm.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/question.esm.js +1 -1
- package/dist/nile-icon/icons/svg/resource.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/resource.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/resource.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.esm.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/timezone.esm.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/unmute.esm.js +1 -1
- package/dist/nile-icon/icons/svg/upgrade.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/upgrade.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/upgrade.esm.js +1 -1
- package/dist/nile-option/nile-option.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.esm.js +2 -2
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.css.js +166 -27
- package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.d.ts +8 -0
- package/dist/src/nile-calendar/nile-calendar.js +173 -34
- package/dist/src/nile-calendar/nile-calendar.js.map +1 -1
- package/dist/src/nile-file-preview/nile-file-preview.css.js +40 -7
- package/dist/src/nile-file-preview/nile-file-preview.css.js.map +1 -1
- package/dist/src/nile-file-preview/nile-file-preview.d.ts +1 -0
- package/dist/src/nile-file-preview/nile-file-preview.js +5 -1
- package/dist/src/nile-file-preview/nile-file-preview.js.map +1 -1
- package/dist/src/nile-file-preview/nile-file-preview.template.js +9 -9
- package/dist/src/nile-file-preview/nile-file-preview.template.js.map +1 -1
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.d.ts +2 -1
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.js +1 -0
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.js.map +1 -1
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.d.ts +3 -0
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.js +10 -0
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.js.map +1 -1
- package/dist/src/nile-file-upload/nile-file-upload.css.js +27 -4
- package/dist/src/nile-file-upload/nile-file-upload.css.js.map +1 -1
- package/dist/src/nile-file-upload/nile-file-upload.d.ts +1 -0
- package/dist/src/nile-file-upload/nile-file-upload.js +10 -6
- package/dist/src/nile-file-upload/nile-file-upload.js.map +1 -1
- package/dist/src/nile-file-upload/nile-file-upload.template.d.ts +2 -2
- package/dist/src/nile-file-upload/nile-file-upload.template.js +17 -11
- package/dist/src/nile-file-upload/nile-file-upload.template.js.map +1 -1
- package/dist/src/nile-file-upload/types/file-upload.enums.d.ts +7 -4
- package/dist/src/nile-file-upload/types/file-upload.enums.js +5 -2
- package/dist/src/nile-file-upload/types/file-upload.enums.js.map +1 -1
- package/dist/src/nile-file-upload/utils/file-validation.util.js +8 -2
- package/dist/src/nile-file-upload/utils/file-validation.util.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/agent.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/agent.js +1 -1
- package/dist/src/nile-icon/icons/svg/agent.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/api.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/api.js +1 -1
- package/dist/src/nile-icon/icons/svg/api.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.js +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.js +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.js +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/database.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/database.js +1 -1
- package/dist/src/nile-icon/icons/svg/database.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/done.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/done.js +1 -1
- package/dist/src/nile-icon/icons/svg/done.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.js +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.js +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.js +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/drag.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/drag.js +1 -1
- package/dist/src/nile-icon/icons/svg/drag.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.js +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/expand.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/expand.js +1 -1
- package/dist/src/nile-icon/icons/svg/expand.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/integer.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/question.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/question.js +1 -1
- package/dist/src/nile-icon/icons/svg/question.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/resource.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/resource.js +1 -1
- package/dist/src/nile-icon/icons/svg/resource.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.js +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.js.map +1 -1
- package/dist/src/nile-option/nile-option.d.ts +3 -1
- package/dist/src/nile-option/nile-option.js +9 -0
- package/dist/src/nile-option/nile-option.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +3 -1
- package/dist/src/nile-select/nile-select.js +11 -0
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/src/index.ts +1 -2
- package/src/nile-calendar/nile-calendar.css.ts +166 -27
- package/src/nile-calendar/nile-calendar.ts +191 -41
- package/src/nile-icon/icons/svg/agent.ts +1 -1
- package/src/nile-icon/icons/svg/api.ts +1 -1
- package/src/nile-icon/icons/svg/apply-filter.ts +1 -1
- package/src/nile-icon/icons/svg/arrowdropdown.ts +1 -1
- package/src/nile-icon/icons/svg/arrowdropup.ts +1 -1
- package/src/nile-icon/icons/svg/database.ts +1 -1
- package/src/nile-icon/icons/svg/done.ts +1 -1
- package/src/nile-icon/icons/svg/dontmap.ts +1 -1
- package/src/nile-icon/icons/svg/doublearrowleft.ts +1 -1
- package/src/nile-icon/icons/svg/doublearrowright.ts +1 -1
- package/src/nile-icon/icons/svg/drag.ts +1 -1
- package/src/nile-icon/icons/svg/expand-06.ts +1 -1
- package/src/nile-icon/icons/svg/expand.ts +1 -1
- package/src/nile-icon/icons/svg/integer.ts +1 -1
- package/src/nile-icon/icons/svg/pluscircle.ts +1 -1
- package/src/nile-icon/icons/svg/question.ts +1 -1
- package/src/nile-icon/icons/svg/resource.ts +1 -1
- package/src/nile-icon/icons/svg/sendescalation.ts +1 -1
- package/src/nile-icon/icons/svg/sendreminder.ts +1 -1
- package/src/nile-icon/icons/svg/timezone.ts +1 -1
- package/src/nile-icon/icons/svg/unmute.ts +1 -1
- package/src/nile-icon/icons/svg/upgrade.ts +1 -1
- package/src/nile-option/nile-option.ts +9 -1
- package/src/nile-select/nile-select.ts +14 -1
- package/vscode-html-custom-data.json +71 -146
- package/src/nile-slider/index.ts +0 -1
- package/src/nile-slider/nile-slider.css.ts +0 -119
- package/src/nile-slider/nile-slider.template.ts +0 -77
- package/src/nile-slider/nile-slider.ts +0 -215
- package/src/nile-slider/types/nile-slider.enums.ts +0 -10
- package/src/nile-slider/types/nile-slider.types.ts +0 -13
- package/src/nile-slider/utils/nile-slider.utils.ts +0 -136
@@ -1,2 +1,2 @@
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./nile-file-upload.template.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","../lit-html-9b3af046.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,r,a,o,l,p,n,d,u,c,m,f,j,v,y,g,S,b,_templateObject,w;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){e=_utilsDragDropUtilCjsJs.D;},function(_nileFileUploadTemplateCjsJs){h=_nileFileUploadTemplateCjsJs.g;r=_nileFileUploadTemplateCjsJs.a;a=_nileFileUploadTemplateCjsJs.b;o=_nileFileUploadTemplateCjsJs.c;l=_nileFileUploadTemplateCjsJs.d;p=_nileFileUploadTemplateCjsJs.e;},function(_typesFileUploadEnumsCjsJs){n=_typesFileUploadEnumsCjsJs.c;d=_typesFileUploadEnumsCjsJs.F;u=_typesFileUploadEnumsCjsJs.d;c=_typesFileUploadEnumsCjsJs.b;},function(_lit){m=_lit.html;},function(_litDecoratorsJs){f=_litDecoratorsJs.property;j=_litDecoratorsJs.query;v=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){y=_utilsFileValidationUtilCjsJs.s;g=_utilsFileValidationUtilCjsJs.a;S=_utilsFileValidationUtilCjsJs.b;b=_utilsFileValidationUtilCjsJs.u;},function(_litHtml001CjsJs){}],execute:function execute(){_export("N",w=/*#__PURE__*/function(_i){function w(){var _this;_classCallCheck(this,w);_this=_callSuper(this,w,arguments),_this.size="
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-file-upload.css.cjs.js","../internal/nile-element.cjs.js","./utils/drag-drop.util.cjs.js","./nile-file-upload.template.cjs.js","./types/file-upload.enums.cjs.js","lit","lit/decorators.js","./utils/file-validation.util.cjs.js","../lit-html-9b3af046.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,r,a,o,l,p,n,d,u,c,m,f,j,v,y,g,S,b,_templateObject,w;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileFileUploadCssCjsJs){s=_nileFileUploadCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_utilsDragDropUtilCjsJs){e=_utilsDragDropUtilCjsJs.D;},function(_nileFileUploadTemplateCjsJs){h=_nileFileUploadTemplateCjsJs.g;r=_nileFileUploadTemplateCjsJs.a;a=_nileFileUploadTemplateCjsJs.b;o=_nileFileUploadTemplateCjsJs.c;l=_nileFileUploadTemplateCjsJs.d;p=_nileFileUploadTemplateCjsJs.e;},function(_typesFileUploadEnumsCjsJs){n=_typesFileUploadEnumsCjsJs.c;d=_typesFileUploadEnumsCjsJs.F;u=_typesFileUploadEnumsCjsJs.d;c=_typesFileUploadEnumsCjsJs.b;},function(_lit){m=_lit.html;},function(_litDecoratorsJs){f=_litDecoratorsJs.property;j=_litDecoratorsJs.query;v=_litDecoratorsJs.customElement;},function(_utilsFileValidationUtilCjsJs){y=_utilsFileValidationUtilCjsJs.s;g=_utilsFileValidationUtilCjsJs.a;S=_utilsFileValidationUtilCjsJs.b;b=_utilsFileValidationUtilCjsJs.u;},function(_litHtml001CjsJs){}],execute:function execute(){_export("N",w=/*#__PURE__*/function(_i){function w(){var _this;_classCallCheck(this,w);_this=_callSuper(this,w,arguments),_this.size="150MB",_this.error=!1,_this.errorMessage="",_this.allowMultiple=!1,_this.allowDuplicates=!1,_this.uploadedFiles=[],_this.title=n.TITLE,_this.subtitle=n.SUBTITLE,_this.state=d.DEFAULT,_this.variant=u.HORIZONTAL,_this.fileUploadUrl="",_this.autoUpload=!0,_this.uploadRequests=new Map(),_this.setState=function(t){_this.state=t;};return _this;}_inherits(w,_i);return _createClass(w,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(w,"connectedCallback",this,3)([]),this.emit(c.NILE_INIT);}},{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(w,"firstUpdated",this,3)([t]),this.dragHandler=new e(),y(this,this.dragHandler,this.allowMultiple,this.uploadedFiles,this.errorMessage,this.size,this.allowDuplicates),g(this,this.dragHandler,this.uploadRequests),S(this.dragHandler);}},{key:"updated",value:function updated(t){_superPropGet(w,"updated",this,3)([t]),t.has("uploadedFiles")?(0===this.uploadedFiles.length&&(this.errorMessage=""),this.fileUploadUrl&&this.autoUpload&&b(this),this.emit(c.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state);}},{key:"browseFiles",value:function browseFiles(){this.emit(c.NILE_BROWSE),this.errorMessage="",this.input.click();}},{key:"render",value:function render(){return m(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n "])),this.getState());}},{key:"getState",value:function getState(){return this.variant===u.HORIZONTAL?this.getHorizontalState():this.getVerticalState();}},{key:"getHorizontalState",value:function getHorizontalState(){switch(this.state){case d.DEFAULT:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage);case d.DISABLED:return a(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage);case d.DRAG:return r();default:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage);}}},{key:"getVerticalState",value:function getVerticalState(){switch(this.state){case d.DEFAULT:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage);case d.DISABLED:return p(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage);case d.DRAG:return l();default:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage);}}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.emit(c.NILE_DESTROY);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([f({type:String})],w.prototype,"size",void 0),t([f({type:Boolean})],w.prototype,"error",void 0),t([f({type:String})],w.prototype,"errorMessage",void 0),t([f({type:Boolean})],w.prototype,"allowMultiple",void 0),t([f({type:Boolean})],w.prototype,"allowDuplicates",void 0),t([f({type:Array})],w.prototype,"uploadedFiles",void 0),t([f({type:String})],w.prototype,"title",void 0),t([f({type:String})],w.prototype,"subtitle",void 0),t([f({type:String})],w.prototype,"state",void 0),t([f({type:String})],w.prototype,"variant",void 0),t([f({type:String})],w.prototype,"fileUploadUrl",void 0),t([f({type:Boolean})],w.prototype,"autoUpload",void 0),t([j("input")],w.prototype,"input",void 0),_export("N",w=t([v("nile-file-upload")],w));}};});
|
2
2
|
//# sourceMappingURL=nile-file-upload.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { getHorizontalDisabledState } from './nile-file-upload.template'\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n getHorizontalDefaultState,\n getHorizontalDragState,\n getVerticalDefaultState,\n getVerticalDisabledState,\n getVerticalDragState,\n} from './nile-file-upload.template';\n\n/**\n * Nile file-upload component.\n *\n * @tag nile-file-upload\n *\n */\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n /**\n * The styles for nile-file-upload\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: String }) size: string = \"10MB\";\n @property({ type: Boolean}) error: boolean = false;\n @property({ type: String }) errorMessage: string = \"\";\n @property({ type: Boolean}) allowMultiple: boolean = false;\n @property({ type: Boolean}) allowDuplicates: boolean = false;\n @property({ type: Array }) uploadedFiles: File[] = [];\n @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT; \n @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n @property({ type: String }) fileUploadUrl: string = \"\";\n @property({ type: Boolean}) autoUpload: boolean = true;\n @query('input') input!: HTMLInputElement;\n public uploadRequests = new Map<File, XMLHttpRequest>();\n \n private dragHandler!: DragHandler;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FileUploadEvent.NILE_INIT);\n }\n\n firstUpdated(changedProps: ChangedPropsInterface): void {\n super.firstUpdated(changedProps);\n\n this.dragHandler = new DragHandler();\n setUpDragHandler(this, this.dragHandler, this.allowMultiple, this.uploadedFiles, this.errorMessage, this.size, this.allowDuplicates);\n addInternalListeners(this, this.dragHandler, this.uploadRequests);\n addGlobalListeners(this.dragHandler);\n }\n\n updated(changedProps: ChangedPropsInterface): void {\n super.updated(changedProps);\n\n if (changedProps.has('uploadedFiles')) {\n if(this.uploadedFiles.length === 0) this.errorMessage = \"\";\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n\n } else if (changedProps.has('state')) {\n this.dragHandler.setValuesInDragHandler(this.state);\n }\n }\n\n private browseFiles(): void {\n this.emit(FileUploadEvent.NILE_BROWSE);\n this.errorMessage = \"\";\n this.input.click();\n }\n\n public setState = (newState: FileUploadState): void => {\n this.state = newState;\n }\n\n render(): TemplateResult {\n return html`\n ${this.getState()}\n `;\n }\n\n private getState(): TemplateResult {\n return this.variant === FileUploadVariant.HORIZONTAL\n ? this.getHorizontalState()\n : this.getVerticalState();\n }\n\n private getHorizontalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n\n case FileUploadState.DISABLED:\n return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n\n case FileUploadState.DRAG:\n return getHorizontalDragState();\n\n default:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n }\n }\n\n private getVerticalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n\n case FileUploadState.DISABLED:\n return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n\n case FileUploadState.DRAG:\n return getVerticalDragState();\n\n default:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n }\n }\n\n disconnectedCallback(): void {\n this.emit(FileUploadEvent.NILE_DESTROY);\n }\n}\n"],"names":["NileFileUpload","_i","w","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","uploadRequests","Map","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","length","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","_export","customElement"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-file-upload.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { getHorizontalDisabledState } from './nile-file-upload.template'\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners, uploadFiles, cancelFileUpload } from './utils/file-validation.util';\nimport {\n getHorizontalDefaultState,\n getHorizontalDragState,\n getVerticalDefaultState,\n getVerticalDisabledState,\n getVerticalDragState,\n} from './nile-file-upload.template';\n\n/**\n * Nile file-upload component.\n *\n * @tag nile-file-upload\n *\n */\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n /**\n * The styles for nile-file-upload\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: String }) size: string = \"150MB\";\n @property({ type: Boolean}) error: boolean = false;\n @property({ type: String }) errorMessage: string = \"\";\n @property({ type: Boolean}) allowMultiple: boolean = false;\n @property({ type: Boolean}) allowDuplicates: boolean = false;\n @property({ type: Array }) uploadedFiles: File[] = [];\n @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT; \n @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n @property({ type: String }) fileUploadUrl: string = \"\";\n @property({ type: Boolean}) autoUpload: boolean = true;\n @query('input') input!: HTMLInputElement;\n public uploadRequests = new Map<File, XMLHttpRequest>();\n \n private dragHandler!: DragHandler;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.emit(FileUploadEvent.NILE_INIT);\n }\n\n firstUpdated(changedProps: ChangedPropsInterface): void {\n super.firstUpdated(changedProps);\n\n this.dragHandler = new DragHandler();\n setUpDragHandler(this, this.dragHandler, this.allowMultiple, this.uploadedFiles, this.errorMessage, this.size, this.allowDuplicates);\n addInternalListeners(this, this.dragHandler, this.uploadRequests);\n addGlobalListeners(this.dragHandler);\n }\n\n updated(changedProps: ChangedPropsInterface): void {\n super.updated(changedProps);\n\n if (changedProps.has('uploadedFiles')) {\n if(this.uploadedFiles.length === 0) this.errorMessage = \"\";\n if(this.fileUploadUrl && this.autoUpload) {\n uploadFiles(this);\n }\n this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n\n } else if (changedProps.has('state')) {\n this.dragHandler.setValuesInDragHandler(this.state);\n }\n }\n\n private browseFiles(): void {\n this.emit(FileUploadEvent.NILE_BROWSE);\n this.errorMessage = \"\";\n this.input.click();\n }\n\n public setState = (newState: FileUploadState): void => {\n this.state = newState;\n }\n\n render(): TemplateResult {\n return html`\n ${this.getState()}\n `;\n }\n\n private getState(): TemplateResult {\n return this.variant === FileUploadVariant.HORIZONTAL\n ? this.getHorizontalState()\n : this.getVerticalState();\n }\n\n private getHorizontalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n\n case FileUploadState.DISABLED:\n return getHorizontalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n\n case FileUploadState.DRAG:\n return getHorizontalDragState();\n\n default:\n return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.state, this.errorMessage);\n }\n }\n\n private getVerticalState(): TemplateResult {\n switch(this.state) {\n case FileUploadState.DEFAULT:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n\n case FileUploadState.DISABLED:\n return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n\n case FileUploadState.DRAG:\n return getVerticalDragState();\n\n default:\n return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.dragHandler, this.errorMessage);\n }\n }\n\n disconnectedCallback(): void {\n this.emit(FileUploadEvent.NILE_DESTROY);\n }\n}\n"],"names":["NileFileUpload","_i","w","constructor","this","size","error","errorMessage","allowMultiple","allowDuplicates","uploadedFiles","title","FileUploadDefaults","TITLE","subtitle","SUBTITLE","state","FileUploadState","DEFAULT","variant","FileUploadVariant","HORIZONTAL","fileUploadUrl","autoUpload","uploadRequests","Map","setState","newState","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","FileUploadEvent","NILE_INIT","firstUpdated","changedProps","dragHandler","DragHandler","setUpDragHandler","addInternalListeners","addGlobalListeners","updated","has","length","uploadFiles","NILE_CHANGE","files","setValuesInDragHandler","browseFiles","NILE_BROWSE","input","click","render","html","_templateObject","_taggedTemplateLiteral","getState","getHorizontalState","getVerticalState","getHorizontalDefaultState","DISABLED","getHorizontalDisabledState","DRAG","getHorizontalDragState","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","disconnectedCallback","NILE_DESTROY","get","styles","NileElement","__decorate","property","type","String","prototype","Boolean","Array","query","_export","customElement"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
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 margin-bottom: 10px;\n height: 62px;\n max-width: 648px;\n width: max(648px, 100%);\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative; \n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n }\n\n /* DISABLED STATE */\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n /* DRAGGING */\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n /* Uploading State */\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n /* PREVIEW STATE */\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n\n /* NO PREVIEW STATE */\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n /* ERROR STATE */\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n /* VARTICAL STATE START */\n /* Default State */\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container h4 {\n font-weight: var(--nile-font-weight-regular);\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 }\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 }\n\n /* Drag State */\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n /* Uploading State */\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n /* Preview State */\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n /* Vertical No Preview State */\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n /* Veritcal Error State */\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n /* Displaing uploaded files CSS */\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n /* for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-500);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n }\n"]))));}};});
|
1
|
+
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 width: min-content;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n margin-bottom: 10px;\n height: 62px;\n max-width: 648px;\n width: max(648px, 100%);\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative; \n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n\n /* DISABLED STATE */\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n /* DRAGGING */\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n /* Uploading State */\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n /* PREVIEW STATE */\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n\n /* NO PREVIEW STATE */\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n /* ERROR STATE */\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n /* VARTICAL STATE START */\n /* Default State */\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container 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 }\n\n /* Drag State */\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n /* Uploading State */\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n /* Preview State */\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n /* Vertical No Preview State */\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n /* Veritcal Error State */\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n /* Displaing uploaded files CSS */\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n /* for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-700);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-file-upload.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FileUpload CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n }\n\n * {\n padding: 0px;\n margin: 0px;\n box-sizing: border-box;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 18px;\n height: auto;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n margin-bottom: 10px;\n height: 62px;\n max-width: 648px;\n width: max(648px, 100%);\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative; \n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n }\n\n /* DISABLED STATE */\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n /* DRAGGING */\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n /* Uploading State */\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n /* PREVIEW STATE */\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n\n /* NO PREVIEW STATE */\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n /* ERROR STATE */\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n /* VARTICAL STATE START */\n /* Default State */\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container h4 {\n font-weight: var(--nile-font-weight-regular);\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 }\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 }\n\n /* Drag State */\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n /* Uploading State */\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n /* Preview State */\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n /* Vertical No Preview State */\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n /* Veritcal Error State */\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n /* Displaing uploaded files CSS */\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n /* for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-500);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
1
|
+
{"version":3,"file":"nile-file-upload.css.cjs.js","sources":["../../../src/nile-file-upload/nile-file-upload.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FileUpload CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n }\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 width: min-content;\n }\n\n input {\n display: none;\n }\n\n .horizontal-div {\n margin-bottom: 10px;\n height: 62px;\n max-width: 648px;\n width: max(648px, 100%);\n min-width: 230px;\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px dashed var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n background-color: var(--nile-colors-white-base);\n }\n\n .hover-border {\n border-color: var(--nile-colors-primary-600);\n }\n\n .vertical-div {\n min-height: 156px;\n height: auto;\n min-width: 240px;\n width: 240px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n border-radius: var(--nile-radius-radius-xs);\n color: var(--nile-colors-dark-900);\n border: 1px dashed var(--nile-colors-neutral-500);\n background-color: var(--nile-colors-white-base);\n position: relative; \n }\n\n .vertical-div:hover {\n border-color: var(--nile-colors-blue-500);\n }\n\n .outer-div-border {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .inner-div {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n box-sizing: border-box;\n }\n\n .content {\n display: flex; \n flex-direction: column;\n justify-content: center;\n gap: 8px;\n }\n\n .content h4 {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-dark-900);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n \n .content p {\n margin: 0px;\n font-size: var(--nile-type-scale-2);\n color: var(--nile-colors-neutral-700);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 454px;\n }\n\n /* DISABLED STATE */\n .disable {\n background-color: var(--nile-colors-dark-200);\n opacity: 0.8;\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500);\n pointer-events: none;\n }\n\n /* DRAGGING */\n .dragging {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 18px;\n color: var(--nile-colors-blue-700);\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .icons-container {\n display: flex;\n gap: 4px;\n }\n\n .general-icon {\n transform: rotate(-18.11deg);\n position: relative;\n bottom: 3px;\n }\n\n .image-icon {\n transform: rotate(15deg);\n }\n\n .icon:hover {\n cursor: pointer;\n }\n\n /* Uploading State */\n .uploading {\n width: 648px;\n min-width: 230px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-400)\n }\n \n .uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .progress-bar-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0px;\n }\n\n .progress-bar-percent {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .progress-bar-container p {\n margin: 0px;\n }\n\n .progress-bar-container > p {\n font-size: var(--nile-type-scale-1);\n color: var(--nile-colors-dark-500);\n }\n\n /* PREVIEW STATE */\n .preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .preview-inner {\n display: flex;\n gap: 18px;\n }\n\n .preview-image-container {\n height: 42px;\n width: 42px;\n }\n\n .preview-image-container img {\n height: 42px;\n width: 42px;\n object-fit: contain;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-neutral-400);\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview nile-icon:hover {\n cursor: pointer;\n }\n\n\n /* NO PREVIEW STATE */\n .no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .no-preview-container {\n display: flex;\n gap: 18px;\n }\n\n .document-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n .document-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .preview-file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .preview-file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .preview-file-info p:last-of-type{\n color: var(--nile-colors-neutral-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .no-preview > nile-icon:hover {\n cursor: pointer;\n }\n\n /* ERROR STATE */\n \n .error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-container {\n width: 100%;\n display: flex;\n gap: 18px;\n }\n\n .error-icon {\n height: 40px;\n width: 40px;\n border-radius: var(--nile-radius-radius-xs);\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--nile-colors-red-400);\n background-color: var(--nile-colors-red-100);\n }\n\n .error-icon nile-icon {\n height: 40px;\n width: 40px;\n }\n \n .file-info {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n }\n\n .file-info p {\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .file-info p:last-of-type{\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n }\n\n .error > nile-icon:hover {\n cursor: pointer;\n }\n\n /* VARTICAL STATE START */\n /* Default State */\n\n .vertical-default {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px\n }\n\n .content-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n }\n\n .content-container 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 }\n\n /* Drag State */\n .vertical-drag {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap:18px;\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-blue-700);\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-blue-500);\n }\n\n /* Uploading State */\n .vertical-uploading {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-uploading:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .corner-icon {\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n /* Preview State */\n .vertical-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .image-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n object-fit: cover;\n width: 80px;\n height: 80px;\n border-radius: var(--nile-radius-radius-xs);\n }\n\n /* Vertical No Preview State */\n .vertical-no-preview {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-no-preview:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .vertical-document-icon {\n height: 80px;\n width: 80px;\n padding: 2px 3px 2px 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--nile-radius-radius-xs);\n border: 1px solid var(--nile-colors-blue-400);\n background-color: var(--nile-colors-blue-100);\n }\n\n /* Veritcal Error State */\n .vertical-error {\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .vertical-error:hover {\n border-color: var(--nile-colors-neutral-400);\n }\n\n .error-bg {\n background-color: var(--nile-colors-red-100);\n border: 1px solid var(--nile-colors-red-400);\n }\n\n .error-message {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin: 0px;\n font-size: var(--nile-type-scale-3);\n font-weight: var(--nile-font-weight-regular);\n text-align: start;\n }\n\n .error-p {\n color: var(--nile-colors-red-700);\n font-size: var(--nile-type-scale-2);\n width: 216px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n }\n\n .error-p p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n\n\n /* Displaing uploaded files CSS */\n .display-files {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n width: 648px;\n min-width: 230px;\n max-height: 200px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-neutral-700);\n border-radius: var(--nile-radius-radius-xs);\n scrollbar-width: none;\n padding: 12px;\n }\n\n ul, li {\n width: 100%;\n }\n\n li {\n list-style-type: none;\n }\n\n /* for the upload error messages */\n .upload-error {\n font-size: var(--nile-type-scale-2);\n font-weight: var(--nile-font-weight-regular);\n color: var(--nile-colors-red-700);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: var(--nile-spacing-one-half-x);\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -16,6 +16,7 @@ import{css as e}from"lit";const r=e`
|
|
16
16
|
align-items: center;
|
17
17
|
gap: 18px;
|
18
18
|
height: auto;
|
19
|
+
width: min-content;
|
19
20
|
}
|
20
21
|
|
21
22
|
input {
|
@@ -88,12 +89,22 @@ import{css as e}from"lit";const r=e`
|
|
88
89
|
font-size: var(--nile-type-scale-3);
|
89
90
|
font-weight: var(--nile-font-weight-regular);
|
90
91
|
color: var(--nile-colors-dark-900);
|
92
|
+
text-align: center;
|
93
|
+
white-space: nowrap;
|
94
|
+
text-overflow: ellipsis;
|
95
|
+
overflow: hidden;
|
96
|
+
width: 454px;
|
91
97
|
}
|
92
98
|
|
93
99
|
.content p {
|
94
100
|
margin: 0px;
|
95
101
|
font-size: var(--nile-type-scale-2);
|
96
102
|
color: var(--nile-colors-neutral-700);
|
103
|
+
text-align: center;
|
104
|
+
white-space: nowrap;
|
105
|
+
text-overflow: ellipsis;
|
106
|
+
overflow: hidden;
|
107
|
+
width: 454px;
|
97
108
|
}
|
98
109
|
|
99
110
|
/* DISABLED STATE */
|
@@ -365,12 +376,22 @@ import{css as e}from"lit";const r=e`
|
|
365
376
|
|
366
377
|
.content-container h4 {
|
367
378
|
font-weight: var(--nile-font-weight-regular);
|
379
|
+
text-align: center;
|
380
|
+
white-space: nowrap;
|
381
|
+
text-overflow: ellipsis;
|
382
|
+
overflow: hidden;
|
383
|
+
width: 222px;
|
368
384
|
}
|
369
385
|
|
370
386
|
.content-container p:first-child {
|
371
387
|
margin: 0px;
|
372
388
|
font-size: var(--nile-type-scale-3);
|
373
389
|
font-weight: var(--nile-font-weight-regular);
|
390
|
+
text-align: center;
|
391
|
+
white-space: nowrap;
|
392
|
+
text-overflow: ellipsis;
|
393
|
+
overflow: hidden;
|
394
|
+
width: 222px;
|
374
395
|
}
|
375
396
|
|
376
397
|
.content-container p:last-child {
|
@@ -529,7 +550,7 @@ import{css as e}from"lit";const r=e`
|
|
529
550
|
.upload-error {
|
530
551
|
font-size: var(--nile-type-scale-2);
|
531
552
|
font-weight: var(--nile-font-weight-regular);
|
532
|
-
color: var(--nile-colors-red-
|
553
|
+
color: var(--nile-colors-red-700);
|
533
554
|
display: flex;
|
534
555
|
justify-content: flex-start;
|
535
556
|
align-items: center;
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{s}from"./nile-file-upload.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{D as e}from"./utils/drag-drop.util.esm.js";import{g as h,a as r,b as a,c as o,d as l,e as p}from"./nile-file-upload.template.esm.js";import{c as n,F as d,d as u,b as m}from"./types/file-upload.enums.esm.js";import{html as c}from"lit";import{property as f,query as v,customElement as y}from"lit/decorators.js";import{s as g,a as S,b,u as j}from"./utils/file-validation.util.esm.js";import"../lit-html-39a6718c.esm.js";let w=class extends i{constructor(){super(...arguments),this.size="
|
1
|
+
import{__decorate as t}from"tslib";import{s}from"./nile-file-upload.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{D as e}from"./utils/drag-drop.util.esm.js";import{g as h,a as r,b as a,c as o,d as l,e as p}from"./nile-file-upload.template.esm.js";import{c as n,F as d,d as u,b as m}from"./types/file-upload.enums.esm.js";import{html as c}from"lit";import{property as f,query as v,customElement as y}from"lit/decorators.js";import{s as g,a as S,b,u as j}from"./utils/file-validation.util.esm.js";import"../lit-html-39a6718c.esm.js";let w=class extends i{constructor(){super(...arguments),this.size="150MB",this.error=!1,this.errorMessage="",this.allowMultiple=!1,this.allowDuplicates=!1,this.uploadedFiles=[],this.title=n.TITLE,this.subtitle=n.SUBTITLE,this.state=d.DEFAULT,this.variant=u.HORIZONTAL,this.fileUploadUrl="",this.autoUpload=!0,this.uploadRequests=new Map,this.setState=t=>{this.state=t}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit(m.NILE_INIT)}firstUpdated(t){super.firstUpdated(t),this.dragHandler=new e,g(this,this.dragHandler,this.allowMultiple,this.uploadedFiles,this.errorMessage,this.size,this.allowDuplicates),S(this,this.dragHandler,this.uploadRequests),b(this.dragHandler)}updated(t){super.updated(t),t.has("uploadedFiles")?(0===this.uploadedFiles.length&&(this.errorMessage=""),this.fileUploadUrl&&this.autoUpload&&j(this),this.emit(m.NILE_CHANGE,{files:this.uploadedFiles})):t.has("state")&&this.dragHandler.setValuesInDragHandler(this.state)}browseFiles(){this.emit(m.NILE_BROWSE),this.errorMessage="",this.input.click()}render(){return c`
|
2
2
|
${this.getState()}
|
3
3
|
`}getState(){return this.variant===u.HORIZONTAL?this.getHorizontalState():this.getVerticalState()}getHorizontalState(){switch(this.state){case d.DEFAULT:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage);case d.DISABLED:return a(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage);case d.DRAG:return r();default:return h(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.state,this.errorMessage)}}getVerticalState(){switch(this.state){case d.DEFAULT:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage);case d.DISABLED:return p(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage);case d.DRAG:return l();default:return o(this.browseFiles,this.title,this.subtitle,this.dragHandler,this.errorMessage)}}disconnectedCallback(){this.emit(m.NILE_DESTROY)}};t([f({type:String})],w.prototype,"size",void 0),t([f({type:Boolean})],w.prototype,"error",void 0),t([f({type:String})],w.prototype,"errorMessage",void 0),t([f({type:Boolean})],w.prototype,"allowMultiple",void 0),t([f({type:Boolean})],w.prototype,"allowDuplicates",void 0),t([f({type:Array})],w.prototype,"uploadedFiles",void 0),t([f({type:String})],w.prototype,"title",void 0),t([f({type:String})],w.prototype,"subtitle",void 0),t([f({type:String})],w.prototype,"state",void 0),t([f({type:String})],w.prototype,"variant",void 0),t([f({type:String})],w.prototype,"fileUploadUrl",void 0),t([f({type:Boolean})],w.prototype,"autoUpload",void 0),t([v("input")],w.prototype,"input",void 0),w=t([y("nile-file-upload")],w);export{w as N};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js"],function(_export,_context){"use strict";var i,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,s,n,l,t,o,a,r,c,d,v,
|
1
|
+
System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs.js"],function(_export,_context){"use strict";var i,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,s,n,l,t,o,a,r,c,d,v,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n2=0,F=function F(){};return{s:F,n:function n(){return _n2>=r.length?{done:!0}:{done:!1,value:r[_n2++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[function(_lit){i=_lit.html;},function(_nileFileUploadCssCjsJs){},function(_litHtml001CjsJs){e=_litHtml001CjsJs.T;}],execute:function execute(){/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2017 Google LLC
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
@@ -6,5 +6,5 @@ System.register(["lit","./nile-file-upload.css.cjs.js","../lit-html-9b3af046.cjs
|
|
6
6
|
* @license
|
7
7
|
* Copyright 2018 Google LLC
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
-
*/l=function(i){return function(){for(var _len=arguments.length,e=new Array(_len),_key=0;_key<_len;_key++){e[_key]=arguments[_key];}return{_$litDirective$:i,values:e};};}(/*#__PURE__*/function(_n){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==s||"class"!==i.name||((_i$strings=i.strings)===null||_i$strings===void 0?void 0:_i$strings.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");return _this;}_inherits(_class,_n);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),s=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in s){var _this$nt;s[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(s);}var n=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in s||(n.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in s){var _this$nt2;var _e=!!s[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(n.add(_i2),this.st.add(_i2)):(n.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(n)),t=function t(e,s,n,_t,o,a,r){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div>\n <div class=",">\n <div class=\"inner-div\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content\">\n <slot name=\"title\">\n <h4>","</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>","</p>\n </slot>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=","\n @change=","\n multiple\n />\n <slot @click="," name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=",">\n Browse File\n </nile-button>\n </slot>\n </div>\n ","\n </div>\n"])),l({"hover-border":"hover"===a,"horizontal-div":!0,disable:_t}),s,n,_t,function(i){o.handleFiles(i);},_t?void 0:e,_t,r?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>","</span>\n </div>"])),r):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))));},_export("g",o=function o(i,e,s,n,l,_o){return t(i,e,s,!1,n,l,_o);}),_export("b",a=function a(i,e,s,n,l,o){return t(i,e,s,!0,n,l,o);}),_export("a",r=function r(){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n"])));}),c=function c(e,s,n,l,t,o){return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <div>\n <div class=\"vertical-default vertical-div ","\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content-container\">\n <slot name=\"title\">\n <h4>","</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>","</p>\n </slot>\n </div>\n <input\n type=\"file\"\n ?disabled=","\n @change=","\n multiple\n />\n <slot @click="," name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=",">\n Browse File\n </nile-button>\n </slot>\n </div>\n ","\n </div>\n"])),l?"disable":"",s,n,l,function(i){return t.handleFiles(i);},l?void 0:e,l,o?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>","</span>\n </div>"])),o):i(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""]))));},_export("c",d=function d(i,e,s,n,l){return c(i,e,s,!1,n,l);}),_export("e",v=function v(i,e,s,n,l){return c(i,e,s,!0,n,l);}),_export("d",
|
9
|
+
*/l=function(i){return function(){for(var _len=arguments.length,e=new Array(_len),_key=0;_key<_len;_key++){e[_key]=arguments[_key];}return{_$litDirective$:i,values:e};};}(/*#__PURE__*/function(_n){function _class(i){var _i$strings;var _this;_classCallCheck(this,_class);if(_this=_callSuper(this,_class,[i]),i.type!==s||"class"!==i.name||((_i$strings=i.strings)===null||_i$strings===void 0?void 0:_i$strings.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");return _this;}_inherits(_class,_n);return _createClass(_class,[{key:"render",value:function render(i){return" "+Object.keys(i).filter(function(e){return i[e];}).join(" ")+" ";}},{key:"update",value:function update(i,_ref){var _ref2=_slicedToArray(_ref,1),s=_ref2[0];if(void 0===this.st){this.st=new Set(),void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(function(i){return""!==i;})));for(var _i in s){var _this$nt;s[_i]&&!((_this$nt=this.nt)!==null&&_this$nt!==void 0&&_this$nt.has(_i))&&this.st.add(_i);}return this.render(s);}var n=i.element.classList;var _iterator=_createForOfIteratorHelper(this.st),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i3=_step.value;_i3 in s||(n.remove(_i3),this.st["delete"](_i3));}}catch(err){_iterator.e(err);}finally{_iterator.f();}for(var _i2 in s){var _this$nt2;var _e=!!s[_i2];_e===this.st.has(_i2)||((_this$nt2=this.nt)===null||_this$nt2===void 0?void 0:_this$nt2.has(_i2))||(_e?(n.add(_i2),this.st.add(_i2)):(n.remove(_i2),this.st["delete"](_i2)));}return e;}}]);}(n)),t=function t(e,s,n,_t,o,a,r){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"wrapper\">\n <div class=",">\n <div class=\"inner-div\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content\">\n <slot name=\"title\">\n <h4>","</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>","</p>\n </slot>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=","\n @change=","\n multiple\n />\n <slot @click="," name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=",">\n Browse File\n </nile-button>\n </slot>\n </div>\n ","\n </div>\n"])),l({"hover-border":"hover"===a,"horizontal-div":!0,disable:_t}),s,n,_t,function(i){o.handleFiles(i);},_t?void 0:e,_t,r?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>","</span>\n </div>"])),r):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))));},_export("g",o=function o(i,e,s,n,l,_o){return t(i,e,s,!1,n,l,_o);}),_export("b",a=function a(i,e,s,n,l,o){return t(i,e,s,!0,n,l,o);}),_export("a",r=function r(){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n"])));}),c=function c(e,s,n,l,t,o){return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <div class=\"wrapper\">\n <div class=\"vertical-default vertical-div ","\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content-container\">\n <slot name=\"title\">\n <h4>","</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>","</p>\n </slot>\n </div>\n <input\n type=\"file\"\n ?disabled=","\n @change=","\n multiple\n />\n <slot @click="," name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=",">\n Browse File\n </nile-button>\n </slot>\n </div>\n ","\n </div>\n"])),l?"disable":"",s,n,l,function(i){return t.handleFiles(i);},l?void 0:e,l,o?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>","</span>\n </div>"])),o):i(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""]))));},_export("c",d=function d(i,e,s,n,l){return c(i,e,s,!1,n,l);}),_export("e",v=function v(i,e,s,n,l){return c(i,e,s,!0,n,l);}),_export("d",p=function p(){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n <div class=\"vertical-div vertical-drag\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n"])));});}};});
|
10
10
|
//# sourceMappingURL=nile-file-upload.template.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directive.js","../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadState } from './types/file-upload.enums';\n\nconst baseHorizontalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => html`\n <div>\n <div class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\n <div class=\"inner-div\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content\">\n <slot name=\"title\">\n <h4>${title}</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>${subtitle}</p>\n </slot>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event | DragEvent) => { dragHandler.handleFiles(e) }}\n multiple\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage ?\n html`<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>${errorMessage}</span>\n </div>` :\n html``\n }\n </div>\n`;\n\nexport const getHorizontalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage);\n\nexport const getHorizontalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n <div class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n`;\n\n// Vertical States\nconst baseVerticalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => html`\n <div>\n <div class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content-container\">\n <slot name=\"title\">\n <h4>${title}</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>${subtitle}</p>\n </slot>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n multiple\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage ?\n html`<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>${errorMessage}</span>\n </div>` :\n html``\n }\n </div>\n`;\n\nexport const getVerticalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage);\n\nexport const getVerticalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\n <div class=\"vertical-div vertical-drag\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n`;"],"names":["t","i","n","_createClass","key","get","_$AU","this","_$AM","value","_$AT","e","_$Ct","_$Ci","_$AS","update","render","_len","arguments","length","Array","_key","_$litDirective$","values","s","_class","super","type","r","name","strings","Error","_this","_inherits","_n","Object","keys","filter","join","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","done","remove","err","f","_this$nt2","delete","baseHorizontalState","browseFiles","title","subtitle","disabled","dragHandler","state","errorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","disable","handleFiles","undefined","_templateObject2","_templateObject3","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalDragState","_templateObject4","baseVerticalState","_templateObject5","_templateObject6","_templateObject7","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","_templateObject8"],"mappings":"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","x_google_ignoreList":[0,1]}
|
1
|
+
{"version":3,"file":"nile-file-upload.template.cjs.js","sources":["../../../../node_modules/lit-html/directive.js","../../../../node_modules/lit-html/directives/class-map.js","../../../src/nile-file-upload/nile-file-upload.template.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadState } from './types/file-upload.enums';\n\nconst baseHorizontalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => html`\n <div class=\"wrapper\">\n <div class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\n <div class=\"inner-div\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content\">\n <slot name=\"title\">\n <h4>${title}</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>${subtitle}</p>\n </slot>\n </div>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event | DragEvent) => { dragHandler.handleFiles(e) }}\n multiple\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage ?\n html`<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>${errorMessage}</span>\n </div>` :\n html``\n }\n </div>\n`;\n\nexport const getHorizontalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage);\n\nexport const getHorizontalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n state: FileUploadState,\n errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n <div class=\"horizontal-div dragging\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n`;\n\n// Vertical States\nconst baseVerticalState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n disabled: boolean,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => html`\n <div class=\"wrapper\">\n <div class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\n <slot name=\"uploadIcon\">\n <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n </slot>\n <div class=\"content-container\">\n <slot name=\"title\">\n <h4>${title}</h4>\n </slot>\n <slot name=\"subtitle\">\n <p>${subtitle}</p>\n </slot>\n </div>\n <input\n type=\"file\"\n ?disabled=${disabled}\n @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n multiple\n />\n <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n Browse File\n </nile-button>\n </slot>\n </div>\n ${errorMessage ?\n html`<div class=\"upload-error\">\n <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n <span>${errorMessage}</span>\n </div>` :\n html``\n }\n </div>\n`;\n\nexport const getVerticalDefaultState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage);\n\nexport const getVerticalDisabledState = (\n browseFiles: Function,\n title: string,\n subtitle: string,\n dragHandler: DragHandler,\n errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\n <div class=\"vertical-div vertical-drag\">\n <div class=\"icons-container\">\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"general\"\n size=\"20\"\n class=\"general-icon\"\n ></nile-icon>\n <nile-icon\n color=\"var(--nile-colors-blue-500)\"\n name=\"image\"\n size=\"24\"\n class=\"image-icon\"\n ></nile-icon>\n </div>\n <p>Drop files here to upload</p>\n </div>\n`;"],"names":["t","i","n","_createClass","key","get","_$AU","this","_$AM","value","_$AT","e","_$Ct","_$Ci","_$AS","update","render","_len","arguments","length","Array","_key","_$litDirective$","values","s","_class","super","type","r","name","strings","Error","_this","_inherits","_n","Object","keys","filter","join","st","Set","nt","split","has","add","element","classList","_iterator","_createForOfIteratorHelper","_step","done","remove","err","f","_this$nt2","delete","baseHorizontalState","browseFiles","title","subtitle","disabled","dragHandler","state","errorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","disable","handleFiles","undefined","_templateObject2","_templateObject3","getHorizontalDefaultState","getHorizontalDisabledState","getHorizontalDragState","_templateObject4","baseVerticalState","_templateObject5","_templateObject6","_templateObject7","getVerticalDefaultState","getVerticalDisabledState","getVerticalDragState","_templateObject8"],"mappings":"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","x_google_ignoreList":[0,1]}
|
@@ -9,7 +9,7 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
|
|
9
9
|
* Copyright 2018 Google LLC
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
11
11
|
*/const l=(i=>(...e)=>({_$litDirective$:i,values:e}))(class extends n{constructor(i){if(super(i),i.type!==s||"class"!==i.name||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[s]){if(void 0===this.st){this.st=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((i=>""!==i))));for(const i in s)s[i]&&!this.nt?.has(i)&&this.st.add(i);return this.render(s)}const n=i.element.classList;for(const i of this.st)i in s||(n.remove(i),this.st.delete(i));for(const i in s){const e=!!s[i];e===this.st.has(i)||this.nt?.has(i)||(e?(n.add(i),this.st.add(i)):(n.remove(i),this.st.delete(i)))}return e}}),t=(e,s,n,t,o,a,r)=>i`
|
12
|
-
<div>
|
12
|
+
<div class="wrapper">
|
13
13
|
<div class=${l({"hover-border":"hover"===a,"horizontal-div":!0,disable:t})}>
|
14
14
|
<div class="inner-div">
|
15
15
|
<slot name="uploadIcon">
|
@@ -60,7 +60,7 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
|
|
60
60
|
<p>Drop files here to upload</p>
|
61
61
|
</div>
|
62
62
|
`,c=(e,s,n,l,t,o)=>i`
|
63
|
-
<div>
|
63
|
+
<div class="wrapper">
|
64
64
|
<div class="vertical-default vertical-div ${l?"disable":""}">
|
65
65
|
<slot name="uploadIcon">
|
66
66
|
<nile-icon name="upload" size="24"></nile-icon>
|
@@ -90,7 +90,7 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
|
|
90
90
|
<span>${o}</span>
|
91
91
|
</div>`:i``}
|
92
92
|
</div>
|
93
|
-
`,d=(i,e,s,n,l)=>c(i,e,s,!1,n,l),v=(i,e,s,n,l)=>c(i,e,s,!0,n,l),
|
93
|
+
`,d=(i,e,s,n,l)=>c(i,e,s,!1,n,l),v=(i,e,s,n,l)=>c(i,e,s,!0,n,l),p=()=>i`
|
94
94
|
<div class="vertical-div vertical-drag">
|
95
95
|
<div class="icons-container">
|
96
96
|
<nile-icon
|
@@ -108,4 +108,4 @@ import{html as i}from"lit";import"./nile-file-upload.css.esm.js";import{T as e}f
|
|
108
108
|
</div>
|
109
109
|
<p>Drop files here to upload</p>
|
110
110
|
</div>
|
111
|
-
`;export{r as a,a as b,d as c,
|
111
|
+
`;export{r as a,a as b,d as c,p as d,v as e,o as g};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
1
|
+
System.register([],function(_export,_context){"use strict";var o,l,r,e,i;_export({F:void 0,d:void 0,a:void 0,b:void 0,c:void 0});return{setters:[],execute:function execute(){!function(o){o.DEFAULT="default",o.DISABLED="disabled",o.HOVER="hover",o.DRAG="drag";}(o||_export("F",o={})),function(o){o.HORIZONTAL="horizontal",o.VERTICAL="vertical";}(l||_export("d",l={})),function(o){o.INVALID_FORMAT="Invalid file format! Upload valid file.",o.SIZE_LIMIT_EXCEEDED="File exceeds size limit! Upload smaller file.",o.MULTIPLE_NOT_ALLOWED="Please Upload Single File!",o.DUPLICATES_NOT_ALLOWED="Duplicate Files Are Not Allowed!",o.UPLOAD_URL_REQUIRED="Upload URL is required!";}(r||_export("a",r={})),function(o){o.NILE_INIT="nile-init",o.NILE_BROWSE="nile-browse",o.NILE_DRAG="nile-drag",o.NILE_CHANGE="nile-change",o.NILE_UPLOADING="nile-uploading",o.NILE_UPLOAD_PROGRESS="nile-upload-progress",o.NILE_UPLOAD_SUCCESS="nile-upload-success",o.NILE_UPLOAD_CANCELLED="nile-upload-cancelled",o.NILE_CANCEL_UPLOAD="nile-cancel-upload",o.NILE_NETWORK_ERROR="nile-network-error",o.SERVER_SIDE_ERROR="nile-server-error",o.NILE_DESTROY="nile-destroy";}(e||_export("b",e={})),function(o){o.TITLE="Drag and drop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to upload",o.SUBTITLE="PNG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratio",o.ERROR_MESSAGE="Invalid File Format.";}(i||_export("c",i={}));}};});
|
2
2
|
//# sourceMappingURL=file-upload.enums.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"file-upload.enums.cjs.js","sources":["../../../../src/nile-file-upload/types/file-upload.enums.ts"],"sourcesContent":["export enum FileUploadState {\n DEFAULT = 'default',\n DISABLED = 'disabled',\n HOVER = 'hover',\n DRAG = 'drag'\n}\n\nexport enum FileUploadVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical'\n}\n\nexport enum FileUploadError {\n INVALID_FORMAT = \"Invalid file format! Upload valid file.\",\n SIZE_LIMIT_EXCEEDED = \"File exceeds size limit! Upload smaller file.\",\n MULTIPLE_NOT_ALLOWED = \"Please Upload Single File!\",\n DUPLICATES_NOT_ALLOWED = \"Duplicate Files Are Not Allowed!\",\n UPLOAD_URL_REQUIRED = \"Upload URL is required!\",\n}\n\nexport enum FileUploadEvent {\n NILE_INIT = \"nile-init\",\n NILE_BROWSE = \"nile-browse\",\n NILE_DRAG = \"nile-drag\",\n NILE_CHANGE = \"nile-change\",\n NILE_UPLOADING = \"nile-uploading\",\n NILE_UPLOAD_PROGRESS = \"nile-upload-progress\",\n NILE_UPLOAD_SUCCESS = \"nile-upload-success\",\n NILE_UPLOAD_CANCELLED = \"nile-upload-cancelled\",\n NILE_CANCEL_UPLOAD = \"nile-cancel-upload\",\n NILE_NETWORK_ERROR = \"nile-network-error\",\n SERVER_SIDE_ERROR = \"nile-server-error\",\n NILE_DESTROY = \"nile-destroy\"\n}\n\nexport enum FileUploadDefaults {\n TITLE = 'Drag and drop to upload',\n SUBTITLE = '
|
1
|
+
{"version":3,"file":"file-upload.enums.cjs.js","sources":["../../../../src/nile-file-upload/types/file-upload.enums.ts"],"sourcesContent":["export enum FileUploadState {\n DEFAULT = 'default',\n DISABLED = 'disabled',\n HOVER = 'hover',\n DRAG = 'drag'\n}\n\nexport enum FileUploadVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical'\n}\n\nexport enum FileUploadError {\n INVALID_FORMAT = \"Invalid file format! Upload valid file.\",\n SIZE_LIMIT_EXCEEDED = \"File exceeds size limit! Upload smaller file.\",\n MULTIPLE_NOT_ALLOWED = \"Please Upload Single File!\",\n DUPLICATES_NOT_ALLOWED = \"Duplicate Files Are Not Allowed!\",\n UPLOAD_URL_REQUIRED = \"Upload URL is required!\",\n}\n\nexport enum FileUploadEvent {\n NILE_INIT = \"nile-init\",\n NILE_BROWSE = \"nile-browse\",\n NILE_DRAG = \"nile-drag\",\n NILE_CHANGE = \"nile-change\",\n NILE_UPLOADING = \"nile-uploading\",\n NILE_UPLOAD_PROGRESS = \"nile-upload-progress\",\n NILE_UPLOAD_SUCCESS = \"nile-upload-success\",\n NILE_UPLOAD_CANCELLED = \"nile-upload-cancelled\",\n NILE_CANCEL_UPLOAD = \"nile-cancel-upload\",\n NILE_NETWORK_ERROR = \"nile-network-error\",\n SERVER_SIDE_ERROR = \"nile-server-error\",\n NILE_DESTROY = \"nile-destroy\"\n}\n\nexport enum FileUploadDefaults {\n TITLE = 'Drag and drop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to upload',\n SUBTITLE = 'PNG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratio',\n ERROR_MESSAGE = 'Invalid File Format.',\n};"],"names":["FileUploadState","DEFAULT","DISABLED","HOVER","DRAG","FileUploadVariant","HORIZONTAL","VERTICAL","FileUploadError","INVALID_FORMAT","SIZE_LIMIT_EXCEEDED","MULTIPLE_NOT_ALLOWED","DUPLICATES_NOT_ALLOWED","UPLOAD_URL_REQUIRED","FileUploadEvent","NILE_INIT","NILE_BROWSE","NILE_DRAG","NILE_CHANGE","NILE_UPLOADING","NILE_UPLOAD_PROGRESS","NILE_UPLOAD_SUCCESS","NILE_UPLOAD_CANCELLED","NILE_CANCEL_UPLOAD","NILE_NETWORK_ERROR","SERVER_SIDE_ERROR","NILE_DESTROY","FileUploadDefaults","TITLE","SUBTITLE","ERROR_MESSAGE"],"mappings":"8KAAA,CAAA,SAAYA,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,OAAA,CAAA,SAAA,CACAD,CAAA,CAAAE,QAAA,CAAA,UACAF,CAAAA,CAAAA,CAAAG,KAAA,CAAA,OAAA,CACAH,CAAA,CAAAI,IAAA,CAAA,MACD,EALD,CAAYJ,CAAAA,EAAAA,OAAAA,KAAAA,CAKX,CAAA,CAAA,CAED,CAAA,CAAA,CAAA,SAAYK,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,UAAA,CAAA,YAAA,CACAD,CAAA,CAAAE,QAAA,CAAA,UACD,EAHD,CAAYF,CAAAA,EAAAA,OAAAA,KAAAA,CAGX,CAAA,CAAA,CAED,CAAA,CAAA,CAAA,SAAYG,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,cAAA,CAAA,yCAAA,CACAD,CAAA,CAAAE,mBAAA,CAAA,+CACAF,CAAAA,CAAAA,CAAAG,oBAAA,CAAA,4BAAA,CACAH,CAAA,CAAAI,sBAAA,CAAA,kCACAJ,CAAAA,CAAAA,CAAAK,mBAAA,CAAA,yBACD,EAND,CAAYL,CAAAA,EAAAA,OAAAA,KAAAA,CAAAA,CAMX,CAAA,CAED,CAAA,CAAA,CAAA,SAAYM,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,SAAA,CAAA,WAAA,CACAD,CAAA,CAAAE,WAAA,CAAA,aACAF,CAAAA,CAAAA,CAAAG,SAAA,CAAA,WAAA,CACAH,CAAA,CAAAI,WAAA,CAAA,aACAJ,CAAAA,CAAAA,CAAAK,cAAA,CAAA,gBAAA,CACAL,CAAA,CAAAM,oBAAA,CAAA,sBACAN,CAAAA,CAAAA,CAAAO,mBAAA,CAAA,qBAAA,CACAP,CAAA,CAAAQ,qBAAA,CAAA,uBACAR,CAAAA,CAAAA,CAAAS,kBAAA,CAAA,oBAAA,CACAT,CAAA,CAAAU,kBAAA,CAAA,oBACAV,CAAAA,CAAAA,CAAAW,iBAAA,CAAA,mBAAA,CACAX,CAAA,CAAAY,YAAA,CAAA,cACD,EAbD,CAAYZ,CAAAA,EAAAA,OAAAA,KAAAA,CAaX,CAAA,CAAA,CAED,CAAA,CAAA,CAAA,SAAYa,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,KAAA,CAAA,qLAAA,CACAD,CAAA,CAAAE,QAAA,CAAA,gUACAF,CAAAA,CAAAA,CAAAG,aAAA,CAAA,sBACD,EAJD,CAAYH,CAAAA,EAAAA,OAAAA,KAAAA,CAAAA,CAIX,CAAA,CAAA,CAAA,CAAA,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
var
|
1
|
+
var o,l,r,e,i;!function(o){o.DEFAULT="default",o.DISABLED="disabled",o.HOVER="hover",o.DRAG="drag"}(o||(o={})),function(o){o.HORIZONTAL="horizontal",o.VERTICAL="vertical"}(l||(l={})),function(o){o.INVALID_FORMAT="Invalid file format! Upload valid file.",o.SIZE_LIMIT_EXCEEDED="File exceeds size limit! Upload smaller file.",o.MULTIPLE_NOT_ALLOWED="Please Upload Single File!",o.DUPLICATES_NOT_ALLOWED="Duplicate Files Are Not Allowed!",o.UPLOAD_URL_REQUIRED="Upload URL is required!"}(r||(r={})),function(o){o.NILE_INIT="nile-init",o.NILE_BROWSE="nile-browse",o.NILE_DRAG="nile-drag",o.NILE_CHANGE="nile-change",o.NILE_UPLOADING="nile-uploading",o.NILE_UPLOAD_PROGRESS="nile-upload-progress",o.NILE_UPLOAD_SUCCESS="nile-upload-success",o.NILE_UPLOAD_CANCELLED="nile-upload-cancelled",o.NILE_CANCEL_UPLOAD="nile-cancel-upload",o.NILE_NETWORK_ERROR="nile-network-error",o.SERVER_SIDE_ERROR="nile-server-error",o.NILE_DESTROY="nile-destroy"}(e||(e={})),function(o){o.TITLE="Drag and drop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to uplodrop to upload",o.SUBTITLE="PNG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratiG, JPG or SVG (upto 1MB) | 1:1 ratio",o.ERROR_MESSAGE="Invalid File Format."}(i||(i={}));export{o as F,r as a,e as b,i as c,l as d};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
1
|
+
System.register([],function(_export,_context){"use strict";var L;return{setters:[],execute:function execute(){_export("a",L="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTAuNSwwLjVMMC41LDYuNUw4LjUsNi41TDguNSw1LjVMMS41LDUuNUwxLjUsMS41TDE0LjUsMS41TDE0LjUsNS41TDEzLjUsNS41TDEzLjUsNi41TDE1LjUsNi41TDE1LjUsMC41TDAuNSwwLjVaIE0xNC41LDE0LjVMMS41LDE0LjVMMS41LDEwLjVMNC41LDEwLjVMNC41LDkuNUwwLjUsOS41TDAuNSwxNS41TDE1LjUsMTUuNUwxNS41LDEyLjVMMTQuNSwxMi41TDE0LjUsMTQuNVogTTIuNSwyLjVoMXYxaC0xWiBNMi42LDExLjVoMXYxaC0xWiBNMTAuNSwzLjVMMTAuNSwxMS42TDcuNCw4LjZMNi43LDkuNEwxMSwxMy41TDE1LjMsOS40TDE0LjYsOC42TDExLjUsMTEuNkwxMS41LDMuNUwxMC41LDMuNVoiLz48L3N2Zz4=");}};});
|
2
2
|
//# sourceMappingURL=agent.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"agent.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/agent.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+
|
1
|
+
{"version":3,"file":"agent.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/agent.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTAuNSwwLjVMMC41LDYuNUw4LjUsNi41TDguNSw1LjVMMS41LDUuNUwxLjUsMS41TDE0LjUsMS41TDE0LjUsNS41TDEzLjUsNS41TDEzLjUsNi41TDE1LjUsNi41TDE1LjUsMC41TDAuNSwwLjVaIE0xNC41LDE0LjVMMS41LDE0LjVMMS41LDEwLjVMNC41LDEwLjVMNC41LDkuNUwwLjUsOS41TDAuNSwxNS41TDE1LjUsMTUuNUwxNS41LDEyLjVMMTQuNSwxMi41TDE0LjUsMTQuNVogTTIuNSwyLjVoMXYxaC0xWiBNMi42LDExLjVoMXYxaC0xWiBNMTAuNSwzLjVMMTAuNSwxMS42TDcuNCw4LjZMNi43LDkuNEwxMSwxMy41TDE1LjMsOS40TDE0LjYsOC42TDExLjUsMTEuNkwxMS41LDMuNUwxMC41LDMuNVoiLz48L3N2Zz4=\";"],"names":["agent"],"mappings":"0HAIAA,EAAe"}
|
@@ -1 +1 @@
|
|
1
|
-
var
|
1
|
+
var L="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTAuNSwwLjVMMC41LDYuNUw4LjUsNi41TDguNSw1LjVMMS41LDUuNUwxLjUsMS41TDE0LjUsMS41TDE0LjUsNS41TDEzLjUsNS41TDEzLjUsNi41TDE1LjUsNi41TDE1LjUsMC41TDAuNSwwLjVaIE0xNC41LDE0LjVMMS41LDE0LjVMMS41LDEwLjVMNC41LDEwLjVMNC41LDkuNUwwLjUsOS41TDAuNSwxNS41TDE1LjUsMTUuNUwxNS41LDEyLjVMMTQuNSwxMi41TDE0LjUsMTQuNVogTTIuNSwyLjVoMXYxaC0xWiBNMi42LDExLjVoMXYxaC0xWiBNMTAuNSwzLjVMMTAuNSwxMS42TDcuNCw4LjZMNi43LDkuNEwxMSwxMy41TDE1LjMsOS40TDE0LjYsOC42TDExLjUsMTEuNkwxMS41LDMuNUwxMC41LDMuNVoiLz48L3N2Zz4=";export{L as a};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var M;return{setters:[],execute:function execute(){_export("a",M="
|
1
|
+
System.register([],function(_export,_context){"use strict";var M;return{setters:[],execute:function execute(){_export("a",M="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJtMy4xLDVsLTIuMSw2aDEuMTVsLjQ5LTEuNDhoMi4yNGwuNDksMS40OGgxLjE1bC0yLjEtNmgtMS4zM1ptLS4xNiwzLjY1bC44MS0yLjQyaC4wNWwuODEsMi40MmgtMS42NlogTTExLjM3LDUuMjZjLS4zMS0uMTctLjctLjI2LTEuMTUtLjI2aC0yLjI0djZoMS4wOHYtMi4wM2gxLjE0Yy40NiwwLC44NS0uMDgsMS4xNi0uMjUuMzEtLjE3LjU1LS40MS43MS0uNzEuMTYtLjMuMjQtLjY0LjI0LTEuMDNzLS4wOC0uNzItLjI0LTEuMDJjLS4xNi0uMy0uNC0uNTQtLjcxLS43MVptLS4yOCwyLjI5Yy0uMDguMTYtLjIxLjI5LS4zOC4zOS0uMTcuMDktLjM5LjE0LS42Ni4xNGgtMXYtMi4xN2guOTljLjI3LDAsLjQ5LjA1LjY2LjE0LjE3LjA5LjMuMjIuMzguMzguMDguMTYuMTMuMzUuMTMuNTZzLS4wNC40LS4xMy41N1ogTTEzLjkyLDVoMS4wOHY2aC0xLjA4WiIvPjwvc3ZnPg==");}};});
|
2
2
|
//# sourceMappingURL=api.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"api.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/api.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
1
|
+
{"version":3,"file":"api.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/api.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJtMy4xLDVsLTIuMSw2aDEuMTVsLjQ5LTEuNDhoMi4yNGwuNDksMS40OGgxLjE1bC0yLjEtNmgtMS4zM1ptLS4xNiwzLjY1bC44MS0yLjQyaC4wNWwuODEsMi40MmgtMS42NlogTTExLjM3LDUuMjZjLS4zMS0uMTctLjctLjI2LTEuMTUtLjI2aC0yLjI0djZoMS4wOHYtMi4wM2gxLjE0Yy40NiwwLC44NS0uMDgsMS4xNi0uMjUuMzEtLjE3LjU1LS40MS43MS0uNzEuMTYtLjMuMjQtLjY0LjI0LTEuMDNzLS4wOC0uNzItLjI0LTEuMDJjLS4xNi0uMy0uNC0uNTQtLjcxLS43MVptLS4yOCwyLjI5Yy0uMDguMTYtLjIxLjI5LS4zOC4zOS0uMTcuMDktLjM5LjE0LS42Ni4xNGgtMXYtMi4xN2guOTljLjI3LDAsLjQ5LjA1LjY2LjE0LjE3LjA5LjMuMjIuMzguMzguMDguMTYuMTMuMzUuMTMuNTZzLS4wNC40LS4xMy41N1ogTTEzLjkyLDVoMS4wOHY2aC0xLjA4WiIvPjwvc3ZnPg==\";"],"names":["api"],"mappings":"0HAIAA,EAAe"}
|
@@ -1 +1 @@
|
|
1
|
-
var M="
|
1
|
+
var M="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJtMy4xLDVsLTIuMSw2aDEuMTVsLjQ5LTEuNDhoMi4yNGwuNDksMS40OGgxLjE1bC0yLjEtNmgtMS4zM1ptLS4xNiwzLjY1bC44MS0yLjQyaC4wNWwuODEsMi40MmgtMS42NlogTTExLjM3LDUuMjZjLS4zMS0uMTctLjctLjI2LTEuMTUtLjI2aC0yLjI0djZoMS4wOHYtMi4wM2gxLjE0Yy40NiwwLC44NS0uMDgsMS4xNi0uMjUuMzEtLjE3LjU1LS40MS43MS0uNzEuMTYtLjMuMjQtLjY0LjI0LTEuMDNzLS4wOC0uNzItLjI0LTEuMDJjLS4xNi0uMy0uNC0uNTQtLjcxLS43MVptLS4yOCwyLjI5Yy0uMDguMTYtLjIxLjI5LS4zOC4zOS0uMTcuMDktLjM5LjE0LS42Ni4xNGgtMXYtMi4xN2guOTljLjI3LDAsLjQ5LjA1LjY2LjE0LjE3LjA5LjMuMjIuMzguMzguMDguMTYuMTMuMzUuMTMuNTZzLS4wNC40LS4xMy41N1ogTTEzLjkyLDVoMS4wOHY2aC0xLjA4WiIvPjwvc3ZnPg==";export{M as a};
|