bard-attachment_field 0.6.0 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f03200d473a693885b813d0990c78f6d06c7a3ef6ba6a9b88acdac3769379344
-  data.tar.gz: e343b3122f95ef094f1060e73661d4a06ca07d0d4f3f041f3388271193a9aea5
+  metadata.gz: 6bef7d86b4bd8938fe4944c96dde471a868af65c72817f254bad2ef989840eb3
+  data.tar.gz: b40d5ad52b14aa85e4a695dbc7f2aaa58cf2ae6d75b11860100a7818805a1e51
 SHA512:
-  metadata.gz: 7d8d24848b191cbd2699095a94c512d5eb44c710ee0d36cd167719ae2865f0350b7a701727b19dc84172e35d7f2997e9bc06aaec341be120d1adb21f13bcbd2b
-  data.tar.gz: ad571bce098435bec2bb4f05197aca1ab0ee9db13ee4325ae0c0aa02d157758ba071c61fc4d819b06b63def46ca39df0936f0faf13feac50c6d4e8bece325b66
+  metadata.gz: 8907713c89cfab1718f7a812a23c49b604abe65e4a613669760f63d8a22790ffaed0ac19af0682262237a9557d3c45221f7c5f4ede50255cbec48564e412418f
+  data.tar.gz: cf825d567f49628992b93247ac2668b6adf35204dda72c0aa1701fe537bf247d9214bfb14d688e64d2e4593e70b4720dc449d3a345c1d4451ccaf62b48243395

data/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## [0.6.1] - 2026-06-24
+
+### Bug Fixes
+
+- Bump `@botandrose/progress-bar` to 0.6.1, which moves the `progressbar` role
+  off the host onto the inner fill/ring and names it from its slotted content.
+  This resolves the `aria-progressbar-name` and `nested-interactive` axe
+  violations on `<attachment-file>`, whose download link is slotted as the
+  progress bar's content.
+
 ## [0.6.0] - 2026-06-11
 
 ### Features

data/app/assets/javascripts/input-attachment.js

@@ -4808,11 +4808,14 @@ var t = class extends HTMLElement {
     super(), this.attachShadow({ mode: "open" }), this._percent = null, this._renderedMode = null, this._rateTimer = null;
   }
   connectedCallback() {
-    this.render(), this.setAttribute("role", "progressbar"), this.setAttribute("aria-valuemin", "0"), this.setAttribute("aria-valuemax", "100"), this.updateBar(), this._syncTicker();
+    this.render(), this.updateBar(), this._syncTicker();
   }
   disconnectedCallback() {
     this._stopTicker();
   }
+  get _progressbarEl() {
+    return this.shadowRoot.querySelector("circular" === this.mode ? ".ring" : ".bar");
+  }
   get percent() {
     return this._percent;
   }
@@ -4849,13 +4852,14 @@ var t = class extends HTMLElement {
   }
   updateBar() {
     if ("circular" === this.mode) {
-      const r4 = this.shadowRoot?.querySelector(".progress-ring");
-      r4 && (r4.style.strokeDashoffset = this.indeterminate ? "" : String(100 * (1 - this._percent / 100)));
+      const r5 = this.shadowRoot?.querySelector(".progress-ring");
+      r5 && (r5.style.strokeDashoffset = this.indeterminate ? "" : String(100 * (1 - this._percent / 100)));
     } else {
-      const r4 = this.shadowRoot?.querySelector(".bar");
-      r4 && (r4.style.width = this.indeterminate ? "" : `${this._percent}%`);
+      const r5 = this.shadowRoot?.querySelector(".bar");
+      r5 && (r5.style.width = this.indeterminate ? "" : `${this._percent}%`);
     }
-    this.indeterminate ? this.removeAttribute("aria-valuenow") : this.setAttribute("aria-valuenow", String(this._percent));
+    const r4 = this._progressbarEl;
+    r4 && (this.indeterminate ? r4.removeAttribute("aria-valuenow") : r4.setAttribute("aria-valuenow", String(this._percent)));
   }
   _syncTicker() {
     const r4 = Number(this.getAttribute("rate")), n3 = this.isConnected && !this.indeterminate && Number.isFinite(r4) && 0 !== r4;
@@ -4870,7 +4874,8 @@ var t = class extends HTMLElement {
   }
   render() {
     const n3 = this.mode;
-    this._renderedMode !== n3 && (this._renderedMode = n3, this.shadowRoot.adoptedStyleSheets = [(r || (r = new CSSStyleSheet(), r.replaceSync(`
+    if (this._renderedMode === n3) return;
+    this._renderedMode = n3, this.shadowRoot.adoptedStyleSheets = [(r || (r = new CSSStyleSheet(), r.replaceSync(`
   :host {
     --progress-color: #2E7D32;
     --error-color: #7a242f;
@@ -5012,7 +5017,9 @@ var t = class extends HTMLElement {
   :host([error]) .progress-ring { display: none; }
   :host([error]) .ring { animation: none; }
   :host([error]) .error-mark { display: block; }
-`)), r)], this.shadowRoot.innerHTML = "circular" === n3 ? '\n  <div class="circular">\n    <svg class="ring" viewBox="0 0 100 100">\n      <circle class="track" cx="50" cy="50" r="40"></circle>\n      <circle class="progress-ring" cx="50" cy="50" r="40" pathLength="100"></circle>\n      <path class="error-mark" d="M37 37 L63 63 M63 37 L37 63"></path>\n    </svg>\n    <span class="label"><slot></slot></span>\n  </div>\n' : '\n  <div class="bar"></div>\n  <div class="text"><slot></slot></div>\n');
+`)), r)], this.shadowRoot.innerHTML = "circular" === n3 ? '\n  <div class="circular">\n    <svg class="ring" viewBox="0 0 100 100">\n      <circle class="track" cx="50" cy="50" r="40"></circle>\n      <circle class="progress-ring" cx="50" cy="50" r="40" pathLength="100"></circle>\n      <path class="error-mark" d="M37 37 L63 63 M63 37 L37 63"></path>\n    </svg>\n    <span class="label" id="label"><slot></slot></span>\n  </div>\n' : '\n  <div class="bar"></div>\n  <div class="text" id="label"><slot></slot></div>\n';
+    const e3 = this._progressbarEl;
+    e3.setAttribute("role", "progressbar"), e3.setAttribute("aria-valuemin", "0"), e3.setAttribute("aria-valuemax", "100"), e3.setAttribute("aria-labelledby", "label");
   }
 };
 customElements.get("progress-bar") || customElements.define("progress-bar", t);

data/input-attachment/package.json

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

data/lib/bard/attachment_field/version.rb

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

metadata

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