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

package/dist/nile-file-upload/utils/drag-drop.util.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-drop.util.cjs.js","sources":["../../../../src/nile-file-upload/utils/drag-drop.util.ts"],"sourcesContent":["import { FileUploadError, FileUploadState } from \"../types\";\n\nexport class DragHandler {\n  private currentState: FileUploadState = FileUploadState.DEFAULT;\n  private size: number = 0;\n  private uploadedFiles: File[] = [];\n\n  private stateChangeCallback?: (state: FileUploadState) => void;\n  private fileDropCallback?: (files: File[]) => void;\n  private errorMessageCallback?: (errorMessage: string) => void;\n\n  constructor() {}\n\n  public setErrorMessage(callback: (errorMessage: string) => void): void {\n    this.errorMessageCallback = callback;\n  }\n\n  public setValuesInDragHandler(state: FileUploadState, size: number, uploadedFiles: File[]): void {\n    this.currentState = state;\n    this.size = size;\n    this.uploadedFiles = uploadedFiles;\n  }\n\n  public onFileDrop(callback: (files: File[]) => void): void {\n    this.fileDropCallback = callback;\n  }\n\n  public onStateChange(callback: (state: FileUploadState) => void): void {\n    this.stateChangeCallback = callback;\n  }\n\n  private setState(state: FileUploadState): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    this.currentState = state;\n    this.stateChangeCallback?.(state);\n  }\n\n  public dragEnter(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    e.preventDefault();\n    this.errorMessageCallback?.(\"\");\n    this.setState(FileUploadState.DRAG);\n  }\n\n  public dragLeave(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    e.preventDefault();\n    this.setState(FileUploadState.DEFAULT);\n  }\n\n  public dragOver(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    e.preventDefault();\n  }\n\n  public drop(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n    this.setState(FileUploadState.DEFAULT);\n    this.handleFiles(e);\n  }\n\n  public handleDocumentDrop(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n    this.setState(FileUploadState.DEFAULT);\n  }\n\n  public preventDragOver(e: DragEvent): void {\n    e.preventDefault();\n  }\n\n  public preventDrop(e: DragEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  public handleFiles(event: Event | DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    event.preventDefault?.();\n    let files: FileList | null = null;\n\n    if ('dataTransfer' in event && event.dataTransfer) {\n      files = event.dataTransfer.files;\n    }\n\n    if (!files && event.target instanceof HTMLInputElement) {\n      files = event.target.files;\n    }\n\n    if (files && files.length > 0) {\n      const newFiles = Array.from(files);\n\n      this.fileDropCallback?.(newFiles);\n    }\n  }\n}\n"],"names":["DragHandler","s","this","currentState","FileUploadState","DEFAULT","size","uploadedFiles","_createClass","key","value","setErrorMessage","callback","errorMessageCallback","setValuesInDragHandler","state","onFileDrop","fileDropCallback","onStateChange","stateChangeCallback","setState","DISABLED","dragEnter","e","preventDefault","DRAG","dragLeave","dragOver","drop","stopPropagation","handleFiles","handleDocumentDrop","preventDragOver","preventDrop","event","_s8$preventDefault","files","dataTransfer","target","HTMLInputElement","length","_this$fileDropCallbac","newFiles","Array","from"],"mappings":"uzCAEaA,CASX,yBAAA,SAAAC,EAAA,0BARQC,IAAAC,CAAAA,YAAAA,CAAgCC,EAAgBC,OAChDH,CAAAA,IAAAA,CAAII,KAAW,CACfJ,CAAAA,IAAAA,CAAaK,cAAW,EAMhB,EAET,OAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,mBAAAC,KAAA,UAAAC,eAAAA,CAAgBC,CAAAA,CAAAA,CACrBV,IAAKW,CAAAA,oBAAAA,CAAuBD,CAC7B,EAEM,GAAAH,GAAA,0BAAAC,KAAA,UAAAI,sBAAAA,CAAuBC,CAAAA,CAAwBT,GAAcC,CAClEL,CAAAA,CAAAA,IAAAA,CAAKC,aAAeY,CACpBb,CAAAA,IAAAA,CAAKI,IAAOA,CAAAA,EAAAA,CACZJ,IAAKK,CAAAA,aAAAA,CAAgBA,CACtB,EAEM,GAAAE,GAAA,cAAAC,KAAA,UAAAM,UAAAA,CAAWJ,CAChBV,CAAAA,CAAAA,IAAAA,CAAKe,iBAAmBL,CACzB,EAEM,GAAAH,GAAA,iBAAAC,KAAA,UAAAQ,aAAAA,CAAcN,CACnBV,CAAAA,CAAAA,IAAAA,CAAKiB,oBAAsBP,CAC5B,EAEO,GAAAH,GAAA,YAAAC,KAAA,UAAAU,QAAAA,CAASL,GAAAA,CAAAA,KAAAA,qBAAAA,CACXb,KAAKC,YAAiBC,GAAAA,CAAAA,CAAgBiB,WAE1CnB,IAAKC,CAAAA,YAAAA,CAAeY,2BACpBb,IAAKiB,CAAAA,mBAAAA,UAAAA,qBAAAA,iBAALjB,qBAAAA,CAAAA,IAAAA,KAAKiB,CAAsBJ,KAC5B,EAEM,GAAAN,GAAA,aAAAC,KAAA,UAAAY,SAAAA,CAAUC,GACXrB,CAAAA,KAAAA,qBAAAA,CAAAA,IAAAA,CAAKC,YAAiBC,GAAAA,CAAAA,CAAgBiB,QAE1CE,GAAAA,GAAAA,CAAEC,wCACFtB,IAAKW,CAAAA,oBAAAA,UAAAA,qBAAAA,WAALX,qBAAAA,CAAAA,IAAAA,KAAKW,CAAuB,IAC5BX,IAAKkB,CAAAA,QAAAA,CAAShB,EAAgBqB,IAC/B,CAAA,CAAA,EAEM,GAAAhB,GAAA,aAAAC,KAAA,UAAAgB,SAAAA,CAAUH,GACXrB,CAAAA,CAAAA,IAAAA,CAAKC,eAAiBC,CAAgBiB,CAAAA,QAAAA,GAE1CE,IAAEC,cACFtB,CAAAA,CAAAA,CAAAA,IAAAA,CAAKkB,SAAShB,CAAgBC,CAAAA,OAAAA,CAAAA,CAC/B,EAEM,GAAAI,GAAA,YAAAC,KAAA,UAAAiB,QAAAA,CAASJ,GAAAA,CAAAA,CACVrB,KAAKC,YAAiBC,GAAAA,CAAAA,CAAgBiB,UAE1CE,GAAEC,CAAAA,cAAAA,CAAAA,CACH,EAEM,GAAAf,GAAA,QAAAC,KAAA,UAAAkB,IAAAA,CAAKL,KACNrB,IAAKC,CAAAA,YAAAA,GAAiBC,EAAgBiB,QAE1CE,GAAAA,GAAAA,CAAEC,iBACFD,GAAEM,CAAAA,eAAAA,CAAAA,CAAAA,CACF3B,KAAKkB,QAAShB,CAAAA,CAAAA,CAAgBC,OAC9BH,CAAAA,CAAAA,IAAAA,CAAK4B,WAAYP,CAAAA,GAAAA,CAAAA,CAClB,EAEM,GAAAd,GAAA,sBAAAC,KAAA,UAAAqB,kBAAAA,CAAmBR,KACpBrB,IAAKC,CAAAA,YAAAA,GAAiBC,EAAgBiB,QAE1CE,GAAAA,GAAAA,CAAEC,cACFD,CAAAA,CAAAA,CAAAA,GAAAA,CAAEM,eACF3B,CAAAA,CAAAA,CAAAA,IAAAA,CAAKkB,SAAShB,CAAgBC,CAAAA,OAAAA,CAAAA,CAC/B,EAEM,GAAAI,GAAA,mBAAAC,KAAA,UAAAsB,eAAAA,CAAgBT,GACrBA,CAAEC,CAAAA,cAAAA,CAAAA,CACH,EAEM,GAAAf,GAAA,eAAAC,KAAA,UAAAuB,WAAAA,CAAYV,CAAAA,CAAAA,CACjBA,EAAEC,cACFD,CAAAA,CAAAA,CAAAA,CAAAA,CAAEM,iBACH,EAEM,GAAApB,GAAA,eAAAC,KAAA,UAAAoB,WAAAA,CAAYI,GACjB,CAAA,KAAAC,kBAAA,CAAA,GAAIjC,IAAKC,CAAAA,YAAAA,GAAiBC,CAAgBiB,CAAAA,QAAAA,CAAU,OAEpDa,CAAAA,kBAAAA,CAAAA,GAAMV,CAAAA,cAAAA,UAAAA,kBAAAA,WAANU,kBAAAA,CAAAA,IAAAA,CAAAA,GAAMV,CAAAA,CACN,GAAIY,CAAAA,CAAyB,CAAA,IAAA,CAU7B,GARI,cAAkBF,EAAAA,CAAAA,GAAAA,EAASA,GAAMG,CAAAA,YAAAA,GACnCD,CAAQF,CAAAA,GAAAA,CAAMG,aAAaD,KAGxBA,CAAAA,CAAAA,CAAAA,CAAAA,EAASF,IAAMI,MAAkBC,WAAAA,CAAAA,gBAAAA,GACpCH,EAAQF,GAAMI,CAAAA,MAAAA,CAAOF,KAGnBA,CAAAA,CAAAA,CAAAA,EAASA,CAAMI,CAAAA,MAAAA,CAAS,EAAG,KAAAC,qBAAA,CAC7B,GAAMC,CAAAA,GAAWC,KAAMC,CAAAA,IAAAA,CAAKR,GAE5BlC,CAAAA,qBAAAA,KAAKe,CAAAA,gBAAAA,UAAAA,qBAAAA,WAALf,qBAAAA,CAAAA,IAAAA,KAAKe,CAAmByB,EACzB,CAAA,EACF"}
+{"version":3,"file":"drag-drop.util.cjs.js","sources":["../../../../src/nile-file-upload/utils/drag-drop.util.ts"],"sourcesContent":["import { preventDefaultAndStopPropagation } from \"./file-validation.util\";\nimport { FileUploadState } from \"../types\";\n\nexport class DragHandler {\n  private currentState: FileUploadState = FileUploadState.DEFAULT;\n\n  private stateChangeCallback?: (state: FileUploadState) => void;\n  private fileDropCallback?: (files: File[]) => void;\n  private errorMessageCallback?: (errorMessage: string) => void;\n\n  constructor() {}\n\n  public setErrorMessage(callback: (errorMessage: string) => void): void {\n    this.errorMessageCallback = callback;\n  }\n\n  public setValuesInDragHandler(state: FileUploadState): void {\n    this.currentState = state;\n  }\n\n  public onFileDrop(callback: (files: File[]) => void): void {\n    this.fileDropCallback = callback;\n  }\n\n  public onStateChange(callback: (state: FileUploadState) => void): void {\n    this.stateChangeCallback = callback;\n  }\n\n  private setState(state: FileUploadState): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    this.currentState = state;\n    this.stateChangeCallback?.(state);\n  }\n\n  public dragEnter(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n\n    if (this.currentState === FileUploadState.DISABLED) return;\n    this.errorMessageCallback?.(\"\");\n    this.setState(FileUploadState.DRAG);\n  }\n\n  public dragLeave(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    \n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    this.setState(FileUploadState.DEFAULT);\n  }\n\n  public dragOver(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    \n    if (this.currentState === FileUploadState.DISABLED) return;\n  }\n\n  public drop(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    \n    if (this.currentState === FileUploadState.DISABLED) return;\n    this.setState(FileUploadState.DEFAULT);\n    this.handleFiles(e);\n  }\n\n  public handleDocumentDrop(e: DragEvent): void {\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    preventDefaultAndStopPropagation(e);\n    \n    this.setState(FileUploadState.DEFAULT);\n  }\n\n  public preventDragOver(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e); \n  }\n\n  public preventDrop(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e); \n  }\n\n  public handleFiles(e: Event | DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED) return;\n\n    let files: FileList | null = null;\n\n    if ('dataTransfer' in e && e.dataTransfer) {\n      files = e.dataTransfer.files;\n    }\n\n    if (!files && e.target instanceof HTMLInputElement) {\n      files = e.target.files;\n    }\n\n    if (files && files.length > 0) {\n      const newFiles = Array.from(files);\n\n      this.fileDropCallback?.(newFiles);\n    }\n\n    if(e.target instanceof HTMLInputElement) {\n      e.target.value = \"\";\n    }\n  }\n}\n"],"names":["DragHandler","e","constructor","this","currentState","FileUploadState","DEFAULT","_createClass","key","value","setErrorMessage","callback","errorMessageCallback","setValuesInDragHandler","state","onFileDrop","fileDropCallback","onStateChange","stateChangeCallback","setState","DISABLED","dragEnter","preventDefaultAndStopPropagation","DRAG","dragLeave","dragOver","drop","handleFiles","handleDocumentDrop","preventDragOver","preventDrop","files","dataTransfer","target","HTMLInputElement","length","_this$fileDropCallbac","newFiles","Array","from"],"mappings":"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"}

package/dist/nile-file-upload/utils/drag-drop.util.esm.js

@@ -1 +1 @@
-import{F as t}from"../types/file-upload.enums.esm.js";class s{constructor(){this.currentState=t.DEFAULT,this.size=0,this.uploadedFiles=[]}setErrorMessage(t){this.errorMessageCallback=t}setValuesInDragHandler(t,s,e){this.currentState=t,this.size=s,this.uploadedFiles=e}onFileDrop(t){this.fileDropCallback=t}onStateChange(t){this.stateChangeCallback=t}setState(s){this.currentState!==t.DISABLED&&(this.currentState=s,this.stateChangeCallback?.(s))}dragEnter(s){this.currentState!==t.DISABLED&&(s.preventDefault(),this.errorMessageCallback?.(""),this.setState(t.DRAG))}dragLeave(s){this.currentState!==t.DISABLED&&(s.preventDefault(),this.setState(t.DEFAULT))}dragOver(s){this.currentState!==t.DISABLED&&s.preventDefault()}drop(s){this.currentState!==t.DISABLED&&(s.preventDefault(),s.stopPropagation(),this.setState(t.DEFAULT),this.handleFiles(s))}handleDocumentDrop(s){this.currentState!==t.DISABLED&&(s.preventDefault(),s.stopPropagation(),this.setState(t.DEFAULT))}preventDragOver(t){t.preventDefault()}preventDrop(t){t.preventDefault(),t.stopPropagation()}handleFiles(s){if(this.currentState===t.DISABLED)return;s.preventDefault?.();let e=null;if("dataTransfer"in s&&s.dataTransfer&&(e=s.dataTransfer.files),!e&&s.target instanceof HTMLInputElement&&(e=s.target.files),e&&e.length>0){const t=Array.from(e);this.fileDropCallback?.(t)}}}export{s as D};
+import{p as t}from"./file-validation.util.esm.js";import{F as s}from"../types/file-upload.enums.esm.js";class e{constructor(){this.currentState=s.DEFAULT}setErrorMessage(t){this.errorMessageCallback=t}setValuesInDragHandler(t){this.currentState=t}onFileDrop(t){this.fileDropCallback=t}onStateChange(t){this.stateChangeCallback=t}setState(t){this.currentState!==s.DISABLED&&(this.currentState=t,this.stateChangeCallback?.(t))}dragEnter(e){t(e),this.currentState!==s.DISABLED&&(this.errorMessageCallback?.(""),this.setState(s.DRAG))}dragLeave(e){t(e),this.currentState!==s.DISABLED&&this.setState(s.DEFAULT)}dragOver(e){t(e),this.currentState,s.DISABLED}drop(e){t(e),this.currentState!==s.DISABLED&&(this.setState(s.DEFAULT),this.handleFiles(e))}handleDocumentDrop(e){this.currentState!==s.DISABLED&&(t(e),this.setState(s.DEFAULT))}preventDragOver(s){t(s)}preventDrop(s){t(s)}handleFiles(e){if(t(e),this.currentState===s.DISABLED)return;let i=null;if("dataTransfer"in e&&e.dataTransfer&&(i=e.dataTransfer.files),!i&&e.target instanceof HTMLInputElement&&(i=e.target.files),i&&i.length>0){const t=Array.from(i);this.fileDropCallback?.(t)}e.target instanceof HTMLInputElement&&(e.target.value="")}}export{e as D};

package/dist/nile-file-upload/utils/file-validation.util.cjs.js

@@ -1,2 +1,3 @@
-System.register(["../types/file-upload.enums.cjs.js"],function(_export,_context){"use strict";var e,s,t,o,a,n,l;function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _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 r(e){var s=e.uploadedFiles,o=e.fileUploadUrl,a=e.uploadRequests;if(o&&s!==null&&s!==void 0&&s.length){var _iterator=_createForOfIteratorHelper(s),_step;try{var _loop=function _loop(){var n=_step.value;var s=new FormData();s.append("file",n);var r=new XMLHttpRequest();a.set(n,r),r.upload.onprogress=function(s){var o=Math.floor(s.loaded/s.total*100);e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_PROGRESS,{detail:{file:n,progress:o}}));},r.onload=function(){a["delete"](n),201===r.status?(e.uploadedFiles=e.uploadedFiles.filter(function(e){return e!==n;}),e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_SUCCESS,{detail:{file:n,response:r.response}}))):e.dispatchEvent(new CustomEvent(t.SERVER_SIDE_ERROR,{detail:{file:n,status:r.status,response:r.response}}));},r.onerror=function(){a["delete"](n),e.dispatchEvent(new CustomEvent(t.NILE_NETWORK_ERROR,{detail:{file:n,status:r.status,response:r.response}}));},r.open("POST",o),r.send(s);};for(_iterator.s();!(_step=_iterator.n()).done;){_loop();}}catch(err){_iterator.e(err);}finally{_iterator.f();}}}_export("u",r);return{setters:[function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.a;s=_typesFileUploadEnumsCjsJs.F;t=_typesFileUploadEnumsCjsJs.b;}],execute:function execute(){_export("s",o=function o(s,t){t.onStateChange(function(e){s.state=e;}),t.onFileDrop(function(t){var o=s.allowMultiple,a=s.uploadedFiles,n=s.errorMessage,r=s.requestUpdate;if(!o){if(a.length+t.length>1)return n=e.MULTIPLE_NOT_ALLOWED,void r();}var l=t;if(!s.allowDuplicates&&(l=t.filter(function(e){return!s.uploadedFiles.some(function(s){return s.name===e.name&&s.size===e.size&&s.type===e.type;});}),0===l.length))return s.errorMessage=e.DUPLICATES_NOT_ALLOWED,void s.requestUpdate();s.uploadedFiles=[].concat(_toConsumableArray(s.uploadedFiles),_toConsumableArray(l)),s.requestUpdate();}),t.setErrorMessage(function(e){s.errorMessage=e;});}),_export("b",a=function a(e){document.addEventListener("dragover",e.preventDragOver,{passive:!1}),document.addEventListener("drop",e.preventDrop,{passive:!1});}),_export("a",n=function n(e,t,o){e.addEventListener("mouseenter",function(t){return o=e.setState,void(e.state===s.DEFAULT&&o(s.HOVER));var o;}),e.addEventListener("mouseleave",function(t){return o=e.setState,void(e.state===s.HOVER&&o(s.DEFAULT));var o;}),e.addEventListener("dragenter",function(e){return t.dragEnter(e);}),e.addEventListener("dragleave",function(e){return t.dragLeave(e);}),e.addEventListener("dragover",function(e){return t.dragOver(e);}),e.addEventListener("drop",function(e){return t.drop(e);}),l(e,o);});l=function l(e,s){document.addEventListener(t.NILE_CANCEL_UPLOAD,function(o){var a=o.detail.file,n=s.get(a);n&&n.abort(),s["delete"](a),e.uploadedFiles=e.uploadedFiles.filter(function(e){return e!==a;}),e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_CANCELLED,{detail:{file:a}}));});};}};});
+System.register(["../types/file-upload.enums.cjs.js"],function(_export,_context){"use strict";var e,o,s,t,n,a,l,i,u,c;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 _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 _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function r(s){var t=s.uploadedFiles,n=s.fileUploadUrl,a=s.uploadRequests;if(n&&t!==null&&t!==void 0&&t.length){var _iterator2=_createForOfIteratorHelper(t),_step2;try{var _loop2=function _loop2(){var r=_step2.value;if(a.has(r))return 1;// continue
+var t=new FormData();t.append("file",r);var l=new XMLHttpRequest();a.set(r,l),s.emit(o.NILE_UPLOADING),l.upload.onprogress=function(e){var t=Math.floor(e.loaded/e.total*100);s.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_PROGRESS,{detail:{file:r,progress:t}}));},l.onload=function(){l.status>=200&&l.status<300?s.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_SUCCESS,{detail:{file:r,response:l.response}})):(s.errorMessage=e.SERVER_SIDE_ERROR,s.requestUpdate(),s.dispatchEvent(new CustomEvent(o.SERVER_SIDE_ERROR,{detail:{file:r,status:l.status,response:l.response}})));},l.onerror=function(){a["delete"](r),s.errorMessage=e.NETWORK_ERROR,s.dispatchEvent(new CustomEvent(o.NILE_NETWORK_ERROR,{detail:{file:r,status:l.status,response:l.response},bubbles:!0,composed:!0}));},l.open("POST",n),l.send(t);};for(_iterator2.s();!(_step2=_iterator2.n()).done;){if(_loop2())continue;}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}}}_export("u",r);return{setters:[function(_typesFileUploadEnumsCjsJs){e=_typesFileUploadEnumsCjsJs.a;o=_typesFileUploadEnumsCjsJs.b;s=_typesFileUploadEnumsCjsJs.F;}],execute:function execute(){_export("s",t=function t(s,_t){_t.onStateChange(function(e){s.state=e;}),_t.onFileDrop(function(t){var n=function(e){var o={B:1,KB:1024,MB:1048576,GB:Math.pow(1024,3)},s=parseFloat(e),t=e.replace(/[0-9.\s]/g,"").toUpperCase(),n=o[t]||1;return s*n;}(s.size),a=s.uploadedFiles;if(!s.allowMultiple&&a.length+t.length>1)return s.errorMessage=e.MULTIPLE_NOT_ALLOWED,console.error(s.errorMessage),void s.requestUpdate();var r=!1,l=!1;var i=[],u=[];var _iterator=_createForOfIteratorHelper(t),_step;try{var _loop=function _loop(){var e=_step.value;e.size>n?(r=!0,u.push(e)):s.allowDuplicates||!a.some(function(o){return o.name===e.name&&o.size===e.size&&o.type===e.type;})?u.includes(e)||i.push(e):(l=!0,u.push(e));};for(_iterator.s();!(_step=_iterator.n()).done;){_loop();}}catch(err){_iterator.e(err);}finally{_iterator.f();}r&&(s.errorMessage=e.SIZE_LIMIT_EXCEEDED,console.error(s.errorMessage),s.requestUpdate(),s.dispatchEvent(new CustomEvent(o.NILE_SIZE_EXCEED_FILES,{detail:{files:u}}))),l&&0===i.length&&(s.errorMessage=e.DUPLICATES_NOT_ALLOWED,console.error(s.errorMessage),s.requestUpdate()),s.uploadedFiles=[].concat(_toConsumableArray(a),i),s.requestUpdate();}),_t.setErrorMessage(function(e){console.error(s.errorMessage),s.errorMessage=e;});}),_export("b",n=function n(e){document.addEventListener("dragover",e.preventDragOver,{passive:!1}),document.addEventListener("drop",e.preventDrop,{passive:!1});}),_export("a",a=function a(e,o,t){e.addEventListener("mouseenter",function(o){return t=e.setState,void(e.state===s.DEFAULT&&t(s.HOVER));var t;}),e.addEventListener("mouseleave",function(o){return t=e.setState,void(e.state===s.HOVER&&t(s.DEFAULT));var t;}),e.addEventListener("dragenter",function(e){return o.dragEnter(e);}),e.addEventListener("dragleave",function(e){return o.dragLeave(e);}),e.addEventListener("dragover",function(e){return o.dragOver(e);}),e.addEventListener("drop",function(e){return o.drop(e);}),l(e,t),u(e.uploadedFiles,e);});l=function l(e,s){document.addEventListener(o.NILE_CANCEL_UPLOAD,function(t){var n=t.detail.file,a=s.get(n);a&&a.abort(),s["delete"](n),e.uploadedFiles=e.uploadedFiles.filter(function(e){return e!==n;}),e.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_CANCELLED,{detail:{file:n}}));});};_export("p",i=function i(e){var _e$preventDefault;(_e$preventDefault=e.preventDefault)!==null&&_e$preventDefault!==void 0&&_e$preventDefault.call(e),e.stopPropagation();}),u=function u(e,o){document.addEventListener("nile-remove",function(s){var t=s.detail.value;e=e.filter(function(e){return e!==t;}),o.uploadedFiles=e,o.requestUpdate();});},_export("t",c=function c(e){("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate());});}};});
 //# sourceMappingURL=file-validation.util.cjs.js.map

package/dist/nile-file-upload/utils/file-validation.util.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-validation.util.cjs.js","sources":["../../../../src/nile-file-upload/utils/file-validation.util.ts"],"sourcesContent":["import { DragHandler } from \"./drag-drop.util\";\nimport { FileUploadState, FileUploadError, FileUploadEvent } from \"../types\";\nimport { NileFileUpload } from \"../nile-file-upload\";\n\n// write a function to check for duplicatse in the files name it as areDuplicates\nexport const areDuplicates = (files: File[], uploadedFiles: File[]): boolean => {\n  return files.some(file =>\n    uploadedFiles.some(existing =>\n      file.name === existing.name &&\n      file.size === existing.size &&\n      file.lastModified === existing.lastModified\n    )\n  );\n};\n\n// set up the drag handler\nexport const setUpDragHandler = (\n  nileFileUpload: NileFileUpload,\n  dragHandler: DragHandler\n): void => {\n  dragHandler.onStateChange((newState: FileUploadState) => {\n    nileFileUpload.state = newState;\n  });\n\n  dragHandler.onFileDrop((files: File[]) => {\n    let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;\n\n    if (!allowMultiple) {\n      const total = uploadedFiles.length + files.length;\n      if (total > 1) {\n        errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;\n        requestUpdate();\n        return;\n      }\n    }\n\n    let newFiles = files;\n\n    if (!nileFileUpload.allowDuplicates) {\n      newFiles = files.filter(file =>\n        !nileFileUpload.uploadedFiles.some(\n          uploaded =>\n            uploaded.name === file.name &&\n            uploaded.size === file.size &&\n            uploaded.type === file.type\n        )\n      );\n\n      if (newFiles.length === 0) {\n        nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;\n        nileFileUpload.requestUpdate();\n        return;\n      }\n    }\n\n    nileFileUpload.uploadedFiles = [...nileFileUpload.uploadedFiles, ...newFiles];\n    nileFileUpload.requestUpdate();\n  });\n\n  dragHandler.setErrorMessage((errorMessage: string) => {\n    nileFileUpload.errorMessage = errorMessage;\n  });\n};\n\n\n// global listenrers\nexport const addGlobalListeners = (dragHandler: DragHandler): void => {\n  document.addEventListener('dragover', dragHandler.preventDragOver, { passive: false });\n  document.addEventListener('drop', dragHandler.preventDrop, { passive: false });\n}\n\n// for hover & dragging functionality\nexport const addInternalListeners = (nileFileUpload: NileFileUpload, dragHandler: DragHandler, uploadRequests: any): void => {\n  nileFileUpload.addEventListener('mouseenter', (e) => handleHoverIn(nileFileUpload.setState, nileFileUpload.state));\n  nileFileUpload.addEventListener('mouseleave', (e) => handleHoverOut(nileFileUpload.setState, nileFileUpload.state));\n  nileFileUpload.addEventListener('dragenter', (e) => dragHandler.dragEnter(e));\n  nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));\n  nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));\n  nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));  \n\n  cancelFileUpload(nileFileUpload, uploadRequests);\n}\n\nexport function handleHoverIn(\n  setState: (state: FileUploadState) => void,\n  currentState: FileUploadState\n): void {\n  if (currentState === FileUploadState.DEFAULT) {\n    setState(FileUploadState.HOVER);\n  }\n}\n\nexport function handleHoverOut(\n  setState: (state: FileUploadState) => void,\n  currentState: FileUploadState\n): void {\n  if (currentState === FileUploadState.HOVER) {\n    setState(FileUploadState.DEFAULT);\n  }\n}\n\nexport function uploadFiles(nileFileUpload: NileFileUpload) {\n  const { uploadedFiles, fileUploadUrl, uploadRequests } = nileFileUpload;\n  if (!fileUploadUrl || !uploadedFiles?.length) return;\n\n  for (const file of uploadedFiles) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    const xhr = new XMLHttpRequest();\n    uploadRequests.set(file, xhr);\n\n    xhr.upload.onprogress = (e) => {\n      const percent = Math.floor((e.loaded / e.total) * 100);\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_PROGRESS, {\n        detail: { file, progress: percent }\n      }));\n    };\n\n    xhr.onload = () => {\n      uploadRequests.delete(file);\n      if (xhr.status === 201) {\n        // Remove the successfully uploaded file\n        nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(f => f !== file);\n\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {\n          detail: { file, response: xhr.response }\n        }));\n      } else {\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {\n          detail: { file, status: xhr.status, response: xhr.response }\n        }));\n      }\n    };\n\n    xhr.onerror = () => {\n      uploadRequests.delete(file);\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {\n        detail: { file, status: xhr.status, response: xhr.response }\n      }));\n    };\n\n    xhr.open('POST', fileUploadUrl);\n    xhr.send(formData);\n  }\n}\n\nexport const cancelFileUpload = (nileFileUpload: NileFileUpload, uploadRequests: Map<File, XMLHttpRequest>) => {\n  document.addEventListener(FileUploadEvent.NILE_CANCEL_UPLOAD, (e: CustomEvent) => {\n    const fileToCancel = e.detail.file;\n    const xhr = uploadRequests.get(fileToCancel);\n\n    if (xhr) {\n      xhr.abort();\n    }\n    uploadRequests.delete(fileToCancel);\n    nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);\n\n    nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {\n      detail: { file: fileToCancel }\n    }));\n  });\n};\n"],"names":["uploadFiles","nileFileUpload","uploadedFiles","fileUploadUrl","uploadRequests","length","_step","_loop","file","formData","FormData","append","xhr","XMLHttpRequest","set","upload","onprogress","e","percent","Math","floor","loaded","total","dispatchEvent","CustomEvent","FileUploadEvent","NILE_UPLOAD_PROGRESS","detail","progress","onload","status","filter","f","NILE_UPLOAD_SUCCESS","response","SERVER_SIDE_ERROR","onerror","NILE_NETWORK_ERROR","open","send","_iterator","s","n","done","err","_export","setUpDragHandler","o","dragHandler","onStateChange","newState","state","onFileDrop","files","allowMultiple","errorMessage","requestUpdate","FileUploadError","MULTIPLE_NOT_ALLOWED","newFiles","allowDuplicates","some","uploaded","name","size","type","DUPLICATES_NOT_ALLOWED","setErrorMessage","addGlobalListeners","document","addEventListener","preventDragOver","passive","preventDrop","addInternalListeners","handleHoverIn","setState","FileUploadState","DEFAULT","HOVER","handleHoverOut","dragEnter","dragLeave","dragOver","drop","cancelFileUpload","NILE_CANCEL_UPLOAD","fileToCancel","get","abort","NILE_UPLOAD_CANCELLED"],"mappings":"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"}
+{"version":3,"file":"file-validation.util.cjs.js","sources":["../../../../src/nile-file-upload/utils/file-validation.util.ts"],"sourcesContent":["import { DragHandler } from \"./drag-drop.util\";\nimport { FileUploadState, FileUploadError, FileUploadEvent } from \"../types\";\nimport { NileFileUpload } from \"../nile-file-upload\";\nimport { RemoveFileDetail } from \"../../nile-file-preview/types\";\n\nexport const setUpDragHandler = (\n  nileFileUpload: NileFileUpload,\n  dragHandler: DragHandler,\n): void => {\n  dragHandler.onStateChange((newState: FileUploadState) => {\n    nileFileUpload.state = newState;\n  });\n\n  dragHandler.onFileDrop((files: File[]) => {\n    const maxSize = parseSize(nileFileUpload.size);\n    const uploadedFiles = nileFileUpload.uploadedFiles;\n  \n    if (!nileFileUpload.allowMultiple && (uploadedFiles.length + files.length > 1)) {\n      nileFileUpload.errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;\n      console.error(nileFileUpload.errorMessage);\n      nileFileUpload.requestUpdate();\n      return;\n    }\n  \n    let sizeExceeded = false;\n    let duplicatesFound = false;\n    const newFiles: File[] = [];\n    const rejectedFiles: File[] = [];\n  \n    for (const file of files) {\n      if (file.size > maxSize) {\n        sizeExceeded = true;\n        rejectedFiles.push(file);\n        continue;\n      }\n  \n      if (\n        !nileFileUpload.allowDuplicates &&\n        uploadedFiles.some(\n          (uploaded) =>\n            uploaded.name === file.name &&\n            uploaded.size === file.size &&\n            uploaded.type === file.type\n        )\n      ) {\n        duplicatesFound = true;\n        rejectedFiles.push(file);\n        continue;\n      }\n  \n      if(!rejectedFiles.includes(file)) {\n        newFiles.push(file);\n      }\n    }\n\n    if (sizeExceeded) {\n      nileFileUpload.errorMessage = FileUploadError.SIZE_LIMIT_EXCEEDED;\n      console.error(nileFileUpload.errorMessage);\n      nileFileUpload.requestUpdate();\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_SIZE_EXCEED_FILES, {\n        detail: { files: rejectedFiles }\n      }));\n    }\n  \n    if (duplicatesFound && newFiles.length === 0) {\n      nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;\n      console.error(nileFileUpload.errorMessage);\n      nileFileUpload.requestUpdate();\n    }\n  \n    nileFileUpload.uploadedFiles = [...uploadedFiles, ...newFiles];\n    nileFileUpload.requestUpdate();\n  });\n  \n\n  dragHandler.setErrorMessage((errorMessage: string) => {\n    console.error(nileFileUpload.errorMessage);\n    nileFileUpload.errorMessage = errorMessage;\n  });\n};\n\nexport const addGlobalListeners = (dragHandler: DragHandler): void => {\n  document.addEventListener('dragover', dragHandler.preventDragOver, { passive: false });\n  document.addEventListener('drop', dragHandler.preventDrop, { passive: false });\n}\n\nexport const addInternalListeners = (nileFileUpload: NileFileUpload, dragHandler: DragHandler, uploadRequests: any): void => {\n  nileFileUpload.addEventListener('mouseenter', (e) => handleHoverIn(nileFileUpload.setState, nileFileUpload.state));\n  nileFileUpload.addEventListener('mouseleave', (e) => handleHoverOut(nileFileUpload.setState, nileFileUpload.state));\n  nileFileUpload.addEventListener('dragenter', (e) => dragHandler.dragEnter(e));\n  nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));\n  nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));\n  nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));  \n\n  cancelFileUpload(nileFileUpload, uploadRequests);\n  removeFile(nileFileUpload.uploadedFiles, nileFileUpload);\n}\n\nexport function handleHoverIn(\n  setState: (state: FileUploadState) => void,\n  currentState: FileUploadState\n): void {\n  if (currentState === FileUploadState.DEFAULT) {\n    setState(FileUploadState.HOVER);\n  }\n}\n\nexport function handleHoverOut(\n  setState: (state: FileUploadState) => void,\n  currentState: FileUploadState\n): void {\n  if (currentState === FileUploadState.HOVER) {\n    setState(FileUploadState.DEFAULT);\n  }\n}\n\nexport function uploadFiles(nileFileUpload: NileFileUpload) {\n  const { uploadedFiles, fileUploadUrl, uploadRequests } = nileFileUpload;\n  if (!fileUploadUrl || !uploadedFiles?.length) return;\n\n  for (const file of uploadedFiles) {\n    if (uploadRequests.has(file)) continue;\n    \n    const formData = new FormData();\n    formData.append('file', file);\n\n    const xhr = new XMLHttpRequest();\n    uploadRequests.set(file, xhr);\n\n    nileFileUpload.emit(FileUploadEvent.NILE_UPLOADING);\n\n    xhr.upload.onprogress = (e) => {\n      const percent = Math.floor((e.loaded / e.total) * 100);\n      \n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_PROGRESS, {\n        detail: { file, progress: percent }\n      }));\n    };\n\n    xhr.onload = () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {\n          detail: { file, response: xhr.response }\n        }));\n      } else {\n        nileFileUpload.errorMessage = FileUploadError.SERVER_SIDE_ERROR;\n        nileFileUpload.requestUpdate();\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {\n          detail: { file, status: xhr.status, response: xhr.response }\n        }));\n      }\n    };\n\n    xhr.onerror = () => {\n      uploadRequests.delete(file);\n      nileFileUpload.errorMessage = FileUploadError.NETWORK_ERROR;\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {\n        detail: { file, status: xhr.status, response: xhr.response },\n        bubbles: true,\n        composed: true,\n      }));\n    };\n\n    xhr.open('POST', fileUploadUrl);\n    xhr.send(formData);\n  }\n}\n\nexport const cancelFileUpload = (nileFileUpload: NileFileUpload, uploadRequests: Map<File, XMLHttpRequest>) => {\n  document.addEventListener(FileUploadEvent.NILE_CANCEL_UPLOAD, (e: CustomEvent) => {\n    const fileToCancel = e.detail.file;\n    const xhr = uploadRequests.get(fileToCancel);\n\n    if (xhr) {\n      xhr.abort();\n    }\n    uploadRequests.delete(fileToCancel);\n    nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);\n\n    nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {\n      detail: { file: fileToCancel }\n    }));\n  });\n};\n\nfunction parseSize(sizeStr: string): number {\n  const units = { B: 1, KB: 1024, MB: 1024 ** 2, GB: 1024 ** 3 };\n  const num = parseFloat(sizeStr);\n  const unit = sizeStr.replace(/[0-9.\\s]/g, '').toUpperCase();\n  const multiplier = units[unit as keyof typeof units] || 1;\n  return num * multiplier;\n}\n\nexport const preventDefaultAndStopPropagation = (event: Event | DragEvent): void => {\n  event.preventDefault?.();\n  event.stopPropagation();\n}\n\nexport const removeFile = (uploadedFiles: File[], nileFileUpload: NileFileUpload) => {\n  document.addEventListener('nile-remove', (e: CustomEvent<RemoveFileDetail>) => {\n    const { value } = e.detail;\n    uploadedFiles = uploadedFiles.filter(file => file !== value);\n    nileFileUpload.uploadedFiles = uploadedFiles;\n    nileFileUpload.requestUpdate();\n  });\n}\n\nexport const truncateString = (nileFileUpload: NileFileUpload): void => {\n  if(nileFileUpload.variant === 'vertical' && nileFileUpload.errorMessage.length > 34) {\n    nileFileUpload.isStringTruncated = true;\n    nileFileUpload.requestUpdate();\n  } else if(nileFileUpload.variant === 'horizontal' && nileFileUpload.errorMessage.length > 96) {\n    nileFileUpload.isStringTruncated = true;\n    nileFileUpload.requestUpdate();\n  }\n}"],"names":["uploadFiles","nileFileUpload","uploadedFiles","fileUploadUrl","uploadRequests","length","file","has","formData","FormData","append","xhr","XMLHttpRequest","set","emit","FileUploadEvent","NILE_UPLOADING","upload","onprogress","e","percent","Math","floor","loaded","total","dispatchEvent","CustomEvent","NILE_UPLOAD_PROGRESS","detail","progress","onload","status","NILE_UPLOAD_SUCCESS","response","errorMessage","FileUploadError","SERVER_SIDE_ERROR","requestUpdate","onerror","delete","NETWORK_ERROR","NILE_NETWORK_ERROR","bubbles","composed","open","send","_iterator2","s","_step2","n","done","_loop2","err","f","_export","setUpDragHandler","t","dragHandler","onStateChange","newState","state","onFileDrop","files","maxSize","sizeStr","units","B","KB","MB","GB","num","parseFloat","unit","replace","toUpperCase","multiplier","parseSize","size","allowMultiple","MULTIPLE_NOT_ALLOWED","console","error","sizeExceeded","duplicatesFound","newFiles","rejectedFiles","_iterator","_createForOfIteratorHelper","push","allowDuplicates","some","uploaded","name","type","includes","_step","_loop","SIZE_LIMIT_EXCEEDED","NILE_SIZE_EXCEED_FILES","DUPLICATES_NOT_ALLOWED","concat","_toConsumableArray","setErrorMessage","addGlobalListeners","document","addEventListener","preventDragOver","passive","preventDrop","addInternalListeners","handleHoverIn","setState","FileUploadState","DEFAULT","HOVER","handleHoverOut","dragEnter","dragLeave","dragOver","drop","cancelFileUpload","removeFile","l","NILE_CANCEL_UPLOAD","fileToCancel","get","abort","filter","NILE_UPLOAD_CANCELLED","preventDefaultAndStopPropagation","event","preventDefault","stopPropagation","value","truncateString","variant","isStringTruncated"],"mappings":"myDAoHM,QAAUA,CAAAA,CAAAA,CAAYC,CAC1B,CAAA,CAAA,GAAQC,CAAAA,CAAAA,CAAiDD,CAAAA,CAAnDC,aAAEA,CAAeC,CAAaC,CAAqBH,CAAAA,CAApCE,cAAiBC,CAAmBH,CAAAA,CAAAA,CAArBG,cAAAA,CACpC,GAAKD,CAAAA,EAAkBD,CAAeG,SAAfH,CAAeG,WAAfH,CAAeG,CAAAA,MAAAA,MAAAA,UAAAA,CAAAA,0BAAAA,CAEnBH,CAAAA,EAAAA,MAAAA,SAAAA,MAAAA,UAAAA,OAAAA,CAAe,IAAvBI,CAAAA,CAAQJ,CAAAA,MAAAA,CAAAA,KAAAA,CACjB,GAAIE,CAAeG,CAAAA,GAAAA,CAAID;AAEvB,GAAME,CAAAA,CAAW,CAAA,GAAIC,CAAAA,QACrBD,CAAAA,CAAAA,CAAAA,CAAAA,CAASE,MAAO,CAAA,MAAA,CAAQJ,CAExB,CAAA,CAAA,GAAMK,CAAAA,CAAM,CAAA,GAAIC,CAAAA,cAChBR,CAAAA,CAAAA,CAAAA,CAAAA,CAAeS,GAAIP,CAAAA,CAAAA,CAAMK,GAEzBV,CAAea,CAAAA,IAAAA,CAAKC,CAAgBC,CAAAA,cAAAA,CAAAA,CAEpCL,CAAIM,CAAAA,MAAAA,CAAOC,UAAcC,CAAAA,SAAAA,CAAAA,CAAAA,CACvB,GAAMC,CAAAA,CAAAA,CAAUC,IAAKC,CAAAA,KAAAA,CAAOH,CAAEI,CAAAA,MAAAA,CAASJ,CAAEK,CAAAA,KAAAA,CAAS,KAElDvB,CAAewB,CAAAA,aAAAA,CAAc,GAAIC,CAAAA,WAAAA,CAAYX,CAAgBY,CAAAA,oBAAAA,CAAsB,CACjFC,MAAAA,CAAQ,CAAEtB,IAAAA,CAAAA,CAAAA,CAAMuB,QAAUT,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACzB,EAGLT,CAAAA,CAAAA,CAAImB,MAAS,CAAA,UAAA,CACPnB,EAAIoB,MAAU,EAAA,GAAA,EAAOpB,CAAIoB,CAAAA,MAAAA,CAAS,GACpC9B,CAAAA,CAAAA,CAAewB,aAAc,CAAA,GAAIC,CAAAA,WAAYX,CAAAA,CAAAA,CAAgBiB,mBAAqB,CAAA,CAChFJ,MAAQ,CAAA,CAAEtB,IAAM2B,CAAAA,CAAAA,CAAAA,QAAAA,CAAUtB,EAAIsB,QAGhChC,CAAAA,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAAeiC,YAAeC,CAAAA,CAAAA,CAAgBC,iBAC9CnC,CAAAA,CAAAA,CAAeoC,aACfpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAewB,aAAc,CAAA,GAAIC,CAAAA,WAAYX,CAAAA,CAAAA,CAAgBqB,iBAAmB,CAAA,CAC9ER,MAAQ,CAAA,CAAEtB,OAAMyB,MAAQpB,CAAAA,CAAAA,CAAIoB,MAAQE,CAAAA,QAAAA,CAAUtB,CAAIsB,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAErD,EAGHtB,CAAAA,CAAAA,CAAI2B,OAAU,CAAA,UAAA,CACZlC,CAAemC,UAAAA,CAAOjC,CACtBL,CAAAA,CAAAA,CAAAA,CAAeiC,YAAeC,CAAAA,CAAAA,CAAgBK,cAC9CvC,CAAewB,CAAAA,aAAAA,CAAc,GAAIC,CAAAA,WAAAA,CAAYX,CAAgB0B,CAAAA,kBAAAA,CAAoB,CAC/Eb,MAAAA,CAAQ,CAAEtB,IAAAA,CAAAA,CAAAA,CAAMyB,MAAQpB,CAAAA,CAAAA,CAAIoB,MAAQE,CAAAA,QAAAA,CAAUtB,CAAIsB,CAAAA,QAAAA,CAAAA,CAClDS,SAAS,CACTC,CAAAA,QAAAA,CAAAA,CAAU,CACT,CAAA,CAAA,CAAA,EAAA,CAGLhC,CAAIiC,CAAAA,IAAAA,CAAK,MAAQzC,CAAAA,CAAAA,CAAAA,CACjBQ,CAAIkC,CAAAA,IAAAA,CAAKrC,CACV,CAAA,EACH,CA9CE,IAAAsC,UAAA,CAAAC,CAAA,KAAAC,MAAA,CAAAF,UAAA,CAAAG,CAAA,IAAAC,IAAA,MAAAC,MAAA,GACgC,SAE9B,CA2CJ,OAAAC,GAAA,EAAAN,UAAA,CAAA3B,CAAA,CAAAiC,GAAA,WAAAN,UAAA,CAAAO,CAAA,MAEOC,OAAA,oMAnKMC,CAAmB,CAAA,QAAnBA,CAAAA,CAAmBC,CAC9BvD,CACAwD,CAAAA,EAAAA,CAAAA,CAEAA,EAAYC,CAAAA,aAAAA,CAAeC,SAAAA,CACzB1D,CAAAA,CAAAA,CAAAA,CAAe2D,MAAQD,CAAQ,EAAA,CAAA,CAGjCF,EAAYI,CAAAA,UAAAA,CAAYC,SAAAA,CACtB,CAAA,CAAA,GAAMC,CAAAA,CA2KV,CAAA,SAAmBC,CACjB,CAAA,CAAA,GAAMC,CAAAA,CAAQ,CAAA,CAAEC,CAAG,CAAA,CAAA,CAAGC,EAAI,CAAA,IAAA,CAAMC,GAAI,OAAWC,CAAAA,EAAAA,CAAAA,IAAAA,CAAAA,GAAAA,CAAI,IAAQ,CAAA,CAAA,EAAA,CACrDC,CAAMC,CAAAA,UAAAA,CAAWP,CACjBQ,CAAAA,CAAAA,CAAAA,CAAOR,CAAQS,CAAAA,OAAAA,CAAQ,WAAa,CAAA,EAAA,CAAA,CAAIC,WACxCC,CAAAA,CAAAA,CAAAA,CAAAA,CAAaV,CAAMO,CAAAA,CAAAA,CAAAA,EAA+B,EACxD,MAAOF,CAAAA,CAAAA,CAAMK,CACf,EAjLoBC,CAAU3E,CAAAA,CAAe4E,IACnC3E,CAAAA,CAAAA,CAAAA,CAAgBD,CAAeC,CAAAA,aAAAA,CAErC,GAAKD,CAAAA,CAAAA,CAAe6E,aAAkB5E,EAAAA,CAAAA,CAAcG,MAASyD,CAAAA,CAAAA,CAAMzD,OAAS,CAI1E,CAAA,MAHAJ,CAAAA,CAAeiC,CAAAA,YAAAA,CAAeC,CAAgB4C,CAAAA,oBAAAA,CAC9CC,OAAQC,CAAAA,KAAAA,CAAMhF,CAAeiC,CAAAA,YAAAA,CAAAA,CAAAA,IAC7BjC,CAAAA,CAAeoC,CAAAA,aAAAA,CAAAA,CAAAA,CAIjB,GAAI6C,CAAAA,CAAAA,CAAAA,CAAe,CACfC,CAAAA,CAAAA,CAAAA,CAAkB,EACtB,GAAMC,CAAAA,CAAAA,CAAmB,EACnBC,CAAAA,CAAAA,CAAwB,EAE9B,CAAA,IAAAC,SAAA,CAAAC,0BAAA,CAAmBzB,CACbxD,EAAAA,KAAAA,SAAAA,KAAAA,UAAAA,MAAAA,CAAAA,IADKA,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,KAAAA,CACLA,CAAAA,CAAKuE,IAAOd,CAAAA,CAAAA,EACdmB,CAAe,CAAA,CAAA,CAAA,CACfG,CAAcG,CAAAA,IAAAA,CAAKlF,IAKlBL,CAAewF,CAAAA,eAAAA,EAAAA,CAChBvF,CAAcwF,CAAAA,IAAAA,CACXC,SAAAA,CACCA,QAAAA,CAAAA,CAAAA,CAASC,IAAStF,GAAAA,CAAAA,CAAKsF,IACvBD,EAAAA,CAAAA,CAASd,IAASvE,GAAAA,CAAAA,CAAKuE,IACvBc,EAAAA,CAAAA,CAASE,IAASvF,GAAAA,CAAAA,CAAKuF,QAQzBR,CAAcS,CAAAA,QAAAA,CAASxF,CACzB8E,CAAAA,EAAAA,CAAAA,CAASI,IAAKlF,CAAAA,CAAAA,CAAAA,EANd6E,CAAkB,CAAA,CAAA,CAAA,CAClBE,CAAcG,CAAAA,IAAAA,CAAKlF,CASnB4E,CAAAA,CAAAA,EAAAA,CA1BJ,IAAAI,SAAA,CAAAvC,CAAA,KAAAgD,KAAA,CAAAT,SAAA,CAAArC,CAAA,IAAAC,IAAA,GAAA8C,KAAA,IA0BId,OAAAA,GAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,GAAAA,WAAAA,SAAAA,CAAAA,CAAAA,IAAAA,CAAAA,GACFjF,CAAeiC,CAAAA,YAAAA,CAAeC,CAAgB8D,CAAAA,mBAAAA,CAC9CjB,QAAQC,KAAMhF,CAAAA,CAAAA,CAAeiC,YAC7BjC,CAAAA,CAAAA,CAAAA,CAAeoC,aACfpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAewB,aAAc,CAAA,GAAIC,CAAAA,WAAYX,CAAAA,CAAAA,CAAgBmF,sBAAwB,CAAA,CACnFtE,MAAQ,CAAA,CAAEkC,KAAOuB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAIjBF,GAAuC,CAApBC,GAAAA,CAAAA,CAAS/E,MAC9BJ,GAAAA,CAAAA,CAAeiC,YAAeC,CAAAA,CAAAA,CAAgBgE,sBAC9CnB,CAAAA,OAAAA,CAAQC,KAAMhF,CAAAA,CAAAA,CAAeiC,YAC7BjC,CAAAA,CAAAA,CAAAA,CAAeoC,aAGjBpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAeC,aAAgB,IAAAkG,MAAA,CAAAC,kBAAA,CAAInG,GAAkBkF,CACrDnF,CAAAA,CAAAA,CAAAA,CAAeoC,aAAe,CAAA,CAAA,EAAA,CAAA,CAIhCoB,EAAY6C,CAAAA,eAAAA,CAAiBpE,SAAAA,CAC3B8C,CAAAA,CAAAA,OAAAA,CAAQC,KAAMhF,CAAAA,CAAAA,CAAeiC,YAC7BjC,CAAAA,CAAAA,CAAAA,CAAeiC,YAAeA,CAAAA,CAAY,EAC1C,CAAA,EAAA,EAAAoB,OAAA,KAGSiD,EAAsB9C,QAAtB8C,CAAAA,EAAsB9C,CACjC+C,CAAAA,CAAAA,QAAAA,CAASC,gBAAiB,CAAA,UAAA,CAAYhD,CAAYiD,CAAAA,eAAAA,CAAiB,CAAEC,OAAAA,CAAAA,CAAS,CAC9EH,CAAAA,CAAAA,CAAAA,QAAAA,CAASC,gBAAiB,CAAA,MAAA,CAAQhD,CAAYmD,CAAAA,WAAAA,CAAa,CAAED,OAAAA,CAAAA,CAAS,GAAQ,EAGnEE,EAAAA,OAAAA,KAAAA,CAAAA,CAAuB,QAAvBA,CAAAA,CAAAA,CAAwB5G,CAAAA,CAAgCwD,CAA0BrD,CAAAA,CAAAA,CAAAA,CAC7FH,CAAewG,CAAAA,gBAAAA,CAAiB,YAAetF,CAAAA,SAAAA,CAAAA,CAAAA,CAAM2F,MAYrDC,CAAAA,CAAAA,CAZmE9G,CAAe8G,CAAAA,QAAAA,CAAAA,KAAU9G,CAAe2D,CAAAA,KAAAA,GAetFoD,EAAgBC,OACnCF,EAAAA,CAAAA,CAASC,CAAgBE,CAAAA,KAAAA,CAAAA,CAAAA,CALb,GACdH,CAAAA,CAZiH,EACjH9G,CAAAA,CAAAA,CAAAA,CAAewG,gBAAiB,CAAA,YAAA,CAAetF,SAAAA,CAAMgG,CAAAA,CAAAA,MAoBrDJ,CAAAA,CApBoE9G,CAAAA,CAAAA,CAAe8G,QAAU9G,CAAAA,KAAAA,CAAAA,CAAe2D,QAuBvFoD,CAAgBE,CAAAA,KAAAA,EACnCH,CAASC,CAAAA,CAAAA,CAAgBC,OALb,CAAA,CAAA,CAAA,GACdF,CAAAA,CApBkH,EAAA,CAAA,CAClH9G,CAAewG,CAAAA,gBAAAA,CAAiB,WAActF,CAAAA,SAAAA,CAAAA,QAAMsC,CAAAA,CAAY2D,CAAAA,SAAAA,CAAUjG,CAC1ElB,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAewG,iBAAiB,WAActF,CAAAA,SAAAA,CAAAA,QAAMsC,CAAAA,CAAY4D,CAAAA,SAAAA,CAAUlG,CAC1ElB,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAewG,gBAAiB,CAAA,UAAA,CAAatF,SAAAA,CAAMsC,QAAAA,CAAAA,CAAAA,CAAY6D,QAASnG,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CACxElB,CAAewG,CAAAA,gBAAAA,CAAiB,MAAStF,CAAAA,SAAAA,CAAAA,QAAMsC,CAAAA,EAAY8D,IAAKpG,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAEhEqG,CAAiBvH,CAAAA,CAAAA,CAAgBG,CACjCqH,CAAAA,CAAAA,CAAAA,CAAWxH,CAAeC,CAAAA,aAAAA,CAAeD,CAAe,CAAA,EAAA,EAyE7CuH,CAAmB,CAAA,QAAnBA,CAAAA,CAAmBE,CAACzH,EAAgCG,CAC/DoG,CAAAA,CAAAA,QAAAA,CAASC,gBAAiB1F,CAAAA,CAAAA,CAAgB4G,kBAAqBxG,CAAAA,SAAAA,CAAAA,CAAAA,CAC7D,GAAMyG,CAAAA,CAAAA,CAAezG,CAAES,CAAAA,MAAAA,CAAOtB,IACxBK,CAAAA,CAAAA,CAAMP,CAAeyH,CAAAA,GAAAA,CAAID,CAE3BjH,CAAAA,CAAAA,CAAAA,EACFA,EAAImH,KAEN1H,CAAAA,CAAAA,CAAAA,CAAAA,UAAsBwH,CAAAA,CAAAA,CAAAA,CACtB3H,CAAeC,CAAAA,aAAAA,CAAgBD,CAAeC,CAAAA,aAAAA,CAAc6H,MAAOzH,CAAAA,SAAAA,CAAAA,QAAQA,CAAAA,CAASsH,GAAAA,CAAAA,EAAAA,CAAAA,CAEpF3H,CAAewB,CAAAA,aAAAA,CAAc,GAAIC,CAAAA,WAAAA,CAAYX,EAAgBiH,qBAAuB,CAAA,CAClFpG,MAAQ,CAAA,CAAEtB,IAAMsH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACf,EACH,CAAA,EAAA,CAAAtE,OAAA,KAWS2E,CAAAA,CAAoCC,QAApCD,CAAAA,CAAAA,CAAoCC,CAC/CA,CAAAA,KAAAA,iBAAAA,CAAAA,CAAAA,iBAAAA,CAAAA,CAAAA,CAAMC,cACND,UAAAA,iBAAAA,WADAA,iBAAAA,CAAAA,IAAAA,CAAAA,CACAA,CAAAA,CAAAA,CAAAA,CAAME,eAAiB,CAAA,CAAA,EAAA,EAGZX,EAAa,QAAbA,CAAAA,EAAcvH,CAAAA,CAAuBD,CAChDuG,CAAAA,CAAAA,QAAAA,CAASC,gBAAiB,CAAA,aAAA,CAAgBtF,SAAAA,CACxC,CAAA,CAAA,GAAQkH,CAAAA,CAAAA,CAAUlH,CAAES,CAAAA,MAAAA,CAAdyG,KAAEA,CACRnI,CAAgBA,CAAAA,CAAAA,CAAc6H,MAAOzH,CAAAA,SAAAA,CAAAA,QAAQA,CAAAA,IAAS+H,CACtDpI,EAAAA,CAAAA,CAAAA,CAAAA,CAAeC,aAAgBA,CAAAA,CAAAA,CAC/BD,CAAeoC,CAAAA,aAAAA,CAAAA,CAAe,EAC9B,CAAA,EAAA,CAAAiB,OAAA,KAGSgF,CAAkBrI,CAAAA,QAAlBqI,CAAAA,CAAkBrI,CAAAA,CAAAA,CAAAA,CAAAA,CACC,UAA3BA,GAAAA,CAAAA,CAAesI,OAA0BtI,EAAAA,CAAAA,CAAeiC,YAAa7B,CAAAA,MAAAA,CAAS,IAG5C,YAA3BJ,GAAAA,CAAAA,CAAesI,OAA4BtI,EAAAA,CAAAA,CAAeiC,YAAa7B,CAAAA,MAAAA,CAAS,EAFxFJ,IAAAA,CAAAA,CAAeuI,iBAAoB,CAAA,CAAA,CAAA,CACnCvI,CAAeoC,CAAAA,aAAAA,CAAAA,CAAAA,CAIhB"}

package/dist/nile-file-upload/utils/file-validation.util.esm.js

@@ -1 +1 @@
-import{a as e,F as s,b as t}from"../types/file-upload.enums.esm.js";const o=(s,t)=>{t.onStateChange((e=>{s.state=e})),t.onFileDrop((t=>{let{allowMultiple:o,uploadedFiles:a,errorMessage:n,requestUpdate:r}=s;if(!o){if(a.length+t.length>1)return n=e.MULTIPLE_NOT_ALLOWED,void r()}let l=t;if(!s.allowDuplicates&&(l=t.filter((e=>!s.uploadedFiles.some((s=>s.name===e.name&&s.size===e.size&&s.type===e.type)))),0===l.length))return s.errorMessage=e.DUPLICATES_NOT_ALLOWED,void s.requestUpdate();s.uploadedFiles=[...s.uploadedFiles,...l],s.requestUpdate()})),t.setErrorMessage((e=>{s.errorMessage=e}))},a=e=>{document.addEventListener("dragover",e.preventDragOver,{passive:!1}),document.addEventListener("drop",e.preventDrop,{passive:!1})},n=(e,t,o)=>{e.addEventListener("mouseenter",(t=>{return o=e.setState,void(e.state===s.DEFAULT&&o(s.HOVER));var o})),e.addEventListener("mouseleave",(t=>{return o=e.setState,void(e.state===s.HOVER&&o(s.DEFAULT));var o})),e.addEventListener("dragenter",(e=>t.dragEnter(e))),e.addEventListener("dragleave",(e=>t.dragLeave(e))),e.addEventListener("dragover",(e=>t.dragOver(e))),e.addEventListener("drop",(e=>t.drop(e))),l(e,o)};function r(e){const{uploadedFiles:s,fileUploadUrl:o,uploadRequests:a}=e;if(o&&s?.length)for(const n of s){const s=new FormData;s.append("file",n);const r=new XMLHttpRequest;a.set(n,r),r.upload.onprogress=s=>{const o=Math.floor(s.loaded/s.total*100);e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_PROGRESS,{detail:{file:n,progress:o}}))},r.onload=()=>{a.delete(n),201===r.status?(e.uploadedFiles=e.uploadedFiles.filter((e=>e!==n)),e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_SUCCESS,{detail:{file:n,response:r.response}}))):e.dispatchEvent(new CustomEvent(t.SERVER_SIDE_ERROR,{detail:{file:n,status:r.status,response:r.response}}))},r.onerror=()=>{a.delete(n),e.dispatchEvent(new CustomEvent(t.NILE_NETWORK_ERROR,{detail:{file:n,status:r.status,response:r.response}}))},r.open("POST",o),r.send(s)}}const l=(e,s)=>{document.addEventListener(t.NILE_CANCEL_UPLOAD,(o=>{const a=o.detail.file,n=s.get(a);n&&n.abort(),s.delete(a),e.uploadedFiles=e.uploadedFiles.filter((e=>e!==a)),e.dispatchEvent(new CustomEvent(t.NILE_UPLOAD_CANCELLED,{detail:{file:a}}))}))};export{n as a,a as b,o as s,r as u};
+import{a as e,b as o,F as s}from"../types/file-upload.enums.esm.js";const t=(s,t)=>{t.onStateChange((e=>{s.state=e})),t.onFileDrop((t=>{const n=function(e){const o={B:1,KB:1024,MB:1048576,GB:1024**3},s=parseFloat(e),t=e.replace(/[0-9.\s]/g,"").toUpperCase(),n=o[t]||1;return s*n}(s.size),a=s.uploadedFiles;if(!s.allowMultiple&&a.length+t.length>1)return s.errorMessage=e.MULTIPLE_NOT_ALLOWED,console.error(s.errorMessage),void s.requestUpdate();let r=!1,l=!1;const i=[],u=[];for(const e of t)e.size>n?(r=!0,u.push(e)):s.allowDuplicates||!a.some((o=>o.name===e.name&&o.size===e.size&&o.type===e.type))?u.includes(e)||i.push(e):(l=!0,u.push(e));r&&(s.errorMessage=e.SIZE_LIMIT_EXCEEDED,console.error(s.errorMessage),s.requestUpdate(),s.dispatchEvent(new CustomEvent(o.NILE_SIZE_EXCEED_FILES,{detail:{files:u}}))),l&&0===i.length&&(s.errorMessage=e.DUPLICATES_NOT_ALLOWED,console.error(s.errorMessage),s.requestUpdate()),s.uploadedFiles=[...a,...i],s.requestUpdate()})),t.setErrorMessage((e=>{console.error(s.errorMessage),s.errorMessage=e}))},n=e=>{document.addEventListener("dragover",e.preventDragOver,{passive:!1}),document.addEventListener("drop",e.preventDrop,{passive:!1})},a=(e,o,t)=>{e.addEventListener("mouseenter",(o=>{return t=e.setState,void(e.state===s.DEFAULT&&t(s.HOVER));var t})),e.addEventListener("mouseleave",(o=>{return t=e.setState,void(e.state===s.HOVER&&t(s.DEFAULT));var t})),e.addEventListener("dragenter",(e=>o.dragEnter(e))),e.addEventListener("dragleave",(e=>o.dragLeave(e))),e.addEventListener("dragover",(e=>o.dragOver(e))),e.addEventListener("drop",(e=>o.drop(e))),l(e,t),u(e.uploadedFiles,e)};function r(s){const{uploadedFiles:t,fileUploadUrl:n,uploadRequests:a}=s;if(n&&t?.length)for(const r of t){if(a.has(r))continue;const t=new FormData;t.append("file",r);const l=new XMLHttpRequest;a.set(r,l),s.emit(o.NILE_UPLOADING),l.upload.onprogress=e=>{const t=Math.floor(e.loaded/e.total*100);s.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_PROGRESS,{detail:{file:r,progress:t}}))},l.onload=()=>{l.status>=200&&l.status<300?s.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_SUCCESS,{detail:{file:r,response:l.response}})):(s.errorMessage=e.SERVER_SIDE_ERROR,s.requestUpdate(),s.dispatchEvent(new CustomEvent(o.SERVER_SIDE_ERROR,{detail:{file:r,status:l.status,response:l.response}})))},l.onerror=()=>{a.delete(r),s.errorMessage=e.NETWORK_ERROR,s.dispatchEvent(new CustomEvent(o.NILE_NETWORK_ERROR,{detail:{file:r,status:l.status,response:l.response},bubbles:!0,composed:!0}))},l.open("POST",n),l.send(t)}}const l=(e,s)=>{document.addEventListener(o.NILE_CANCEL_UPLOAD,(t=>{const n=t.detail.file,a=s.get(n);a&&a.abort(),s.delete(n),e.uploadedFiles=e.uploadedFiles.filter((e=>e!==n)),e.dispatchEvent(new CustomEvent(o.NILE_UPLOAD_CANCELLED,{detail:{file:n}}))}))};const i=e=>{e.preventDefault?.(),e.stopPropagation()},u=(e,o)=>{document.addEventListener("nile-remove",(s=>{const{value:t}=s.detail;e=e.filter((e=>e!==t)),o.uploadedFiles=e,o.requestUpdate()}))},c=e=>{("vertical"===e.variant&&e.errorMessage.length>34||"horizontal"===e.variant&&e.errorMessage.length>96)&&(e.isStringTruncated=!0,e.requestUpdate())};export{a,n as b,i as p,t as s,c as t,r as u};

package/dist/nile-input/nile-input.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n  }\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-color-dark-blue, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-placeholder));\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n    letter-spacing: 2px;\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n  }\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-color-dark-blue, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-placeholder));\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    letter-spacing: 2px;\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-input.css.cjs.js.map

package/dist/nile-input/nile-input.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.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 * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n  }\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-color-dark-blue, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-placeholder));\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: 'disc';\n    letter-spacing: 2px;\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.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 * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n  }\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-color-dark-blue, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-placeholder));\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    letter-spacing: 2px;\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-input/nile-input.css.esm.js

@@ -529,7 +529,6 @@ import{css as r}from"lit";const n=r`
   }
 
   .input__password {
-    font-family: 'disc';
     letter-spacing: 2px;
   }