radio: disable/enable

denisavitski · Jan 11, 2025 · 9f543cf · 9f543cf
1 parent 2e01e3d
commit 9f543cf
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.51.2",
+  "version": "0.51.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"

diff --git a/src/components/packages/radio/index.ts b/src/components/packages/radio/index.ts
@@ -9,6 +9,8 @@ export class RadioElement<T extends string = string> extends HTMLElement {
   #value: T | undefined
   #currentButtonElement: HTMLElement | null = null
 
+  #disabled = false
+
   public get value() {
     return this.#value
   }
@@ -21,6 +23,18 @@ export class RadioElement<T extends string = string> extends HTMLElement {
     return this.#currentButtonElement
   }
 
+  public get disabled() {
+    return this.#disabled
+  }
+
+  public disable() {
+    this.#disabled = true
+  }
+
+  public enable() {
+    this.#disabled = false
+  }
+
   public addButton(element: HTMLElement) {
     this.#buttonElements.push(element)
 
@@ -99,12 +113,14 @@ export class RadioElement<T extends string = string> extends HTMLElement {
   }
 
   #buttonClickListener = (e: Event) => {
-    const ct = e.currentTarget as HTMLElement
+    if (!this.#disabled) {
+      const ct = e.currentTarget as HTMLElement
 
-    const value = ct.getAttribute('data-value')
+      const value = ct.getAttribute('data-value')
 
-    if (value) {
-      this.setValue(value as T)
+      if (value) {
+        this.setValue(value as T)
+      }
     }
   }