@saasbase-io/core-elements 1.1.13 → 1.1.14

package/dist/index.mjs

@@ -24394,11 +24394,9 @@ var Ty = Object.defineProperty, Ly = Object.getOwnPropertyDescriptor, Xn = (e, t
 let bs = class extends y {
   constructor() {
     super(...arguments), this._handleChange = (e) => {
-      if (!this.element.data_key) return;
-      const t = e.target;
-      this.component.handleInputChange(this.element.data_key, t.checked), this.component.handleFocus(this.element.data_key);
-    }, this._handleFocus = (e) => {
-      this.element.data_key && this.component.handleFocus(e.detail.dataKey);
+      this.element.data_key && (this.component.handleInputChange(this.element.data_key, e), this.component.handleFocus(this.element.data_key));
+    }, this._handleFocus = () => {
+      this.element.data_key && this.component.handleFocus(this.element.data_key);
     }, this._toggleCheckboxFromLabel = () => {
       const e = this.querySelector(
         `#${this._fieldKey}`
@@ -24500,7 +24498,7 @@ let bs = class extends y {
           ?checked=${this._checked}
           ?invalid=${this._errors.length > 0}
           data-key=${this.element.data_key || ""}
-          .oncheckedchange=${this._handleChange}
+          .onCheckedChange=${this._handleChange}
           @focus=${this._handleFocus}
         ></rtg-checkbox>
         ${this._renderLabel()}
@@ -24772,11 +24770,11 @@ let vs = class extends y {
   constructor() {
     super(...arguments), this._onComplete = (e) => {
       if (!this.element.data_key) return;
-      this.component.handleInputChange(this.element.data_key, e.detail.value);
+      this.component.handleInputChange(this.element.data_key, e);
       const { event: t } = this.element.properties;
       t && this.component.handleEvent(t, this.element);
-    }, this._onFocus = (e) => {
-      this.element.data_key && this.component.handleFocus(e.detail.dataKey, this.element.id);
+    }, this._onFocus = () => {
+      this.element.data_key && this.component.handleFocus(this.element.data_key, this.element.id);
     }, this._onBlur = () => {
       this.element.data_key && this.component.handleBlur(this.element.data_key);
     };
@@ -24854,9 +24852,9 @@ let vs = class extends y {
         data-key=${this.element.data_key || ""}
         class=${e}
         style=${k(o)}
-        .oncomplete=${this._onComplete}
-        .onfocus=${this._onFocus}
-        .onblur=${this._onBlur}
+        .onComplete=${this._onComplete}
+        .onFocus=${this._onFocus}
+        .onBlur=${this._onBlur}
       >
         ${this._renderOTPContent()}
       </rtg-input-otp>
@@ -25531,9 +25529,9 @@ let Ss = class extends y {
   constructor() {
     super(...arguments), this._onInput = (e) => {
       const t = this.element.data_key;
-      t && this.component.handleInputChange(t, e.detail.value);
-    }, this._onFocus = (e) => {
-      this.element.data_key && this.component.handleFocus(e.detail.dataKey);
+      t && this.component.handleInputChange(t, e.target.value);
+    }, this._onFocus = () => {
+      this.element.data_key && this.component.handleFocus(this.element.data_key);
     }, this._onBlur = () => {
       const e = this.element.data_key;
       e && this.component.handleBlur(e);
@@ -25665,9 +25663,9 @@ let Ss = class extends y {
           data-key=${this.element.data_key || ""}
           class=${r}
           style=${i}
-          .oninput=${this._onInput}
-          .onfocus=${this._onFocus}
-          .onblur=${this._onBlur}
+          .onInput=${this._onInput}
+          .onFocus=${this._onFocus}
+          .onBlur=${this._onBlur}
         ></rtg-input>
         ${this._invalid ? this._renderError() : this._renderHint()}
       </rtg-field>