@florid-kit/components 0.8.25 → 0.8.27

package/components/filter-chip.d.ts

@@ -5,7 +5,7 @@ export declare class OccitaneFilterChip extends buttonBaseClass {
     static styles: import('lit').CSSResult;
     name: string;
     value: string;
-    role: string;
+    type: string;
     text: string;
     selected: boolean;
     disabled: boolean;

package/index.js

@@ -1951,7 +1951,7 @@
       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){if(console.log("%c o-filter-chip clicked","color: blue; font-weight: bold;",o),o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.stopPropagation(),o.preventDefault(),this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),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`
+  `;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.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=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.type==="link"?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`
@@ -2092,4 +2092,4 @@
         stroke-linecap: round;
       }
     }
-  `;N([a({reflect:!0})],L.prototype,"name",2);N([a({reflect:!0})],L.prototype,"value",2);N([a({reflect:!0})],L.prototype,"role",2);N([a({type:String})],L.prototype,"text",2);N([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);L=N([x("o-filter-chip")],L);
+  `;N([a({reflect:!0})],L.prototype,"name",2);N([a({reflect:!0})],L.prototype,"value",2);N([a({type:String,reflect:!0})],L.prototype,"type",2);N([a({type:String})],L.prototype,"text",2);N([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);L=N([x("o-filter-chip")],L);

package/index.mjs

@@ -3697,14 +3697,14 @@ var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, N = (o, t,
 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";
+    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 (console.log("%c o-filter-chip clicked", "color: blue; font-weight: bold;", o), o instanceof KeyboardEvent && o.key !== "Enter" && o.key !== " ")
+    if (o instanceof KeyboardEvent && o.key !== "Enter" && o.key !== " ")
       return;
-    o.stopPropagation(), o.preventDefault(), this.selected = !this.selected;
+    this.selected = !this.selected;
     const t = { selected: this.selected }, e = new CustomEvent("selected", { detail: t, bubbles: !0, composed: !0, cancelable: !0 });
-    this.dispatchEvent(e), this.selected = t.selected;
+    this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
   }
   crossIcon() {
     const o = W[this.crossIconName].replace(
@@ -3722,7 +3722,7 @@ let L = class extends Ro {
   }
   render() {
     const o = this.text;
-    return l`${this.role === "button" ? l`
+    return l`${this.type === "link" ? 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`
@@ -3874,8 +3874,8 @@ N([
   a({ reflect: !0 })
 ], L.prototype, "value", 2);
 N([
-  a({ reflect: !0 })
-], L.prototype, "role", 2);
+  a({ type: String, reflect: !0 })
+], L.prototype, "type", 2);
 N([
   a({ type: String })
 ], L.prototype, "text", 2);

package/package.json

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