@florid-kit/components 0.10.16 → 0.10.18

package/index.js

@@ -1994,12 +1994,13 @@
       overflow: hidden;
     }
   `;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([g("o-reassurance")],kt);var fi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(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&&fi(t,e,i),i};const gi=Xt(p);let O=class extends gi{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);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}render(){const o=this.text;return this.link?l`
-      <a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
+      <a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}"
+        aria-hidden="${this.inactive?"true":"false"}" aria-current="${this.selected?"true":d}">
         ${o?this.text:l`<slot></slot>`}
       </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`
@@ -2106,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

@@ -3858,12 +3858,13 @@ let O = class extends gi {
   render() {
     const o = this.text;
     return this.link ? l`
-      <a href="${this.link}" class="o-chip" tabindex="${this.inactive ? "-1" : "0"}" aria-hidden="${this.inactive ? "true" : "false"}">
+      <a href="${this.link}" class="o-chip" tabindex="${this.inactive ? "-1" : "0"}"
+        aria-hidden="${this.inactive ? "true" : "false"}" aria-current="${this.selected ? "true" : d}">
         ${o ? this.text : l`<slot></slot>`}
       </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>
     `;
@@ -4063,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.16",
+  "version": "0.10.18",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",