@uniquedj95/vform 3.2.0 → 3.4.0

package/README.md

@@ -6,7 +6,7 @@
 
 A dynamic form builder for Vue.js with Ionic components
 
-[![Version](https://img.shields.io/badge/version-3.2.0-blue.svg)](https://github.com/uniquedj95/vform/releases)
+[![Version](https://img.shields.io/badge/version-3.4.0-blue.svg)](https://github.com/uniquedj95/vform/releases)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 [![Vue Version](https://img.shields.io/badge/vue-3.5+-brightgreen.svg)](https://vuejs.org/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-blue)](https://www.typescriptlang.org/)
@@ -20,22 +20,28 @@ A dynamic form builder for Vue.js with Ionic components
 ## Table of Contents
 
 - [Overview](#overview)
+- [Demo](#demo)
 - [Features](#features)
 - [Installation](#installation)
 - [Usage](#usage)
 - [Schema Structure](#schema-structure)
   - [Example Schema](#example-schema)
   - [Field Configuration Options](#field-configuration-options)
+- [Multi-Step Forms](#multi-step-forms)
+  - [Basic Multi-Step Setup](#basic-multi-step-setup)
+  - [Step Configuration](#step-configuration)
+  - [Step Indicator Positioning](#step-indicator-positioning)
+  - [Step Validation](#step-validation)
 - [Form Events](#form-events)
 - [Form Methods](#form-methods)
 - [Input Dependencies](#input-dependencies)
   - [Dynamic Options](#dynamic-options)
+  - [Resetting Dependent Fields](#resetting-dependent-fields)
 - [Advanced Components](#advanced-components)
   - [SelectInput](#selectinput)
   - [Custom Buttons](#custom-buttons)
   - [RepeatInput](#repeatinput)
   - [Option Descriptions](#option-descriptions)
-  - [Date Pattern Formatting](#date-pattern-formatting)
 - [Issue Reporting and Feedback](#issue-reporting-and-feedback)
 - [Contributors](#contributors)
 
@@ -43,16 +49,51 @@ A dynamic form builder for Vue.js with Ionic components
 
 vForm is a Vue.js component that dynamically generates forms based on a provided schema. It leverages Ionic components for a responsive and mobile-friendly design, supporting complex forms with conditional rendering and validation logic. It provides a robust and flexible form-building solution for Vue.js applications, allowing for a high degree of customization and control over the form behavior and appearance.
 
+## Demo
+
+Explore all VForm features with our comprehensive interactive demo:
+
+```bash
+# Clone the repository
+git clone https://github.com/uniquedj95/vform.git
+cd vform
+
+# Setup and run the demo
+npm run demo:setup
+npm run demo:dev
+```
+
+The demo showcases:
+
+- **Basic Forms**: All input types and basic functionality
+- **Multi-Step Forms**: Step indicators, validation, and smart navigation
+- **Advanced Features**: Masking, computed fields, custom buttons
+- **Validation Examples**: Custom validators and error handling
+- **Dependent Fields**: Dynamic field behavior and cascading options
+- **Custom Styles**: Theming and visual customization
+
+Visit the displayed URL (usually `http://localhost:3000`) to explore the interactive examples.
+
+### Development Workflow
+
+When working on the library and wanting to test changes in the demo:
+
+```bash
+# Update demo with latest library changes
+npm run demo:update
+```
+
 ## Features
 
+- **Multi-Step Forms**: Create guided, step-by-step forms with configurable step indicators, validation, and smart navigation.
 - **Dynamic Form Generation**: Create forms dynamically based on a schema definition.
 - **Conditional Field Rendering**: Fields can be shown or hidden based on other form values.
 - **Dependent Options**: Load options for select inputs based on the values of other fields.
 - **Responsive Grid Layout**: Utilizes Ionic Grid for a responsive design that works across different screen sizes.
-- **Enhanced Date Input Field**: Custom date formatting and handling with integrated date picker.
+- **Enhanced Date Input Field**: Built-in date and datetime picker support with Ionic components.
 - **Multiple Selection Interfaces**: Three different interfaces for select inputs (popover, action sheet, alert).
 - **Repeatable Field Groups**: Create dynamic, repeatable sets of form fields.
-- **Advanced Validation**: Built-in validation with support for custom validation functions.
+- **Advanced Validation**: Built-in validation with support for custom validation functions and step-by-step validation.
 - **Computed Values**: Generate and transform values based on other form fields.
 - **Customizable Styling**: Control appearance with flexible styling options.
 - **Form Actions**: Customizable buttons with support for additional custom actions.
@@ -299,7 +340,216 @@ The following input types are supported:
 | ---------- | ------------ | ------------------------------------- |
 | `children` | `FormSchema` | Schema for the repeatable field group |
 
-### Form Events
+## Multi-Step Forms
+
+vForm supports multi-step forms with configurable step indicators, validation, and smart navigation. Multi-step forms break complex forms into manageable sections, improving user experience and data collection.
+
+### Basic Multi-Step Setup
+
+To create a multi-step form, define a `multiStepConfig` prop:
+
+```vue
+<template>
+  <v-form
+    :schema="formSchema"
+    :multi-step-config="multiStepConfig"
+    @submit="handleSubmit"
+    @step-change="handleStepChange"
+  />
+</template>
+
+<script setup lang="ts">
+import { reactive } from 'vue';
+import { FormSchema, MultiStepConfig } from '@uniquedj95/vform';
+
+const formSchema = reactive<FormSchema>({
+  // Personal Information Step
+  firstName: {
+    type: 'TextInput',
+    label: 'First Name',
+    required: true,
+  },
+  lastName: {
+    type: 'TextInput',
+    label: 'Last Name',
+    required: true,
+  },
+  // Contact Information Step
+  email: {
+    type: 'EmailInput',
+    label: 'Email',
+    required: true,
+  },
+  phone: {
+    type: 'TextInput',
+    label: 'Phone Number',
+  },
+  // Review Step
+  comments: {
+    type: 'TextAreaInput',
+    label: 'Additional Comments',
+  },
+});
+
+const multiStepConfig: MultiStepConfig = {
+  steps: [
+    {
+      id: 'personal',
+      title: 'Personal Information',
+      subtitle: 'Basic details about you',
+      schema: {
+        firstName: formSchema.firstName,
+        lastName: formSchema.lastName,
+      },
+    },
+    {
+      id: 'contact',
+      title: 'Contact Details',
+      subtitle: 'How we can reach you',
+      schema: {
+        email: formSchema.email,
+        phone: formSchema.phone,
+      },
+    },
+    {
+      id: 'review',
+      title: 'Review & Submit',
+      subtitle: 'Final review of your information',
+      schema: {
+        comments: formSchema.comments,
+      },
+    },
+  ],
+  stepPosition: 'top',
+  showProgress: true,
+  allowStepNavigation: true,
+};
+
+function handleSubmit(allData: FormData, perStepData: MultiStepFormData) {
+  console.log('All form data:', allData);
+  console.log('Per-step data:', perStepData);
+}
+
+function handleStepChange(stepIndex: number, stepId: string) {
+  console.log(`Moved to step ${stepIndex + 1}: ${stepId}`);
+}
+</script>
+```
+
+### Step Configuration
+
+Each step in the multi-step configuration supports the following properties:
+
+| Property     | Type         | Description                                   | Required |
+| ------------ | ------------ | --------------------------------------------- | -------- |
+| `id`         | `string`     | Unique identifier for the step                | Yes      |
+| `title`      | `string`     | Display title for the step                    | Yes      |
+| `subtitle`   | `string`     | Optional subtitle/description for the step    | No       |
+| `schema`     | `FormSchema` | Schema object containing fields for this step | Yes      |
+| `validation` | `function`   | Custom validation function for the step       | No       |
+
+### Step Indicator Positioning
+
+The step indicator can be positioned in four different locations:
+
+```typescript
+const multiStepConfig: MultiStepConfig = {
+  stepPosition: 'top', // Above the form content (default)
+  // stepPosition: 'bottom', // Below the form content
+  // stepPosition: 'left',   // Left side of the form content
+  // stepPosition: 'right',  // Right side of the form content
+  // ... other config
+};
+```
+
+#### Position Behaviors
+
+- **Top/Bottom**: Step indicators display horizontally with connecting lines
+- **Left**: Step indicators display vertically with titles to the right of numbered markers
+- **Right**: Step indicators display vertically with titles to the left of numbered markers
+
+### Step Validation
+
+Multi-step forms include built-in validation that prevents users from proceeding to the next step until the current step is valid:
+
+- **Next Step**: Validates all fields in the current step before advancing
+- **Step Navigation**: When clicking step indicators, validates current step if moving forward
+- **Submit**: Validates all steps before final submission
+
+```typescript
+const multiStepConfig: MultiStepConfig = {
+  steps: [
+    {
+      id: 'personal',
+      title: 'Personal Information',
+      schema: {
+        /* fields */
+      },
+      // Optional custom validation for this step
+      validation: async (stepData, computedData) => {
+        const errors: string[] = [];
+
+        // Custom validation logic
+        if (stepData.firstName && stepData.lastName && stepData.firstName === stepData.lastName) {
+          errors.push('First and last name cannot be the same');
+        }
+
+        return errors;
+      },
+    },
+    // ... other steps
+  ],
+  // ... other config
+};
+```
+
+### Multi-Step Configuration Options
+
+| Property              | Type                                     | Description                                   | Default  |
+| --------------------- | ---------------------------------------- | --------------------------------------------- | -------- |
+| `steps`               | `FormStep[]`                             | Array of step configurations                  | Required |
+| `stepPosition`        | `'top' \| 'bottom' \| 'left' \| 'right'` | Position of the step indicator                | `'top'`  |
+| `showProgress`        | `boolean`                                | Show progress bar and step counter            | `true`   |
+| `allowStepNavigation` | `boolean`                                | Allow clicking on step indicators to navigate | `false`  |
+
+### Multi-Step Events
+
+| Event         | Description                               | Signature                                                       |
+| ------------- | ----------------------------------------- | --------------------------------------------------------------- |
+| `step-change` | Emitted when user navigates between steps | `(stepIndex: number, stepId: string) => void`                   |
+| `submit`      | Emitted when multi-step form is submitted | `(allData: FormData, multiStepData: MultiStepFormData) => void` |
+
+The `submit` event provides both the combined data from all steps and the per-step data structure:
+
+```typescript
+// Combined data from all steps
+allData: FormData = {
+  firstName: 'John',
+  lastName: 'Doe',
+  email: 'john@example.com',
+  // ...
+};
+
+// Per-step data structure
+multiStepData: MultiStepFormData = {
+  steps: {
+    personal: { firstName: 'John', lastName: 'Doe' },
+    contact: { email: 'john@example.com', phone: '...' },
+    review: { comments: '...' },
+  },
+  computedSteps: {
+    /* computed values per step */
+  },
+  allFormData: {
+    /* same as allData */
+  },
+  allComputedData: {
+    /* all computed values */
+  },
+};
+```
+
+## Form Events
 
 | Event    | Description                                                      | Signature                                                      |
 | -------- | ---------------------------------------------------------------- | -------------------------------------------------------------- |
@@ -391,6 +641,80 @@ An input can also depend on multiple other inputs:
 
 For more details and examples, see the [Dependencies Documentation](./docs/DEPENDENCIES.md).
 
+#### Resetting Dependent Fields
+
+When a dependency changes, you often want to reset the dependent field's value to prevent invalid combinations (e.g., when changing from "USA" to "Canada", the previously selected "California" state should be cleared).
+
+**Method 1: Automatic Reset (Built-in)**
+
+The SelectInput component automatically detects dependency changes and resets the field value when using the `dependsOn` property:
+
+```javascript
+const formSchema = {
+  country: {
+    type: 'SelectInput',
+    label: 'Country',
+    options: [
+      { label: 'United States', value: 'us' },
+      { label: 'Canada', value: 'ca' },
+    ],
+  },
+  state: {
+    type: 'SelectInput',
+    label: 'State/Province',
+    dependsOn: 'country',
+    options: (filter, dependencyValues) => {
+      const country = dependencyValues?.country?.value;
+      return getStatesForCountry(country);
+    },
+  },
+};
+```
+
+When the country changes, the state field automatically resets to empty and reloads options.
+
+**Method 2: Manual Reset (Workaround)**
+
+If the automatic reset doesn't work as expected, you can manually reset dependent fields using the `onChange` callback:
+
+```javascript
+{
+  country: {
+    type: 'SelectInput',
+    label: 'Country',
+    options: [...],
+    onChange: (value, schema) => {
+      // Manual reset as workaround
+      schema.state.value = '';
+      return value;
+    },
+  }
+}
+```
+
+**Method 3: Multiple Field Reset**
+
+You can reset multiple dependent fields at once using onChange:
+
+```javascript
+{
+  country: {
+    type: 'SelectInput',
+    label: 'Country',
+    options: [...],
+    onChange: (value, schema) => {
+      // Reset all location-dependent fields
+      schema.state.value = '';
+      schema.city.value = '';
+      schema.zipCode.value = '';
+      return value;
+    },
+  }
+}
+```
+
+**Note:** Use the onChange approach as a workaround when the automatic reset doesn't work properly, or when you need to reset multiple fields or perform additional logic when dependencies change.
+
 ### Advanced Components
 
 #### SelectInput
@@ -500,40 +824,21 @@ When using SelectInput or CheckboxInput, you can add descriptions to options:
 }
 ```
 
-#### Date Pattern Formatting
-
-The DateInput component supports various date pattern formats:
-
-| Pattern | Description                                     | Example                 |
-| ------- | ----------------------------------------------- | ----------------------- |
-| DD      | Day of the month, two digits with leading zeros | 01 to 31                |
-| D       | Day of the month without leading zeros          | 1 to 31                 |
-| MMM     | Month name, abbreviated                         | Jan, Feb, Mar, etc.     |
-| MMMM    | Month name, full                                | January, February, etc. |
-| MM      | Month as a number, with leading zeros           | 01 to 12                |
-| M       | Month as a number, without leading zeros        | 1 to 12                 |
-| YYYY    | Year, four digits                               | 2025                    |
-| YY      | Year, two digits                                | 25                      |
-| HH      | Hour, two digits with leading zeros (24-hour)   | 00 to 23                |
-| mm      | Minutes, two digits with leading zeros          | 00 to 59                |
-| ss      | Seconds, two digits with leading zeros          | 00 to 59                |
-
-Example: `DD/MMM/YYYY HH:mm:ss` would format as `07/Jun/2025 14:30:00`
-
 ### Form Props
 
-| Property           | Type                           | Description                                                            | Default    |
-| ------------------ | ------------------------------ | ---------------------------------------------------------------------- | ---------- |
-| `schema`           | `FormSchema`                   | The schema object defining the form structure and field configurations | _Required_ |
-| `showLabels`       | `boolean`                      | Determines if labels are displayed for each field                      | `true`     |
-| `showClearButton`  | `boolean`                      | Controls the visibility of the clear/reset button                      | `true`     |
-| `showCancelButton` | `boolean`                      | Controls the visibility of the cancel button                           | `true`     |
-| `buttonPlacement`  | `'start' \| 'middle' \| 'end'` | Specifies the alignment of action buttons within the form              | `'start'`  |
-| `submitButtonText` | `string`                       | Custom text for the submit button                                      | `"Submit"` |
-| `clearButtonText`  | `string`                       | Custom text for the clear/reset button                                 | `"Reset"`  |
-| `cancelButtonText` | `string`                       | Custom text for the cancel button                                      | `"Cancel"` |
-| `hideButtons`      | `boolean`                      | When true, hides all action buttons                                    | `false`    |
-| `customButtons`    | `Array<CustomButton>`          | Array of custom buttons to add to the form                             | `[]`       |
+| Property           | Type                           | Description                                                            | Default     |
+| ------------------ | ------------------------------ | ---------------------------------------------------------------------- | ----------- |
+| `schema`           | `FormSchema`                   | The schema object defining the form structure and field configurations | _Required_  |
+| `multiStepConfig`  | `MultiStepConfig`              | Configuration for multi-step forms (optional)                          | `undefined` |
+| `showLabels`       | `boolean`                      | Determines if labels are displayed for each field                      | `true`      |
+| `showClearButton`  | `boolean`                      | Controls the visibility of the clear/reset button                      | `true`      |
+| `showCancelButton` | `boolean`                      | Controls the visibility of the cancel button                           | `true`      |
+| `buttonPlacement`  | `'start' \| 'middle' \| 'end'` | Specifies the alignment of action buttons within the form              | `'start'`   |
+| `submitButtonText` | `string`                       | Custom text for the submit button                                      | `"Submit"`  |
+| `clearButtonText`  | `string`                       | Custom text for the clear/reset button                                 | `"Reset"`   |
+| `cancelButtonText` | `string`                       | Custom text for the cancel button                                      | `"Cancel"`  |
+| `hideButtons`      | `boolean`                      | When true, hides all action buttons                                    | `false`     |
+| `customButtons`    | `Array<CustomButton>`          | Array of custom buttons to add to the form                             | `[]`        |
 
 ## Issue Reporting and Feedback
 
@@ -567,6 +872,11 @@ import {
   FormOptions,
   GridSize,
   CustomButton,
+  // Multi-step types
+  MultiStepConfig,
+  MultiStepFormData,
+  FormStep,
+  StepPosition,
 } from '@uniquedj95/vform';
 ```
 

package/dist/components/inputs/BaseInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/BaseInput.vue"],"names":[],"mappings":"AA8BA;AAyEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMpE,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAC;IAAC,IAAI,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC;AAElE,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAwChF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AA8JhB,wBAUG"}
+{"version":3,"file":"BaseInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/BaseInput.vue"],"names":[],"mappings":"AA8BA;AAyEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAMhE,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAC;IAAC,IAAI,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC;AAElE,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAwChF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AA8JhB,wBAUG"}

package/dist/components/inputs/CheckboxInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { FormField, FormSchema } from 'types';
+import { FormField, FormSchema } from '../../types';
 type __VLS_Props = {
     schema?: FormSchema;
 };

package/dist/components/inputs/CheckboxInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxInput.vue"],"names":[],"mappings":"AAcA;AAuDA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAYhF,iBAAS,OAAO,SAIf;AAsBD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAmFhB,wBAUG"}
+{"version":3,"file":"CheckboxInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/CheckboxInput.vue"],"names":[],"mappings":"AAcA;AAuDA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKhD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAYhF,iBAAS,OAAO,SAIf;AAsBD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAmFhB,wBAUG"}

package/dist/components/inputs/DateInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/DateInput.vue"],"names":[],"mappings":"AAQA;AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}
+{"version":3,"file":"DateInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/DateInput.vue"],"names":[],"mappings":"AAQA;AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}

package/dist/components/inputs/EmailInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { FormField, FormSchema } from 'types';
+import { FormField, FormSchema } from '../../types';
 type __VLS_Props = {
     schema?: FormSchema;
 };
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {
@@ -49,7 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {

package/dist/components/inputs/EmailInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/EmailInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG9C,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}
+{"version":3,"file":"EmailInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/EmailInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}

package/dist/components/inputs/NumberInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { FormField, FormSchema } from 'types';
+import { FormField, FormSchema } from '../../types';
 type __VLS_Props = {
     schema?: FormSchema;
 };
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {
@@ -49,7 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {

package/dist/components/inputs/NumberInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/NumberInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG9C,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/NumberInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}

package/dist/components/inputs/PasswordInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { FormField, FormSchema } from 'types';
+import { FormField, FormSchema } from '../../types';
 type __VLS_Props = {
     schema?: FormSchema;
 };
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {
@@ -49,7 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         modelValue?: FormField;
     } & {
         schema?: FormSchema;
-        type?: import('types').BaseFieldTypes;
+        type?: import('../../types').BaseFieldTypes;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: FormField) => any) | undefined;
     }>, {

package/dist/components/inputs/PasswordInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/PasswordInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG9C,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}
+{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/PasswordInput.vue"],"names":[],"mappings":"AAGA;AAsBA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAkBhF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DhB,wBAUG"}

package/dist/components/inputs/RadioInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RadioInput.vue"],"names":[],"mappings":"AA0BA;AAkFA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,aAAa,CAAC;AAK5D,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAYhF,iBAAS,OAAO,SAIf;AAqCD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAiHhB,wBAUG"}
+{"version":3,"file":"RadioInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RadioInput.vue"],"names":[],"mappings":"AA0BA;AAkFA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,SAAS,CAAC;AAKxD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAYhF,iBAAS,OAAO,SAIf;AAqCD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAiHhB,wBAUG"}

package/dist/components/inputs/RepeatInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComputedData, FormData, FormField, FormSchema } from 'types';
+import { ComputedData, FormData, FormField, FormSchema } from '../../types';
 interface PropsI {
     schema?: FormSchema;
     data: FormData;

package/dist/components/inputs/RepeatInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RepeatInput.vue"],"names":[],"mappings":"AAoCA;AAwHA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,OAAO,CAAC;AAO9E,UAAU,MAAM;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,KAAK,WAAW,GAAG,MAAM,CAAC;AAE1B,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAwChF,iBAAS,OAAO,SAEf;AAED,iBAAS,SAAS,aAEjB;AAED,iBAAe,aAAa,kBAE3B;AAiBD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;AAyLhB,wBASG"}
+{"version":3,"file":"RepeatInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RepeatInput.vue"],"names":[],"mappings":"AAoCA;AAwHA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,SAAS,CAAC;AAOhF,UAAU,MAAM;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,KAAK,WAAW,GAAG,MAAM,CAAC;AAE1B,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAwChF,iBAAS,OAAO,SAEf;AAED,iBAAS,SAAS,aAEjB;AAED,iBAAe,aAAa,kBAE3B;AAiBD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;AAyLhB,wBASG"}

package/dist/components/inputs/SelectInput.vue.d.ts

@@ -1,15 +1,10 @@
 import { PropType } from 'vue';
-import { FormSchema, BaseFieldTypes, FormField, Option, FormValue } from '../../types';
-interface DependencyManager {
-    registerDependency: (fieldId: string, dependsOn: string[], loader: (filter?: string, dependencyValues?: Record<string, FormValue>) => Promise<Option[]>) => void;
-    updateOptions: (fieldId: string, filterValue?: string) => void;
-}
+import { FormSchema, BaseFieldTypes, FormField } from '../../types';
 declare function onReset(): void;
 declare function onValueUpdate(evt?: any): Promise<void>;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     schema: PropType<FormSchema>;
     type: PropType<BaseFieldTypes>;
-    dependencyManager: PropType<DependencyManager>;
     formId: StringConstructor;
     modelValue: {
         type: PropType<FormField>;
@@ -23,7 +18,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     schema: PropType<FormSchema>;
     type: PropType<BaseFieldTypes>;
-    dependencyManager: PropType<DependencyManager>;
     formId: StringConstructor;
     modelValue: {
         type: PropType<FormField>;

package/dist/components/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.vue"],"names":[],"mappings":"AAiDA;AAgbA,OAAO,EAAiB,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiBvF,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EAAE,EACnB,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,KACzF,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE;AAsCD,iBAAS,OAAO,SAMf;AA6ID,iBAAe,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,iBAgBrC;;YA0ZmB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;uBACX,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;;;;YAFtC,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;uBACX,QAAQ,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;AAZ1D,wBAkBG"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.vue"],"names":[],"mappings":"AAiDA;AA0aA,OAAO,EAAiB,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAU,MAAM,SAAS,CAAC;AAmFxE,iBAAS,OAAO,SAMf;AA6ID,iBAAe,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,iBAgBrC;;YA8XmB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;YADtB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;AAX1C,wBAiBG"}

package/dist/components/inputs/TextAreaInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { FormField, FormSchema } from 'types';
+import { FormField, FormSchema } from '../../types';
 type __VLS_Props = {
     schema?: FormSchema;
 };

package/dist/components/inputs/TextAreaInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/TextAreaInput.vue"],"names":[],"mappings":"AA4BA;AAgEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAiChF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAuHhB,wBAUG"}
+{"version":3,"file":"TextAreaInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/TextAreaInput.vue"],"names":[],"mappings":"AA4BA;AAgEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKhD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3C,QAAA,MAAM,KAAK,iEAAoE,CAAC;AAiChF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAuHhB,wBAUG"}