@aquera/nile-elements 0.1.55-beta-1.1 → 0.1.55-beta-1.2

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

@@ -1 +1 @@
-{"version":3,"file":"nile-file-upload.template.js","sourceRoot":"","sources":["../../../src/nile-file-upload/nile-file-upload.template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadState } from './types/file-upload.enums';\n\nconst baseHorizontalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string\n): TemplateResult => html`\n  <div>\n    <div class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true, 'disable': disabled })}>\n      <div class=\"inner-div\">\n        <slot name=\"uploadIcon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div class=\"content\">\n          <slot name=\"title\">\n            <h4>${title}</h4>\n          </slot>\n          <slot name=\"subtitle\">\n            <p>${subtitle}</p>\n          </slot>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=${disabled}\n        @change=${(e: Event | DragEvent) => { dragHandler.handleFiles(e) }}\n        multiple\n      />\n      <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getHorizontalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, false, dragHandler, state, errorMessage);\n\nexport const getHorizontalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  state: FileUploadState,\n  errorMessage: string\n): TemplateResult => baseHorizontalState(browseFiles, title, subtitle, true, dragHandler, state, errorMessage);\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n  <div class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>Drop files here to upload</p>\n  </div>\n`;\n\n//  Vertical States\nconst baseVerticalState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  disabled: boolean,\n  dragHandler: DragHandler,\n  errorMessage: string\n): TemplateResult => html`\n  <div>\n    <div class=\"vertical-default vertical-div ${disabled ? 'disable' : ''}\">\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content-container\">\n        <slot name=\"title\">\n          <h4>${title}</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>${subtitle}</p>\n        </slot>\n      </div>\n      <input\n        type=\"file\"\n        ?disabled=${disabled}\n        @change=${(e: Event | DragEvent) => dragHandler.handleFiles(e)}\n        multiple\n      />\n      <slot @click=${disabled ? undefined : browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\" ?disabled=${disabled}>\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getVerticalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, false, dragHandler, errorMessage);\n\nexport const getVerticalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  dragHandler: DragHandler,\n  errorMessage: string\n): TemplateResult => baseVerticalState(browseFiles, title, subtitle, true, dragHandler, errorMessage);\n\n\nexport const getVerticalDragState = (): TemplateResult => html`\n  <div class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>Drop files here to upload</p>\n  </div>\n`;"]}
+{"version":3,"file":"nile-file-upload.template.js","sourceRoot":"","sources":["../../../src/nile-file-upload/nile-file-upload.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAG5D,IAAI,mBAAgC,CAAC;AACrC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAwB,EAAQ,EAAE;IAC/D,mBAAmB,GAAG,WAAW,CAAC;AACpC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,WAAqB,EACrB,KAAa,EACb,QAAgB,EAChB,YAAoB,EACpB,KAAsB,EACN,EAAE,CAAC,IAAI,CAAA;;iBAER,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,KAAK,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;;;;;;;kBAOtE,KAAK;;;iBAGN,QAAQ;;;;;;kBAMP,CAAC,CAAoB,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;;;qBAGzD,WAAW;;;;;;MAM1B,YAAY,CAAC,CAAC;IACd,IAAI,CAAA;;gBAEM,YAAY;aACf,CAAC,CAAC;IACT,IAAI,CAAA,EACN;;CAEH,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,WAAqB,EACrB,KAAa,EACb,QAAgB,EACA,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;gBAUT,KAAK;;;eAGN,QAAQ;;;;;;gBAMP,CAAC,CAAoB,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;;;mBAGzD,WAAW;;;;;;CAM7B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;CAkB/D,CAAC;AAEF,mBAAmB;AACnB,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,WAAqB,EACrB,KAAa,EACb,QAAgB,EAChB,YAAoB,EACpB,KAAsB,EACN,EAAE,CAAC,IAAI,CAAA;;iBAER,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,KAAK,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;;;;;;gBAMtE,KAAK;;;eAGN,QAAQ;;;;;kBAKL,CAAC,CAAoB,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;;;qBAGzD,WAAW;;;;;;MAM1B,YAAY,CAAC,CAAC;IACd,IAAI,CAAA;;gBAEM,YAAY;aACf,CAAC,CAAC;IACT,IAAI,CAAA,EACN;;CAEH,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,WAAqB,EACrB,KAAa,EACb,QAAgB,EACA,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASX,KAAK;;;aAGN,QAAQ;;;;;gBAKL,CAAC,CAAoB,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;;;mBAGzD,WAAW;;;;;;CAM7B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;CAkB7D,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport './nile-file-upload.css';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { FileUploadState } from './types/file-upload.enums';\n\nlet dragHandlerInstance: DragHandler;\nexport const getDragHandler = (dragHandler: DragHandler): void => {\n  dragHandlerInstance = dragHandler;\n}\n\nexport const getHorizontalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  errorMessage: string,\n  state: FileUploadState\n): TemplateResult => html`\n  <div>\n    <div class=${classMap({ 'hover-border': state === \"hover\", 'horizontal-div': true })}>\n      <div class=\"inner-div\">\n        <slot name=\"uploadIcon\">\n          <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n        </slot>\n        <div class=\"content\">\n          <slot name=\"title\">\n            <h4>${title}</h4>\n          </slot>\n          <slot name=\"subtitle\">\n            <p>${subtitle}</p>\n          </slot>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n        multiple\n      />\n      <slot @click=${browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getHorizontalDisabledtState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string\n): TemplateResult => html`\n  <div\n    class=\"horizontal-div disable\"\n  >\n     <div class=\"inner-div\">\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content\">\n        <slot name=\"title\">\n          <h4>${title}</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>${subtitle}</p>\n        </slot>\n      </div>\n    </div>\n    <input\n      type=\"file\"\n      @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getHorizontalDragState = (): TemplateResult => html`\n  <div class=\"horizontal-div dragging\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>Drop files here to upload</p>\n  </div>\n`;\n\n//  Vertical States\nexport const getVerticalDefaultState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string,\n  errorMessage: string,\n  state: FileUploadState\n): TemplateResult => html`\n  <div>\n    <div class=${classMap({ 'hover-border': state === \"hover\", 'vertical-div': true })}>\n      <slot name=\"uploadIcon\">\n        <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n      </slot>\n      <div class=\"content-container\">\n        <slot name=\"title\">\n          <h4>${title}</h4>\n        </slot>\n        <slot name=\"subtitle\">\n          <p>${subtitle}</p>\n        </slot>\n      </div>\n      <input\n        type=\"file\"\n        @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n        multiple\n      />\n      <slot @click=${browseFiles} name=\"browseFileButton\">\n        <nile-button variant=\"tertiary\">\n          Browse File\n        </nile-button>\n      </slot>\n    </div>\n    ${errorMessage ?\n      html`<div class=\"upload-error\">\n        <nile-icon name=\"warning\" size=\"12\" color=\"red\"></nile-icon>\n        <span>${errorMessage}</span>\n      </div>` :\n      html``\n    }\n  </div>\n`;\n\nexport const getVerticalDisabledState = (\n  browseFiles: Function,\n  title: string,\n  subtitle: string\n): TemplateResult => html`\n  <div\n    class=\"vertical-deafult vertical-div disable\"\n  >\n    <slot name=\"uploadIcon\">\n      <nile-icon name=\"upload\" size=\"24\"></nile-icon>\n    </slot>\n    <div class=\"content-container\">\n      <slot name=\"title\">\n        <h4>${title}</h4>\n      </slot>\n      <slot name=\"title\">\n        <p>${subtitle}</p>\n      </slot>\n    </div>\n    <input\n      type=\"file\"\n      @change=${(e: Event | DragEvent) => dragHandlerInstance.handleFiles(e)}\n      multiple\n    />\n    <slot @click=${browseFiles} name=\"browseFileButton\">\n      <nile-button variant=\"tertiary\">\n        Browse File\n      </nile-button>\n    </slot>\n  </div>\n`;\n\nexport const getVerticalDragState = (): TemplateResult => html`\n  <div class=\"vertical-div vertical-drag\">\n    <div class=\"icons-container\">\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"general\"\n        size=\"20\"\n        class=\"general-icon\"\n      ></nile-icon>\n      <nile-icon\n        color=\"var(--nile-colors-blue-500)\"\n        name=\"image\"\n        size=\"24\"\n        class=\"image-icon\"\n      ></nile-icon>\n    </div>\n    <p>Drop files here to upload</p>\n  </div>\n`;"]}

package/dist/src/nile-file-upload/types/file-upload.enums.d.ts

@@ -10,7 +10,7 @@ export declare enum FileUploadVariant {
 }
 export declare enum FileUploadError {
     INVALID_FORMAT = "Invalid file format! Upload valid file.",
-    SIZE_LIMIT_EXCEEDED = "File exceeds size limit! Upload smaller file.",
+    SIZE_EXCEEDED = "File exceeds size limit! Upload smaller file.",
     MULTIPLE_NOT_ALLOWED = "Please Upload Single File!",
     DUPLICATES_NOT_ALLOWED = "Duplicate Files Are Not Allowed!",
     UPLOAD_URL_REQUIRED = "Upload URL is required!"
@@ -20,7 +20,6 @@ export declare enum FileUploadEvent {
     NILE_BROWSE = "nile-browse",
     NILE_DRAG = "nile-drag",
     NILE_CHANGE = "nile-change",
-    NILE_UPLOADING = "nile-uploading",
     NILE_UPLOAD_PROGRESS = "nile-upload-progress",
     NILE_UPLOAD_SUCCESS = "nile-upload-success",
     NILE_UPLOAD_CANCELLED = "nile-upload-cancelled",
@@ -31,6 +30,6 @@ export declare enum FileUploadEvent {
 }
 export declare enum FileUploadDefaults {
     TITLE = "Drag and drop to upload",
-    SUBTITLE = "Please upload a file",
+    SUBTITLE = "PNG, JPG or SVG (upto 1MB) | 1:1 ratio",
     ERROR_MESSAGE = "Invalid File Format."
 }

package/dist/src/nile-file-upload/types/file-upload.enums.js

@@ -13,7 +13,7 @@ export var FileUploadVariant;
 export var FileUploadError;
 (function (FileUploadError) {
     FileUploadError["INVALID_FORMAT"] = "Invalid file format! Upload valid file.";
-    FileUploadError["SIZE_LIMIT_EXCEEDED"] = "File exceeds size limit! Upload smaller file.";
+    FileUploadError["SIZE_EXCEEDED"] = "File exceeds size limit! Upload smaller file.";
     FileUploadError["MULTIPLE_NOT_ALLOWED"] = "Please Upload Single File!";
     FileUploadError["DUPLICATES_NOT_ALLOWED"] = "Duplicate Files Are Not Allowed!";
     FileUploadError["UPLOAD_URL_REQUIRED"] = "Upload URL is required!";
@@ -24,7 +24,6 @@ export var FileUploadEvent;
     FileUploadEvent["NILE_BROWSE"] = "nile-browse";
     FileUploadEvent["NILE_DRAG"] = "nile-drag";
     FileUploadEvent["NILE_CHANGE"] = "nile-change";
-    FileUploadEvent["NILE_UPLOADING"] = "nile-uploading";
     FileUploadEvent["NILE_UPLOAD_PROGRESS"] = "nile-upload-progress";
     FileUploadEvent["NILE_UPLOAD_SUCCESS"] = "nile-upload-success";
     FileUploadEvent["NILE_UPLOAD_CANCELLED"] = "nile-upload-cancelled";
@@ -36,7 +35,7 @@ export var FileUploadEvent;
 export var FileUploadDefaults;
 (function (FileUploadDefaults) {
     FileUploadDefaults["TITLE"] = "Drag and drop to upload";
-    FileUploadDefaults["SUBTITLE"] = "Please upload a file";
+    FileUploadDefaults["SUBTITLE"] = "PNG, JPG or SVG (upto 1MB) | 1:1 ratio";
     FileUploadDefaults["ERROR_MESSAGE"] = "Invalid File Format.";
 })(FileUploadDefaults || (FileUploadDefaults = {}));
 ;

package/dist/src/nile-file-upload/types/file-upload.enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.enums.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/types/file-upload.enums.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,gCAAa,CAAA;AACf,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,8CAAyB,CAAA;IACzB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,6EAA0D,CAAA;IAC1D,wFAAqE,CAAA;IACrE,sEAAmD,CAAA;IACnD,8EAA2D,CAAA;IAC3D,kEAA+C,CAAA;AACjD,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAED,MAAM,CAAN,IAAY,eAaX;AAbD,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,oDAAiC,CAAA;IACjC,gEAA6C,CAAA;IAC7C,8DAA2C,CAAA;IAC3C,kEAA+C,CAAA;IAC/C,4DAAyC,CAAA;IACzC,4DAAyC,CAAA;IACzC,0DAAuC,CAAA;IACvC,gDAA6B,CAAA;AAC/B,CAAC,EAbW,eAAe,KAAf,eAAe,QAa1B;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,uDAAiC,CAAA;IACjC,uDAAiC,CAAA;IACjC,4DAAsC,CAAA;AACxC,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAAA,CAAC","sourcesContent":["export enum FileUploadState {\n  DEFAULT = 'default',\n  DISABLED = 'disabled',\n  HOVER = 'hover',\n  DRAG = 'drag'\n}\n\nexport enum FileUploadVariant {\n  HORIZONTAL = 'horizontal',\n  VERTICAL = 'vertical'\n}\n\nexport enum FileUploadError {\n  INVALID_FORMAT = \"Invalid file format! Upload valid file.\",\n  SIZE_LIMIT_EXCEEDED = \"File exceeds size limit! Upload smaller file.\",\n  MULTIPLE_NOT_ALLOWED = \"Please Upload Single File!\",\n  DUPLICATES_NOT_ALLOWED = \"Duplicate Files Are Not Allowed!\",\n  UPLOAD_URL_REQUIRED = \"Upload URL is required!\",\n}\n\nexport enum FileUploadEvent {\n  NILE_INIT = \"nile-init\",\n  NILE_BROWSE = \"nile-browse\",\n  NILE_DRAG = \"nile-drag\",\n  NILE_CHANGE = \"nile-change\",\n  NILE_UPLOADING = \"nile-uploading\",\n  NILE_UPLOAD_PROGRESS = \"nile-upload-progress\",\n  NILE_UPLOAD_SUCCESS = \"nile-upload-success\",\n  NILE_UPLOAD_CANCELLED = \"nile-upload-cancelled\",\n  NILE_CANCEL_UPLOAD = \"nile-cancel-upload\",\n  NILE_NETWORK_ERROR = \"nile-network-error\",\n  SERVER_SIDE_ERROR = \"nile-server-error\",\n  NILE_DESTROY = \"nile-destroy\"\n}\n\nexport enum FileUploadDefaults {\n  TITLE = 'Drag and drop to upload',\n  SUBTITLE = 'Please upload a file',\n  ERROR_MESSAGE = 'Invalid File Format.',\n};"]}
+{"version":3,"file":"file-upload.enums.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/types/file-upload.enums.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,gCAAa,CAAA;AACf,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,8CAAyB,CAAA;IACzB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,6EAA0D,CAAA;IAC1D,kFAA+D,CAAA;IAC/D,sEAAmD,CAAA;IACnD,8EAA2D,CAAA;IAC3D,kEAA+C,CAAA;AACjD,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAED,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,gEAA6C,CAAA;IAC7C,8DAA2C,CAAA;IAC3C,kEAA+C,CAAA;IAC/C,4DAAyC,CAAA;IACzC,4DAAyC,CAAA;IACzC,0DAAuC,CAAA;IACvC,gDAA6B,CAAA;AAC/B,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,uDAAiC,CAAA;IACjC,yEAAmD,CAAA;IACnD,4DAAsC,CAAA;AACxC,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAAA,CAAC","sourcesContent":["export enum FileUploadState {\n  DEFAULT = 'default',\n  DISABLED = 'disabled',\n  HOVER = 'hover',\n  DRAG = 'drag'\n}\n\nexport enum FileUploadVariant {\n  HORIZONTAL = 'horizontal',\n  VERTICAL = 'vertical'\n}\n\nexport enum FileUploadError {\n  INVALID_FORMAT = \"Invalid file format! Upload valid file.\",\n  SIZE_EXCEEDED = \"File exceeds size limit! Upload smaller file.\",\n  MULTIPLE_NOT_ALLOWED = \"Please Upload Single File!\",\n  DUPLICATES_NOT_ALLOWED = \"Duplicate Files Are Not Allowed!\",\n  UPLOAD_URL_REQUIRED = \"Upload URL is required!\",\n}\n\nexport enum FileUploadEvent {\n  NILE_INIT = \"nile-init\",\n  NILE_BROWSE = \"nile-browse\",\n  NILE_DRAG = \"nile-drag\",\n  NILE_CHANGE = \"nile-change\",\n  NILE_UPLOAD_PROGRESS = \"nile-upload-progress\",\n  NILE_UPLOAD_SUCCESS = \"nile-upload-success\",\n  NILE_UPLOAD_CANCELLED = \"nile-upload-cancelled\",\n  NILE_CANCEL_UPLOAD = \"nile-cancel-upload\",\n  NILE_NETWORK_ERROR = \"nile-network-error\",\n  SERVER_SIDE_ERROR = \"nile-server-error\",\n  NILE_DESTROY = \"nile-destroy\"\n}\n\nexport enum FileUploadDefaults {\n  TITLE = 'Drag and drop to upload',\n  SUBTITLE = 'PNG, JPG or SVG (upto 1MB) | 1:1 ratio',\n  ERROR_MESSAGE = 'Invalid File Format.',\n};"]}

package/dist/src/nile-file-upload/utils/drag-drop.util.d.ts

@@ -1,12 +1,14 @@
 import { FileUploadState } from "../types";
 export declare class DragHandler {
     private currentState;
+    private size;
+    private uploadedFiles;
     private stateChangeCallback?;
     private fileDropCallback?;
     private errorMessageCallback?;
     constructor();
     setErrorMessage(callback: (errorMessage: string) => void): void;
-    setValuesInDragHandler(state: FileUploadState): void;
+    setValuesInDragHandler(state: FileUploadState, size: number, uploadedFiles: File[]): void;
     onFileDrop(callback: (files: File[]) => void): void;
     onStateChange(callback: (state: FileUploadState) => void): void;
     private setState;
@@ -17,5 +19,5 @@ export declare class DragHandler {
     handleDocumentDrop(e: DragEvent): void;
     preventDragOver(e: DragEvent): void;
     preventDrop(e: DragEvent): void;
-    handleFiles(e: Event | DragEvent): void;
+    handleFiles(event: Event | DragEvent): void;
 }

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

@@ -1,14 +1,17 @@
-import { preventDefaultAndStopPropagation } from "./file-validation.util";
 import { FileUploadState } from "../types";
 export class DragHandler {
     constructor() {
         this.currentState = FileUploadState.DEFAULT;
+        this.size = 0;
+        this.uploadedFiles = [];
     }
     setErrorMessage(callback) {
         this.errorMessageCallback = callback;
     }
-    setValuesInDragHandler(state) {
+    setValuesInDragHandler(state, size, uploadedFiles) {
         this.currentState = state;
+        this.size = size;
+        this.uploadedFiles = uploadedFiles;
     }
     onFileDrop(callback) {
         this.fileDropCallback = callback;
@@ -23,60 +26,60 @@ export class DragHandler {
         this.stateChangeCallback?.(state);
     }
     dragEnter(e) {
-        preventDefaultAndStopPropagation(e);
         if (this.currentState === FileUploadState.DISABLED)
             return;
+        e.preventDefault();
         this.errorMessageCallback?.("");
         this.setState(FileUploadState.DRAG);
     }
     dragLeave(e) {
-        preventDefaultAndStopPropagation(e);
         if (this.currentState === FileUploadState.DISABLED)
             return;
+        e.preventDefault();
         this.setState(FileUploadState.DEFAULT);
     }
     dragOver(e) {
-        preventDefaultAndStopPropagation(e);
         if (this.currentState === FileUploadState.DISABLED)
             return;
+        e.preventDefault();
     }
     drop(e) {
-        preventDefaultAndStopPropagation(e);
         if (this.currentState === FileUploadState.DISABLED)
             return;
+        e.preventDefault();
+        e.stopPropagation();
         this.setState(FileUploadState.DEFAULT);
         this.handleFiles(e);
     }
     handleDocumentDrop(e) {
         if (this.currentState === FileUploadState.DISABLED)
             return;
-        preventDefaultAndStopPropagation(e);
+        e.preventDefault();
+        e.stopPropagation();
         this.setState(FileUploadState.DEFAULT);
     }
     preventDragOver(e) {
-        preventDefaultAndStopPropagation(e);
+        e.preventDefault();
     }
     preventDrop(e) {
-        preventDefaultAndStopPropagation(e);
+        e.preventDefault();
+        e.stopPropagation();
     }
-    handleFiles(e) {
-        preventDefaultAndStopPropagation(e);
+    handleFiles(event) {
         if (this.currentState === FileUploadState.DISABLED)
             return;
+        event.preventDefault?.();
         let files = null;
-        if ('dataTransfer' in e && e.dataTransfer) {
-            files = e.dataTransfer.files;
+        if ('dataTransfer' in event && event.dataTransfer) {
+            files = event.dataTransfer.files;
         }
-        if (!files && e.target instanceof HTMLInputElement) {
-            files = e.target.files;
+        if (!files && event.target instanceof HTMLInputElement) {
+            files = event.target.files;
         }
         if (files && files.length > 0) {
             const newFiles = Array.from(files);
             this.fileDropCallback?.(newFiles);
         }
-        if (e.target instanceof HTMLInputElement) {
-            e.target.value = "";
-        }
     }
 }
 //# sourceMappingURL=drag-drop.util.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drag-drop.util.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/utils/drag-drop.util.ts"],"names":[],"mappings":"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","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"]}
+{"version":3,"file":"drag-drop.util.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/utils/drag-drop.util.ts"],"names":[],"mappings":"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","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"]}

package/dist/src/nile-file-upload/utils/file-validation.util.d.ts

@@ -2,12 +2,10 @@ import { DragHandler } from "./drag-drop.util";
 import { FileUploadState } from "../types";
 import { NileFileUpload } from "../nile-file-upload";
 export declare const areDuplicates: (files: File[], uploadedFiles: File[]) => boolean;
-export declare const setUpDragHandler: (nileFileUpload: NileFileUpload, dragHandler: DragHandler, allowMultiple: boolean, uploadedFiles: File[], errorMessage: string, size: string, allowDuplicates: boolean) => void;
+export declare const setUpDragHandler: (nileFileUpload: NileFileUpload, dragHandler: DragHandler) => void;
 export declare const addGlobalListeners: (dragHandler: DragHandler) => void;
 export declare const addInternalListeners: (nileFileUpload: NileFileUpload, dragHandler: DragHandler, uploadRequests: any) => void;
 export declare function handleHoverIn(setState: (state: FileUploadState) => void, currentState: FileUploadState): void;
 export declare function handleHoverOut(setState: (state: FileUploadState) => void, currentState: FileUploadState): void;
 export declare function uploadFiles(nileFileUpload: NileFileUpload): void;
 export declare const cancelFileUpload: (nileFileUpload: NileFileUpload, uploadRequests: Map<File, XMLHttpRequest>) => void;
-export declare const preventDefaultAndStopPropagation: (event: Event | DragEvent) => void;
-export declare const removeFile: (uploadedFiles: File[], nileFileUpload: NileFileUpload) => void;

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

@@ -1,41 +1,32 @@
 import { FileUploadState, FileUploadError, FileUploadEvent } from "../types";
-// optimise this function
+// write a function to check for duplicatse in the files name it as areDuplicates
 export const areDuplicates = (files, uploadedFiles) => {
     return files.some(file => uploadedFiles.some(existing => file.name === existing.name &&
         file.size === existing.size &&
         file.lastModified === existing.lastModified));
 };
-export const setUpDragHandler = (nileFileUpload, dragHandler, allowMultiple, uploadedFiles, errorMessage, size, allowDuplicates) => {
+// set up the drag handler
+export const setUpDragHandler = (nileFileUpload, dragHandler) => {
     dragHandler.onStateChange((newState) => {
         nileFileUpload.state = newState;
     });
     dragHandler.onFileDrop((files) => {
-        let maxSize = parseSize(size);
-        if (!nileFileUpload.allowMultiple) {
-            const total = nileFileUpload.uploadedFiles.length + files.length;
+        let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;
+        if (!allowMultiple) {
+            const total = uploadedFiles.length + files.length;
             if (total > 1) {
-                nileFileUpload.errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
-                console.error(errorMessage);
-                nileFileUpload.requestUpdate();
-                return;
-            }
-        }
-        for (const file of files) {
-            if (file.size > maxSize) {
-                nileFileUpload.errorMessage = FileUploadError.SIZE_LIMIT_EXCEEDED;
-                console.error(errorMessage);
-                nileFileUpload.requestUpdate();
+                errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
+                requestUpdate();
                 return;
             }
         }
         let newFiles = files;
         if (!nileFileUpload.allowDuplicates) {
-            newFiles = files.filter(file => !uploadedFiles.some(uploaded => uploaded.name === file.name &&
+            newFiles = files.filter(file => !nileFileUpload.uploadedFiles.some(uploaded => uploaded.name === file.name &&
                 uploaded.size === file.size &&
                 uploaded.type === file.type));
             if (newFiles.length === 0) {
-                errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
-                console.error(errorMessage);
+                nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
                 nileFileUpload.requestUpdate();
                 return;
             }
@@ -44,14 +35,15 @@ export const setUpDragHandler = (nileFileUpload, dragHandler, allowMultiple, upl
         nileFileUpload.requestUpdate();
     });
     dragHandler.setErrorMessage((errorMessage) => {
-        console.error(errorMessage);
         nileFileUpload.errorMessage = errorMessage;
     });
 };
+// global listenrers
 export const addGlobalListeners = (dragHandler) => {
     document.addEventListener('dragover', dragHandler.preventDragOver, { passive: false });
     document.addEventListener('drop', dragHandler.preventDrop, { passive: false });
 };
+// for hover & dragging functionality
 export const addInternalListeners = (nileFileUpload, dragHandler, uploadRequests) => {
     nileFileUpload.addEventListener('mouseenter', (e) => handleHoverIn(nileFileUpload.setState, nileFileUpload.state));
     nileFileUpload.addEventListener('mouseleave', (e) => handleHoverOut(nileFileUpload.setState, nileFileUpload.state));
@@ -60,7 +52,6 @@ export const addInternalListeners = (nileFileUpload, dragHandler, uploadRequests
     nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));
     nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));
     cancelFileUpload(nileFileUpload, uploadRequests);
-    removeFile(nileFileUpload.uploadedFiles, nileFileUpload);
 };
 export function handleHoverIn(setState, currentState) {
     if (currentState === FileUploadState.DEFAULT) {
@@ -77,21 +68,21 @@ export function uploadFiles(nileFileUpload) {
     if (!fileUploadUrl || !uploadedFiles?.length)
         return;
     for (const file of uploadedFiles) {
-        if (uploadRequests.has(file))
-            continue;
         const formData = new FormData();
         formData.append('file', file);
         const xhr = new XMLHttpRequest();
         uploadRequests.set(file, xhr);
-        nileFileUpload.emit(FileUploadEvent.NILE_UPLOADING);
         xhr.upload.onprogress = (e) => {
             const percent = Math.floor((e.loaded / e.total) * 100);
             nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_PROGRESS, {
                 detail: { file, progress: percent }
             }));
         };
-        xhr.onload = (e) => {
+        xhr.onload = () => {
+            uploadRequests.delete(file);
             if (xhr.status === 201) {
+                // Remove the successfully uploaded file
+                nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(f => f !== file);
                 nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {
                     detail: { file, response: xhr.response }
                 }));
@@ -126,23 +117,4 @@ export const cancelFileUpload = (nileFileUpload, uploadRequests) => {
         }));
     });
 };
-function parseSize(sizeStr) {
-    const units = { B: 1, KB: 1024, MB: 1024 ** 2, GB: 1024 ** 3 };
-    const num = parseFloat(sizeStr);
-    const unit = sizeStr.replace(/[0-9.\s]/g, '').toUpperCase();
-    const multiplier = units[unit] || 1;
-    return num * multiplier;
-}
-export const preventDefaultAndStopPropagation = (event) => {
-    event.preventDefault?.();
-    event.stopPropagation();
-};
-export const removeFile = (uploadedFiles, nileFileUpload) => {
-    document.addEventListener('nile-remove', (e) => {
-        const { value } = e.detail;
-        uploadedFiles = uploadedFiles.filter(file => file !== value);
-        nileFileUpload.uploadedFiles = uploadedFiles;
-        nileFileUpload.requestUpdate();
-    });
-};
 //# sourceMappingURL=file-validation.util.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-validation.util.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/utils/file-validation.util.ts"],"names":[],"mappings":"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","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\n// optimise this function\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\nexport const setUpDragHandler = (\n  nileFileUpload: NileFileUpload,\n  dragHandler: DragHandler,\n  allowMultiple: boolean,\n  uploadedFiles: File[],\n  errorMessage: string,\n  size: string,\n  allowDuplicates: boolean\n): void => {\n  dragHandler.onStateChange((newState: FileUploadState) => {\n    nileFileUpload.state = newState;\n  });\n\n  dragHandler.onFileDrop((files: File[]) => {\n    let maxSize = parseSize(size);\n\n    if (!nileFileUpload.allowMultiple) {\n      const total = nileFileUpload.uploadedFiles.length + files.length;\n      if (total > 1) {\n        nileFileUpload.errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;\n        console.error(errorMessage);\n        nileFileUpload.requestUpdate();\n        return;\n      }\n    }\n\n    for (const file of files) {\n      if (file.size > maxSize) {\n        nileFileUpload.errorMessage = FileUploadError.SIZE_LIMIT_EXCEEDED;\n        console.error(errorMessage);\n        nileFileUpload.requestUpdate();\n        return;\n      }\n    }\n\n    let newFiles = files;\n    if (!nileFileUpload.allowDuplicates) {\n      newFiles = files.filter(file =>\n        !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        errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;\n        console.error(errorMessage);\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    console.error(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 = (e) => {\n      if (xhr.status === 201) {\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\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}"]}
+{"version":3,"file":"file-validation.util.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/utils/file-validation.util.ts"],"names":[],"mappings":"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","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"]}

package/dist/src/nile-table-row/nile-table-row.css.js

@@ -25,6 +25,97 @@ export const styles = css `
   nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
     color: red;
   }
+
+  .row-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.row {
+  cursor: pointer;
+}
+
+.expanded-content {
+  overflow: hidden;
+  /* Optional: smooth height transition */
+  transition: max-height 0.3s ease;
+  max-height: 1000px; /* or set via a CSS variable */
+}
+
+.row-container {
+  display: flex;
+  flex-direction: column; /* keeps expansion content below */
+}
+
+.row {
+  display: flex;          /* turn each row into a flex row */
+  cursor: pointer;        /* keep your expand cursor */
+}
+
+.row.expandable .expand-icon {
+  margin-right: 4px;
+}
+
+/* All direct children of .row (i.e. your cell items & the icon) flex equally */
+.row ::slotted(nile-table-cell-item),
+.row ::slotted(nile-table-header-item) {
+  flex: 1 1 0;            /* grow + shrink equally, zero base-width */
+  box-sizing: border-box; /* so padding/borders stay inside */
+}
+
+/* Make sure the expand-icon doesn’t stretch like a cell: */
+.row ::slotted(.expand-icon) {
+  flex: 0 0 auto;
+}
+
+/* Expansion pane—already in your code: */
+.expanded-content {
+  overflow: hidden;
+  transition: ease-in-out all 10s;
+  max-height: 1000px;     /* or a CSS variable */
+}
+
+ 
+
+ 
+.row-container {
+  display: flex;
+  flex-direction: column;
+}
+
+ 
+.row {
+  position: relative;      /* so the icon can be absolutely positioned */
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--nile-table-row-border-color, #e0e0e0);
+  cursor: default;         /* row itself is inert */
+  background: var(--nile-table-row-background, #fff);
+}
+
+/* Expand/collapse icon */
+.expand-icon {
+  position: absolute;
+  left: 0.40em;            
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  font-size: 1em;
+  line-height: 1;
+  user-select: none;
+  z-index: 1;
+}
+
+
+ 
+ 
+
+
+.expanded-content {
+  overflow: hidden;
+transition: ease-in-out all 10s;
+}
+
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-row.css.js.map

package/dist/src/nile-table-row/nile-table-row.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\n  }\n\n  .row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  cursor: pointer;\n}\n\n.expanded-content {\n  overflow: hidden;\n  /* Optional: smooth height transition */\n  transition: max-height 0.3s ease;\n  max-height: 1000px; /* or set via a CSS variable */\n}\n\n.row-container {\n  display: flex;\n  flex-direction: column; /* keeps expansion content below */\n}\n\n.row {\n  display: flex;          /* turn each row into a flex row */\n  cursor: pointer;        /* keep your expand cursor */\n}\n\n.row.expandable .expand-icon {\n  margin-right: 4px;\n}\n\n/* All direct children of .row (i.e. your cell items & the icon) flex equally */\n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n  flex: 1 1 0;            /* grow + shrink equally, zero base-width */\n  box-sizing: border-box; /* so padding/borders stay inside */\n}\n\n/* Make sure the expand-icon doesn’t stretch like a cell: */\n.row ::slotted(.expand-icon) {\n  flex: 0 0 auto;\n}\n\n/* Expansion pane—already in your code: */\n.expanded-content {\n  overflow: hidden;\n  transition: ease-in-out all 10s;\n  max-height: 1000px;     /* or a CSS variable */\n}\n\n \n\n \n.row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n \n.row {\n  position: relative;      /* so the icon can be absolutely positioned */\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--nile-table-row-border-color, #e0e0e0);\n  cursor: default;         /* row itself is inert */\n  background: var(--nile-table-row-background, #fff);\n}\n\n/* Expand/collapse icon */\n.expand-icon {\n  position: absolute;\n  left: 0.40em;            \n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  font-size: 1em;\n  line-height: 1;\n  user-select: none;\n  z-index: 1;\n}\n\n\n \n \n\n\n.expanded-content {\n  overflow: hidden;\ntransition: ease-in-out all 10s;\n}\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-row/nile-table-row.d.ts

@@ -1,31 +1,31 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
 import { CSSResultArray, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
- *nile-table-row component.
+ * `<nile-table-row>` component.
  *
- * @tag nile-table-row
+ * Renders one table row; if `expandable` is true, shows
+ * a toggle icon at top-left that expands/collapses
+ * the `<slot name="expanded">` content.
  *
+ * @slot            Default slot for cell items
+ * @slot expanded   Content to reveal on expand
+ * @attr {boolean} expandable  enable expansion behavior
+ * @attr {boolean} expanded   reflect current expanded state
  */
 export declare class NileTableRow extends NileElement {
-    /**
-     * The styles for TableRow
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
+    /** Include our CSS */
     static get styles(): CSSResultArray;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
+    /** Enable expansion (shows icon) */
+    expandable: boolean;
+    /** Current expanded/collapsed state */
+    expanded: boolean;
+    private _expandedSlot;
+    /** Icon click toggles expand/collapse */
+    private toggleExpand;
+    /** Sorting event pass-through (unchanged) */
     private handleSortingAlter;
     render(): TemplateResult;
 }
-export default NileTableRow;
 declare global {
     interface HTMLElementTagNameMap {
         'nile-table-row': NileTableRow;