@florid-kit/components 0.3.11 → 0.3.12

package/components/wishlist-button.d.ts

@@ -7,6 +7,7 @@ export declare class OccitaneWishlistButton extends LitElement {
     ariaDescribedBy: string;
     label: string;
     protected render(): import('lit').TemplateResult<1>;
+    private handleClick;
     private toggleStatus;
     setStatus(status: Status): void;
     setAriaDescribedBy(ariaDescribedBy: string): void;

package/index.js

@@ -181,16 +181,14 @@
 `,ct={wishlist:oe,playerv:ne,chevronRight:ae,chevronLeft:le,"star-0":he,"star-25":ce,"star-50":de,"star-75":pe,"star-100":ue};var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?fe(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ge(t,e,r),r};let U=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const i=ct.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return g`
             <button
                 type="button"
-                aria-label="${this.label}"
                 aria-describedby="${this.ariaDescribedBy}"
-                aria-pressed="${this.status=="filled"?"true":"false"}"
                 class="wishlist-button"
-                @click="${this.toggleStatus}"
+                @click="${this.handleClick}"
             >
                 <span class="sr-only">${this.label}</span>
                 ${K(i)}
             </button>
-        `}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};U.styles=O`
+        `}handleClick(i){this.toggleStatus(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0}))}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};U.styles=O`
         :host {
 			display: inline-flex;
 			justify-content: center;

package/index.mjs

@@ -931,17 +931,21 @@ let U = class extends $ {
     return g`
             <button
                 type="button"
-                aria-label="${this.label}"
                 aria-describedby="${this.ariaDescribedBy}"
-                aria-pressed="${this.status == "filled" ? "true" : "false"}"
                 class="wishlist-button"
-                @click="${this.toggleStatus}"
+                @click="${this.handleClick}"
             >
                 <span class="sr-only">${this.label}</span>
                 ${K(i)}
             </button>
         `;
   }
+  handleClick(i) {
+    this.toggleStatus(), this.dispatchEvent(new MouseEvent("click", {
+      bubbles: !0,
+      composed: !0
+    }));
+  }
   toggleStatus() {
     this.status = this.status == "empty" ? "filled" : "empty";
   }

package/package.json

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