@florid-kit/components 0.8.24 → 0.8.26

package/index.js

@@ -1951,8 +1951,8 @@
       flex-wrap: wrap;
       gap: var(--spacing-s);
     }
-  `;Ut([a({reflect:!0})],ct.prototype,"name",2);Ut([a({reflect:!0})],ct.prototype,"value",2);ct=Ut([x("o-chipset")],ct);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,N=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&No(t,e,i),i};const Ro=Bt(u);let L=class extends Ro{constructor(){super(...arguments),this.name="",this.value="",this.role="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=W[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${E(o)}</span>`}strikeThroughImg(){const o=Je[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return E(o)}render(){const o=this.text;return l`${this.role==="button"?l`
-      <a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
+  `;Ut([a({reflect:!0})],ct.prototype,"name",2);Ut([a({reflect:!0})],ct.prototype,"value",2);ct=Ut([x("o-chipset")],ct);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,N=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&No(t,e,i),i};const Ro=Bt(u);let L=class extends Ro{constructor(){super(...arguments),this.name="",this.value="",this.role="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=W[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${E(o)}</span>`}strikeThroughImg(){const o=Je[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return E(o)}render(){const o=this.text;return l`${this.role==="button"?l`
+      <a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
         aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
         ${o?l`
             ${this.text?l`<span class="text">${this.text}</span>`:d}

package/index.mjs

@@ -3700,6 +3700,8 @@ let L = class extends Ro {
     super(...arguments), this.name = "", this.value = "", this.role = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
   }
   handleClick(o) {
+    if (o instanceof KeyboardEvent && o.key !== "Enter" && o.key !== " ")
+      return;
     this.selected = !this.selected;
     const t = { selected: this.selected }, e = new CustomEvent("selected", { detail: t, bubbles: !0, composed: !0, cancelable: !0 });
     this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
@@ -3721,7 +3723,7 @@ let L = class extends Ro {
   render() {
     const o = this.text;
     return l`${this.role === "button" ? l`
-      <a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
+      <a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
         aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
         ${o ? l`
             ${this.text ? l`<span class="text">${this.text}</span>` : d}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.8.24",
+  "version": "0.8.26",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",