@aquera/nile-elements 0.1.36-beta-1.3 → 0.1.36-beta-1.4

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

@@ -1,45 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { ChangedPropsInterface } from './types/file-upload.type';
-import NileElement from '../internal/nile-element';
-import { CSSResultArray, TemplateResult } from 'lit';
-import { FileUploadState, FileUploadVariant } from './types/file-upload.enums';
-/**
- * Nile file-upload component.
- *
- * @tag nile-file-upload
- *
- */
-export declare class NileFileUpload extends NileElement {
-    /**
-     * The styles for nile-file-upload
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    size: number;
-    error: boolean;
-    errorMessage: string;
-    allowMultiple: boolean;
-    allowDuplicates: boolean;
-    uploadedFiles: File[];
-    title: string;
-    subtitle: string;
-    state: FileUploadState;
-    variant: FileUploadVariant;
-    input: HTMLInputElement;
-    private dragHandler;
-    connectedCallback(): void;
-    firstUpdated(changedProps: ChangedPropsInterface): void;
-    updated(changedProps: ChangedPropsInterface): void;
-    private browseFiles;
-    setState: (newState: FileUploadState) => void;
-    render(): TemplateResult;
-    private getState;
-    private getHorizontalState;
-    private getVerticalState;
-    disconnectedCallback(): void;
-}

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

@@ -1,148 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { styles } from './nile-file-upload.css';
-import NileElement from '../internal/nile-element';
-import { DragHandler } from './utils/drag-drop.util';
-import { getDragHandler } from './nile-file-upload.template';
-import { FileUploadDefaults } from './types/file-upload.enums';
-import { html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { FileUploadState, FileUploadVariant, FileUploadEvent } from './types/file-upload.enums';
-import { setUpDragHandler, addGlobalListeners, addInternalListeners } from './utils/file-validation.util';
-import { getHorizontalDefaultState, getHorizontalDisabledtState, getHorizontalDragState, getVerticalDefaultState, getVerticalDisabledState, getVerticalDragState, } from './nile-file-upload.template';
-/**
- * Nile file-upload component.
- *
- * @tag nile-file-upload
- *
- */
-let NileFileUpload = class NileFileUpload extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.size = 0;
-        this.error = false;
-        this.errorMessage = "";
-        this.allowMultiple = true;
-        this.allowDuplicates = true;
-        this.uploadedFiles = [];
-        this.title = FileUploadDefaults.TITLE;
-        this.subtitle = FileUploadDefaults.SUBTITLE;
-        this.state = FileUploadState.DEFAULT;
-        this.variant = FileUploadVariant.HORIZONTAL;
-        this.setState = (newState) => {
-            this.state = newState;
-        };
-    }
-    /**
-     * The styles for nile-file-upload
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.emit(FileUploadEvent.NILE_INIT);
-    }
-    firstUpdated(changedProps) {
-        super.firstUpdated(changedProps);
-        this.dragHandler = new DragHandler();
-        getDragHandler(this.dragHandler);
-        setUpDragHandler(this, this.dragHandler);
-        addInternalListeners(this, this.dragHandler);
-        addGlobalListeners(this.dragHandler);
-    }
-    updated(changedProps) {
-        super.updated(changedProps);
-        if (changedProps.has('uploadedFiles')) {
-            this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });
-        }
-        else if (changedProps.has('state')) {
-            this.dragHandler.updateState(this.state);
-        }
-    }
-    browseFiles() {
-        this.emit(FileUploadEvent.NILE_BROWSE);
-        this.input.click();
-    }
-    render() {
-        return html `
-      ${this.getState()}
-    `;
-    }
-    getState() {
-        return this.variant === FileUploadVariant.HORIZONTAL
-            ? this.getHorizontalState()
-            : this.getVerticalState();
-    }
-    getHorizontalState() {
-        switch (this.state) {
-            case FileUploadState.DEFAULT:
-                return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);
-            case FileUploadState.DISABLED:
-                return getHorizontalDisabledtState(this.browseFiles, this.title, this.subtitle);
-            case FileUploadState.DRAG:
-                return getHorizontalDragState();
-            default:
-                return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);
-        }
-    }
-    getVerticalState() {
-        switch (this.state) {
-            case FileUploadState.DEFAULT:
-                return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);
-            case FileUploadState.DISABLED:
-                return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle);
-            case FileUploadState.DRAG:
-                return getVerticalDragState();
-            default:
-                return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);
-        }
-    }
-    disconnectedCallback() {
-        this.emit(FileUploadEvent.NILE_DESTROY);
-    }
-};
-__decorate([
-    property({ type: Number })
-], NileFileUpload.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileFileUpload.prototype, "error", void 0);
-__decorate([
-    property({ type: String })
-], NileFileUpload.prototype, "errorMessage", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileFileUpload.prototype, "allowMultiple", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileFileUpload.prototype, "allowDuplicates", void 0);
-__decorate([
-    property({ type: Array })
-], NileFileUpload.prototype, "uploadedFiles", void 0);
-__decorate([
-    property({ type: String })
-], NileFileUpload.prototype, "title", void 0);
-__decorate([
-    property({ type: String })
-], NileFileUpload.prototype, "subtitle", void 0);
-__decorate([
-    property({ type: String })
-], NileFileUpload.prototype, "state", void 0);
-__decorate([
-    property({ type: String })
-], NileFileUpload.prototype, "variant", void 0);
-__decorate([
-    query('input')
-], NileFileUpload.prototype, "input", void 0);
-NileFileUpload = __decorate([
-    customElement('nile-file-upload')
-], NileFileUpload);
-export { NileFileUpload };
-//# sourceMappingURL=nile-file-upload.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-file-upload.js","sourceRoot":"","sources":["../../../src/nile-file-upload/nile-file-upload.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-file-upload.css';\nimport { ChangedPropsInterface } from './types/file-upload.type'\nimport NileElement from '../internal/nile-element';\nimport { DragHandler } from './utils/drag-drop.util';\nimport { getDragHandler } from './nile-file-upload.template'\nimport { FileUploadDefaults } from './types/file-upload.enums';\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FileUploadState, FileUploadVariant, FileUploadError, FileUploadEvent } from './types/file-upload.enums';\nimport { setUpDragHandler, addGlobalListeners, addInternalListeners } from './utils/file-validation.util';\nimport {\n  getHorizontalDefaultState,\n  getHorizontalDisabledtState,\n  getHorizontalDragState,\n  getVerticalDefaultState,\n  getVerticalDisabledState,\n  getVerticalDragState,\n} from './nile-file-upload.template';\n\n/**\n * Nile file-upload component.\n *\n * @tag nile-file-upload\n *\n */\n@customElement('nile-file-upload')\nexport class NileFileUpload extends NileElement {\n  /**\n   * The styles for nile-file-upload\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Number }) size: number = 0;\n  @property({ type: Boolean}) error: boolean = false;\n  @property({ type: String }) errorMessage: string = \"\";\n  @property({ type: Boolean}) allowMultiple: boolean = true;\n  @property({ type: Boolean}) allowDuplicates: boolean = true;\n  @property({ type: Array  }) uploadedFiles: File[] = [];\n  @property({ type: String }) title: string = FileUploadDefaults.TITLE;\n  @property({ type: String }) subtitle: string = FileUploadDefaults.SUBTITLE;\n  @property({ type: String }) state: FileUploadState = FileUploadState.DEFAULT; \n  @property({ type: String }) variant: FileUploadVariant = FileUploadVariant.HORIZONTAL;\n  @query('input') input!: HTMLInputElement;\n  \n  private dragHandler!: DragHandler;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit(FileUploadEvent.NILE_INIT);\n  }\n\n  firstUpdated(changedProps: ChangedPropsInterface): void {\n    super.firstUpdated(changedProps);\n\n    this.dragHandler = new DragHandler();\n    getDragHandler(this.dragHandler);\n    setUpDragHandler(this, this.dragHandler);\n    addInternalListeners(this, this.dragHandler);\n    addGlobalListeners(this.dragHandler);\n  }\n\n  updated(changedProps: ChangedPropsInterface): void {\n    super.updated(changedProps);\n\n    if (changedProps.has('uploadedFiles')) {\n      this.emit(FileUploadEvent.NILE_CHANGE, { files: this.uploadedFiles });\n    } else if (changedProps.has('state')) {\n      this.dragHandler.updateState(this.state);\n    }\n  }\n\n  private browseFiles(): void {\n    this.emit(FileUploadEvent.NILE_BROWSE);\n    this.input.click();\n  }\n\n  public setState = (newState: FileUploadState): void => {\n    this.state = newState;\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.getState()}\n    `;\n  }\n\n  private getState(): TemplateResult {\n    return this.variant === FileUploadVariant.HORIZONTAL\n      ? this.getHorizontalState()\n      : this.getVerticalState();\n  }\n\n  private getHorizontalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);\n\n      case FileUploadState.DISABLED:\n        return getHorizontalDisabledtState(this.browseFiles, this.title, this.subtitle);\n\n      case FileUploadState.DRAG:\n        return getHorizontalDragState();\n\n      default:\n        return getHorizontalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);\n    }\n  }\n\n  private getVerticalState(): TemplateResult {\n    switch(this.state) {\n      case FileUploadState.DEFAULT:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);\n\n      case FileUploadState.DISABLED:\n        return getVerticalDisabledState(this.browseFiles, this.title, this.subtitle);\n\n      case FileUploadState.DRAG:\n        return getVerticalDragState();\n\n      default:\n        return getVerticalDefaultState(this.browseFiles, this.title, this.subtitle, this.errorMessage, this.state);\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.emit(FileUploadEvent.NILE_DESTROY);\n  }\n}\n"]}

package/dist/src/nile-file-upload/nile-file-upload.template.d.ts

@@ -1,11 +0,0 @@
-import { TemplateResult } from 'lit';
-import './nile-file-upload.css';
-import { DragHandler } from './utils/drag-drop.util';
-import { FileUploadState } from './types/file-upload.enums';
-export declare const getDragHandler: (dragHandler: DragHandler) => void;
-export declare const getHorizontalDefaultState: (browseFiles: Function, title: string, subtitle: string, errorMessage: string, state: FileUploadState) => TemplateResult;
-export declare const getHorizontalDisabledtState: (browseFiles: Function, title: string, subtitle: string) => TemplateResult;
-export declare const getHorizontalDragState: () => TemplateResult;
-export declare const getVerticalDefaultState: (browseFiles: Function, title: string, subtitle: string, errorMessage: string, state: FileUploadState) => TemplateResult;
-export declare const getVerticalDisabledState: (browseFiles: Function, title: string, subtitle: string) => TemplateResult;
-export declare const getVerticalDragState: () => TemplateResult;

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

@@ -1,163 +0,0 @@
-import { html } from 'lit';
-import './nile-file-upload.css';
-import { classMap } from 'lit-html/directives/class-map.js';
-let dragHandlerInstance;
-export const getDragHandler = (dragHandler) => {
-    dragHandlerInstance = dragHandler;
-};
-export const getHorizontalDefaultState = (browseFiles, title, subtitle, errorMessage, state) => html `
-  <div>
-    <div class=${classMap({ 'hover-border': state === "hover", 'horizontal-div': true })}>
-      <div class="inner-div">
-        <slot name="icon">
-          <nile-icon name="upload" size="24"></nile-icon>
-        </slot>
-        <div class="content">
-          <slot name="title">
-            <h4>${title}</h4>
-          </slot>
-          <slot name="subtitle">
-            <p>${subtitle}</p>
-          </slot>
-        </div>
-      </div>
-      <input
-        type="file"
-        @change=${(e) => dragHandlerInstance.handleFiles(e)}
-        multiple
-      />
-      <nile-button @click=${browseFiles} variant="tertiary">
-        Browse File
-      </nile-button>
-    </div>
-    ${errorMessage ?
-    html `<div class="upload-error">
-        <nile-icon name="warning" size="12" color="red"></nile-icon>
-        <span>${errorMessage}</span>
-      </div>` :
-    html ``}
-  </div>
-`;
-export const getHorizontalDisabledtState = (browseFiles, title, subtitle) => html `
-  <div
-    class="horizontal-div disabled"
-  >
-     <div class="inner-div">
-      <slot name="icon">
-        <nile-icon name="upload" size="24"></nile-icon>
-      </slot>
-      <div class="content">
-        <slot name="title">
-          <h4>${title}</h4>
-        </slot>
-        <slot name="subtitle">
-          <p>${subtitle}</p>
-        </slot>
-      </div>
-    </div>
-    <input
-      type="file"
-      @change=${(e) => dragHandlerInstance.handleFiles(e)}
-      multiple
-    />
-    <nile-button @click=${browseFiles} variant="tertiary">
-      Browse File
-    </nile-button>
-  </div>
-`;
-export const getHorizontalDragState = () => html `
-  <div class="horizontal-div dragging">
-    <div class="icons-container">
-      <nile-icon
-        color="var(--nile-colors-blue-500)"
-        name="general"
-        size="20"
-        class="general-icon"
-      ></nile-icon>
-      <nile-icon
-        color="var(--nile-colors-blue-500)"
-        name="image"
-        size="24"
-        class="image-icon"
-      ></nile-icon>
-    </div>
-    <p>Drop files here to upload</p>
-  </div>
-`;
-//  Vertical States
-export const getVerticalDefaultState = (browseFiles, title, subtitle, errorMessage, state) => html `
-  <div>
-    <div class=${classMap({ 'hover-border': state === "hover", 'vertical-div': true })}>
-      <slot name="icon">
-        <nile-icon name="upload" size="24"></nile-icon>
-      </slot>
-      <div class="content-container">
-        <slot name="title">
-          <h4>${title}</h4>
-        </slot>
-        <slot name="title">
-          <p>${subtitle}</p>
-        </slot>
-      </div>
-      <input
-        type="file"
-        @change=${(e) => dragHandlerInstance.handleFiles(e)}
-        multiple
-      />
-      <nile-button @click=${browseFiles} variant="tertiary">
-        Browse File
-      </nile-button>
-    </div>
-    ${errorMessage ?
-    html `<div class="upload-error">
-        <nile-icon name="warning" size="12" color="red"></nile-icon>
-        <span>${errorMessage}</span>
-      </div>` :
-    html ``}
-  </div>
-`;
-export const getVerticalDisabledState = (browseFiles, title, subtitle) => html `
-  <div
-    class="vertical-deafult vertical-div disable"
-  >
-    <slot name="icon">
-      <nile-icon name="upload" size="24"></nile-icon>
-    </slot>
-    <div class="content-container">
-      <slot name="title">
-        <h4>${title}</h4>
-      </slot>
-      <slot name="title">
-        <p>${subtitle}o</p>
-      </slot>
-    </div>
-    <input
-      type="file"
-      @change=${(e) => dragHandlerInstance.handleFiles(e)}
-      multiple
-    />
-    <nile-button @click=${browseFiles} variant="tertiary">
-      Browse File
-    </nile-button>
-  </div>
-`;
-export const getVerticalDragState = () => html `
-  <div class="vertical-div vertical-drag">
-    <div class="icons-container">
-      <nile-icon
-        color="var(--nile-colors-blue-500)"
-        name="general"
-        size="20"
-        class="general-icon"
-      ></nile-icon>
-      <nile-icon
-        color="var(--nile-colors-blue-500)"
-        name="image"
-        size="24"
-        class="image-icon"
-      ></nile-icon>
-    </div>
-    <p>Drop files here to upload</p>
-  </div>
-`;
-//# sourceMappingURL=nile-file-upload.template.js.map

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

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

package/dist/src/nile-file-upload/nile-file-upload.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import './nile-file-upload';

package/dist/src/nile-file-upload/nile-file-upload.test.js

@@ -1,30 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { fixture, assert, expect, html } from '@open-wc/testing';
-import './nile-file-upload'; // Just import to register the element
-describe('<nile-file-upload>', () => {
-    let element;
-    beforeEach(async () => {
-        element = await fixture(html `<nile-file-upload></nile-file-upload>`);
-    });
-    it('passes accessibility test', async () => {
-        await expect(element).to.be.accessible();
-    });
-    it('renders with the correct tag name', () => {
-        expect(element.tagName.toLowerCase()).to.equal('nile-file-upload');
-    });
-    it('renders with slot content when provided', async () => {
-        const testContent = 'Test Content';
-        element = await fixture(html `<nile-file-upload>${testContent}</nile-file-upload>`);
-        const slot = element.shadowRoot.querySelector('slot');
-        assert.exists(slot, 'Slot should exist');
-        const assignedNodes = slot.assignedNodes({ flatten: true });
-        expect(assignedNodes.length).to.be.greaterThan(0);
-        expect(assignedNodes[0].textContent?.trim()).to.equal(testContent);
-    });
-});
-//# sourceMappingURL=nile-file-upload.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-file-upload.test.js","sourceRoot":"","sources":["../../../src/nile-file-upload/nile-file-upload.test.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,oBAAoB,CAAC,CAAC,sCAAsC;AAEnE,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAI,OAAoB,CAAC;IAEzB,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,OAAO,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,uCAAuC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,WAAW,GAAG,cAAc,CAAC;QACnC,OAAO,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,qBAAqB,WAAW,qBAAqB,CAAC,CAAC;QAEnF,MAAM,IAAI,GAAI,OAAO,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAqB,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QAEzC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n \nimport { fixture, assert, expect, html } from '@open-wc/testing';\nimport './nile-file-upload'; // Just import to register the element\n\ndescribe('<nile-file-upload>', () => {\n  let element: HTMLElement;\n\n  beforeEach(async () => {\n    element = await fixture(html`<nile-file-upload></nile-file-upload>`);\n  });\n\n  it('passes accessibility test', async () => {\n    await expect(element).to.be.accessible();\n  });\n\n  it('renders with the correct tag name', () => {\n    expect(element.tagName.toLowerCase()).to.equal('nile-file-upload');\n  });\n\n  it('renders with slot content when provided', async () => {\n    const testContent = 'Test Content';\n    element = await fixture(html`<nile-file-upload>${testContent}</nile-file-upload>`);\n    \n    const slot = (element.shadowRoot!.querySelector('slot') as HTMLSlotElement);\n    assert.exists(slot, 'Slot should exist');\n\n    const assignedNodes = slot.assignedNodes({ flatten: true });\n    expect(assignedNodes.length).to.be.greaterThan(0);\n    expect(assignedNodes[0].textContent?.trim()).to.equal(testContent);\n  });\n});"]}

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

@@ -1,28 +0,0 @@
-export declare enum FileUploadState {
-    DEFAULT = "default",
-    DISABLED = "disabled",
-    HOVER = "hover",
-    DRAG = "drag"
-}
-export declare enum FileUploadVariant {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
-}
-export declare enum FileUploadError {
-    INVALID_FORMAT = "Invalid file format! Upload valid file.",
-    SIZE_LIMIT = "File exceeds size limit! Upload smaller size.",
-    MULTIPLE_NOT_ALLOWED = "Please Upload Single File!",
-    DUPLICATES_NOT_ALLOWED = "Duplicate Files Are Not Allowed!"
-}
-export declare enum FileUploadEvent {
-    NILE_INIT = "nile-init",
-    NILE_BROWSE = "nile-browse",
-    NILE_DRAG = "nile-drag",
-    NILE_CHANGE = "nile-change",
-    NILE_DESTROY = "nile-destroy"
-}
-export declare enum FileUploadDefaults {
-    TITLE = "Drag and drop to upload",
-    SUBTITLE = "PNG, JPG or SVG (upto 1MB) | 1:1 ratio",
-    ERROR_MESSAGE = "Invalid File Format."
-}

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

@@ -1,35 +0,0 @@
-export var FileUploadState;
-(function (FileUploadState) {
-    FileUploadState["DEFAULT"] = "default";
-    FileUploadState["DISABLED"] = "disabled";
-    FileUploadState["HOVER"] = "hover";
-    FileUploadState["DRAG"] = "drag";
-})(FileUploadState || (FileUploadState = {}));
-export var FileUploadVariant;
-(function (FileUploadVariant) {
-    FileUploadVariant["HORIZONTAL"] = "horizontal";
-    FileUploadVariant["VERTICAL"] = "vertical";
-})(FileUploadVariant || (FileUploadVariant = {}));
-export var FileUploadError;
-(function (FileUploadError) {
-    FileUploadError["INVALID_FORMAT"] = "Invalid file format! Upload valid file.";
-    FileUploadError["SIZE_LIMIT"] = "File exceeds size limit! Upload smaller size.";
-    FileUploadError["MULTIPLE_NOT_ALLOWED"] = "Please Upload Single File!";
-    FileUploadError["DUPLICATES_NOT_ALLOWED"] = "Duplicate Files Are Not Allowed!";
-})(FileUploadError || (FileUploadError = {}));
-export var FileUploadEvent;
-(function (FileUploadEvent) {
-    FileUploadEvent["NILE_INIT"] = "nile-init";
-    FileUploadEvent["NILE_BROWSE"] = "nile-browse";
-    FileUploadEvent["NILE_DRAG"] = "nile-drag";
-    FileUploadEvent["NILE_CHANGE"] = "nile-change";
-    FileUploadEvent["NILE_DESTROY"] = "nile-destroy";
-})(FileUploadEvent || (FileUploadEvent = {}));
-export var FileUploadDefaults;
-(function (FileUploadDefaults) {
-    FileUploadDefaults["TITLE"] = "Drag and drop to upload";
-    FileUploadDefaults["SUBTITLE"] = "PNG, JPG or SVG (upto 1MB) | 1:1 ratio";
-    FileUploadDefaults["ERROR_MESSAGE"] = "Invalid File Format.";
-})(FileUploadDefaults || (FileUploadDefaults = {}));
-;
-//# sourceMappingURL=file-upload.enums.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.enums.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/types/file-upload.enums.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,gCAAa,CAAA;AACf,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,8CAAyB,CAAA;IACzB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,6EAA0D,CAAA;IAC1D,+EAA4D,CAAA;IAC5D,sEAAmD,CAAA;IACnD,8EAA2D,CAAA;AAC7D,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,gDAA6B,CAAA;AAC/B,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,uDAAiC,CAAA;IACjC,yEAAmD,CAAA;IACnD,4DAAsC,CAAA;AACxC,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAAA,CAAC","sourcesContent":["export enum FileUploadState {\n  DEFAULT = 'default',\n  DISABLED = 'disabled',\n  HOVER = 'hover',\n  DRAG = 'drag'\n}\n\nexport enum FileUploadVariant {\n  HORIZONTAL = 'horizontal',\n  VERTICAL = 'vertical'\n}\n\nexport enum FileUploadError {\n  INVALID_FORMAT = \"Invalid file format! Upload valid file.\",\n  SIZE_LIMIT = \"File exceeds size limit! Upload smaller size.\",\n  MULTIPLE_NOT_ALLOWED = \"Please Upload Single File!\",\n  DUPLICATES_NOT_ALLOWED = \"Duplicate Files Are Not Allowed!\"\n}\n\nexport enum FileUploadEvent {\n  NILE_INIT = \"nile-init\",\n  NILE_BROWSE = \"nile-browse\",\n  NILE_DRAG = \"nile-drag\",\n  NILE_CHANGE = \"nile-change\",\n  NILE_DESTROY = \"nile-destroy\"\n}\n\nexport enum FileUploadDefaults {\n  TITLE = 'Drag and drop to upload',\n  SUBTITLE = 'PNG, JPG or SVG (upto 1MB) | 1:1 ratio',\n  ERROR_MESSAGE = 'Invalid File Format.',\n};"]}

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

@@ -1,4 +0,0 @@
-import { PropertyValueMap } from 'lit';
-export interface ChangedPropsInterface extends PropertyValueMap<any> {
-    [key: string]: unknown;
-}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=file-upload.type.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.type.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/types/file-upload.type.ts"],"names":[],"mappings":"","sourcesContent":["import { PropertyValueMap } from 'lit';\n\nexport interface ChangedPropsInterface extends PropertyValueMap<any> {\n  [key: string]: unknown;\n}"]}

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

@@ -1,2 +0,0 @@
-export * from './file-upload.enums';
-export * from './file-upload.type';

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

@@ -1,3 +0,0 @@
-export * from './file-upload.enums';
-export * from './file-upload.type';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/nile-file-upload/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAA","sourcesContent":["export * from './file-upload.enums';\nexport * from './file-upload.type'"]}

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

@@ -1,19 +0,0 @@
-import { FileUploadState } from "../types";
-export declare class DragHandler {
-    private currentState;
-    private stateChangeCallback?;
-    private fileDropCallback?;
-    constructor();
-    updateState(state: FileUploadState): 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

@@ -1,77 +0,0 @@
-import { FileUploadState } from "../types";
-export class DragHandler {
-    constructor() {
-        this.currentState = FileUploadState.DEFAULT;
-    }
-    updateState(state) {
-        this.currentState = state;
-    }
-    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.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