@illinois-grad/grad-vue 2.5.1 → 2.5.2

package/custom-elements.json

@@ -241,6 +241,114 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/web-components.js",
+      "declarations": [
+        {
+          "kind": "custom-element",
+          "name": "GCheckboxGroupElement",
+          "tagName": "g-checkbox-group",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Legend / accessible label for the group",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "CheckboxOption[]"
+              },
+              "optional": false,
+              "description": "List of checkbox options"
+            },
+            {
+              "kind": "field",
+              "name": "instructions",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Instructions shown below the legend",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "errors",
+              "type": {
+                "text": "string[]"
+              },
+              "optional": true,
+              "description": "Error messages array (supports multiple validation errors)",
+              "default": "() => []"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Mark the group as required",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "radio",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Render as radio buttons (single-select)",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Name for form registration and native input `name` attribute",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "formKey",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Form channel key for custom elements mode",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "modelValue",
+              "type": {
+                "text": "string[]"
+              },
+              "optional": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/web-components.js",
@@ -697,6 +805,139 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/web-components.js",
+      "declarations": [
+        {
+          "kind": "custom-element",
+          "name": "GFileInputElement",
+          "tagName": "g-file-input",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Label"
+            },
+            {
+              "kind": "field",
+              "name": "instructions",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Instructions",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Disabled",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "errors",
+              "type": {
+                "text": "string[]"
+              },
+              "optional": true,
+              "description": "Error messages array (supports multiple validation errors)",
+              "default": "() => []"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Required",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Name for form registration"
+            },
+            {
+              "kind": "field",
+              "name": "formKey",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Form channel key for custom elements mode"
+            },
+            {
+              "kind": "field",
+              "name": "accept",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Accepted file types (e.g. \".pdf,.docx\" or \"image/*\")"
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Allow multiple file selection",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "maxFileSize",
+              "type": {
+                "text": "number"
+              },
+              "optional": true,
+              "description": "Maximum file size in bytes for client-side validation"
+            },
+            {
+              "kind": "field",
+              "name": "maxFiles",
+              "type": {
+                "text": "number"
+              },
+              "optional": true,
+              "description": "Maximum number of files allowed for client-side validation"
+            },
+            {
+              "kind": "field",
+              "name": "modelValue",
+              "type": {
+                "text": "File[]"
+              },
+              "optional": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/web-components.js",
@@ -2176,6 +2417,155 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/web-components.js",
+      "declarations": [
+        {
+          "kind": "custom-element",
+          "name": "GTextareaElement",
+          "tagName": "g-textarea",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Label",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Placeholder text",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Disabled",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Read-only",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Required",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "errors",
+              "type": {
+                "text": "string[]"
+              },
+              "optional": true,
+              "description": "Error messages array (supports multiple validation errors)",
+              "default": "() => []"
+            },
+            {
+              "kind": "field",
+              "name": "instructions",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Instructions",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "optional": true,
+              "description": "Number of visible text rows",
+              "default": "4"
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "optional": true,
+              "description": "Maximum number of characters allowed",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "autoGrow",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Automatically grow the textarea height to fit content",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Name for form registration",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "formKey",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Form channel key for custom elements mode",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "modelValue",
+              "type": {
+                "text": "string | null"
+              },
+              "optional": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/web-components.js",

package/dist/components/GCheckboxGroup.vue.d.ts

@@ -0,0 +1,120 @@
+export interface CheckboxOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    hint?: string;
+}
+/**
+ * A group of checkboxes (or radio buttons) with styling for a label,
+ * instructions, and error messages.
+ *
+ * When more than one option is provided (or `radio` mode is used), a
+ * `fieldset` + `legend` provides semantic grouping. With a single checkbox
+ * a plain `div` is rendered instead.
+ *
+ * Each option renders as a native `<input type="checkbox">` (or
+ * `type="radio"` when `radio` is `true`) so that keyboard navigation and
+ * browser/assistive-technology support come for free.
+ *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
+ *
+ * Errors are provided as an array of strings or computed values.
+ * Multiple errors will all be displayed.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /**
+     * Legend / accessible label for the group
+     * @demo Checkbox Group
+     */
+    label?: string;
+    /**
+     * List of checkbox options
+     */
+    options: CheckboxOption[];
+    /**
+     * Instructions shown below the legend
+     * @demo
+     */
+    instructions?: string;
+    /**
+     * Error messages array (supports multiple validation errors)
+     */
+    errors?: string[];
+    /**
+     * Mark the group as required
+     * @demo
+     */
+    required?: boolean;
+    /**
+     * Render as radio buttons (single-select)
+     * @demo
+     */
+    radio?: boolean;
+    /**
+     * Name for form registration and native input `name` attribute
+     */
+    name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
+} & {
+    modelValue?: string[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+    change: (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Legend / accessible label for the group
+     * @demo Checkbox Group
+     */
+    label?: string;
+    /**
+     * List of checkbox options
+     */
+    options: CheckboxOption[];
+    /**
+     * Instructions shown below the legend
+     * @demo
+     */
+    instructions?: string;
+    /**
+     * Error messages array (supports multiple validation errors)
+     */
+    errors?: string[];
+    /**
+     * Mark the group as required
+     * @demo
+     */
+    required?: boolean;
+    /**
+     * Render as radio buttons (single-select)
+     * @demo
+     */
+    radio?: boolean;
+    /**
+     * Name for form registration and native input `name` attribute
+     */
+    name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
+} & {
+    modelValue?: string[];
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onChange?: ((value: string[]) => any) | undefined;
+}>, {
+    label: string;
+    radio: boolean;
+    name: string;
+    instructions: string;
+    errors: string[];
+    required: boolean;
+    formKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GCurrencyInput.vue.d.ts

@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     label: string;
     placeholder: string;
     name: string;
-    disabled: boolean;
-    errors: string[];
     instructions: string;
+    errors: string[];
     formKey: string;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateInput.vue.d.ts

@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     label: string;
     placeholder: string;
     name: string;
-    disabled: boolean;
-    errors: string[];
     instructions: string;
+    errors: string[];
     formKey: string;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateRangeInput.vue.d.ts

@@ -109,10 +109,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     label: string;
     name: string;
-    disabled: boolean;
-    errors: string[];
     instructions: string;
+    errors: string[];
     formKey: string;
+    disabled: boolean;
     startLabel: string;
     endLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GEmailInput.vue.d.ts

@@ -76,7 +76,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     label: string;
     placeholder: string;
     name: string;
-    disabled: boolean;
-    errors: string[];
     instructions: string;
+    errors: string[];
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;