@aquera/nile-elements 0.1.37 → 0.1.38-beta-1.0

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

@@ -0,0 +1,23 @@
+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, size: number, uploadedFiles: File[]): void;
+    onFileDrop(callback: (files: File[]) => void): void;
+    onStateChange(callback: (state: FileUploadState) => void): void;
+    private setState;
+    dragEnter(e: DragEvent): void;
+    dragLeave(e: DragEvent): void;
+    dragOver(e: DragEvent): void;
+    drop(e: DragEvent): void;
+    handleDocumentDrop(e: DragEvent): void;
+    preventDragOver(e: DragEvent): void;
+    preventDrop(e: DragEvent): void;
+    handleFiles(event: Event | DragEvent): void;
+}

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

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

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

@@ -0,0 +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 { 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

@@ -0,0 +1,11 @@
+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) => 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;

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

@@ -0,0 +1,120 @@
+import { FileUploadState, FileUploadError, FileUploadEvent } from "../types";
+// 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));
+};
+// set up the drag handler
+export const setUpDragHandler = (nileFileUpload, dragHandler) => {
+    dragHandler.onStateChange((newState) => {
+        nileFileUpload.state = newState;
+    });
+    dragHandler.onFileDrop((files) => {
+        let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;
+        if (!allowMultiple) {
+            const total = uploadedFiles.length + files.length;
+            if (total > 1) {
+                errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
+                requestUpdate();
+                return;
+            }
+        }
+        let newFiles = files;
+        if (!nileFileUpload.allowDuplicates) {
+            newFiles = files.filter(file => !nileFileUpload.uploadedFiles.some(uploaded => uploaded.name === file.name &&
+                uploaded.size === file.size &&
+                uploaded.type === file.type));
+            if (newFiles.length === 0) {
+                nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
+                nileFileUpload.requestUpdate();
+                return;
+            }
+        }
+        nileFileUpload.uploadedFiles = [...nileFileUpload.uploadedFiles, ...newFiles];
+        nileFileUpload.requestUpdate();
+    });
+    dragHandler.setErrorMessage((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));
+    nileFileUpload.addEventListener('dragenter', (e) => dragHandler.dragEnter(e));
+    nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));
+    nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));
+    nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));
+    cancelFileUpload(nileFileUpload, uploadRequests);
+};
+export function handleHoverIn(setState, currentState) {
+    if (currentState === FileUploadState.DEFAULT) {
+        setState(FileUploadState.HOVER);
+    }
+}
+export function handleHoverOut(setState, currentState) {
+    if (currentState === FileUploadState.HOVER) {
+        setState(FileUploadState.DEFAULT);
+    }
+}
+export function uploadFiles(nileFileUpload) {
+    const { uploadedFiles, fileUploadUrl, uploadRequests } = nileFileUpload;
+    if (!fileUploadUrl || !uploadedFiles?.length)
+        return;
+    for (const file of uploadedFiles) {
+        const formData = new FormData();
+        formData.append('file', file);
+        const xhr = new XMLHttpRequest();
+        uploadRequests.set(file, xhr);
+        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 = () => {
+            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 }
+                }));
+            }
+            else {
+                nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {
+                    detail: { file, status: xhr.status, response: xhr.response }
+                }));
+            }
+        };
+        xhr.onerror = () => {
+            uploadRequests.delete(file);
+            nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {
+                detail: { file, status: xhr.status, response: xhr.response }
+            }));
+        };
+        xhr.open('POST', fileUploadUrl);
+        xhr.send(formData);
+    }
+}
+export const cancelFileUpload = (nileFileUpload, uploadRequests) => {
+    document.addEventListener(FileUploadEvent.NILE_CANCEL_UPLOAD, (e) => {
+        const fileToCancel = e.detail.file;
+        const xhr = uploadRequests.get(fileToCancel);
+        if (xhr) {
+            xhr.abort();
+        }
+        uploadRequests.delete(fileToCancel);
+        nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);
+        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {
+            detail: { file: fileToCancel }
+        }));
+    });
+};
+//# sourceMappingURL=file-validation.util.js.map

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

@@ -0,0 +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\";\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-tooltip/nile-tooltip-utils.d.ts

@@ -0,0 +1,18 @@
+export declare function isInViewport(element: HTMLElement): boolean;
+export declare function getValidTooltipPosition(triggerRect: DOMRect, tooltipRect: DOMRect, originalPlacement: string, distance: number, skidding: number, caretSize: number, viewportWidth: number, viewportHeight: number): {
+    top: number;
+    left: number;
+    placement: string;
+};
+export interface CaretPositionInput {
+    placement: string;
+    tooltipRect: DOMRect;
+    triggerRect: DOMRect;
+    caretSize: number;
+    left: number;
+    top: number;
+}
+export declare function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }: CaretPositionInput): {
+    caretLeft: number;
+    caretTop: number;
+};

package/dist/src/nile-tooltip/nile-tooltip-utils.js

@@ -0,0 +1,216 @@
+export function isInViewport(element) {
+    const rect = element.getBoundingClientRect();
+    return (rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+}
+export function getValidTooltipPosition(triggerRect, tooltipRect, originalPlacement, distance, skidding, caretSize, viewportWidth, viewportHeight) {
+    const triggerCenterX = triggerRect.left + triggerRect.width / 2;
+    const getCandidatePosition = (placement) => {
+        let top = 0;
+        let left = 0;
+        switch (placement) {
+            case 'top':
+                top = triggerRect.top - tooltipRect.height - distance;
+                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
+                break;
+            case 'top-start': {
+                top = triggerRect.top - tooltipRect.height - distance;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                left = Math.max(triggerRect.left + skidding, centeredLeft);
+                break;
+            }
+            case 'top-end': {
+                top = triggerRect.top - tooltipRect.height - distance;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
+                left = Math.min(centeredLeft, maxLeft);
+                break;
+            }
+            case 'bottom':
+                top = triggerRect.bottom + distance;
+                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
+                break;
+            case 'bottom-start': {
+                top = triggerRect.bottom + distance;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                left = Math.max(triggerRect.left + skidding, centeredLeft);
+                break;
+            }
+            case 'bottom-end': {
+                top = triggerRect.bottom + distance;
+                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
+                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
+                left = Math.min(centeredLeft, maxLeft);
+                break;
+            }
+            case 'left':
+                top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
+                left = triggerRect.left - tooltipRect.width - distance;
+                break;
+            case 'left-start': {
+                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+                top = triggerCenterY - tooltipRect.height / 2;
+                left = triggerRect.left - tooltipRect.width - distance;
+                if (top < triggerRect.top) {
+                    top = triggerRect.top;
+                }
+                break;
+            }
+            case 'left-end': {
+                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+                top = triggerCenterY - tooltipRect.height / 2;
+                left = triggerRect.left - tooltipRect.width - distance;
+                if (top + tooltipRect.height > triggerRect.bottom) {
+                    top = triggerRect.bottom - tooltipRect.height;
+                }
+                break;
+            }
+            case 'right':
+                top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
+                left = triggerRect.right + distance;
+                break;
+            case 'right-start': {
+                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+                top = triggerCenterY - tooltipRect.height / 2;
+                left = triggerRect.right + distance;
+                if (top < triggerRect.top) {
+                    top = triggerRect.top;
+                }
+                break;
+            }
+            case 'right-end': {
+                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+                top = triggerCenterY - tooltipRect.height / 2;
+                left = triggerRect.right + distance;
+                if (top + tooltipRect.height > triggerRect.bottom) {
+                    top = triggerRect.bottom - tooltipRect.height;
+                }
+                break;
+            }
+            default:
+                top = triggerRect.top - tooltipRect.height - distance;
+                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
+        }
+        return { top, left };
+    };
+    const candidateFits = (top, left) => top >= 0 &&
+        left >= 0 &&
+        top + tooltipRect.height <= viewportHeight &&
+        left + tooltipRect.width <= viewportWidth;
+    let placement = originalPlacement;
+    let candidate = getCandidatePosition(placement);
+    if (!candidateFits(candidate.top, candidate.left)) {
+        if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {
+            placement = 'bottom';
+        }
+        else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {
+            placement = 'top';
+        }
+        else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {
+            placement = 'left';
+        }
+        else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {
+            placement = 'right';
+        }
+        candidate = getCandidatePosition(placement);
+        const leftCandidate = getCandidatePosition('left');
+        const bottomCandidate = getCandidatePosition('bottom');
+        const topCandidate = getCandidatePosition('top');
+        if (!candidateFits(leftCandidate.top, leftCandidate.left) &&
+            !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
+            !candidateFits(topCandidate.top, topCandidate.left)) {
+            placement = 'right';
+            candidate = getCandidatePosition(placement);
+        }
+        else {
+            const rightCandidate = getCandidatePosition('right');
+            if (!candidateFits(rightCandidate.top, rightCandidate.left) &&
+                !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
+                !candidateFits(topCandidate.top, topCandidate.left)) {
+                placement = 'left';
+                candidate = getCandidatePosition(placement);
+            }
+        }
+    }
+    if (candidate.left < 0) {
+        candidate.left = 5;
+    }
+    else if (candidate.left + tooltipRect.width > viewportWidth) {
+        candidate.left = viewportWidth - tooltipRect.width - 5;
+    }
+    if (candidate.top < 0) {
+        candidate.top = 5;
+    }
+    else if (candidate.top + tooltipRect.height > viewportHeight) {
+        candidate.top = viewportHeight - tooltipRect.height - 5;
+    }
+    return { ...candidate, placement };
+}
+export function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }) {
+    const triggerCenterX = triggerRect.left + triggerRect.width / 2;
+    const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+    const [primaryPlacement, secondaryPlacement] = placement.split('-');
+    let caretLeft = 0;
+    let caretTop = 0;
+    switch (primaryPlacement) {
+        case 'top':
+            caretTop = tooltipRect.height - caretSize;
+            caretLeft = triggerCenterX - left - caretSize;
+            if (placement === 'top-end') {
+                caretLeft = triggerCenterX - left - caretSize;
+            }
+            else if (secondaryPlacement === 'start') {
+                caretLeft = triggerCenterX - left - caretSize;
+            }
+            else if (secondaryPlacement === 'end') {
+                caretLeft = tooltipRect.width - 2 * caretSize + 8;
+            }
+            caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));
+            break;
+        case 'bottom':
+            caretTop = -caretSize;
+            caretLeft = triggerCenterX - left - caretSize;
+            break;
+        case 'left':
+            caretLeft = tooltipRect.width - caretSize;
+            if (secondaryPlacement === 'start') {
+                const computedCaretTop = triggerCenterY - top - caretSize;
+                const minCaretTop = triggerRect.top - top;
+                caretTop = Math.max(computedCaretTop, minCaretTop);
+            }
+            else if (secondaryPlacement === 'end') {
+                const computedCaretTop = triggerCenterY - top - caretSize;
+                const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
+                caretTop = Math.min(computedCaretTop, maxCaretTop);
+            }
+            else {
+                caretTop = triggerCenterY - top - caretSize;
+            }
+            caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
+            break;
+        case 'right':
+            caretLeft = -caretSize;
+            if (secondaryPlacement === 'start') {
+                const computedCaretTop = triggerCenterY - top - caretSize;
+                const minCaretTop = triggerRect.top - top;
+                caretTop = Math.max(computedCaretTop, minCaretTop);
+            }
+            else if (secondaryPlacement === 'end') {
+                const computedCaretTop = triggerCenterY - top - caretSize;
+                const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
+                caretTop = Math.min(computedCaretTop, maxCaretTop);
+            }
+            else {
+                caretTop = triggerCenterY - top - caretSize;
+            }
+            caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
+            break;
+        default:
+            caretLeft = tooltipRect.width / 2 - caretSize;
+            caretTop = tooltipRect.height / 2 - caretSize;
+    }
+    return { caretLeft, caretTop };
+}
+//# sourceMappingURL=nile-tooltip-utils.js.map

package/dist/src/nile-tooltip/nile-tooltip-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function isInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n\nexport function getValidTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  originalPlacement: string,\n  distance: number,\n  skidding: number,\n  caretSize: number,\n  viewportWidth: number,\n  viewportHeight: number\n): { top: number; left: number; placement: string } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n\n  const getCandidatePosition = (placement: string) => {\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'top-start': {\n        top = triggerRect.top - tooltipRect.height - distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        left = Math.max(triggerRect.left + skidding, centeredLeft);\n        break;\n      }\n      case 'top-end': {\n        top = triggerRect.top - tooltipRect.height - distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n        left = Math.min(centeredLeft, maxLeft);\n        break;\n      }\n\n      case 'bottom':\n        top = triggerRect.bottom + distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'bottom-start': {\n        top = triggerRect.bottom + distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        left = Math.max(triggerRect.left + skidding, centeredLeft);\n\n        break;\n      }\n\n      case 'bottom-end': {\n        top = triggerRect.bottom + distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n        left = Math.min(centeredLeft, maxLeft);\n        break;\n      }\n\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-start': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n        break;\n      }\n\n      case 'left-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-start': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n\n        break;\n      }\n\n      case 'right-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\n      default:\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n    }\n\n    return { top, left };\n  };\n\n  const candidateFits = (top: number, left: number) =>\n    top >= 0 &&\n    left >= 0 &&\n    top + tooltipRect.height <= viewportHeight &&\n    left + tooltipRect.width <= viewportWidth;\n\n  let placement = originalPlacement;\n  let candidate = getCandidatePosition(placement);\n\n  if (!candidateFits(candidate.top, candidate.left)) {\n    if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {\n      placement = 'bottom';\n    } else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {\n      placement = 'top';\n    } else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {\n      placement = 'left';\n    } else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {\n      placement = 'right';\n    }\n    candidate = getCandidatePosition(placement);\n    const leftCandidate = getCandidatePosition('left');\n    const bottomCandidate = getCandidatePosition('bottom');\n    const topCandidate = getCandidatePosition('top');\n    if (\n      !candidateFits(leftCandidate.top, leftCandidate.left) &&\n      !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n      !candidateFits(topCandidate.top, topCandidate.left)\n    ) {\n      placement = 'right';\n      candidate = getCandidatePosition(placement);\n    }\n    else {\n      const rightCandidate = getCandidatePosition('right');\n      if (\n        !candidateFits(rightCandidate.top, rightCandidate.left) &&\n        !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n        !candidateFits(topCandidate.top, topCandidate.left)\n      ) {\n        placement = 'left';\n        candidate = getCandidatePosition(placement);\n      }\n    }\n  }\n\n  if (candidate.left < 0) {\n    candidate.left = 5;\n  } else if (candidate.left + tooltipRect.width > viewportWidth) {\n    candidate.left = viewportWidth - tooltipRect.width - 5;\n  }\n\n  if (candidate.top < 0) {\n    candidate.top = 5;\n  } else if (candidate.top + tooltipRect.height > viewportHeight) {\n    candidate.top = viewportHeight - tooltipRect.height - 5;\n  }\n\n  return { ...candidate, placement };\n}\n\n\n\nexport interface CaretPositionInput {\n  placement: string;\n  tooltipRect: DOMRect;\n  triggerRect: DOMRect;\n  caretSize: number;\n  left: number;\n  top: number;\n}\n\nexport function getCaretPosition({\n  placement,\n  tooltipRect,\n  triggerRect,\n  caretSize,\n  left,\n  top\n}: CaretPositionInput): { caretLeft: number; caretTop: number } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n  const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n  const [primaryPlacement, secondaryPlacement] = placement.split('-');\n\n  let caretLeft = 0;\n  let caretTop = 0;\n\n  switch (primaryPlacement) {\n    case 'top':\n      caretTop = tooltipRect.height - caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      if (placement === 'top-end') {\n        caretLeft = triggerCenterX - left - caretSize;\n      } else if (secondaryPlacement === 'start') {\n        caretLeft = triggerCenterX - left - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretLeft = tooltipRect.width - 2 * caretSize + 8;\n      }\n      caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));\n      break;\n\n    case 'bottom':\n      caretTop = -caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      break;\n\n    case 'left':\n      caretLeft = tooltipRect.width - caretSize;\n      if (secondaryPlacement === 'start') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    case 'right':\n      caretLeft = -caretSize;\n      if (secondaryPlacement === 'start') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    default:\n      caretLeft = tooltipRect.width / 2 - caretSize;\n      caretTop = tooltipRect.height / 2 - caretSize;\n  }\n\n  return { caretLeft, caretTop };\n}\n"]}

package/dist/src/nile-tooltip/nile-tooltip.test.d.ts

@@ -0,0 +1 @@
+import './nile-tooltip';