@aquera/nile-elements 1.5.2 → 1.5.3

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

@@ -1,11 +1,13 @@
 import { FileUploadState } from "../types";
 export declare class DragHandler {
     private currentState;
+    private isDisabledCallback?;
     private stateChangeCallback?;
     private fileDropCallback?;
     private errorMessageCallback?;
     constructor();
     setErrorMessage(callback: (errorMessage: string) => void): void;
+    setIsDisabled(callback: () => boolean): void;
     setValuesInDragHandler(state: FileUploadState): void;
     onFileDrop(callback: (files: File[]) => void): void;
     onStateChange(callback: (state: FileUploadState) => void): void;

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

@@ -7,6 +7,9 @@ export class DragHandler {
     setErrorMessage(callback) {
         this.errorMessageCallback = callback;
     }
+    setIsDisabled(callback) {
+        this.isDisabledCallback = callback;
+    }
     setValuesInDragHandler(state) {
         this.currentState = state;
     }
@@ -17,40 +20,43 @@ export class DragHandler {
         this.stateChangeCallback = callback;
     }
     setState(state) {
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.())
             return;
         this.currentState = state;
         this.stateChangeCallback?.(state);
     }
     dragEnter(e) {
         preventDefaultAndStopPropagation(e);
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {
             return;
-        this.errorMessageCallback?.("");
+        }
         this.setState(FileUploadState.DRAG);
     }
     dragLeave(e) {
         preventDefaultAndStopPropagation(e);
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {
             return;
+        }
         this.setState(FileUploadState.DEFAULT);
     }
     dragOver(e) {
         preventDefaultAndStopPropagation(e);
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {
             return;
+        }
     }
     drop(e) {
         preventDefaultAndStopPropagation(e);
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {
             return;
+        }
         this.setState(FileUploadState.DEFAULT);
         this.handleFiles(e);
     }
     handleDocumentDrop(e) {
+        preventDefaultAndStopPropagation(e);
         if (this.currentState === FileUploadState.DISABLED)
             return;
-        preventDefaultAndStopPropagation(e);
         this.setState(FileUploadState.DEFAULT);
     }
     preventDragOver(e) {
@@ -61,7 +67,7 @@ export class DragHandler {
     }
     handleFiles(e) {
         preventDefaultAndStopPropagation(e);
-        if (this.currentState === FileUploadState.DISABLED)
+        if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.())
             return;
         let files = null;
         if ('dataTransfer' in e && e.dataTransfer) {

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 { preventDefaultAndStopPropagation } from \"./file-validation.util\";\nimport { FileUploadState } from \"../types\";\n\nexport class DragHandler {\n  private currentState: FileUploadState = FileUploadState.DEFAULT;\n  private isDisabledCallback?: () => boolean;\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 setIsDisabled(callback: () => boolean): void {\n    this.isDisabledCallback = 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 || this.isDisabledCallback?.()) return;\n\n    this.currentState = state;\n    this.stateChangeCallback?.(state);\n  }\n\n  public dragEnter(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {\n      return;\n    }\n\n    this.setState(FileUploadState.DRAG);\n  }\n\n  public dragLeave(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {\n      return;\n    }\n    \n    this.setState(FileUploadState.DEFAULT);\n  }\n\n  public dragOver(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {\n      return;\n    }\n  }\n\n  public drop(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED || this.isDisabledCallback?.()) {\n      return;\n    }\n    \n    this.setState(FileUploadState.DEFAULT);\n    this.handleFiles(e);\n  }\n\n  public handleDocumentDrop(e: DragEvent): void {\n    preventDefaultAndStopPropagation(e);\n    if (this.currentState === FileUploadState.DISABLED) return;\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 || this.isDisabledCallback?.()) 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"]}

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

@@ -1,14 +1,20 @@
-import { FileUploadState, FileUploadError, FileUploadEvent } from "../types";
+import { FileUploadState, FileUploadError, FileUploadEvent, FileUploadErrorReason } from "../types";
+import { ErrorType } from "../types";
 export const setUpDragHandler = (nileFileUpload, dragHandler) => {
+    dragHandler.setIsDisabled(() => {
+        return nileFileUpload.state === FileUploadState.DISABLED;
+    });
     dragHandler.onStateChange((newState) => {
         nileFileUpload.state = newState;
     });
     dragHandler.onFileDrop((files) => {
+        if (nileFileUpload.state === FileUploadState.DISABLED)
+            return;
+        nileFileUpload.errorMessage = '';
         const maxSize = parseSize(nileFileUpload.size);
         const uploadedFiles = nileFileUpload.uploadedFiles;
         if (!nileFileUpload.allowMultiple && (uploadedFiles.length + files.length > 1)) {
             nileFileUpload.errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
-            console.error(nileFileUpload.errorMessage);
             nileFileUpload.requestUpdate();
             return;
         }
@@ -36,22 +42,39 @@ export const setUpDragHandler = (nileFileUpload, dragHandler) => {
         }
         if (sizeExceeded) {
             nileFileUpload.errorMessage = FileUploadError.SIZE_LIMIT_EXCEEDED;
-            console.error(nileFileUpload.errorMessage);
-            nileFileUpload.requestUpdate();
+            const sizeExceededFiles = rejectedFiles.filter(file => file.size > maxSize);
+            nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {
+                detail: {
+                    files: sizeExceededFiles,
+                    type: FileUploadErrorReason.SIZE_LIMIT_EXCEEDED,
+                    errorType: ErrorType.VALIDATION,
+                    message: FileUploadError.SIZE_LIMIT_EXCEEDED,
+                },
+                bubbles: true,
+                composed: true,
+            }));
             nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_SIZE_EXCEED_FILES, {
                 detail: { files: rejectedFiles }
             }));
+            nileFileUpload.requestUpdate();
         }
         if (duplicatesFound && newFiles.length === 0) {
             nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
-            console.error(nileFileUpload.errorMessage);
             nileFileUpload.requestUpdate();
         }
-        nileFileUpload.uploadedFiles = [...uploadedFiles, ...newFiles];
+        let updatedFiles = [];
+        for (const file of newFiles) {
+            if (nileFileUpload.allowedTypes.includes(file.type)) {
+                updatedFiles.push(file);
+            }
+            else {
+                nileFileUpload.errorMessage = FileUploadError.INVALID_FORMAT;
+            }
+        }
+        nileFileUpload.uploadedFiles = [...uploadedFiles, ...updatedFiles];
         nileFileUpload.requestUpdate();
     });
     dragHandler.setErrorMessage((errorMessage) => {
-        console.error(nileFileUpload.errorMessage);
         nileFileUpload.errorMessage = errorMessage;
     });
 };
@@ -66,6 +89,18 @@ export const addInternalListeners = (nileFileUpload, dragHandler, uploadRequests
     nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));
     nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));
     nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));
+    const clickHandler = nileFileUpload.browseFiles.bind(nileFileUpload);
+    const observer = new ResizeObserver(entries => {
+        for (const entry of entries) {
+            if (entry.contentRect.width < 400) {
+                nileFileUpload.horizontalDiv.addEventListener('click', clickHandler);
+            }
+            else {
+                nileFileUpload.horizontalDiv.removeEventListener('click', clickHandler);
+            }
+        }
+    });
+    observer.observe(nileFileUpload.horizontalDiv);
     cancelFileUpload(nileFileUpload, uploadRequests);
     removeFile(nileFileUpload.uploadedFiles, nileFileUpload);
 };
@@ -86,6 +121,10 @@ export function uploadFiles(nileFileUpload) {
     for (const file of uploadedFiles) {
         if (uploadRequests.has(file))
             continue;
+        if (nileFileUpload.doNotUpload.includes(file))
+            continue;
+        if (file.errorMessage)
+            continue;
         const formData = new FormData();
         formData.append('file', file);
         const xhr = new XMLHttpRequest();
@@ -94,26 +133,55 @@ export function uploadFiles(nileFileUpload) {
         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 }
+                detail: { file, progress: percent },
+                bubbles: true,
+                composed: true,
             }));
         };
         xhr.onload = () => {
             if (xhr.status >= 200 && xhr.status < 300) {
                 nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {
-                    detail: { file, response: xhr.response }
+                    detail: { file, response: xhr.response },
+                    bubbles: true,
+                    composed: true,
                 }));
             }
             else {
                 nileFileUpload.errorMessage = FileUploadError.SERVER_SIDE_ERROR;
-                nileFileUpload.requestUpdate();
                 nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {
                     detail: { file, status: xhr.status, response: xhr.response }
                 }));
+                nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {
+                    detail: {
+                        type: FileUploadErrorReason.SERVER_SIDE_ERROR,
+                        file,
+                        status: xhr?.status || 0,
+                        response: xhr?.response,
+                        message: FileUploadError.SERVER_SIDE_ERROR,
+                        errorType: ErrorType.SERVER,
+                    },
+                    bubbles: true,
+                    composed: true,
+                }));
+                nileFileUpload.requestUpdate();
             }
         };
         xhr.onerror = () => {
             uploadRequests.delete(file);
+            nileFileUpload.doNotUpload.push(file);
             nileFileUpload.errorMessage = FileUploadError.NETWORK_ERROR;
+            nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {
+                detail: {
+                    type: FileUploadErrorReason.NETWORK_ERROR,
+                    file,
+                    status: xhr.status,
+                    response: xhr.response,
+                    errorType: ErrorType.NETWORK,
+                    message: FileUploadError.NETWORK_ERROR,
+                },
+                bubbles: true,
+                composed: true,
+            }));
             nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {
                 detail: { file, status: xhr.status, response: xhr.response },
                 bubbles: true,
@@ -133,6 +201,16 @@ export const cancelFileUpload = (nileFileUpload, uploadRequests) => {
         }
         uploadRequests.delete(fileToCancel);
         nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);
+        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {
+            detail: {
+                type: FileUploadErrorReason.UPLOAD_CANCELLED,
+                file: fileToCancel,
+                message: FileUploadError.UPLOAD_CANCELLED,
+                errorType: ErrorType.UPLOAD_CANCELLED,
+            },
+            bubbles: true,
+            composed: true,
+        }));
         nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {
             detail: { file: fileToCancel }
         }));
@@ -154,6 +232,7 @@ export const removeFile = (uploadedFiles, nileFileUpload) => {
         const { value } = e.detail;
         uploadedFiles = uploadedFiles.filter(file => file !== value);
         nileFileUpload.uploadedFiles = uploadedFiles;
+        nileFileUpload.errorMessage = '';
         nileFileUpload.requestUpdate();
     });
 };

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\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}"]}
+{"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, FileUploadErrorReason } from \"../types\";\nimport { NileFileUpload } from \"../nile-file-upload\";\nimport { RemoveFileDetail } from \"../../nile-file-preview/types\";\nimport { ErrorType } from \"../types\";\n\nexport const setUpDragHandler = (\n  nileFileUpload: NileFileUpload,\n  dragHandler: DragHandler,\n): void => {\n  dragHandler.setIsDisabled(() => {\n    return nileFileUpload.state === FileUploadState.DISABLED;\n  });\n\n  dragHandler.onStateChange((newState: FileUploadState) => {\n    nileFileUpload.state = newState;\n  });\n\n  dragHandler.onFileDrop((files: File[]) => {\n    if (nileFileUpload.state === FileUploadState.DISABLED) return;\n    nileFileUpload.errorMessage = '';\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      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      const sizeExceededFiles = rejectedFiles.filter(file => file.size > maxSize);\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {\n        detail: { \n          files: sizeExceededFiles,\n          type: FileUploadErrorReason.SIZE_LIMIT_EXCEEDED,\n          errorType: ErrorType.VALIDATION,\n          message: FileUploadError.SIZE_LIMIT_EXCEEDED,\n        },\n        bubbles: true,\n        composed: true,\n      }));\n\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_SIZE_EXCEED_FILES, {\n        detail: { files: rejectedFiles }\n      }));\n      nileFileUpload.requestUpdate();\n    }\n\n    if (duplicatesFound && newFiles.length === 0) {\n      nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;\n      nileFileUpload.requestUpdate();\n    }\n\n    let updatedFiles = [];\n    for (const file of newFiles) {\n      if(nileFileUpload.allowedTypes.includes(file.type)) {\n        updatedFiles.push(file);\n      } else {\n        nileFileUpload.errorMessage = FileUploadError.INVALID_FORMAT;\n      }\n    }\n\n    nileFileUpload.uploadedFiles = [...uploadedFiles, ...updatedFiles];\n    nileFileUpload.requestUpdate();\n  });\n\n\n  dragHandler.setErrorMessage((errorMessage: string) => {\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  const clickHandler = nileFileUpload.browseFiles.bind(nileFileUpload);\n\n  const observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      if (entry.contentRect.width < 400) {\n        nileFileUpload.horizontalDiv.addEventListener('click', clickHandler);\n        } else {\n          nileFileUpload.horizontalDiv.removeEventListener('click', clickHandler);\n        }\n      }\n    });\n  observer.observe(nileFileUpload.horizontalDiv);\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    if (nileFileUpload.doNotUpload.includes(file)) continue;\n\n    if((file as any).errorMessage) 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        bubbles: true,\n        composed: true,\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          bubbles: true,\n          composed: true,\n        }));\n      } else {\n        nileFileUpload.errorMessage = FileUploadError.SERVER_SIDE_ERROR;\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {\n          detail: { file, status: xhr.status, response: xhr.response }\n        }));\n\n        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {\n          detail: { \n            type: FileUploadErrorReason.SERVER_SIDE_ERROR, \n            file, \n            status: xhr?.status || 0, \n            response: xhr?.response,\n            message: FileUploadError.SERVER_SIDE_ERROR,\n            errorType: ErrorType.SERVER,\n          },\n          bubbles: true,\n          composed: true,\n        }));\n        nileFileUpload.requestUpdate();\n      }\n    };\n\n    xhr.onerror = () => {\n      uploadRequests.delete(file);\n      nileFileUpload.doNotUpload.push(file);\n      nileFileUpload.errorMessage = FileUploadError.NETWORK_ERROR;\n      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_ERROR, {\n        detail: { \n          type: FileUploadErrorReason.NETWORK_ERROR,\n          file,\n          status: xhr.status,\n          response: xhr.response,\n          errorType: ErrorType.NETWORK,\n          message: FileUploadError.NETWORK_ERROR,\n        },\n        bubbles: true,\n        composed: true,\n      }));\n\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_ERROR, {\n      detail: { \n        type: FileUploadErrorReason.UPLOAD_CANCELLED, \n        file: fileToCancel,\n        message: FileUploadError.UPLOAD_CANCELLED,\n        errorType: ErrorType.UPLOAD_CANCELLED,\n      },\n      bubbles: true,\n      composed: true,\n    }));\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.errorMessage = '';\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}\n"]}

package/dist/src/nile-filter-chip/nile-filter-chip.test.js

@@ -1,80 +1,105 @@
-import { fixture, expect, html, oneEvent } from '@open-wc/testing';
+import { expect, fixture, html } from '@open-wc/testing';
 import './nile-filter-chip';
-import { NileFilterChip } from './nile-filter-chip';
-describe('<nile-filter-chip>', () => {
-    afterEach(() => {
-        NileFilterChip.activeChips = [];
-    });
-    it('registers and unregisters itself in activeChips', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip label="L" value="T"></nile-filter-chip>
-    `);
-        expect(NileFilterChip.activeChips).to.include(el);
-        el.remove();
-        await el.updateComplete;
-        expect(NileFilterChip.activeChips).to.not.include(el);
-    });
-    it('renders fallback label and value', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip label="MyLabel" value="MyText"></nile-filter-chip>
-    `);
-        const label = el.shadowRoot.querySelector('.label');
-        const value = el.shadowRoot.querySelector('.value');
-        expect(label.textContent).to.equal('MyLabel:');
-        expect(value.textContent.trim()).to.equal('MyText');
-    });
-    it('renders slotted label and value over fallback', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip>
-        <span slot="label">SLOT-LBL</span>
-        <span slot="value">SLOT-VAL</span>
-      </nile-filter-chip>
-    `);
-        const slottedLabel = el.querySelector('[slot="label"]');
-        const slottedValue = el.querySelector('[slot="value"]');
-        expect(slottedLabel.textContent).to.equal('SLOT-LBL');
-        expect(slottedValue.textContent).to.equal('SLOT-VAL');
-    });
-    it('renders an icon when the `icon` property is set', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip icon="★" label="L" value="T"></nile-filter-chip>
-    `);
-        const iconSpan = el.shadowRoot.querySelector('.icon');
-        expect(iconSpan).to.exist;
-        expect(iconSpan.textContent).to.equal('★');
-    });
-    it('does not render a badge when viewMoreCount is zero', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip viewMoreCount="0" label="L" value="T"></nile-filter-chip>
-    `);
-        expect(el.shadowRoot.querySelector('nile-badge')).to.be.null;
-    });
-    it('renders a +badge when viewMoreCount > 0', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip viewMoreCount="5" label="L" value="T"></nile-filter-chip>
-    `);
-        const badge = el.shadowRoot.querySelector('nile-badge');
-        expect(badge).to.exist;
-        expect(badge.textContent).to.contain('+5');
-    });
-    it('dispatches `nile-click` on chip click', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip label="L" value="T"></nile-filter-chip>
-    `);
-        const chip = el.shadowRoot.querySelector('.chip');
-        setTimeout(() => chip.click());
-        const ev = await oneEvent(el, 'nile-click');
-        expect(ev.detail).to.deep.equal({ value: 'T', viewMoreCount: 0 });
-    });
-    it('dispatches `nile-close` on close icon click and removes itself', async () => {
-        const el = await fixture(html `
-      <nile-filter-chip closable viewMoreCount="2" value="TT"></nile-filter-chip>
-    `);
-        const closeIcon = el.shadowRoot.querySelector('.close-icon');
-        setTimeout(() => closeIcon.click());
-        const ev = await oneEvent(el, 'nile-close');
-        expect(ev.detail).to.deep.equal({ value: 'TT', viewMoreCount: 2 });
-        expect(document.body.contains(el)).to.be.false;
-    });
+describe('NileFilterChip', () => {
+    it('1. renders', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el).to.exist; });
+    it('2. shadow root', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot).to.not.be.null; });
+    it('3. tag name', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.tagName.toLowerCase()).to.equal('nile-filter-chip'); });
+    it('4. label defaults empty', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.label).to.equal(''); });
+    it('5. value defaults empty', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.value).to.equal(''); });
+    it('6. viewMoreCount defaults 0', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.viewMoreCount).to.equal(0); });
+    it('7. editable defaults false', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.editable).to.be.false; });
+    it('8. closable defaults false', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.closable).to.be.false; });
+    it('9. icon defaults empty', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.icon).to.equal(''); });
+    it('10. removeIcon defaults empty', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.removeIcon).to.equal(''); });
+    it('11. active defaults false', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.active).to.be.false; });
+    it('12. chip class', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.chip')).to.exist; });
+    it('13. label part', async () => { const el = await fixture(html `<nile-filter-chip label="L"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="label"]')).to.exist; });
+    it('14. value part', async () => { const el = await fixture(html `<nile-filter-chip value="V"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="value"]')).to.exist; });
+    it('15. label text', async () => { const el = await fixture(html `<nile-filter-chip label="Status"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="label"]').textContent).to.contain('Status'); });
+    it('16. value text', async () => { const el = await fixture(html `<nile-filter-chip value="Active"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="value"]').textContent).to.contain('Active'); });
+    it('17. label slot', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('slot[name="label"]')).to.exist; });
+    it('18. value slot', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('slot[name="value"]')).to.exist; });
+    it('19. icon slot', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('slot[name="icon"]')).to.exist; });
+    it('20. suffix slot', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('slot[name="suffix"]')).to.exist; });
+    it('21. content slot', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('slot[name="content"]')).to.exist; });
+    it('22. close icon shown', async () => { const el = await fixture(html `<nile-filter-chip closable></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.close-icon')).to.exist; });
+    it('23. no close icon', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.close-icon')).to.be.null; });
+    it('24. badge with viewMoreCount', async () => { const el = await fixture(html `<nile-filter-chip .viewMoreCount=${3}></nile-filter-chip>`); expect(el.shadowRoot.querySelector('nile-badge')).to.exist; });
+    it('25. no badge without viewMoreCount', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('nile-badge')).to.be.null; });
+    it('26. icon span shown', async () => { const el = await fixture(html `<nile-filter-chip icon="star"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.icon')).to.exist; });
+    it('27. no icon span default', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.icon')).to.be.null; });
+    it('28. active reflected', async () => { const el = await fixture(html `<nile-filter-chip active></nile-filter-chip>`); expect(el.hasAttribute('active')).to.be.true; });
+    it('29. nile-click event', async () => { const el = await fixture(html `<nile-filter-chip value="V"></nile-filter-chip>`); let detail; el.addEventListener('nile-click', ((e) => { detail = e.detail; })); el.shadowRoot.querySelector('.chip').dispatchEvent(new Event('click', { bubbles: true })); expect(detail).to.exist; });
+    it('30. nile-click detail value', async () => { const el = await fixture(html `<nile-filter-chip value="V"></nile-filter-chip>`); let detail; el.addEventListener('nile-click', ((e) => { detail = e.detail; })); el.shadowRoot.querySelector('.chip').click(); expect(detail.value).to.equal('V'); });
+    it('31. dynamic label', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.label = 'New'; await el.updateComplete; expect(el.shadowRoot.querySelector('[part="label"]').textContent).to.contain('New'); });
+    it('32. dynamic value', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.value = 'Val'; await el.updateComplete; expect(el.shadowRoot.querySelector('[part="value"]').textContent).to.contain('Val'); });
+    it('33. dynamic closable', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.closable = true; await el.updateComplete; expect(el.shadowRoot.querySelector('.close-icon')).to.exist; });
+    it('34. dynamic active', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.active = true; await el.updateComplete; expect(el.hasAttribute('active')).to.be.true; });
+    it('35. label-wrapper class', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.label-wrapper')).to.exist; });
+    it('36. value-wrapper class', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.value-wrapper')).to.exist; });
+    it('37. has styles', async () => { expect((await import('./nile-filter-chip')).NileFilterChip.styles).to.exist; });
+    it('38. is defined', async () => { expect(customElements.get('nile-filter-chip')).to.exist; });
+    it('39. shadow mode', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.mode).to.equal('open'); });
+    it('40. isConnected', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.isConnected).to.be.true; });
+    it('41. removal', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.remove(); expect(el.isConnected).to.be.false; });
+    it('42. outerHTML', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.outerHTML).to.contain('nile-filter-chip'); });
+    it('43. matches', async () => { const el = await fixture(html `<nile-filter-chip class="x"></nile-filter-chip>`); expect(el.matches('nile-filter-chip.x')).to.be.true; });
+    it('44. closest', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.closest('nile-filter-chip')).to.equal(el); });
+    it('45. cloneNode', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.cloneNode(true).tagName.toLowerCase()).to.equal('nile-filter-chip'); });
+    it('46. dispatchEvent', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+    it('47. updateComplete', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+    it('48. requestUpdate', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+    it('49. render method', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.render).to.be.a('function'); });
+    it('50. shadowRoot host', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.host).to.equal(el); });
+    it('51. class attr', async () => { const el = await fixture(html `<nile-filter-chip class="f"></nile-filter-chip>`); expect(el.classList.contains('f')).to.be.true; });
+    it('52. id attr', async () => { const el = await fixture(html `<nile-filter-chip id="f1"></nile-filter-chip>`); expect(el.id).to.equal('f1'); });
+    it('53. style attr', async () => { const el = await fixture(html `<nile-filter-chip style="color:red"></nile-filter-chip>`); expect(el.style.color).to.equal('red'); });
+    it('54. data attr', async () => { const el = await fixture(html `<nile-filter-chip data-x="1"></nile-filter-chip>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+    it('55. hidden', async () => { const el = await fixture(html `<nile-filter-chip hidden></nile-filter-chip>`); expect(el.hidden).to.be.true; });
+    it('56. dir', async () => { const el = await fixture(html `<nile-filter-chip dir="rtl"></nile-filter-chip>`); expect(el.dir).to.equal('rtl'); });
+    it('57. nodeType', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.nodeType).to.equal(1); });
+    it('58. multiple instances', async () => { const c = await fixture(html `<div><nile-filter-chip></nile-filter-chip><nile-filter-chip></nile-filter-chip></div>`); expect(c.querySelectorAll('nile-filter-chip').length).to.equal(2); });
+    it('59. parent-child', async () => { const c = await fixture(html `<div><nile-filter-chip></nile-filter-chip></div>`); expect(c.querySelector('nile-filter-chip').parentElement).to.equal(c); });
+    it('60. localName', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.localName).to.equal('nile-filter-chip'); });
+    it('61. namespaceURI', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+    it('62. ownerDocument', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.ownerDocument).to.equal(document); });
+    it('63. classList add', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+    it('64. dataset', async () => { const el = await fixture(html `<nile-filter-chip data-idx="0"></nile-filter-chip>`); expect(el.dataset.idx).to.equal('0'); });
+    it('65. getBoundingClientRect', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.getBoundingClientRect()).to.exist; });
+    it('66. label type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.label).to.equal('string'); });
+    it('67. value type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.value).to.equal('string'); });
+    it('68. closable type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.closable).to.equal('boolean'); });
+    it('69. editable type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.editable).to.equal('boolean'); });
+    it('70. active type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.active).to.equal('boolean'); });
+    it('71. viewMoreCount type', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(typeof el.viewMoreCount).to.equal('number'); });
+    it('72. close icon nile-icon', async () => { const el = await fixture(html `<nile-filter-chip closable></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.close-icon nile-icon')).to.exist; });
+    it('73. badge-wrapper class', async () => { const el = await fixture(html `<nile-filter-chip .viewMoreCount=${2}></nile-filter-chip>`); expect(el.shadowRoot.querySelector('.badge-wrapper')).to.exist; });
+    it('74. badge part', async () => { const el = await fixture(html `<nile-filter-chip .viewMoreCount=${2}></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="badge"]')).to.exist; });
+    it('75. badge text', async () => { const el = await fixture(html `<nile-filter-chip .viewMoreCount=${5}></nile-filter-chip>`); expect(el.shadowRoot.textContent).to.contain('+5'); });
+    it('76. aria-label', async () => { const el = await fixture(html `<nile-filter-chip aria-label="Filter"></nile-filter-chip>`); expect(el.getAttribute('aria-label')).to.equal('Filter'); });
+    it('77. role', async () => { const el = await fixture(html `<nile-filter-chip role="button"></nile-filter-chip>`); expect(el.getAttribute('role')).to.equal('button'); });
+    it('78. createElement', async () => { const el = document.createElement('nile-filter-chip'); document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+    it('79. title attr', async () => { const el = await fixture(html `<nile-filter-chip title="F"></nile-filter-chip>`); expect(el.title).to.equal('F'); });
+    it('80. lang attr', async () => { const el = await fixture(html `<nile-filter-chip lang="en"></nile-filter-chip>`); expect(el.lang).to.equal('en'); });
+    it('81. tabindex', async () => { const el = await fixture(html `<nile-filter-chip tabindex="0"></nile-filter-chip>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+    it('82. no form', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('form')).to.be.null; });
+    it('83. no anchor', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('a')).to.be.null; });
+    it('84. no img', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.querySelector('img')).to.be.null; });
+    it('85. shadow childNodes', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.shadowRoot.childNodes.length).to.be.greaterThan(0); });
+    it('86. scrollIntoView', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.scrollIntoView).to.be.a('function'); });
+    it('87. focus method', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.focus).to.be.a('function'); });
+    it('88. blur method', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); expect(el.blur).to.be.a('function'); });
+    it('89. dispatchCustomEvent', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); let d; el.addEventListener('t', ((e) => { d = e.detail; })); el.dispatchEvent(new CustomEvent('t', { detail: 'x' })); expect(d).to.equal('x'); });
+    it('90. label colon', async () => { const el = await fixture(html `<nile-filter-chip label="Status"></nile-filter-chip>`); expect(el.shadowRoot.querySelector('[part="label"]').textContent).to.contain(':'); });
+    it('91. dynamic viewMoreCount', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.viewMoreCount = 5; await el.updateComplete; expect(el.shadowRoot.querySelector('nile-badge')).to.exist; });
+    it('92. removeIcon applies', async () => { const el = await fixture(html `<nile-filter-chip closable removeIcon="trash"></nile-filter-chip>`); const icon = el.shadowRoot.querySelector('.close-icon nile-icon'); expect(icon.getAttribute('name')).to.equal('trash'); });
+    it('93. close icon size', async () => { const el = await fixture(html `<nile-filter-chip closable></nile-filter-chip>`); const icon = el.shadowRoot.querySelector('.close-icon nile-icon'); expect(icon.getAttribute('size')).to.equal('12'); });
+    it('94. dynamic icon', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.icon = 'star'; await el.updateComplete; expect(el.shadowRoot.querySelector('.icon')).to.exist; });
+    it('95. slotted label', async () => { const el = await fixture(html `<nile-filter-chip><span slot="label">Custom</span></nile-filter-chip>`); expect(el.querySelector('[slot="label"]')).to.exist; });
+    it('96. slotted value', async () => { const el = await fixture(html `<nile-filter-chip><span slot="value">Custom</span></nile-filter-chip>`); expect(el.querySelector('[slot="value"]')).to.exist; });
+    it('97. slotted icon', async () => { const el = await fixture(html `<nile-filter-chip><nile-icon slot="icon" name="star"></nile-icon></nile-filter-chip>`); expect(el.querySelector('[slot="icon"]')).to.exist; });
+    it('98. rapid prop changes', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.label = 'A'; el.value = 'B'; el.closable = true; await el.updateComplete; expect(el.shadowRoot.querySelector('.close-icon')).to.exist; });
+    it('99. re-renders', async () => { const el = await fixture(html `<nile-filter-chip></nile-filter-chip>`); el.label = 'A'; await el.updateComplete; el.label = 'B'; await el.updateComplete; expect(el.shadowRoot.querySelector('[part="label"]').textContent).to.contain('B'); });
+    it('100. full integration', async () => { const el = await fixture(html `<nile-filter-chip label="Status" value="Active" closable .viewMoreCount=${3} active class="f" id="f1"></nile-filter-chip>`); expect(el.label).to.equal('Status'); expect(el.value).to.equal('Active'); expect(el.closable).to.be.true; expect(el.viewMoreCount).to.equal(3); expect(el.active).to.be.true; expect(el.id).to.equal('f1'); expect(el.shadowRoot.querySelector('.close-icon')).to.exist; expect(el.shadowRoot.querySelector('nile-badge')).to.exist; });
 });
 //# sourceMappingURL=nile-filter-chip.test.js.map