smoothly 1.0.0-alpha.49 → 1.0.0-alpha.50

package/dist/cjs/smoothly-accordion_63.cjs.entry.js

@@ -27999,9 +27999,9 @@ const SmoothlyInputDemo = class {
       index.h("h4", null, "Smoothly checkboxes"),
       index.h("smoothly-form", null, index.h("div", null, index.h("smoothly-checkbox", null, "Check me", index.h("div", { slot: "expansion" }, "Some context")), index.h("smoothly-checkbox", null, "Label"), index.h("smoothly-checkbox", { disabled: true }))),
       index.h("h4", null, "Smoothly Radio Buttons"),
-      index.h("smoothly-form", null, index.h("smoothly-radio-button", { deselectable: true, decoration: "button" }, index.h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" } }, "Option 1", index.h("div", { slot: "expansion" }, "Some description.")), index.h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, "Option 2", index.h("div", { slot: "expansion" }, "Some other description.")), index.h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, "Option 3", index.h("div", { slot: "expansion" }, "Some third description."))), index.h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { name: "checkmark-circle" }))),
+      index.h("smoothly-form", { onSmoothlyFormSubmit: e => console.log(e.detail) }, index.h("smoothly-radio-button", { name: "radioButtonDemo", deselectable: true, decoration: "button" }, index.h("smoothly-radio-button-item", { value: "test" }, "Option 1", index.h("div", { slot: "expansion" }, "Some description.")), index.h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" } }, "Option 2", index.h("div", { slot: "expansion" }, "Some other description.")), index.h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" } }, "Option 3", index.h("div", { slot: "expansion" }, "Some third description."))), index.h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { name: "checkmark-circle" }))),
       index.h("h4", null, "Radio List without button 1"),
-      index.h("smoothly-form", null, index.h("smoothly-radio-button", null, index.h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" }, selected: true, color: "light" }, index.h("span", null, "Option 1"), index.h("span", { slot: "expansion" }, "Some description.")), index.h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" }, color: "light" }, index.h("span", null, "Option 2"), index.h("span", { slot: "expansion" }, "Some other description.")), index.h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" }, color: "light" }, index.h("span", null, "Option 3"), index.h("span", { slot: "expansion" }, "Some third description."))), index.h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { name: "checkmark-circle" }))),
+      index.h("smoothly-form", null, index.h("smoothly-radio-button", { name: "RadioListWithoutButton" }, index.h("smoothly-radio-button-item", { value: { some: "content", yes: "sir" }, selected: true, color: "light" }, index.h("span", null, "Option 1"), index.h("span", { slot: "expansion" }, "Some description.")), index.h("smoothly-radio-button-item", { value: { some: "thing", yes: "miss" }, color: "light" }, index.h("span", null, "Option 2"), index.h("span", { slot: "expansion" }, "Some other description.")), index.h("smoothly-radio-button-item", { value: { some: "one", yes: "kid" }, color: "light" }, index.h("span", null, "Option 3"), index.h("span", { slot: "expansion" }, "Some third description."))), index.h("smoothly-submit", { slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { name: "checkmark-circle" }))),
       index.h("h4", null, "Radio List without button 2"),
       index.h("smoothly-form", null, index.h("smoothly-radio", { name: "option", value: "1", style: { width: "100%" } }, "option 1"), index.h("smoothly-radio", { name: "option", value: "2", checked: true, style: { width: "100%" } }, "option 2"), index.h("smoothly-radio", { name: "option", value: "3", style: { width: "100%" } }, "option 3")),
       index.h("h4", null, "Smoothly Accordion"),
@@ -28609,7 +28609,8 @@ const styleCss$k = ".sc-smoothly-radio-button-h{display:block}";
 const SmoothlyRadioButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.radioButtonSelected = index.createEvent(this, "radioButtonSelected", 7);
+    this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
+    this.smoothlyChange = index.createEvent(this, "smoothlyChange", 7);
     this.name = undefined;
     this.value = undefined;
     this.deselectable = undefined;
@@ -28620,9 +28621,11 @@ const SmoothlyRadioButton = class {
     if (this.deselectable || ((_a = this.active) === null || _a === void 0 ? void 0 : _a.value) != event.detail.value) {
       (_b = this.active) === null || _b === void 0 ? void 0 : _b.select(false);
       this.active = event.detail;
-      this.radioButtonSelected.emit({
-        name: this.name,
-        value: (this.value = this.active.selected ? this.active.value : undefined),
+      this.smoothlyInput.emit({
+        [this.name]: (this.value = this.active.selected ? this.active.value : undefined),
+      });
+      this.smoothlyChange.emit({
+        [this.name]: (this.value = this.active.selected ? this.active.value : undefined),
       });
       this.active.select(this.active.selected);
     }