@florid-kit/components 0.3.26 → 0.3.30

package/index.js

@@ -439,12 +439,7 @@
       align-items: center;
     }
   `;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({type:String,reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"disabled",2);v([l({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);v([l({type:String})],u.prototype,"icon",2);v([l({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);v([l({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);v([l({type:String})],u.prototype,"href",2);v([l({type:String})],u.prototype,"target",2);u=v([U("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&me(t,e,n),n};let T=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
-			<button
-				type="button"
-				aria-describedby="${this.ariaDescribedBy}"
-				class="wishlist-button"
-				tabindex="-1"
-			>
+			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
 				${X(o)}
 			</button>

package/index.mjs

@@ -1265,12 +1265,7 @@ let T = class extends $ {
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
     return d`
-			<button
-				type="button"
-				aria-describedby="${this.ariaDescribedBy}"
-				class="wishlist-button"
-				tabindex="-1"
-			>
+			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
 				${X(o)}
 			</button>

package/package.json

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