bard-attachment_field 0.5.7 → 0.6.0

data/input-attachment/package.json

@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@botandrose/file-drop": "^0.1.1",
-    "@botandrose/progress-bar": "^0.5.0",
+    "@botandrose/progress-bar": "^0.6.0",
     "@rails/activestorage": "^8.1.0",
     "@rails/request.js": "0.0.13",
     "@stencil/core": "^4.43.2",

data/input-attachment/src/components/attachment-file/attachment-file.spec.tsx

@@ -17,4 +17,26 @@ describe('attachment-file', () => {
     // Just check that it renders without error
     expect(page.root.tagName).toBe('ATTACHMENT-FILE');
   });
+
+  it('links the download link to src by default', async () => {
+    const page = await newSpecPage({
+      components: [AttachmentFile],
+      html: `<attachment-file src="/preview.jpg" filename="image.jpg"></attachment-file>`,
+    });
+
+    const link = page.root.shadowRoot.querySelector('a.download-link');
+    expect(link.getAttribute('href')).toBe('/preview.jpg');
+    expect(link.getAttribute('download')).toBe('image.jpg');
+  });
+
+  it('links the download link to href and download when provided', async () => {
+    const page = await newSpecPage({
+      components: [AttachmentFile],
+      html: `<attachment-file src="/preview.jpg" href="/master.jpg" download="original.jpg" filename="image.jpg"></attachment-file>`,
+    });
+
+    const link = page.root.shadowRoot.querySelector('a.download-link');
+    expect(link.getAttribute('href')).toBe('/master.jpg');
+    expect(link.getAttribute('download')).toBe('original.jpg');
+  });
 });

data/input-attachment/src/components/attachment-file/attachment-file.tsx

@@ -22,6 +22,8 @@ export class AttachmentFile {
   @Prop({ reflect: true, mutable: true }) value: string = ""
   @Prop({ reflect: true, mutable: true }) filename: string
   @Prop({ reflect: true, mutable: true }) src: string
+  @Prop({ reflect: true, mutable: true }) href: string
+  @Prop({ reflect: true, mutable: true }) download: string
   @Prop({ reflect: true, mutable: true }) filetype: string
   @Prop({ reflect: true, mutable: true }) size: number
   @Prop({ reflect: true, mutable: true }) state: string = "complete"
@@ -132,7 +134,7 @@ export class AttachmentFile {
         <figure>
           <div class="progress-details">
             <progress-bar percent={this.percent} class={this.state} error={this.state === "error"}>
-              <a class="download-link" href={this.src} download={this.filename} onClick={e => e.stopPropagation()}>
+              <a class="download-link" href={this.href || this.src} download={this.download || this.filename} onClick={e => e.stopPropagation()}>
                 {this.filename}
               </a>
             </progress-bar>

data/input-attachment/src/components/attachment-file/readme.md

@@ -10,8 +10,10 @@
 | Property            | Attribute            | Description | Type      | Default      |
 | ------------------- | -------------------- | ----------- | --------- | ------------ |
 | `accepts`           | `accepts`            |             | `string`  | `undefined`  |
+| `download`          | `download`           |             | `string`  | `undefined`  |
 | `filename`          | `filename`           |             | `string`  | `undefined`  |
 | `filetype`          | `filetype`           |             | `string`  | `undefined`  |
+| `href`              | `href`               |             | `string`  | `undefined`  |
 | `max`               | `max`                |             | `number`  | `undefined`  |
 | `name`              | `name`               |             | `string`  | `undefined`  |
 | `percent`           | `percent`            |             | `number`  | `100`        |

data/input-attachment/src/components/input-attachment/input-attachment.tsx

@@ -73,6 +73,8 @@ export class InputAttachment {
       value: f.value,
       filename: f.filename,
       src: f.src,
+      href: f.href,
+      download: f.download,
       state: f.state,
       percent: f.percent,
       size: f.size,
@@ -93,6 +95,8 @@ export class InputAttachment {
       attachmentFile.value = item.value
       attachmentFile.filename = item.filename
       attachmentFile.src = item.src
+      attachmentFile.href = item.href
+      attachmentFile.download = item.download
       attachmentFile.state = item.state || 'complete'
       attachmentFile.percent = item.percent || 100
       attachmentFile.size = item.size

data/input-attachment/src/components.d.ts

@@ -8,8 +8,10 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
     interface AttachmentFile {
         "accepts": string;
+        "download": string;
         "filename": string;
         "filetype": string;
+        "href": string;
         "max": number;
         "name": string;
         /**
@@ -126,8 +128,10 @@ declare global {
 declare namespace LocalJSX {
     interface AttachmentFile {
         "accepts"?: string;
+        "download"?: string;
         "filename"?: string;
         "filetype"?: string;
+        "href"?: string;
         "max"?: number;
         "name"?: string;
         "onAttachment-file:ready"?: (event: AttachmentFileCustomEvent<any>) => void;
@@ -199,6 +203,8 @@ declare namespace LocalJSX {
         "value": string;
         "filename": string;
         "src": string;
+        "href": string;
+        "download": string;
         "filetype": string;
         "size": number;
         "state": string;

data/lib/bard/attachment_field/version.rb

@@ -2,6 +2,6 @@
 
 module Bard
   module AttachmentField
-    VERSION = "0.5.7"
+    VERSION = "0.6.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bard-attachment_field
 version: !ruby/object:Gem::Version
-  version: 0.5.7
+  version: 0.6.0
 platform: ruby
 authors:
 - Micah Geisel
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-06-08 00:00:00.000000000 Z
+date: 2026-06-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activestorage