Simplify initializer

Author: carry0987

dist/radioBox.d.ts

@@ -11,6 +11,11 @@ interface RadioBoxOption {
     bindLabel?: boolean;
     styles?: object;
 }
+interface RadioInputElement extends HTMLInputElement {
+    withID: boolean;
+    radioBoxChange?: EventListener;
+    labelToRestore?: HTMLLabelElement;
+}
 
 declare class RadioBox {
     private static instances;
@@ -33,14 +38,19 @@ declare class RadioBox {
     private radioBoxChange;
     private destroy;
     set onChange(callback: OnChangeCallback);
-    empty(): RadioBox;
-    refresh(): void;
-    static destroyAll(): void;
+    /**
+     * Get all radio box elements
+     * @return {RadioInputElement[]} All radio box elements
+     */
+    get elements(): RadioInputElement[];
     /**
      * Get value of the checked radio box
      * @return {string} Value of the checked radio box
      */
     get value(): string | null;
+    empty(): RadioBox;
+    refresh(): void;
+    static destroyAll(): void;
 }
 
 export { RadioBox as default };

dist/radioBox.esm.js

@@ -205,6 +205,8 @@ class Utils {
                 labelToRestore = labelSibling.cloneNode(true);
                 // Prefer the explicitly set title, fall back to text from the label.
                 title = title || labelSibling.textContent;
+                // Remove the original label
+                labelSibling.parentNode.removeChild(labelSibling);
             }
         }
         return { title, remainLabel, randomID, labelToRestore };
@@ -226,6 +228,8 @@ class Utils {
         if (labelNode.parentNode) {
             labelNode.parentNode.insertBefore(cloneEle, labelNode);
         }
+        // Replace the original element with the new one
+        ele.parentNode.replaceChild(templateNode.firstElementChild || templateNode, ele);
         return { cloneEle, templateNode, labelNode };
     }
     static insertRadioboxTitle(title, bindLabel, labelNode, cloneEle) {
@@ -327,7 +331,7 @@ styleInject(css_248z);
 
 class RadioBox {
     static instances = [];
-    static version = '2.0.1';
+    static version = '2.0.2';
     static firstLoad = true;
     element = null;
     options;
@@ -393,18 +397,13 @@ class RadioBox {
         let bindLabel = this.options.bindLabel ?? false;
         let { title, remainLabel, randomID, labelToRestore } = Utils.handleRadioboxTitle(ele, labelSibling);
         bindLabel = remainLabel ? true : bindLabel;
-        if (title && labelSibling && labelSibling.tagName === 'LABEL') {
-            title = labelSibling.textContent || title;
-            labelSibling.parentNode?.removeChild(labelSibling);
-        }
         // Handle radiobox checked status
         if (this.options.checked) {
             // Initialize radiobox checked status based on options
             this.updateRadioboxCheckedStatus(ele, index);
         }
         // Insert radiobox
-        let { cloneEle, templateNode, labelNode } = Utils.insertRadiobox(this.id.toString(), ele, randomID, remainLabel);
-        ele.parentNode?.replaceChild(templateNode.firstElementChild || templateNode, ele);
+        let { cloneEle, labelNode } = Utils.insertRadiobox(this.id.toString(), ele, randomID, remainLabel);
         // Insert radiobox title
         Utils.insertRadioboxTitle(title, bindLabel, labelNode, cloneEle);
         // Add event listener
@@ -460,6 +459,21 @@ class RadioBox {
     set onChange(callback) {
         this.onChangeCallback = callback;
     }
+    /**
+     * Get all radio box elements
+     * @return {RadioInputElement[]} All radio box elements
+     */
+    get elements() {
+        return this.allElement;
+    }
+    /**
+     * Get value of the checked radio box
+     * @return {string} Value of the checked radio box
+     */
+    get value() {
+        let checkedRadio = this.allElement.find(element => element.checked);
+        return checkedRadio ? checkedRadio.value : null;
+    }
     empty() {
         this.allElement.forEach(element => {
             element.checked = false;
@@ -481,14 +495,6 @@ class RadioBox {
             instance.destroy();
         }
     }
-    /**
-     * Get value of the checked radio box
-     * @return {string} Value of the checked radio box
-     */
-    get value() {
-        let checkedRadio = this.allElement.find(element => element.checked);
-        return checkedRadio ? checkedRadio.value : null;
-    }
 }
 
 export { RadioBox as default };

dist/radioBox.min.js

@@ -1,6 +1,6 @@
 {
   "name": "@carry0987/radio-box",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A library for create radio type check box",
   "type": "module",
   "main": "dist/radioBox.min.js",

package.json

@@ -65,6 +65,8 @@ class Utils {
                 labelToRestore = labelSibling.cloneNode(true) as HTMLLabelElement;
                 // Prefer the explicitly set title, fall back to text from the label.
                 title = title || labelSibling.textContent;
+                // Remove the original label
+                labelSibling.parentNode!.removeChild(labelSibling);
             }
         }
 
@@ -93,6 +95,8 @@ class Utils {
         if (labelNode.parentNode) {
             labelNode.parentNode.insertBefore(cloneEle, labelNode);
         }
+        // Replace the original element with the new one
+        ele.parentNode!.replaceChild(templateNode.firstElementChild || templateNode, ele);
 
         return {cloneEle, templateNode, labelNode};
     }