@florid-kit/components 0.10.17 → 0.10.18

package/index.js

@@ -2000,7 +2000,7 @@
       </a>
     `:l`
       <button type="button" class="button" @click=${this.handleClick}
-        aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
+        aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
         ${o?this.text:l`<slot></slot>`}
       </button>
     `}};O.styles=f`
@@ -2107,7 +2107,7 @@
     }
   `;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([g("o-chipset")],_t);var mi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?xi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&mi(t,e,i),i};const wi=Xt(p);let I=class extends wi{constructor(){super(...arguments),this.name="",this.value="",this.type="",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=Z[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Ao[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
       <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
-        aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
+        aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
         ${o?l`
             ${this.text?l`<span class="text">${this.text}</span>`:d}
             `:l`

package/index.mjs

@@ -3864,7 +3864,7 @@ let O = class extends gi {
       </a>
     ` : l`
       <button type="button" class="button" @click=${this.handleClick}
-        aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
+        aria-label=${this.ariaLabel || d} aria-pressed=${this.selected}>
         ${o ? this.text : l`<slot></slot>`}
       </button>
     `;
@@ -4064,7 +4064,7 @@ let I = class extends wi {
     const o = this.text;
     return l`${this.type === "link" ? l`
       <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
-        aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
+        aria-label=${this.ariaLabel || d} aria-pressed=${this.selected}>
         ${o ? l`
             ${this.text ? l`<span class="text">${this.text}</span>` : d}
             ` : l`

package/package.json

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