input: implement input for checkboxes

The WuiInputCheckboxes class can create an HTML input for selecting one
or more item using checkbox.

The class require the following options: label, name, and options; and
optionally id, hint, is_disabled, and onChangeHandler.

The onChangeHandler receive all checked values.

1 files changed, 32 insertions, 0 deletions

diff --git a/input/checkboxes.d.ts b/input/checkboxes.d.ts
new file mode 100644
index 0000000..89a35d3
--- /dev/null
+++ b/input/checkboxes.d.ts
@@ -0,0 +1,32 @@
+import { WuiInputOption } from "./option.js";
+export interface WuiKeyValue {
+    [key: string]: string;
+}
+export interface WuiKeySelectOption {
+    [key: string]: WuiInputOption;
+}
+export interface WuiInputCheckboxesOpts {
+    label: string;
+    name: string;
+    options: WuiKeySelectOption;
+    id?: string;
+    hint?: string;
+    is_disabled?: boolean;
+    onChangeHandler?: (values: string[]) => void;
+}
+export declare class WuiInputCheckboxes {
+    opts: WuiInputCheckboxesOpts;
+    el: HTMLElement;
+    private el_label;
+    private el_fieldset;
+    private el_hint;
+    private el_hint_toggler;
+    private values;
+    constructor(opts: WuiInputCheckboxesOpts);
+    private generateLabel;
+    private generateInput;
+    private generateHintToggler;
+    private generateHint;
+    private onClickHintToggler;
+    private onClickCheckbox;
+}