@florid-kit/components 2.6.0 → 2.6.1

package/index.js

@@ -5027,7 +5027,7 @@
     :host([state="success"]) .helper-text o-icon-button {
       --color-content-action-primary: var(--color-content-success, #3b7902);
     }
-  `;O([s({type:String})],M.prototype,"label",2);O([s({type:String})],M.prototype,"value",2);O([s({type:String})],M.prototype,"placeholder",2);O([s({type:String,attribute:"helper-text"})],M.prototype,"helperText",2);O([s({type:String,reflect:!0})],M.prototype,"state",2);O([s({type:Boolean,reflect:!0})],M.prototype,"disabled",2);O([s({type:String,attribute:"leading-icon"})],M.prototype,"leadingIcon",2);O([s({type:String,attribute:"trailing-icon"})],M.prototype,"trailingIcon",2);O([s({type:String})],M.prototype,"name",2);O([s({type:Boolean})],M.prototype,"required",2);O([s({type:String,attribute:"clear-label"})],M.prototype,"clearLabel",2);O([s({type:String,reflect:!0,attribute:"input-id"})],M.prototype,"inputId",2);O([O1("input")],M.prototype,"inputEl",2);M=O([u("o-input")],M);var he=Object.defineProperty,de=Object.getOwnPropertyDescriptor,P=(e,t,i,n)=>{for(var o=n>1?void 0:n?de(t,i):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&he(t,i,o),o};const pe=Q1(p);let Ce=0,k=class extends pe{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.name="",this.required=!1,this.rows=3,this.resize="none",this.textareaId="",this.textareaId||(this.textareaId=`o-textarea-${++Ce}`)}updated(e){(e.has("value")||e.has("name"))&&this[$1].setFormValue(this.value)}formResetCallback(){this.value="",this[$1].setFormValue("")}handleInput(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}handleChange(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}renderHelperIcon(){return this.state==="success"?a`<o-icon-button type="span" icon="occ-check-filled" bgstyle="none-light" size="small"></o-icon-button>`:this.state==="error"?a`<o-icon-button type="span" icon="occ-warning" bgstyle="none-light" size="small"></o-icon-button>`:c}render(){return a`
+  `;O([s({type:String})],M.prototype,"label",2);O([s({type:String,reflect:!0})],M.prototype,"value",2);O([s({type:String,reflect:!0})],M.prototype,"placeholder",2);O([s({type:String,attribute:"helper-text"})],M.prototype,"helperText",2);O([s({type:String,reflect:!0})],M.prototype,"state",2);O([s({type:Boolean,reflect:!0})],M.prototype,"disabled",2);O([s({type:String,attribute:"leading-icon"})],M.prototype,"leadingIcon",2);O([s({type:String,attribute:"trailing-icon"})],M.prototype,"trailingIcon",2);O([s({type:String})],M.prototype,"name",2);O([s({type:Boolean})],M.prototype,"required",2);O([s({type:String,attribute:"clear-label"})],M.prototype,"clearLabel",2);O([s({type:String,reflect:!0,attribute:"input-id"})],M.prototype,"inputId",2);O([O1("input")],M.prototype,"inputEl",2);M=O([u("o-input")],M);var he=Object.defineProperty,de=Object.getOwnPropertyDescriptor,P=(e,t,i,n)=>{for(var o=n>1?void 0:n?de(t,i):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&he(t,i,o),o};const pe=Q1(p);let Ce=0,k=class extends pe{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.name="",this.required=!1,this.rows=3,this.resize="none",this.textareaId="",this.textareaId||(this.textareaId=`o-textarea-${++Ce}`)}updated(e){(e.has("value")||e.has("name"))&&this[$1].setFormValue(this.value)}formResetCallback(){this.value="",this[$1].setFormValue("")}handleInput(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}handleChange(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}renderHelperIcon(){return this.state==="success"?a`<o-icon-button type="span" icon="occ-check-filled" bgstyle="none-light" size="small"></o-icon-button>`:this.state==="error"?a`<o-icon-button type="span" icon="occ-warning" bgstyle="none-light" size="small"></o-icon-button>`:c}render(){return a`
       ${this.label?a`<label class="label" for=${this.textareaId}>${this.label}</label>`:c}
 
       <div class="textarea-wrapper">
@@ -5208,7 +5208,7 @@
     :host([state="success"]) .helper-text o-icon-button {
       --color-content-action-primary: var(--color-content-success, #3b7902);
     }
-  `;P([s({type:String})],k.prototype,"label",2);P([s({type:String})],k.prototype,"value",2);P([s({type:String})],k.prototype,"placeholder",2);P([s({type:String,attribute:"helper-text"})],k.prototype,"helperText",2);P([s({type:String,reflect:!0})],k.prototype,"state",2);P([s({type:Boolean,reflect:!0})],k.prototype,"disabled",2);P([s({type:String})],k.prototype,"name",2);P([s({type:Boolean})],k.prototype,"required",2);P([s({type:Number})],k.prototype,"rows",2);P([s({type:String,reflect:!0})],k.prototype,"resize",2);P([s({type:String,reflect:!0,attribute:"textarea-id"})],k.prototype,"textareaId",2);P([O1("textarea")],k.prototype,"textareaEl",2);k=P([u("o-textarea")],k);var ue=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,s1=(e,t,i,n)=>{for(var o=n>1?void 0:n?ge(t,i):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ue(t,i,o),o};let z=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.trigger="input"}dispatchSearch(){var e;this.dispatchEvent(new CustomEvent("search",{detail:{value:this.value},bubbles:!0,composed:!0})),(e=this.onSearch)==null||e.call(this,this.value)}handleInput(e){const t=e.target;this.value=t.value,this.trigger==="input"&&this.dispatchSearch()}handleKeyDown(e){e.key==="Enter"&&this.trigger==="enter"&&this.dispatchSearch()}handleChange(){this.trigger==="change"&&this.dispatchSearch()}render(){return a`
+  `;P([s({type:String})],k.prototype,"label",2);P([s({type:String,reflect:!0})],k.prototype,"value",2);P([s({type:String,reflect:!0})],k.prototype,"placeholder",2);P([s({type:String,attribute:"helper-text"})],k.prototype,"helperText",2);P([s({type:String,reflect:!0})],k.prototype,"state",2);P([s({type:Boolean,reflect:!0})],k.prototype,"disabled",2);P([s({type:String})],k.prototype,"name",2);P([s({type:Boolean})],k.prototype,"required",2);P([s({type:Number})],k.prototype,"rows",2);P([s({type:String,reflect:!0})],k.prototype,"resize",2);P([s({type:String,reflect:!0,attribute:"textarea-id"})],k.prototype,"textareaId",2);P([O1("textarea")],k.prototype,"textareaEl",2);k=P([u("o-textarea")],k);var ue=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,s1=(e,t,i,n)=>{for(var o=n>1?void 0:n?ge(t,i):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ue(t,i,o),o};let z=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.trigger="input"}dispatchSearch(){var e;this.dispatchEvent(new CustomEvent("search",{detail:{value:this.value},bubbles:!0,composed:!0})),(e=this.onSearch)==null||e.call(this,this.value)}handleInput(e){const t=e.target;this.value=t.value,this.trigger==="input"&&this.dispatchSearch()}handleKeyDown(e){e.key==="Enter"&&this.trigger==="enter"&&this.dispatchSearch()}handleChange(){this.trigger==="change"&&this.dispatchSearch()}render(){return a`
       <o-input
         label=${this.label}
         value=${this.value}

package/index.mjs

@@ -8221,10 +8221,10 @@ O([
   s({ type: String })
 ], M.prototype, "label", 2);
 O([
-  s({ type: String })
+  s({ type: String, reflect: !0 })
 ], M.prototype, "value", 2);
 O([
-  s({ type: String })
+  s({ type: String, reflect: !0 })
 ], M.prototype, "placeholder", 2);
 O([
   s({ type: String, attribute: "helper-text" })
@@ -8483,10 +8483,10 @@ P([
   s({ type: String })
 ], k.prototype, "label", 2);
 P([
-  s({ type: String })
+  s({ type: String, reflect: !0 })
 ], k.prototype, "value", 2);
 P([
-  s({ type: String })
+  s({ type: String, reflect: !0 })
 ], k.prototype, "placeholder", 2);
 P([
   s({ type: String, attribute: "helper-text" })

package/package.json

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