@krollins/blueprint 0.2.3 → 0.3.0

package/dist/shared/file-upload-Cn6JAJ2C.js

@@ -0,0 +1,608 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { a as t, i as n, r } from "./field-message-CPXPLd6z.js";
+import { t as i } from "./boolean-converter-saxBDLhA.js";
+import { LitElement as a, css as o, html as s, nothing as c } from "lit";
+import { customElement as l, property as u, query as d, state as f } from "lit/decorators.js";
+import { classMap as p } from "lit/directives/class-map.js";
+//#region source/components/file-upload/file-upload.style.ts
+var m = o`
+  /* Base styles */
+  :host {
+    display: block;
+  }
+
+  .file-upload {
+    font-family: var(--bp-font-family);
+    display: flex;
+    flex-direction: column;
+    gap: var(--bp-spacing-md);
+  }
+
+  /* Hidden file input - standard sr-only pattern */
+  input[type='file'] {
+    position: absolute;
+    width: var(--bp-spacing-0-5);
+    height: var(--bp-spacing-0-5);
+    padding: var(--bp-spacing-0);
+    margin: calc(var(--bp-spacing-0-5) * -1);
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  /* Visually hidden but accessible - standard sr-only pattern */
+  .visually-hidden {
+    position: absolute;
+    width: var(--bp-spacing-0-5);
+    height: var(--bp-spacing-0-5);
+    padding: var(--bp-spacing-0);
+    margin: calc(var(--bp-spacing-0-5) * -1);
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  /* Dropzone */
+  .file-upload__dropzone {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--bp-spacing-sm);
+    padding: var(--bp-spacing-xl);
+    border: var(--bp-focus-width) dashed var(--bp-color-input-border);
+    border-radius: var(--bp-border-radius-lg);
+    background-color: var(--bp-color-surface);
+    cursor: pointer;
+    transition:
+      border-color var(--bp-transition-fast),
+      background-color var(--bp-transition-fast);
+    text-align: center;
+  }
+
+  .file-upload__dropzone:hover:not(.file-upload__dropzone--disabled) {
+    border-color: var(--bp-color-primary);
+    background-color: var(--bp-color-surface-elevated);
+  }
+
+  .file-upload__dropzone:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+    border-color: var(--bp-color-primary);
+  }
+
+  .file-upload__dropzone:active:not(.file-upload__dropzone--disabled) {
+    transform: scale(0.995);
+  }
+
+  /* Drag over state */
+  .file-upload__dropzone--drag-over {
+    border-color: var(--bp-color-primary);
+    background-color: var(--bp-color-surface-elevated);
+    border-style: solid;
+  }
+
+  /* Disabled state */
+  .file-upload__dropzone--disabled {
+    opacity: var(--bp-opacity-disabled);
+    cursor: not-allowed;
+    background-color: var(--bp-color-surface-subdued);
+  }
+
+  /* Icon */
+  .file-upload__icon {
+    width: var(--bp-spacing-2xl);
+    height: var(--bp-spacing-2xl);
+    color: var(--bp-color-text-muted);
+    transition: color var(--bp-transition-fast);
+  }
+
+  .file-upload__dropzone:hover:not(.file-upload__dropzone--disabled)
+    .file-upload__icon,
+  .file-upload__dropzone--drag-over .file-upload__icon {
+    color: var(--bp-color-primary);
+  }
+
+  /* Label */
+  .file-upload__label {
+    font-size: var(--bp-font-size-base);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text);
+    line-height: var(--bp-line-height-normal);
+  }
+
+  /* Description */
+  .file-upload__description {
+    font-size: var(--bp-font-size-sm);
+    color: var(--bp-color-text-muted);
+    line-height: var(--bp-line-height-normal);
+  }
+
+  /* Variants */
+  .file-upload__dropzone--success {
+    border-color: var(--bp-color-success);
+  }
+
+  .file-upload__dropzone--success:hover:not(.file-upload__dropzone--disabled) {
+    border-color: var(--bp-color-success);
+  }
+
+  .file-upload__dropzone--error {
+    border-color: var(--bp-color-error);
+  }
+
+  .file-upload__dropzone--error:hover:not(.file-upload__dropzone--disabled) {
+    border-color: var(--bp-color-error);
+  }
+
+  .file-upload__dropzone--warning {
+    border-color: var(--bp-color-warning);
+  }
+
+  .file-upload__dropzone--warning:hover:not(.file-upload__dropzone--disabled) {
+    border-color: var(--bp-color-warning);
+  }
+
+  /* Size variants */
+  .file-upload__dropzone--sm {
+    padding: var(--bp-spacing-lg);
+    gap: var(--bp-spacing-xs);
+  }
+
+  .file-upload__dropzone--sm .file-upload__icon {
+    width: var(--bp-spacing-xl);
+    height: var(--bp-spacing-xl);
+  }
+
+  .file-upload__dropzone--sm .file-upload__label {
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .file-upload__dropzone--sm .file-upload__description {
+    font-size: var(--bp-font-size-xs);
+  }
+
+  .file-upload__dropzone--md {
+    padding: var(--bp-spacing-xl);
+  }
+
+  .file-upload__dropzone--lg {
+    padding: var(--bp-spacing-2xl);
+    gap: var(--bp-spacing-md);
+  }
+
+  .file-upload__dropzone--lg .file-upload__icon {
+    width: var(--bp-spacing-10);
+    height: var(--bp-spacing-10);
+  }
+
+  .file-upload__dropzone--lg .file-upload__label {
+    font-size: var(--bp-font-size-lg);
+  }
+
+  /* File list */
+  .file-upload__file-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--bp-spacing-sm);
+  }
+
+  .file-upload__file-item {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-md);
+    padding: var(--bp-spacing-md);
+    background-color: var(--bp-color-surface);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-radius: var(--bp-border-radius-md);
+    transition:
+      background-color var(--bp-transition-fast),
+      border-color var(--bp-transition-fast),
+      transform var(--bp-transition-fast);
+  }
+
+  .file-upload__file-item:hover {
+    background-color: var(--bp-color-surface-elevated);
+    border-color: var(--bp-color-border-strong);
+  }
+
+  .file-upload__file-item:active {
+    transform: scale(0.99);
+  }
+
+  /* File preview */
+  .file-upload__preview {
+    width: var(--bp-spacing-10);
+    height: var(--bp-spacing-10);
+    object-fit: cover;
+    border-radius: var(--bp-border-radius-sm);
+    flex-shrink: 0;
+  }
+
+  .file-upload__file-icon {
+    width: var(--bp-spacing-10);
+    height: var(--bp-spacing-10);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    color: var(--bp-color-text-muted);
+    transition: color var(--bp-transition-fast);
+  }
+
+  .file-upload__file-icon svg {
+    width: var(--bp-spacing-6);
+    height: var(--bp-spacing-6);
+  }
+
+  /* File info */
+  .file-upload__file-info {
+    display: flex;
+    flex-direction: column;
+    gap: var(--bp-spacing-2xs);
+    flex: 1;
+    min-width: 0;
+  }
+
+  .file-upload__file-name {
+    font-size: var(--bp-font-size-sm);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: var(--bp-line-height-normal);
+  }
+
+  .file-upload__file-size {
+    font-size: var(--bp-font-size-xs);
+    color: var(--bp-color-text-muted);
+    line-height: var(--bp-line-height-normal);
+  }
+
+  /* Remove button */
+  .file-upload__remove-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--bp-spacing-6);
+    height: var(--bp-spacing-6);
+    padding: 0;
+    border: none;
+    background: transparent;
+    border-radius: var(--bp-border-radius-sm);
+    color: var(--bp-color-text-muted);
+    cursor: pointer;
+    transition:
+      background-color var(--bp-transition-fast),
+      color var(--bp-transition-fast);
+    flex-shrink: 0;
+  }
+
+  .file-upload__remove-button:hover:not(:disabled) {
+    background-color: var(--bp-color-error);
+    color: var(--bp-color-text-inverse);
+  }
+
+  .file-upload__remove-button:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  .file-upload__remove-button:disabled {
+    cursor: not-allowed;
+    opacity: var(--bp-opacity-disabled);
+  }
+
+  .file-upload__remove-button svg {
+    width: var(--bp-spacing-4);
+    height: var(--bp-spacing-4);
+  }
+
+  /* Message */
+  /* Help and error text: spaced by the wrapper's gap */
+  .field-message {
+    margin-top: 0;
+  }
+
+  .file-upload--success .field-message {
+    color: var(--bp-color-success);
+  }
+
+  .file-upload--warning .field-message {
+    color: var(--bp-color-warning);
+  }
+`, h = class extends a {
+	static {
+		this.styles = [n, m];
+	}
+	constructor() {
+		super(), this.isDragOver = !1, this.files = [], this.name = "", this.label = "Drop files here or click to upload", this.description = "", this.accept = "", this.multiple = !1, this.maxSize = 0, this.maxFiles = 0, this.disabled = !1, this.required = !1, this.variant = "default", this.message = "", this.helperText = "", this.errorMessage = "", this.size = "md", this.showPreviews = !0;
+	}
+	getFiles() {
+		return [...this.files];
+	}
+	clearFiles() {
+		this.files.forEach((e) => {
+			e.previewUrl && URL.revokeObjectURL(e.previewUrl);
+		}), this.files = [], this.fileInput && (this.fileInput.value = ""), this.dispatchChangeEvent();
+	}
+	removeFile(e) {
+		let t = this.files.findIndex((t) => t.id === e);
+		if (t !== -1) {
+			let n = this.files[t];
+			n.previewUrl && URL.revokeObjectURL(n.previewUrl), this.files = this.files.filter((t) => t.id !== e), this.dispatchEvent(new CustomEvent("bp-file-removed", {
+				detail: { file: n },
+				bubbles: !0,
+				composed: !0
+			})), this.dispatchChangeEvent();
+		}
+	}
+	handleClick() {
+		this.disabled || this.fileInput?.click();
+	}
+	handleKeyDown(e) {
+		this.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.fileInput?.click());
+	}
+	handleInputChange(e) {
+		let t = e.target;
+		t.files && this.processFiles(Array.from(t.files));
+	}
+	handleDragEnter(e) {
+		e.preventDefault(), e.stopPropagation(), this.disabled || (this.isDragOver = !0);
+	}
+	handleDragOver(e) {
+		e.preventDefault(), e.stopPropagation(), !this.disabled && e.dataTransfer && (e.dataTransfer.dropEffect = "copy");
+	}
+	handleDragLeave(e) {
+		e.preventDefault(), e.stopPropagation();
+		let t = e.relatedTarget;
+		this.contains(t) || (this.isDragOver = !1);
+	}
+	handleDrop(e) {
+		if (e.preventDefault(), e.stopPropagation(), this.isDragOver = !1, this.disabled) return;
+		let t = e.dataTransfer;
+		t?.files && this.processFiles(Array.from(t.files));
+	}
+	processFiles(e) {
+		let t = [];
+		for (let n of e) {
+			if (this.maxFiles > 0 && this.files.length + t.length >= this.maxFiles) {
+				this.dispatchRejectEvent(n, "Maximum number of files exceeded");
+				continue;
+			}
+			if (this.accept && !this.isFileTypeAccepted(n)) {
+				this.dispatchRejectEvent(n, "File type not accepted");
+				continue;
+			}
+			if (this.maxSize > 0 && n.size > this.maxSize) {
+				this.dispatchRejectEvent(n, "File size exceeds limit");
+				continue;
+			}
+			let e = {
+				file: n,
+				name: n.name,
+				size: n.size,
+				type: n.type,
+				id: this.generateFileId(),
+				status: "pending",
+				progress: 0
+			};
+			this.showPreviews && n.type.startsWith("image/") && (e.previewUrl = URL.createObjectURL(n)), t.push(e), this.dispatchEvent(new CustomEvent("bp-file-added", {
+				detail: { file: e },
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+		t.length > 0 && (this.multiple ? this.files = [...this.files, ...t] : (this.files.forEach((e) => {
+			e.previewUrl && URL.revokeObjectURL(e.previewUrl);
+		}), this.files = t.slice(0, 1)), this.dispatchChangeEvent());
+	}
+	isFileTypeAccepted(e) {
+		if (!this.accept) return !0;
+		let t = this.accept.split(",").map((e) => e.trim().toLowerCase()), n = e.type.toLowerCase(), r = "." + e.name.split(".").pop()?.toLowerCase();
+		return t.some((e) => {
+			if (e === n || e === r) return !0;
+			if (e.endsWith("/*")) {
+				let t = e.slice(0, -2);
+				return n.startsWith(t + "/");
+			}
+			return !1;
+		});
+	}
+	dispatchChangeEvent() {
+		this.dispatchEvent(new CustomEvent("bp-change", {
+			detail: { files: this.getFiles() },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	dispatchRejectEvent(e, t) {
+		this.dispatchEvent(new CustomEvent("bp-file-rejected", {
+			detail: {
+				file: e,
+				reason: t
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	generateFileId() {
+		return `file-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+	}
+	formatFileSize(e) {
+		if (e === 0) return "0 B";
+		let t = [
+			"B",
+			"KB",
+			"MB",
+			"GB"
+		], n = Math.min(Math.floor(Math.log(e) / Math.log(1024)), t.length - 1);
+		return `${(e / 1024 ** n).toFixed(+(n > 0))} ${t[n]}`;
+	}
+	handleRemoveFile(e, t) {
+		e.stopPropagation(), this.removeFile(t);
+	}
+	renderUploadIcon() {
+		return s`
+      <svg
+        class="file-upload__icon"
+        part="icon"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+      >
+        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+        <polyline points="17 8 12 3 7 8" />
+        <line x1="12" y1="3" x2="12" y2="15" />
+      </svg>
+    `;
+	}
+	renderFileList() {
+		return this.files.length === 0 ? c : s`
+      <div
+        class="file-upload__file-list"
+        part="file-list"
+        role="list"
+        aria-label="Selected files"
+      >
+        ${this.files.map((e) => s`
+            <div
+              class="file-upload__file-item"
+              part="file-item"
+              role="listitem"
+            >
+              ${e.previewUrl ? s`
+                      <img
+                        class="file-upload__preview"
+                        src="${e.previewUrl}"
+                        alt="Preview of ${e.name}"
+                      />
+                    ` : s`
+                      <div class="file-upload__file-icon" aria-hidden="true">
+                        <svg
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        >
+                          <path
+                            d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
+                          />
+                          <polyline points="14 2 14 8 20 8" />
+                        </svg>
+                      </div>
+                    `}
+              <div class="file-upload__file-info">
+                <span class="file-upload__file-name" part="file-name"
+                  >${e.name}</span
+                >
+                <span class="file-upload__file-size" part="file-size"
+                  >${this.formatFileSize(e.size)}</span
+                >
+              </div>
+              <button
+                type="button"
+                class="file-upload__remove-button"
+                part="file-remove"
+                @click=${(t) => this.handleRemoveFile(t, e.id)}
+                aria-label="Remove ${e.name}"
+                ?disabled=${this.disabled}
+              >
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                >
+                  <line x1="18" y1="6" x2="6" y2="18" />
+                  <line x1="6" y1="6" x2="18" y2="18" />
+                </svg>
+              </button>
+            </div>
+          `)}
+      </div>
+    `;
+	}
+	get fieldMessage() {
+		let e = this.variant === "error" ? this.message : "", t = this.variant === "error" ? "" : this.message;
+		return {
+			helperText: this.helperText || t,
+			errorMessage: this.errorMessage || e,
+			invalid: this.variant === "error"
+		};
+	}
+	render() {
+		let e = this.fieldMessage, { invalid: n, describedBy: i } = r(e), a = n ? "error" : this.variant, o = {
+			"file-upload__dropzone": !0,
+			"file-upload__dropzone--drag-over": this.isDragOver,
+			"file-upload__dropzone--disabled": this.disabled,
+			"file-upload__dropzone--has-files": this.files.length > 0,
+			[`file-upload__dropzone--${a}`]: a !== "default",
+			[`file-upload__dropzone--${this.size}`]: !0
+		}, l = this.accept ? `Accepted file types: ${this.accept}` : "", u = this.maxSize > 0 ? `Maximum file size: ${this.formatFileSize(this.maxSize)}` : "";
+		return s`
+      <div class="file-upload file-upload--${a}">
+        <div
+          class=${p(o)}
+          part="dropzone"
+          role="button"
+          tabindex=${this.disabled ? -1 : 0}
+          aria-disabled=${this.disabled}
+          aria-describedby=${["file-upload-description", i].filter(Boolean).join(" ")}
+          aria-invalid=${n ? "true" : c}
+          @click=${this.handleClick}
+          @keydown=${this.handleKeyDown}
+          @dragenter=${this.handleDragEnter}
+          @dragover=${this.handleDragOver}
+          @dragleave=${this.handleDragLeave}
+          @drop=${this.handleDrop}
+        >
+          <input
+            type="file"
+            part="input"
+            .name=${this.name}
+            .accept=${this.accept}
+            ?multiple=${this.multiple}
+            ?disabled=${this.disabled}
+            ?required=${this.required}
+            @change=${this.handleInputChange}
+            aria-hidden="true"
+            tabindex="-1"
+          />
+
+          ${this.renderUploadIcon()}
+
+          <span class="file-upload__label" part="label">${this.label}</span>
+
+          ${this.description ? s`<span class="file-upload__description" part="description"
+                  >${this.description}</span
+                >` : c}
+        </div>
+
+        <span id="file-upload-description" class="visually-hidden">
+          ${l} ${u}
+        </span>
+
+        ${this.renderFileList()} ${t(e, "message")}
+      </div>
+    `;
+	}
+};
+e([u({ type: String })], h.prototype, "name", void 0), e([u({ type: String })], h.prototype, "label", void 0), e([u({ type: String })], h.prototype, "description", void 0), e([u({ type: String })], h.prototype, "accept", void 0), e([u({ type: Boolean })], h.prototype, "multiple", void 0), e([u({ type: Number })], h.prototype, "maxSize", void 0), e([u({ type: Number })], h.prototype, "maxFiles", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], h.prototype, "disabled", void 0), e([u({ type: Boolean })], h.prototype, "required", void 0), e([u({ type: String })], h.prototype, "variant", void 0), e([u({ type: String })], h.prototype, "helperText", void 0), e([u({ type: String })], h.prototype, "errorMessage", void 0), e([u({ type: String })], h.prototype, "message", void 0), e([u({ type: String })], h.prototype, "size", void 0), e([u({
+	converter: i,
+	reflect: !0
+})], h.prototype, "showPreviews", void 0), e([f()], h.prototype, "isDragOver", void 0), e([f()], h.prototype, "files", void 0), e([d("input[type=\"file\"]")], h.prototype, "fileInput", void 0), h = e([l("bp-file-upload")], h);
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=file-upload-Cn6JAJ2C.js.map

package/dist/shared/file-upload-Cn6JAJ2C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-Cn6JAJ2C.js","names":["_decorate","__decorate","renderFieldMessage","fieldMessageStyles","booleanConverter","fileUploadStyles","BpFileUpload","LitElement","fileInfo","fileIndex","f","fileId","removedFile","event","input","relatedTarget","dataTransfer","validFiles","file","newFiles","existingFile","acceptedTypes","type","fileType","fileExtension","accepted","category","bytes","units","exponent","nothing","e","legacyError","legacyHelp","message","fieldMessageState","variant","invalid","dropzoneClasses","acceptDescription","sizeDescription","classMap","describedBy","property","state","query","customElement"],"sources":["../../source/components/file-upload/file-upload.style.ts","../../source/components/file-upload/file-upload.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const fileUploadStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n  }\n\n  .file-upload {\n    font-family: var(--bp-font-family);\n    display: flex;\n    flex-direction: column;\n    gap: var(--bp-spacing-md);\n  }\n\n  /* Hidden file input - standard sr-only pattern */\n  input[type='file'] {\n    position: absolute;\n    width: var(--bp-spacing-0-5);\n    height: var(--bp-spacing-0-5);\n    padding: var(--bp-spacing-0);\n    margin: calc(var(--bp-spacing-0-5) * -1);\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* Visually hidden but accessible - standard sr-only pattern */\n  .visually-hidden {\n    position: absolute;\n    width: var(--bp-spacing-0-5);\n    height: var(--bp-spacing-0-5);\n    padding: var(--bp-spacing-0);\n    margin: calc(var(--bp-spacing-0-5) * -1);\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* Dropzone */\n  .file-upload__dropzone {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--bp-spacing-sm);\n    padding: var(--bp-spacing-xl);\n    border: var(--bp-focus-width) dashed var(--bp-color-input-border);\n    border-radius: var(--bp-border-radius-lg);\n    background-color: var(--bp-color-surface);\n    cursor: pointer;\n    transition:\n      border-color var(--bp-transition-fast),\n      background-color var(--bp-transition-fast);\n    text-align: center;\n  }\n\n  .file-upload__dropzone:hover:not(.file-upload__dropzone--disabled) {\n    border-color: var(--bp-color-primary);\n    background-color: var(--bp-color-surface-elevated);\n  }\n\n  .file-upload__dropzone:focus-visible {\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n    border-color: var(--bp-color-primary);\n  }\n\n  .file-upload__dropzone:active:not(.file-upload__dropzone--disabled) {\n    transform: scale(0.995);\n  }\n\n  /* Drag over state */\n  .file-upload__dropzone--drag-over {\n    border-color: var(--bp-color-primary);\n    background-color: var(--bp-color-surface-elevated);\n    border-style: solid;\n  }\n\n  /* Disabled state */\n  .file-upload__dropzone--disabled {\n    opacity: var(--bp-opacity-disabled);\n    cursor: not-allowed;\n    background-color: var(--bp-color-surface-subdued);\n  }\n\n  /* Icon */\n  .file-upload__icon {\n    width: var(--bp-spacing-2xl);\n    height: var(--bp-spacing-2xl);\n    color: var(--bp-color-text-muted);\n    transition: color var(--bp-transition-fast);\n  }\n\n  .file-upload__dropzone:hover:not(.file-upload__dropzone--disabled)\n    .file-upload__icon,\n  .file-upload__dropzone--drag-over .file-upload__icon {\n    color: var(--bp-color-primary);\n  }\n\n  /* Label */\n  .file-upload__label {\n    font-size: var(--bp-font-size-base);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  /* Description */\n  .file-upload__description {\n    font-size: var(--bp-font-size-sm);\n    color: var(--bp-color-text-muted);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  /* Variants */\n  .file-upload__dropzone--success {\n    border-color: var(--bp-color-success);\n  }\n\n  .file-upload__dropzone--success:hover:not(.file-upload__dropzone--disabled) {\n    border-color: var(--bp-color-success);\n  }\n\n  .file-upload__dropzone--error {\n    border-color: var(--bp-color-error);\n  }\n\n  .file-upload__dropzone--error:hover:not(.file-upload__dropzone--disabled) {\n    border-color: var(--bp-color-error);\n  }\n\n  .file-upload__dropzone--warning {\n    border-color: var(--bp-color-warning);\n  }\n\n  .file-upload__dropzone--warning:hover:not(.file-upload__dropzone--disabled) {\n    border-color: var(--bp-color-warning);\n  }\n\n  /* Size variants */\n  .file-upload__dropzone--sm {\n    padding: var(--bp-spacing-lg);\n    gap: var(--bp-spacing-xs);\n  }\n\n  .file-upload__dropzone--sm .file-upload__icon {\n    width: var(--bp-spacing-xl);\n    height: var(--bp-spacing-xl);\n  }\n\n  .file-upload__dropzone--sm .file-upload__label {\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .file-upload__dropzone--sm .file-upload__description {\n    font-size: var(--bp-font-size-xs);\n  }\n\n  .file-upload__dropzone--md {\n    padding: var(--bp-spacing-xl);\n  }\n\n  .file-upload__dropzone--lg {\n    padding: var(--bp-spacing-2xl);\n    gap: var(--bp-spacing-md);\n  }\n\n  .file-upload__dropzone--lg .file-upload__icon {\n    width: var(--bp-spacing-10);\n    height: var(--bp-spacing-10);\n  }\n\n  .file-upload__dropzone--lg .file-upload__label {\n    font-size: var(--bp-font-size-lg);\n  }\n\n  /* File list */\n  .file-upload__file-list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bp-spacing-sm);\n  }\n\n  .file-upload__file-item {\n    display: flex;\n    align-items: center;\n    gap: var(--bp-spacing-md);\n    padding: var(--bp-spacing-md);\n    background-color: var(--bp-color-surface);\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    border-radius: var(--bp-border-radius-md);\n    transition:\n      background-color var(--bp-transition-fast),\n      border-color var(--bp-transition-fast),\n      transform var(--bp-transition-fast);\n  }\n\n  .file-upload__file-item:hover {\n    background-color: var(--bp-color-surface-elevated);\n    border-color: var(--bp-color-border-strong);\n  }\n\n  .file-upload__file-item:active {\n    transform: scale(0.99);\n  }\n\n  /* File preview */\n  .file-upload__preview {\n    width: var(--bp-spacing-10);\n    height: var(--bp-spacing-10);\n    object-fit: cover;\n    border-radius: var(--bp-border-radius-sm);\n    flex-shrink: 0;\n  }\n\n  .file-upload__file-icon {\n    width: var(--bp-spacing-10);\n    height: var(--bp-spacing-10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: var(--bp-color-text-muted);\n    transition: color var(--bp-transition-fast);\n  }\n\n  .file-upload__file-icon svg {\n    width: var(--bp-spacing-6);\n    height: var(--bp-spacing-6);\n  }\n\n  /* File info */\n  .file-upload__file-info {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bp-spacing-2xs);\n    flex: 1;\n    min-width: 0;\n  }\n\n  .file-upload__file-name {\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: var(--bp-line-height-normal);\n  }\n\n  .file-upload__file-size {\n    font-size: var(--bp-font-size-xs);\n    color: var(--bp-color-text-muted);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  /* Remove button */\n  .file-upload__remove-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--bp-spacing-6);\n    height: var(--bp-spacing-6);\n    padding: 0;\n    border: none;\n    background: transparent;\n    border-radius: var(--bp-border-radius-sm);\n    color: var(--bp-color-text-muted);\n    cursor: pointer;\n    transition:\n      background-color var(--bp-transition-fast),\n      color var(--bp-transition-fast);\n    flex-shrink: 0;\n  }\n\n  .file-upload__remove-button:hover:not(:disabled) {\n    background-color: var(--bp-color-error);\n    color: var(--bp-color-text-inverse);\n  }\n\n  .file-upload__remove-button:focus-visible {\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n  }\n\n  .file-upload__remove-button:disabled {\n    cursor: not-allowed;\n    opacity: var(--bp-opacity-disabled);\n  }\n\n  .file-upload__remove-button svg {\n    width: var(--bp-spacing-4);\n    height: var(--bp-spacing-4);\n  }\n\n  /* Message */\n  /* Help and error text: spaced by the wrapper's gap */\n  .field-message {\n    margin-top: 0;\n  }\n\n  .file-upload--success .field-message {\n    color: var(--bp-color-success);\n  }\n\n  .file-upload--warning .field-message {\n    color: var(--bp-color-warning);\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { fileUploadStyles } from './file-upload.style.js';\nimport { booleanConverter } from '../../utilities/boolean-converter.js';\nimport {\n  fieldMessageState,\n  renderFieldMessage,\n  fieldMessageStyles,\n} from '../../utilities/field-message.js';\n\n/**\n * File information object returned in events\n */\nexport interface FileInfo {\n  /** Original File object */\n  file: File;\n  /** File name */\n  name: string;\n  /** File size in bytes */\n  size: number;\n  /** MIME type */\n  type: string;\n  /** Unique identifier */\n  id: string;\n  /** Preview URL for images */\n  previewUrl?: string;\n  /** Upload progress (0-100) */\n  progress?: number;\n  /** Upload status */\n  status?: 'pending' | 'uploading' | 'complete' | 'error';\n  /** Error message if upload failed */\n  error?: string;\n}\n\n/**\n * A file upload component with drag-and-drop support.\n *\n * @element bp-file-upload\n *\n * @fires bp-change - Fired when files are added or removed\n * @fires bp-file-added - Fired when a file is added\n * @fires bp-file-removed - Fired when a file is removed\n * @fires bp-file-rejected - Fired when a file is rejected (wrong type/size)\n *\n * @csspart dropzone - The drop zone container\n * @csspart input - The hidden file input\n * @csspart label - The label text\n * @csspart description - The description text\n * @csspart icon - The upload icon\n * @csspart file-list - The file list container\n * @csspart file-item - Individual file item\n * @csspart file-name - File name text\n * @csspart file-size - File size text\n * @csspart file-remove - Remove file button\n */\n@customElement('bp-file-upload')\nexport class BpFileUpload extends LitElement {\n  /** Name attribute for form submission */\n  @property({ type: String }) declare name: string;\n\n  /** Label text displayed in the drop zone */\n  @property({ type: String }) declare label: string;\n\n  /** Description text displayed below the label */\n  @property({ type: String }) declare description: string;\n\n  /** Accepted file types (comma-separated MIME types or extensions) */\n  @property({ type: String }) declare accept: string;\n\n  /** Whether multiple files can be selected */\n  @property({ type: Boolean }) declare multiple: boolean;\n\n  /** Maximum file size in bytes */\n  @property({ type: Number }) declare maxSize: number;\n\n  /** Maximum number of files allowed */\n  @property({ type: Number }) declare maxFiles: number;\n\n  /** Whether the component is disabled */\n  @property({ type: Boolean, reflect: true }) declare disabled: boolean;\n\n  /** Whether a file is required */\n  @property({ type: Boolean }) declare required: boolean;\n\n  /** Visual variant for validation states */\n  @property({ type: String }) declare variant:\n    'default' | 'success' | 'error' | 'warning';\n\n  /** Helper text displayed below the upload */\n  @property({ type: String }) declare helperText: string;\n\n  /**\n   * Error text. When set, the upload is invalid: the message replaces the\n   * helper text, is announced, and the border turns to the error color.\n   */\n  @property({ type: String }) declare errorMessage: string;\n\n  /**\n   * @deprecated Use `helperText`, or `errorMessage` for errors. Still shown:\n   * as the error when `variant=\"error\"`, otherwise as helper text.\n   */\n  @property({ type: String }) declare message: string;\n\n  /** Size variant */\n  @property({ type: String }) declare size: 'sm' | 'md' | 'lg';\n\n  /** Whether to show file previews for images */\n  @property({ converter: booleanConverter, reflect: true })\n  declare showPreviews: boolean;\n\n  /** Whether drag is currently over the drop zone */\n  @state() private isDragOver = false;\n\n  /** List of selected files */\n  @state() private files: FileInfo[] = [];\n\n  /** Reference to the hidden file input */\n  @query('input[type=\"file\"]') private fileInput!: HTMLInputElement;\n\n  static styles = [fieldMessageStyles, fileUploadStyles];\n\n  constructor() {\n    super();\n    this.name = '';\n    this.label = 'Drop files here or click to upload';\n    this.description = '';\n    this.accept = '';\n    this.multiple = false;\n    this.maxSize = 0;\n    this.maxFiles = 0;\n    this.disabled = false;\n    this.required = false;\n    this.variant = 'default';\n    this.message = '';\n    this.helperText = '';\n    this.errorMessage = '';\n    this.size = 'md';\n    this.showPreviews = true;\n  }\n\n  /**\n   * Get the list of selected files\n   */\n  getFiles(): FileInfo[] {\n    return [...this.files];\n  }\n\n  /**\n   * Clear all selected files\n   */\n  clearFiles(): void {\n    // Revoke object URLs to prevent memory leaks\n    this.files.forEach((fileInfo) => {\n      if (fileInfo.previewUrl) {\n        URL.revokeObjectURL(fileInfo.previewUrl);\n      }\n    });\n    this.files = [];\n    if (this.fileInput) {\n      this.fileInput.value = '';\n    }\n    this.dispatchChangeEvent();\n  }\n\n  /**\n   * Remove a specific file by ID\n   */\n  removeFile(fileId: string): void {\n    const fileIndex = this.files.findIndex((f) => f.id === fileId);\n    if (fileIndex !== -1) {\n      const removedFile = this.files[fileIndex];\n      if (removedFile.previewUrl) {\n        URL.revokeObjectURL(removedFile.previewUrl);\n      }\n      this.files = this.files.filter((f) => f.id !== fileId);\n      this.dispatchEvent(\n        new CustomEvent('bp-file-removed', {\n          detail: { file: removedFile },\n          bubbles: true,\n          composed: true,\n        })\n      );\n      this.dispatchChangeEvent();\n    }\n  }\n\n  private handleClick(): void {\n    if (!this.disabled) {\n      this.fileInput?.click();\n    }\n  }\n\n  private handleKeyDown(event: globalThis.KeyboardEvent): void {\n    if (this.disabled) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.fileInput?.click();\n    }\n  }\n\n  private handleInputChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    if (input.files) {\n      this.processFiles(Array.from(input.files));\n    }\n  }\n\n  private handleDragEnter(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!this.disabled) {\n      this.isDragOver = true;\n    }\n  }\n\n  private handleDragOver(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!this.disabled && event.dataTransfer) {\n      event.dataTransfer.dropEffect = 'copy';\n    }\n  }\n\n  private handleDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    // Only set isDragOver to false if we're leaving the dropzone entirely\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (!this.contains(relatedTarget)) {\n      this.isDragOver = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver = false;\n\n    if (this.disabled) return;\n\n    const dataTransfer = event.dataTransfer;\n    if (dataTransfer?.files) {\n      this.processFiles(Array.from(dataTransfer.files));\n    }\n  }\n\n  private processFiles(newFiles: File[]): void {\n    const validFiles: FileInfo[] = [];\n\n    for (const file of newFiles) {\n      // Check if max files limit is reached\n      if (\n        this.maxFiles > 0 &&\n        this.files.length + validFiles.length >= this.maxFiles\n      ) {\n        this.dispatchRejectEvent(file, 'Maximum number of files exceeded');\n        continue;\n      }\n\n      // Check file type\n      if (this.accept && !this.isFileTypeAccepted(file)) {\n        this.dispatchRejectEvent(file, 'File type not accepted');\n        continue;\n      }\n\n      // Check file size\n      if (this.maxSize > 0 && file.size > this.maxSize) {\n        this.dispatchRejectEvent(file, 'File size exceeds limit');\n        continue;\n      }\n\n      // Create file info object\n      const fileInfo: FileInfo = {\n        file,\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        id: this.generateFileId(),\n        status: 'pending',\n        progress: 0,\n      };\n\n      // Generate preview for images\n      if (this.showPreviews && file.type.startsWith('image/')) {\n        fileInfo.previewUrl = URL.createObjectURL(file);\n      }\n\n      validFiles.push(fileInfo);\n\n      this.dispatchEvent(\n        new CustomEvent('bp-file-added', {\n          detail: { file: fileInfo },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n\n    if (validFiles.length > 0) {\n      if (this.multiple) {\n        this.files = [...this.files, ...validFiles];\n      } else {\n        // Single file mode - replace existing file\n        this.files.forEach((existingFile) => {\n          if (existingFile.previewUrl) {\n            URL.revokeObjectURL(existingFile.previewUrl);\n          }\n        });\n        this.files = validFiles.slice(0, 1);\n      }\n      this.dispatchChangeEvent();\n    }\n  }\n\n  private isFileTypeAccepted(file: File): boolean {\n    if (!this.accept) return true;\n\n    const acceptedTypes = this.accept\n      .split(',')\n      .map((type) => type.trim().toLowerCase());\n    const fileType = file.type.toLowerCase();\n    const fileExtension = '.' + file.name.split('.').pop()?.toLowerCase();\n\n    return acceptedTypes.some((accepted) => {\n      // Check MIME type match\n      if (accepted === fileType) return true;\n      // Check extension match\n      if (accepted === fileExtension) return true;\n      // Check wildcard MIME type (e.g., image/*)\n      if (accepted.endsWith('/*')) {\n        const category = accepted.slice(0, -2);\n        return fileType.startsWith(category + '/');\n      }\n      return false;\n    });\n  }\n\n  private dispatchChangeEvent(): void {\n    this.dispatchEvent(\n      new CustomEvent('bp-change', {\n        detail: { files: this.getFiles() },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private dispatchRejectEvent(file: File, reason: string): void {\n    this.dispatchEvent(\n      new CustomEvent('bp-file-rejected', {\n        detail: { file, reason },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private generateFileId(): string {\n    return `file-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n  }\n\n  private formatFileSize(bytes: number): string {\n    if (bytes === 0) return '0 B';\n    const units = ['B', 'KB', 'MB', 'GB'];\n    const exponent = Math.min(\n      Math.floor(Math.log(bytes) / Math.log(1024)),\n      units.length - 1\n    );\n    const size = bytes / Math.pow(1024, exponent);\n    return `${size.toFixed(exponent > 0 ? 1 : 0)} ${units[exponent]}`;\n  }\n\n  private handleRemoveFile(event: Event, fileId: string): void {\n    event.stopPropagation();\n    this.removeFile(fileId);\n  }\n\n  private renderUploadIcon() {\n    return html`\n      <svg\n        class=\"file-upload__icon\"\n        part=\"icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n        <polyline points=\"17 8 12 3 7 8\" />\n        <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\" />\n      </svg>\n    `;\n  }\n\n  private renderFileList() {\n    if (this.files.length === 0) return nothing;\n\n    return html`\n      <div\n        class=\"file-upload__file-list\"\n        part=\"file-list\"\n        role=\"list\"\n        aria-label=\"Selected files\"\n      >\n        ${this.files.map(\n          (fileInfo) => html`\n            <div\n              class=\"file-upload__file-item\"\n              part=\"file-item\"\n              role=\"listitem\"\n            >\n              ${\n                fileInfo.previewUrl\n                  ? html`\n                      <img\n                        class=\"file-upload__preview\"\n                        src=\"${fileInfo.previewUrl}\"\n                        alt=\"Preview of ${fileInfo.name}\"\n                      />\n                    `\n                  : html`\n                      <div class=\"file-upload__file-icon\" aria-hidden=\"true\">\n                        <svg\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                        >\n                          <path\n                            d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                          />\n                          <polyline points=\"14 2 14 8 20 8\" />\n                        </svg>\n                      </div>\n                    `\n              }\n              <div class=\"file-upload__file-info\">\n                <span class=\"file-upload__file-name\" part=\"file-name\"\n                  >${fileInfo.name}</span\n                >\n                <span class=\"file-upload__file-size\" part=\"file-size\"\n                  >${this.formatFileSize(fileInfo.size)}</span\n                >\n              </div>\n              <button\n                type=\"button\"\n                class=\"file-upload__remove-button\"\n                part=\"file-remove\"\n                @click=${(e: Event) => this.handleRemoveFile(e, fileInfo.id)}\n                aria-label=\"Remove ${fileInfo.name}\"\n                ?disabled=${this.disabled}\n              >\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </svg>\n              </button>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n\n  /** Help/error text, including the deprecated `message` */\n  private get fieldMessage() {\n    const legacyError = this.variant === 'error' ? this.message : '';\n    const legacyHelp = this.variant === 'error' ? '' : this.message;\n    return {\n      helperText: this.helperText || legacyHelp,\n      errorMessage: this.errorMessage || legacyError,\n      invalid: this.variant === 'error',\n    };\n  }\n\n  render() {\n    const message = this.fieldMessage;\n    const { invalid, describedBy } = fieldMessageState(message);\n    const variant = invalid ? 'error' : this.variant;\n    const dropzoneClasses = {\n      'file-upload__dropzone': true,\n      'file-upload__dropzone--drag-over': this.isDragOver,\n      'file-upload__dropzone--disabled': this.disabled,\n      'file-upload__dropzone--has-files': this.files.length > 0,\n      [`file-upload__dropzone--${variant}`]: variant !== 'default',\n      [`file-upload__dropzone--${this.size}`]: true,\n    };\n\n    const acceptDescription = this.accept\n      ? `Accepted file types: ${this.accept}`\n      : '';\n    const sizeDescription =\n      this.maxSize > 0\n        ? `Maximum file size: ${this.formatFileSize(this.maxSize)}`\n        : '';\n\n    return html`\n      <div class=\"file-upload file-upload--${variant}\">\n        <div\n          class=${classMap(dropzoneClasses)}\n          part=\"dropzone\"\n          role=\"button\"\n          tabindex=${this.disabled ? -1 : 0}\n          aria-disabled=${this.disabled}\n          aria-describedby=${['file-upload-description', describedBy]\n            .filter(Boolean)\n            .join(' ')}\n          aria-invalid=${invalid ? 'true' : nothing}\n          @click=${this.handleClick}\n          @keydown=${this.handleKeyDown}\n          @dragenter=${this.handleDragEnter}\n          @dragover=${this.handleDragOver}\n          @dragleave=${this.handleDragLeave}\n          @drop=${this.handleDrop}\n        >\n          <input\n            type=\"file\"\n            part=\"input\"\n            .name=${this.name}\n            .accept=${this.accept}\n            ?multiple=${this.multiple}\n            ?disabled=${this.disabled}\n            ?required=${this.required}\n            @change=${this.handleInputChange}\n            aria-hidden=\"true\"\n            tabindex=\"-1\"\n          />\n\n          ${this.renderUploadIcon()}\n\n          <span class=\"file-upload__label\" part=\"label\">${this.label}</span>\n\n          ${\n            this.description\n              ? html`<span class=\"file-upload__description\" part=\"description\"\n                  >${this.description}</span\n                >`\n              : nothing\n          }\n        </div>\n\n        <span id=\"file-upload-description\" class=\"visually-hidden\">\n          ${acceptDescription} ${sizeDescription}\n        </span>\n\n        ${this.renderFileList()} ${renderFieldMessage(message, 'message')}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-file-upload': BpFileUpload;\n  }\n}\n"],"mappings":"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"}