@uniquedj95/vform 3.4.0 → 3.5.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.4.0-blue.svg)](https://github.com/uniquedj95/vform/releases)
+[![Version](https://img.shields.io/badge/version-3.5.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/)
@@ -32,6 +32,9 @@ A dynamic form builder for Vue.js with Ionic components
   - [Step Configuration](#step-configuration)
   - [Step Indicator Positioning](#step-indicator-positioning)
   - [Step Validation](#step-validation)
+- [Form Sections](#form-sections)
+  - [Basic Section Usage](#basic-section-usage)
+  - [Section Configuration](#section-configuration)
 - [Form Events](#form-events)
 - [Form Methods](#form-methods)
 - [Input Dependencies](#input-dependencies)
@@ -66,6 +69,7 @@ npm run demo:dev
 The demo showcases:
 
 - **Basic Forms**: All input types and basic functionality
+- **Form Sections**: Organized forms with section headers and titles
 - **Multi-Step Forms**: Step indicators, validation, and smart navigation
 - **Advanced Features**: Masking, computed fields, custom buttons
 - **Validation Examples**: Custom validators and error handling
@@ -86,6 +90,7 @@ npm run demo:update
 ## Features
 
 - **Multi-Step Forms**: Create guided, step-by-step forms with configurable step indicators, validation, and smart navigation.
+- **Form Sections**: Organize forms into logical sections with titles and subtitles for better user experience.
 - **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.
@@ -261,6 +266,7 @@ The following input types are supported:
 | `SelectInput`   | Dropdown selection                           |
 | `CheckboxInput` | Toggle on/off input                          |
 | `RepeatInput`   | Repeatable group of fields                   |
+| `FormSection`   | Section header with title and subtitle       |
 
 #### Common Properties
 
@@ -351,9 +357,8 @@ To create a multi-step form, define a `multiStepConfig` prop:
 ```vue
 <template>
   <v-form
-    :schema="formSchema"
     :multi-step-config="multiStepConfig"
-    @submit="handleSubmit"
+    @multi-step-submit="handleSubmit"
     @step-change="handleStepChange"
   />
 </template>
@@ -362,35 +367,6 @@ To create a multi-step form, define a `multiStepConfig` prop:
 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: [
     {
@@ -398,8 +374,16 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Personal Information',
       subtitle: 'Basic details about you',
       schema: {
-        firstName: formSchema.firstName,
-        lastName: formSchema.lastName,
+        firstName: {
+          type: 'TextInput',
+          label: 'First Name',
+          required: true,
+        },
+        lastName: {
+          type: 'TextInput',
+          label: 'Last Name',
+          required: true,
+        },
       },
     },
     {
@@ -407,8 +391,15 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Contact Details',
       subtitle: 'How we can reach you',
       schema: {
-        email: formSchema.email,
-        phone: formSchema.phone,
+        email: {
+          type: 'EmailInput',
+          label: 'Email',
+          required: true,
+        },
+        phone: {
+          type: 'TextInput',
+          label: 'Phone Number',
+        },
       },
     },
     {
@@ -416,7 +407,10 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Review & Submit',
       subtitle: 'Final review of your information',
       schema: {
-        comments: formSchema.comments,
+        comments: {
+          type: 'TextAreaInput',
+          label: 'Additional Comments',
+        },
       },
     },
   ],
@@ -425,9 +419,8 @@ const multiStepConfig: MultiStepConfig = {
   allowStepNavigation: true,
 };
 
-function handleSubmit(allData: FormData, perStepData: MultiStepFormData) {
+function handleSubmit(allData: MultiStepFormData) {
   console.log('All form data:', allData);
-  console.log('Per-step data:', perStepData);
 }
 
 function handleStepChange(stepIndex: number, stepId: string) {
@@ -522,15 +515,7 @@ const multiStepConfig: MultiStepConfig = {
 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
+// multi-step data structure
 multiStepData: MultiStepFormData = {
   steps: {
     personal: { firstName: 'John', lastName: 'Doe' },
@@ -541,14 +526,162 @@ multiStepData: MultiStepFormData = {
     /* computed values per step */
   },
   allFormData: {
-    /* same as allData */
+    /* all form Data raw values */
   },
   allComputedData: {
-    /* all computed values */
+    /* all form data computed values */
   },
 };
 ```
 
+## Form Sections
+
+Form sections allow you to organize your forms into logical groups with titles and subtitles, making complex forms more readable and user-friendly. Sections are rendered as separate components within your form schema.
+
+### Basic Section Usage
+
+To create sections in your form, add `FormSection` items to your schema alongside regular form fields:
+
+```vue
+<template>
+  <v-form :schema="formSchema" @submit="handleSubmit" />
+</template>
+
+<script setup lang="ts">
+import { reactive } from 'vue';
+import { FormSchema, FormData, ComputedData } from '@uniquedj95/vform';
+
+const formSchema: FormSchema = {
+  // Personal Information Section
+  personalInfoSection: {
+    type: 'FormSection',
+    title: 'Personal Information',
+    subtitle: 'Basic details about yourself',
+  },
+  firstName: {
+    type: 'TextInput',
+    label: 'First Name',
+    required: true,
+  },
+  lastName: {
+    type: 'TextInput',
+    label: 'Last Name',
+    required: true,
+  },
+  email: {
+    type: 'EmailInput',
+    label: 'Email Address',
+    required: true,
+  },
+
+  // Employment Section
+  employmentSection: {
+    type: 'FormSection',
+    title: 'Employment Details',
+    subtitle: 'Information about your job',
+  },
+  jobTitle: {
+    type: 'TextInput',
+    label: 'Job Title',
+    required: true,
+  },
+  department: {
+    type: 'SelectInput',
+    label: 'Department',
+    options: [
+      { label: 'Engineering', value: 'engineering' },
+      { label: 'Marketing', value: 'marketing' },
+      { label: 'Sales', value: 'sales' },
+    ],
+  },
+
+  // Address Section
+  addressSection: {
+    type: 'FormSection',
+    title: 'Address Information',
+  },
+  streetAddress: {
+    type: 'TextInput',
+    label: 'Street Address',
+    required: true,
+  },
+  city: {
+    type: 'TextInput',
+    label: 'City',
+    required: true,
+  },
+};
+
+function handleSubmit(formData: FormData, computedData: ComputedData) {
+  console.log('Form submitted:', { formData, computedData });
+  // Note: Section items don't appear in form data as they're display-only
+}
+</script>
+```
+
+### Section Configuration
+
+Form sections support the following configuration options:
+
+| Property    | Type            | Description                                | Required |
+| ----------- | --------------- | ------------------------------------------ | -------- |
+| `type`      | `'FormSection'` | Identifies this as a section (not a field) | ✓        |
+| `title`     | `string`        | The main section title                     | ✓        |
+| `subtitle`  | `string`        | Optional subtitle for additional context   |          |
+| `className` | `string`        | Optional CSS class for custom styling      |          |
+| `grid`      | `GridSize`      | Grid layout configuration for the section  |          |
+
+#### Grid Configuration
+
+Sections support the same responsive grid configuration as form fields:
+
+```typescript
+const sectionWithGrid: FormSchema = {
+  customSection: {
+    type: 'FormSection',
+    title: 'Custom Section',
+    subtitle: 'This section has custom grid settings',
+    grid: {
+      xs: '12', // Full width on extra small screens
+      md: '10', // 10/12 width on medium screens
+      lg: '8', // 8/12 width on large screens
+    },
+    className: 'my-custom-section',
+  },
+  // ... form fields
+};
+```
+
+#### Section Styling
+
+Sections are styled with default CSS that provides a clean, professional appearance:
+
+- **Title**: Primary color, medium font weight, clear hierarchy
+- **Subtitle**: Muted color, smaller font size
+- **Border**: Bottom border in primary color for visual separation
+- **Spacing**: Appropriate margins for visual grouping
+
+You can customize section appearance using the `className` property and your own CSS:
+
+```css
+.my-custom-section .form-section-title {
+  color: #custom-color;
+  font-size: 1.5rem;
+}
+
+.my-custom-section .form-section-subtitle {
+  font-style: italic;
+}
+```
+
+#### Important Notes
+
+- **Data Handling**: Form sections are display-only components and do not contribute to form data
+- **Validation**: Sections cannot have validation rules as they don't hold values
+- **Order**: Sections will appear in the form in the order they're defined in your schema
+- **Multi-Step Compatibility**: Sections work seamlessly within multi-step forms
+- **Responsive**: Sections automatically adapt to different screen sizes using Ionic's grid system
+
 ## Form Events
 
 | Event    | Description                                                      | Signature                                                      |
@@ -557,7 +690,7 @@ multiStepData: MultiStepFormData = {
 | `clear`  | Emitted when the form fields are cleared to their initial state  | `() => void`                                                   |
 | `cancel` | Emitted when the form submission is canceled, resetting fields   | `() => void`                                                   |
 
-### Form Methods
+## Form Methods
 
 When accessing the VForm via a template ref, you can utilize these methods:
 
@@ -567,7 +700,7 @@ When accessing the VForm via a template ref, you can utilize these methods:
 | `isFormValid()` | Validates all form fields and returns validation state | `Promise<boolean>`                                   |
 | `resolveData()` | Returns the current form data and computed data        | `{ formData: FormData, computedData: ComputedData }` |
 
-### Input Dependencies
+## Input Dependencies
 
 vForm provides a powerful system for creating dependent form inputs, where the options displayed in one input depend on the values selected in another. This is especially useful for hierarchical selections like country → state → city or category → subcategory.
 

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,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"}
+{"version":3,"file":"RepeatInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RepeatInput.vue"],"names":[],"mappings":"AAoCA;AA2HA,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;AA2ChF,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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.vue"],"names":[],"mappings":"AAiDA;AAydA,OAAO,EAAiB,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAU,MAAM,SAAS,CAAC;AAwFxE,iBAAS,OAAO,SAMf;AAkJD,iBAAe,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,iBAgBrC;;YAmamB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;YADtB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;AAX1C,wBAiBG"}

package/dist/components/shared/SectionTitle.vue.d.ts

@@ -0,0 +1,10 @@
+import { FormSection, FormSchema } from '../../types';
+interface SectionTitleProps {
+    modelValue?: FormSection;
+    schema?: FormSchema;
+    formId?: string;
+    refKey?: string;
+}
+declare const _default: import('vue').DefineComponent<SectionTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SectionTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=SectionTitle.vue.d.ts.map

package/dist/components/shared/SectionTitle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/shared/SectionTitle.vue"],"names":[],"mappings":"AAgBA;AAoFA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,UAAU,iBAAiB;IAEzB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAwFD,wBAOG"}

package/dist/components/vForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/vForm.vue"],"names":[],"mappings":"AAqLA;AA+jBA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAOjB,UAAU,SAAS;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;CACrC;AAuGD,iBAAS,iBAAiB,SAOzB;AAiBD,iBAAe,cAAc,kBAe5B;AAED,iBAAe,kBAAkB,kBAOhC;AAED,iBAAe,eAAe,CAAC,SAAS,EAAE,MAAM,iBAiB/C;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnLc,OAAO;qBACF,OAAO;sBACN,OAAO;qBACR,OAAO,GAAG,QAAQ,GAAG,KAAK;sBACzB,MAAM;qBACP,MAAM;sBACL,MAAM;iBACX,OAAO;;;;AA+1BvB,wBAWG"}
+{"version":3,"file":"vForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/vForm.vue"],"names":[],"mappings":"AAmLA;AAukBA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAOjB,UAAU,SAAS;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;CACrC;AAwGD,iBAAS,iBAAiB,SAOzB;AAiBD,iBAAe,cAAc,kBAe5B;AAED,iBAAe,kBAAkB,kBAOhC;AAED,iBAAe,eAAe,CAAC,SAAS,EAAE,MAAM,iBAiB/C;;;;;;;;;;;;;;;;;;;;;;;;;;gBApLc,OAAO;qBACF,OAAO;sBACN,OAAO;qBACR,OAAO,GAAG,QAAQ,GAAG,KAAK;sBACzB,MAAM;qBACP,MAAM;sBACL,MAAM;iBACX,OAAO;;;;AAu2BvB,wBAWG"}

package/dist/composables/useDataTransformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTransformation.d.ts","sourceRoot":"","sources":["../../src/composables/useDataTransformation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAS,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAU,MAAM,SAAS,CAAC;AAGrE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC;;;EAwJlE"}
+{"version":3,"file":"useDataTransformation.d.ts","sourceRoot":"","sources":["../../src/composables/useDataTransformation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAS,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAU,MAAM,SAAS,CAAC;AAGrE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC;;;EAgKlE"}

package/dist/composables/useDependentOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDependentOptions.d.ts","sourceRoot":"","sources":["../../src/composables/useDependentOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,EACvB,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,EACnB,YAAY,EAAE,GAAG,CAAC,YAAY,CAAC;kCAiBpB,MAAM,aACJ,MAAM,EAAE,UACX,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;6BAoElD,MAAM,gBAAgB,MAAM;EAgEnE"}
+{"version":3,"file":"useDependentOptions.d.ts","sourceRoot":"","sources":["../../src/composables/useDependentOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG1E;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,EACvB,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,EACnB,YAAY,EAAE,GAAG,CAAC,YAAY,CAAC;kCAiBpB,MAAM,aACJ,MAAM,EAAE,UACX,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;6BAoElD,MAAM,gBAAgB,MAAM;EAqEnE"}

package/dist/composables/useMultiStepForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiStepForm.d.ts","sourceRoot":"","sources":["../../src/composables/useMultiStepForm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpG,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,eAAe;;;;;;;;;;;;;;6BAmDtB,MAAM,QAAQ,QAAQ;qCAId,MAAM,QAAQ,YAAY;4BAInC,MAAM;+BASC,OAAO,CAAC,OAAO,CAAC;0BAqBnB,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;oBAiBjC,OAAO,CAAC,OAAO,CAAC;wBAOZ,OAAO,CAAC,OAAO,CAAC;;4BAgBZ,OAAO,CAAC,OAAO,CAAC;gCAmBlB,iBAAiB;EAuCnD"}
+{"version":3,"file":"useMultiStepForm.d.ts","sourceRoot":"","sources":["../../src/composables/useMultiStepForm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGpG,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,eAAe;;;;;;;;;;;;;;6BAwDtB,MAAM,QAAQ,QAAQ;qCAId,MAAM,QAAQ,YAAY;4BAInC,MAAM;+BASC,OAAO,CAAC,OAAO,CAAC;0BAqBnB,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;oBAiBjC,OAAO,CAAC,OAAO,CAAC;wBAOZ,OAAO,CAAC,OAAO,CAAC;;4BAgBZ,OAAO,CAAC,OAAO,CAAC;gCAmBlB,iBAAiB;EAuCnD"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ionic/vue"),q=require("ionicons/icons"),oe=require("@maskito/vue");function ne(o){return new Promise(r=>{requestAnimationFrame(async()=>{const a=await o.getInputElement();r(a)})})}const le={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},ae={d:["1","2","3","4","5","6","7","8","9","0"],a:["A","B","C","x","y","z","D","f"],"*":["A","3","b","8","z","4","D","0"]};function re(o,r){const a=ae[o];return a[r%a.length]}function ue(o){const r=[];let a="",t=0,n=0;for(;t<o.length;){const u=o[t];if(["d","a","*"].includes(u)){let i=1;if(o[t+1]==="{"){const s=o.indexOf("}",t+2);if(s!==-1){const g=o.slice(t+2,s);if(g.includes(",")){const[,p]=g.split(",").map(d=>parseInt(d.trim()));i=p||parseInt(g.split(",")[0])}else i=parseInt(g);t=s}}else{let s=t+1;for(;o[s]===u;)i++,s++;t=s-1}for(let s=0;s<i;s++)r.push(le[u]),a+=re(u,n++)}else r.push(u),a+=u;t++}return{mask:r,placeholder:a,elementPredicate:ne}}function H(o){return o==null||Array.isArray(o)&&!o.length||typeof o=="object"&&!Object.keys(o).length||!o}function U(o,r,a){return typeof o.condition=="function"?o.condition(r,a):!0}function K(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return o.map(a=>K(a));const r={};return Object.entries(o).forEach(([a,t])=>{typeof t=="function"?r[a]=t.bind(r):r[a]=K(t)}),r}function Q(o,r){return r.findIndex(a=>a.value===o.value||a.label===o.label||a.value===o.label||a.label===o.value)}function T(o,r){const a=Q(o,r);a>=0?r[a].isChecked=!0:r.push({...o,isChecked:!0})}function J(o,r){const a=Q(o,r);a>=0&&(r[a].isChecked=!1)}function se(o){o.forEach(r=>{r.isChecked=!1})}function ie(o,r){return r?o.filter(a=>JSON.stringify(a).toLowerCase().includes(r.toLowerCase())):o}function X(o){const r=o.label||"",a=o.required?" *":"";return r+a}function $(o,r){if(o===r)return!0;if(o==null||r==null||typeof o!=typeof r)return!1;if(typeof o!="object")return o===r;if(Array.isArray(o)&&Array.isArray(r))return o.length!==r.length?!1:o.every((n,u)=>$(n,r[u]));if(Array.isArray(o)!==Array.isArray(r))return!1;const a=Object.keys(o),t=Object.keys(r);return a.length!==t.length?!1:a.every(n=>Object.prototype.hasOwnProperty.call(r,n)&&$(o[n],r[n]))}function W(){const o=e.ref([]);async function r(){console.debug("Validating form inputs");const u=[];for(const i of o.value)if(typeof(i==null?void 0:i.onValueUpdate)=="function"&&await i.onValueUpdate(),typeof(i==null?void 0:i.getErrors)=="function")try{const s=i.getErrors();Array.isArray(s)?u.push(...s):console.warn("getErrors() returned non-array value:",s)}catch(s){console.error("Error calling getErrors on component:",s,i)}else console.warn("Component does not have getErrors function:",i);return u.every(H)}function a(){o.value.forEach(u=>{typeof(u==null?void 0:u.onReset)=="function"&&u.onReset()})}function t(){const u=[];for(const i of o.value)if(typeof(i==null?void 0:i.getErrors)=="function")try{const s=i.getErrors();Array.isArray(s)?u.push(...s):u.push(String(s))}catch(s){console.error("Error calling getErrors on component:",s,i)}return u}async function n(){for(const u of o.value)typeof(u==null?void 0:u.onValueUpdate)=="function"&&await u.onValueUpdate()}return{dynamicRefs:o,isFormValid:r,resetForm:a,getFormErrors:t,updateFormValues:n}}function Y(o){const r=e.computed(()=>Object.entries(o.value).reduce((p,[d,f])=>(f.value!==void 0&&(typeof f.onChange=="function"?p[d]=f.onChange(f.value,o.value):p[d]=f.value),p),{})),a=e.ref({}),t=(p,d,f)=>{var c;return typeof((c=o.value[p].children[d])==null?void 0:c.computedValue)=="function"?o.value[p].children[d].computedValue(f,o.value):f},n=(p,d,f,c)=>{a.value[p][c]||(a.value[p][c]={}),Object.entries(d.other??{}).forEach(([m,k])=>{var B;!$(k,(B=f.other)==null?void 0:B[m])&&(a.value[p][c][m]=t(p,m,k))})},u=(p,d,f)=>{d.forEach((c,m)=>{const k=f[m]??{other:{}};n(p,c,k,m)})},i=(p,{other:d})=>Object.entries(d??{}).reduce((f,[c,m])=>(f[c]=t(p,c,m),f),{}),s=(p,d,f)=>{a.value[p]||(a.value[p]=[]);const c=d;Array.isArray(f[p])?u(p,c,f[p]):a.value[p]=c.map(m=>i(p,m))},g=(p,d,f)=>{if(!d){delete a.value[p];return}const c=o.value[p];c.children!==void 0?s(p,d,f):typeof c.computedValue=="function"&&(a.value[p]=c.computedValue(d,o.value))};return e.watch(r,(p,d={})=>{Object.keys(p).forEach(f=>{$(p[f],d[f])||g(f,p[f],d)}),Object.keys(d).forEach(f=>{!(f in p)&&f in a.value&&delete a.value[f]})},{immediate:!0,deep:!0}),{formData:r,computedData:a}}function ee(o){const r=e.ref(0),a=e.ref({}),t=e.ref({}),n=e.ref({});function u(C){const l={};return Object.entries(C.schema).forEach(([v,V])=>{l[v]=V.value}),l}o.steps.forEach(C=>{a.value[C.id]=u(C),t.value[C.id]={},n.value[C.id]=[]});const i=e.computed(()=>o.steps[r.value]),s=e.computed(()=>r.value===0),g=e.computed(()=>r.value===o.steps.length-1),p=e.computed(()=>!g.value),d=e.computed(()=>!s.value),f=e.computed(()=>o.steps.length),c=e.computed(()=>f.value===0?0:Math.round((r.value+1)/f.value*100)),m=e.computed(()=>{const C={};return Object.values(a.value).forEach(l=>{Object.assign(C,l)}),C}),k=e.computed(()=>{const C={};return Object.values(t.value).forEach(l=>{Object.assign(C,l)}),C});function w(C,l){a.value[C]={...a.value[C],...l}}function B(C,l){t.value[C]={...t.value[C],...l}}function S(C){const l=o.steps.find(v=>v.id===C);l&&(a.value[C]=u(l),t.value[C]={})}async function b(){const C=i.value;if(!C)return!0;const l=[];if(C.validation){const v=await C.validation(a.value[C.id],t.value[C.id]);v&&l.push(...v)}return n.value[C.id]=l,l.length===0}async function x(C){return C<0||C>=o.steps.length||C>r.value&&!await b()?!1:(r.value=C,!0)}async function O(){return p.value?x(r.value+1):!1}async function F(){return d.value?x(r.value-1):!1}function D(){r.value=0,n.value={},o.steps.forEach(C=>{S(C.id),n.value[C.id]=[]})}async function E(){let C=!0;for(const l of o.steps)if(l.validation){const v=await l.validation(a.value[l.id],t.value[l.id]);n.value[l.id]=v||[],v&&v.length>0&&(C=!1)}return C}function N(){return{steps:{...a.value},computedSteps:{...t.value},allFormData:m.value,allComputedData:k.value}}return{currentStepIndex:r,currentStep:i,stepData:a,stepComputedData:t,stepValidationErrors:n,isFirstStep:s,isLastStep:g,canGoNext:p,canGoPrevious:d,totalSteps:f,progressPercentage:c,allFormData:m,allComputedData:k,updateStepData:w,updateStepComputedData:B,clearStepData:S,validateCurrentStep:b,goToStep:x,nextStep:O,previousStep:F,resetForm:D,validateAllSteps:E,getMultiStepFormData:N}}const ce={class:"step-indicator__container"},de=["onClick"],pe={class:"step-indicator__step-content"},fe={class:"step-indicator__step-marker"},me={class:"step-indicator__step-info"},ve={class:"step-indicator__step-title"},he={key:0,class:"step-indicator__step-subtitle"},ge={key:0,class:"step-indicator__progress"},ke={class:"step-indicator__progress-bar"},ye={class:"step-indicator__progress-text"},Ce=e.defineComponent({__name:"StepIndicator",props:{steps:{},activeStepIndex:{},position:{},showProgress:{type:Boolean,default:!0},allowNavigation:{type:Boolean,default:!1}},emits:["step-click"],setup(o,{emit:r}){const a=o,t=r,n=e.computed(()=>a.steps.length===0?0:(a.activeStepIndex+1)/a.steps.length*100);function u(i){a.allowNavigation&&t("step-click",i)}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["step-indicator",[`step-indicator--${i.position}`,{"step-indicator--clickable":i.allowNavigation}]])},[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.steps,(g,p)=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["step-indicator__step",{"step-indicator__step--active":p===i.activeStepIndex,"step-indicator__step--completed":p<i.activeStepIndex,"step-indicator__step--clickable":i.allowNavigation}]),onClick:d=>u(p)},[e.createElementVNode("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("span",null,e.toDisplayString(p+1),1)]),e.createElementVNode("div",me,[e.createElementVNode("div",ve,e.toDisplayString(g.title),1),g.subtitle?(e.openBlock(),e.createElementBlock("div",he,e.toDisplayString(g.subtitle),1)):e.createCommentVNode("",!0)])]),p<i.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["step-indicator__connector",{"step-indicator__connector--completed":p<i.activeStepIndex}])},null,2)):e.createCommentVNode("",!0)],10,de))),128))]),i.showProgress&&(i.position==="top"||i.position==="bottom")?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",ke,[e.createElementVNode("div",{class:"step-indicator__progress-fill",style:e.normalizeStyle({width:`${n.value}%`})},null,4)]),e.createElementVNode("div",ye," Step "+e.toDisplayString(i.activeStepIndex+1)+" of "+e.toDisplayString(i.steps.length),1)])):e.createCommentVNode("",!0)],2))}}),j=(o,r)=>{const a=o.__vccOpts||o;for(const[t,n]of r)a[t]=n;return a},L=j(Ce,[["__scopeId","data-v-aca1a6d0"]]),Ve={class:"v-form-container"},Be={key:0,class:"multi-step-form"},we={class:"multi-step-form-content"},Se={class:"step-nav-buttons"},be={class:"step-action-buttons"},_e={class:"step-nav-buttons"},xe={key:1,class:"step-progress-bottom"},Ee={class:"step-progress-bar"},Ne={class:"step-progress-text"},Ie=e.defineComponent({__name:"vForm",props:{schema:{},multiStepConfig:{},showLabels:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},buttonPlacement:{default:"start"},submitButtonText:{default:"Submit"},clearButtonText:{default:"Reset"},cancelButtonText:{default:"Cancel"},hideButtons:{type:Boolean,default:!1},customButtons:{}},emits:["submit","multi-step-submit","step-change","clear","cancel"],setup(o,{expose:r,emit:a}){const t=o,n=a,u=e.computed(()=>!!t.multiStepConfig),i=e.ref(t.schema||{}),s=t.multiStepConfig?ee(t.multiStepConfig):null,{dynamicRefs:g,isFormValid:p,resetForm:d}=W(),{formData:f,computedData:c}=Y(i),m=e.computed(()=>(s==null?void 0:s.currentStepIndex.value)??0),k=e.computed(()=>s==null?void 0:s.currentStep.value),w=e.computed(()=>(s==null?void 0:s.isLastStep.value)??!0),B=e.computed(()=>(s==null?void 0:s.canGoNext.value)??!1),S=e.computed(()=>(s==null?void 0:s.canGoPrevious.value)??!1),b=e.computed(()=>!u.value||!s?0:s.progressPercentage.value);e.watch(()=>k.value,l=>{l&&u.value&&(i.value=l.schema)},{immediate:!0}),e.watch([f,c],([l,v])=>{u.value&&s&&k.value&&(s.updateStepData(k.value.id,l),s.updateStepComputedData(k.value.id,v))},{deep:!0}),e.watch(()=>t.schema,l=>{if(!u.value&&l){i.value=l;for(const[v,V]of Object.entries(l))V.value!==void 0&&(i.value[v].value=V.value)}},{deep:!0,immediate:!0});async function x(){if(u.value&&s){if(!await s.validateAllSteps())return;const v=s.getMultiStepFormData();n("multi-step-submit",v)}else{if(!await p())return;n("submit",f.value,c.value)}}function O(){u.value&&s?s.resetForm():d(),n("clear")}function F(){u.value&&s&&k.value&&s.clearStepData(k.value.id)}function D(){u.value&&s?s.resetForm():d(),n("cancel")}async function E(){if(s){if(!await p())return;await s.nextStep()&&k.value&&n("step-change",m.value,k.value.id)}}async function N(){s&&await s.previousStep()&&k.value&&n("step-change",m.value,k.value.id)}async function C(l){if(s){if(l>m.value&&!await p())return;await s.goToStep(l)&&k.value&&n("step-change",l,k.value.id)}}return e.watch(f,async()=>{var l;for(const[v,V]of Object.entries(i.value))if(!U(V,f.value,c.value)){const h=u.value&&k.value?k.value.schema[v]:(l=t.schema)==null?void 0:l[v];h&&(V.value=h.value)}},{deep:!0,immediate:!0}),r({resetForm:O,isFormValid:p,resolveData:()=>u.value&&s?s.getMultiStepFormData():{formData:f.value,computedData:c.value},nextStep:E,previousStep:N,goToStep:C,getCurrentStep:()=>k.value,getCurrentStepIndex:()=>m.value}),(l,v)=>{var V;return e.openBlock(),e.createElementBlock("div",Ve,[u.value?(e.openBlock(),e.createElementBlock("div",Be,[l.multiStepConfig&&l.multiStepConfig.stepPosition==="top"?(e.openBlock(),e.createBlock(L,{key:0,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition||"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["multi-step-content",`multi-step-content--${((V=l.multiStepConfig)==null?void 0:V.stepPosition)||"top"}`])},[l.multiStepConfig&&l.multiStepConfig.stepPosition==="left"?(e.openBlock(),e.createBlock(L,{key:0,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition??"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createVNode(e.unref(y.IonGrid),null,{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(i.value),h=>{var _,I,R,M,z;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(i.value[h],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(I=i.value[h].grid)==null?void 0:I.sm,"size-md":(R=i.value[h].grid)==null?void 0:R.md,"size-lg":(M=i.value[h].grid)==null?void 0:M.lg,"size-xl":(z=i.value[h].grid)==null?void 0:z.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value[h].type),{modelValue:i.value[h],"onUpdate:modelValue":G=>i.value[h]=G,schema:i.value,"form-id":h,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":h},null,8,["modelValue","onUpdate:modelValue","schema","form-id","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:1})]),_:1}),l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0,class:"multi-step-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",class:"button-container"},{default:e.withCtx(()=>[e.createElementVNode("div",Se,[S.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:N,fill:"outline"},{default:e.withCtx(()=>v[0]||(v[0]=[e.createTextVNode(" Previous ")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),e.createElementVNode("div",be,[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),l.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:F,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.customButtons,h=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:h.label,onClick:h.action,color:h.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1032,["onClick","color"]))),128))]),e.createElementVNode("div",_e,[B.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:E},{default:e.withCtx(()=>v[1]||(v[1]=[e.createTextVNode(" Next ")])),_:1,__:[1]})):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.submitButtonText??"Submit"),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1})]),_:1})),l.multiStepConfig&&(l.multiStepConfig.stepPosition==="left"||l.multiStepConfig.stepPosition==="right")&&l.multiStepConfig.showProgress?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ee,[e.createElementVNode("div",{class:"step-progress-fill",style:e.normalizeStyle({width:`${b.value}%`})},null,4)]),e.createElementVNode("div",Ne," Step "+e.toDisplayString(m.value+1)+" of "+e.toDisplayString(l.multiStepConfig.steps.length),1)])):e.createCommentVNode("",!0)]),l.multiStepConfig&&l.multiStepConfig.stepPosition==="right"?(e.openBlock(),e.createBlock(L,{key:1,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)],2),l.multiStepConfig&&l.multiStepConfig.stepPosition==="bottom"?(e.openBlock(),e.createBlock(L,{key:1,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.unref(y.IonGrid),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(i.value),h=>{var _,I,R,M,z;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(i.value[h],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(I=i.value[h].grid)==null?void 0:I.sm,"size-md":(R=i.value[h].grid)==null?void 0:R.md,"size-lg":(M=i.value[h].grid)==null?void 0:M.lg,"size-xl":(z=i.value[h].grid)==null?void 0:z.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value[h].type),{modelValue:i.value[h],"onUpdate:modelValue":G=>i.value[h]=G,schema:i.value,"form-id":h,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":h},null,8,["modelValue","onUpdate:modelValue","schema","form-id","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:1}),l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",style:e.normalizeStyle([{display:"flex"},{justifyContent:l.buttonPlacement}])},{default:e.withCtx(()=>[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),l.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:O},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.customButtons,h=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:h.label,onClick:h.action,color:h.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1032,["onClick","color"]))),128)),e.createVNode(e.unref(y.IonButton),{onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.submitButtonText??"Submit"),1)]),_:1})]),_:1},8,["style"])]),_:1}))]),_:1}))])}}}),Oe=j(Ie,[["__scopeId","data-v-3850cccc"]]);function De(o){return{applyValidationState:async t=>{var n,u,i,s,g;(n=o.value)==null||n.$el.classList.remove("ion-invalid"),(u=o.value)==null||u.$el.classList.remove("ion-valid"),t?(i=o.value)==null||i.$el.classList.add("ion-valid"):(s=o.value)==null||s.$el.classList.add("ion-invalid"),(g=o.value)==null||g.$el.classList.add("ion-touched")},resetValidationState:()=>{var t,n;(t=o.value)==null||t.$el.classList.remove("ion-touched"),(n=o.value)==null||n.$el.classList.remove("ion-invalid")}}}function A(o,r,a,t,n){const{applyValidationState:u,resetValidationState:i}=De(o);async function s(){if(r.value.required&&!a.value)return r.value.error="This field is required",!1;if(n){const c=await n(a.value);if(typeof c=="string")return r.value.error=c,!1;if(c===!1)return!1}if(r.value.validation){const c=await r.value.validation(a.value,t==null?void 0:t.value);if(c&&c.length)return r.value.error=c.join(),!1}return!0}async function g(){const c=await s();c&&(r.value.error="",r.value.value=a.value),await u(c)}function p(){i(),r.value.error=""}function d(c=""){a.value=c,r.value.error="",r.value.value=c}function f(){return r.value.error?[r.value.error]:[]}return{isValid:s,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f,applyValidationState:u,resetValidationState:i}}function Fe(o){const r=e.computed(()=>!!o.value.label),a=e.computed(()=>!!o.value.required),t=e.computed(()=>o.value.label||"");return{showLabel:r,showRequired:a,labelText:t}}const Z=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(o){const r=o,{showLabel:a,showRequired:t,labelText:n}=Fe(e.toRef(r,"model"));return(u,i)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"label",class:"input-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n))+" ",1),e.unref(t)?(e.openBlock(),e.createBlock(e.unref(y.IonText),{key:0,color:"danger"},{default:e.withCtx(()=>i[0]||(i[0]=[e.createTextVNode("*")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0)}}),P=e.defineComponent({__name:"BaseInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),{isValid:s,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f}=A(n,t,u,i),c=e.computed(()=>{if(t.value.pattern)return ue(t.value.pattern)});return e.watch(()=>t.value.value,m=>u.value=m),r({onValueUpdate:g,onReset:d,getErrors:f,isValid:s}),(m,k)=>{var B;const w=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(y.IonInput),{ref_key:"inputRef",ref:n,modelValue:u.value,"onUpdate:modelValue":k[0]||(k[0]=S=>u.value=S),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:m.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:((B=c.value)==null?void 0:B.placeholder)??t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(p),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createVNode(Z,{model:t.value},null,8,["model"]),t.value.prefix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.prefix),1)]),_:1})):e.createCommentVNode("",!0),t.value.suffix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"end"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.suffix),1)]),_:1})):e.createCommentVNode("",!0),m.type==="password"?(e.openBlock(),e.createBlock(e.unref(y.IonInputPasswordToggle),{key:2,slot:"end"})):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter","min","max","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"])),[[w,c.value]])}}}),Re=e.defineComponent({__name:"TextInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"text",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Te=e.defineComponent({__name:"DateInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:a.value.enableTime?"datetime-local":"date",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","type","schema"]))}}),Ae=e.defineComponent({__name:"NumberInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"number",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Me=e.defineComponent({__name:"EmailInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"email",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ze=e.defineComponent({__name:"PasswordInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"password",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),$e=e.defineComponent({__name:"SelectInput",props:e.mergeModels({schema:Object,type:String,formId:String},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(null),i=e.ref(!1),s=e.ref([]),g=e.ref(""),p=e.ref(1),d=e.computed(()=>t.value.interface??"popover"),f=e.computed(()=>t.value.optionsPlacement==="top"?"top":"bottom"),c=e.computed(()=>s.value.filter(l=>!!l.isChecked)),m=e.computed(()=>!g.value&&H(c.value)&&!i.value?t.value.placeholder??"Select an option":"");e.watch([g,()=>t.value.options],N,{immediate:!0,deep:!0}),e.watch(()=>t.value.value,C,{immediate:!0,deep:!0}),e.watch(()=>!t.value.dependsOn||!a.schema?null:(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).map(v=>{var V;return(V=a.schema[v])==null?void 0:V.value}),async(l,v)=>{l&&v&&!$(l,v)&&(k(),s.value=[],await N())},{deep:!0});function k(){t.value.error="",g.value="",p.value=1,t.value.value=t.value.multiple?[]:"",se(s.value)}function w(l){if(l.isChecked)return J(l,s.value);t.value.multiple?T(l,s.value):(k(),T(l,s.value),E()),g.value=""}function B(){switch(d.value){case"action-sheet":S();break;case"alert":b();break;case"popover":default:i.value=!0;break}}async function S(){if(await N(),t.value.multiple){i.value=!0;return}await(await y.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...s.value.map(v=>({text:v.label,cssClass:v.isChecked?"selected-option":"",handler:()=>(w(v),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function b(){await N();const l=s.value.map(V=>({label:V.label,type:t.value.multiple?"checkbox":"radio",value:V,checked:V.isChecked}));await(await y.alertController.create({header:t.value.label||"Select an option",inputs:l,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:V=>{if(t.value.multiple)s.value.forEach(h=>J(h,s.value)),V.forEach(h=>{const _=s.value.find(I=>I.value===h.value);_&&T(_,s.value)});else{k();const h=s.value.find(_=>_.value===V.value);h&&T(h,s.value)}E()}}]})).present()}async function x(){if(t.value.required&&H(c.value))return"This field is required";if(t.value.validation){const l=await t.value.validation(c.value,a==null?void 0:a.schema);if(l&&l.length)return l.join()}return!0}const{onFocus:O,applyValidationState:F}=A(n,t,e.computed(()=>t.value.multiple?c.value:c.value[0]),e.computed(()=>a==null?void 0:a.schema),x);function D(l){var v;l.target===((v=n.value)==null?void 0:v.$el)&&(O(),d.value==="popover"&&(i.value=!0))}async function E(l){var V;if((V=l==null?void 0:l.relatedTarget)!=null&&V.closest(".suggestions-list"))return;i.value=!1;const v=await x();v===!0?(t.value.error="",t.value.value=t.value.multiple?c.value:c.value[0]):t.value.error=typeof v=="string"?v:"Validation failed",await F(v===!0)}async function N(){const l=[];if(typeof t.value.options=="function"){let v={};t.value.dependsOn&&a.schema&&(v=(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).reduce((_,I)=>{var R;return _[I]=(R=a.schema[I])==null?void 0:R.value,_},{}));const V=await t.value.options(g.value,v);l.push(...V.filter(h=>!!h.label))}else Array.isArray(t.value.options)&&l.push(...ie(t.value.options,g.value));c.value.forEach(v=>T(v,l)),s.value=l}function C(){const l=t.value.value;l&&(Array.isArray(l)?l.forEach(v=>T(v,s.value)):T(typeof l=="object"?l:{value:l,label:l},s.value))}return e.onMounted(()=>{N()}),r({onValueUpdate:E,onReset:k,getErrors:()=>t.value.error?[t.value.error]:[]}),(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:E,ref_key:"containerRef",ref:u},[e.createVNode(e.unref(y.IonInput),{ref_key:"inputRef",ref:n,modelValue:g.value,"onUpdate:modelValue":v[0]||(v[0]=V=>g.value=V),fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:o.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:m.value,disabled:t.value.disabled,counter:t.value.counter,onIonFocus:D,debounce:300,onClick:B},{default:e.withCtx(()=>[e.createVNode(Z,{model:t.value},null,8,["model"]),t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,style:{width:"fit-content"},slot:"start"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(V,h)=>(e.openBlock(),e.createBlock(e.unref(y.IonChip),{key:h},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.label),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"start",class:"ion-no-wrap"},{default:e.withCtx(()=>{var V;return[e.createTextVNode(e.toDisplayString(((V=c.value[0])==null?void 0:V.label)??""),1)]}),_:1})),e.createVNode(e.unref(y.IonIcon),{slot:"end",icon:e.unref(q.chevronDown)},null,8,["icon"]),c.value.length>0||g.value?(e.openBlock(),e.createBlock(e.unref(y.IonIcon),{key:2,slot:"end",icon:e.unref(q.close),onClick:k,style:{"z-index":"999999"}},null,8,["icon"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter"]),i.value&&s.value.length>0&&d.value==="popover"?(e.openBlock(),e.createBlock(e.unref(y.IonList),{key:0,class:e.normalizeClass(["suggestions-list",f.value])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,V=>(e.openBlock(),e.createBlock(e.unref(y.IonItem),{button:"",key:V.label,onClick:h=>w(V)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{key:0,slot:"start",checked:V.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.label),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1},8,["class"])):e.createCommentVNode("",!0)],544))}}),Pe=j($e,[["__scopeId","data-v-4766dec2"]]),Le=e.defineComponent({__name:"TextAreaInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),{onValueUpdate:s,onFocus:g,onReset:p,getErrors:d}=A(n,t,u,i);return e.watch(()=>t.value.value,f=>u.value=f),r({onReset:p,onValueUpdate:s,getErrors:d}),(f,c)=>(e.openBlock(),e.createBlock(e.unref(y.IonTextarea),{ref_key:"inputRef",ref:n,modelValue:u.value,"onUpdate:modelValue":c[0]||(c[0]=m=>u.value=m),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,rows:t.value.rows,cols:t.value.cols,"auto-grow":t.value.autoGrow,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(g),onIonChange:e.unref(s),onIonBlur:e.unref(s)},{default:e.withCtx(()=>[e.createVNode(Z,{model:t.value},null,8,["model"])]),_:1},8,["modelValue","fill","label-placement","required","error-text","autofocus","placeholder","disabled","counter","min","max","rows","cols","auto-grow","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"]))}}),Ue={class:"ion-margin-end",style:{"flex-grow":"1"}},qe={style:{display:"flex","justify-content":"flex-end"}},je=e.defineComponent({__name:"RepeatInput",props:e.mergeModels({schema:{},data:{},computedData:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref([]),{dynamicRefs:n,resetForm:u,getFormErrors:i,updateFormValues:s}=W(),g=e.computed(()=>t.value.map((k,w)=>({label:`Set ${w+1}`,value:w,other:Object.entries(k).reduce((B,[S,b])=>(B[S]=b.value,B),{})})));e.watch(g,k=>{a.value.value=k},{deep:!0,immediate:!0}),e.onMounted(p);function p(){a.value.children&&t.value.push(K(a.value.children))}function d(k){t.value.splice(k,1)}function f(){u()}function c(){return i()}async function m(){await s()}return r({onValueUpdate:m,onReset:f,getErrors:c}),(k,w)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(B,S)=>(e.openBlock(),e.createElementBlock("div",{class:"repeat-input-wrapper",key:S},[e.createElementVNode("div",Ue,[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(B),b=>{var x,O,F,D,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(B[b],k.data,k.computedData)?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:`${S}-${b}`,size:((x=B[b].grid)==null?void 0:x.xs)??"12","size-sm":(O=B[b].grid)==null?void 0:O.sm,"size-md":(F=B[b].grid)==null?void 0:F.md,"size-lg":(D=B[b].grid)==null?void 0:D.lg,"size-xl":(E=B[b].grid)==null?void 0:E.xl,class:"ion-margin-bottom"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B[b].type),{modelValue:B[b],"onUpdate:modelValue":N=>B[b]=N,schema:B,"ref-key":`${S}-${b}`,ref_for:!0,ref_key:"dynamicRefs",ref:n},null,8,["modelValue","onUpdate:modelValue","schema","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:2},1024)]),e.createElementVNode("div",qe,[S===t.value.length-1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:p,color:"primary"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(q.add)},null,8,["icon"])]),_:1})):e.createCommentVNode("",!0),t.value.length>1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:b=>d(S),color:"warning"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(q.remove)},null,8,["icon"])]),_:2},1032,["onClick"])):e.createCommentVNode("",!0)])]))),128))}}),Ge=j(je,[["__scopeId","data-v-060bdf58"]]),He=e.defineComponent({__name:"CheckboxInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),s=e.computed(()=>X(t.value)),{onValueUpdate:g,onFocus:p,getErrors:d}=A(n,t,u,i);function f(){u.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,c=>u.value=c),r({onValueUpdate:g,onReset:f,getErrors:d}),(c,m)=>(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{modelValue:u.value,"onUpdate:modelValue":m[0]||(m[0]=k=>u.value=k),ref_key:"inputRef",ref:n,required:t.value.required,"error-text":t.value.error,disabled:t.value.disabled,onIonFocus:e.unref(p),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value),1)]),_:1},8,["modelValue","required","error-text","disabled","onIonFocus","onIonChange","onIonBlur"]))}}),Ke=e.defineComponent({__name:"RadioInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),s=e.ref([]),g=e.computed(()=>X(t.value)),{onValueUpdate:p,onFocus:d,getErrors:f}=A(n,t,u,i);function c(){t.value.error="",u.value=void 0,t.value.value=void 0}function m(w,B){return w.value===B.value}async function k(){typeof t.value.options=="function"?s.value=await t.value.options():s.value=t.value.options}return e.watch(()=>t.value.value,w=>u.value=w),r({onValueUpdate:p,onReset:c,getErrors:f}),e.onMounted(k),(w,B)=>(e.openBlock(),e.createBlock(e.unref(y.IonRadioGroup),{modelValue:u.value,"onUpdate:modelValue":B[0]||(B[0]=S=>u.value=S),ref_key:"inputRef",ref:n,required:t.value.required,"helper-text":g.value,"error-text":t.value.error,disabled:t.value.disabled,compareWith:m,"allow-empty-selection":!t.value.required,onIonFocus:e.unref(d),onIonChange:e.unref(p),onIonBlur:e.unref(p)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,S=>(e.openBlock(),e.createBlock(e.unref(y.IonRadio),{key:S.value,value:S,disabled:t.value.disabled,"label-placement":"end",justify:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","required","helper-text","error-text","disabled","allow-empty-selection","onIonFocus","onIonChange","onIonBlur"]))}});function We(o,r,a){const t=e.ref({}),n=e.ref({});function u(d,f,c){n.value[d]=c,f.forEach(m=>{var k;(k=t.value)[m]??(k[m]=[]),t.value[m].includes(d)||t.value[m].push(d)}),p(d)}function i(d){return Object.entries(t.value).filter(([,c])=>c.includes(d)).map(([c])=>c).reduce((c,m)=>(c[m]=r.value[m]??a.value[m],c),{})}function s(d,f){return d?Array.isArray(d)?d.some(c=>f.some(m=>g(c,m.value))):f.some(c=>g(d,c.value)):!1}function g(d,f){return typeof d=="object"&&d!==null?d.value===f:String(d)===String(f)}async function p(d,f){if(!n.value[d])return;const c=i(d),m=Object.keys(c);if(!(m.length===0||!m.every(w=>c[w]!==void 0&&c[w]!==null)))try{const w=n.value[d],B=await w(f,c);if(!o.value[d])return;o.value[d].options=B;const S=o.value[d].value;if(!S)return;s(S,B)||(o.value[d].value=o.value[d].multiple?[]:"")}catch(w){console.error(`Error loading options for ${d}:`,w)}}return e.watch([r,a],()=>{Object.entries(t.value).forEach(([d,f])=>{(r.value[d]!==void 0||a.value[d]!==void 0)&&f.forEach(c=>{p(c)})})},{deep:!0,immediate:!0}),{registerDependency:u,updateOptions:p}}const te={install(o){o.component("VForm",Oe),o.component("TextInput",Re),o.component("DateInput",Te),o.component("NumberInput",Ae),o.component("EmailInput",Me),o.component("PasswordInput",ze),o.component("SelectInput",Pe),o.component("TextAreaInput",Le),o.component("RepeatInput",Ge),o.component("CheckboxInput",He),o.component("RadioInput",Ke),o.directive("maskito",oe.maskito)}};exports.VForm=te;exports.default=te;exports.useDataTransformation=Y;exports.useDependentOptions=We;exports.useFormValidation=W;exports.useInputValidation=A;exports.useMultiStepForm=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ionic/vue"),G=require("ionicons/icons"),ne=require("@maskito/vue");function le(o){return new Promise(i=>{requestAnimationFrame(async()=>{const n=await o.getInputElement();i(n)})})}const ae={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},re={d:["1","2","3","4","5","6","7","8","9","0"],a:["A","B","C","x","y","z","D","f"],"*":["A","3","b","8","z","4","D","0"]};function ue(o,i){const n=re[o];return n[i%n.length]}function se(o){const i=[];let n="",t=0,l=0;for(;t<o.length;){const r=o[t];if(["d","a","*"].includes(r)){let s=1;if(o[t+1]==="{"){const a=o.indexOf("}",t+2);if(a!==-1){const g=o.slice(t+2,a);if(g.includes(",")){const[,d]=g.split(",").map(p=>parseInt(p.trim()));s=d||parseInt(g.split(",")[0])}else s=parseInt(g);t=a}}else{let a=t+1;for(;o[a]===r;)s++,a++;t=a-1}for(let a=0;a<s;a++)i.push(ae[r]),n+=ue(r,l++)}else i.push(r),n+=r;t++}return{mask:i,placeholder:n,elementPredicate:le}}function K(o){return o==null||Array.isArray(o)&&!o.length||typeof o=="object"&&!Object.keys(o).length||!o}function W(o,i,n){return typeof o.condition=="function"?o.condition(i,n):!0}function Z(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return o.map(n=>Z(n));const i={};return Object.entries(o).forEach(([n,t])=>{typeof t=="function"?i[n]=t.bind(i):i[n]=Z(t)}),i}function J(o,i){return i.findIndex(n=>n.value===o.value||n.label===o.label||n.value===o.label||n.label===o.value)}function T(o,i){const n=J(o,i);n>=0?i[n].isChecked=!0:i.push({...o,isChecked:!0})}function ie(o,i){const n=J(o,i);n>=0&&(i[n].isChecked=!1)}function ce(o){o.forEach(i=>{i.isChecked=!1})}function de(o,i){return i?o.filter(n=>JSON.stringify(n).toLowerCase().includes(i.toLowerCase())):o}function Y(o){const i=o.label||"",n=o.required?" *":"";return i+n}function L(o,i){if(o===i)return!0;if(o==null||i==null||typeof o!=typeof i)return!1;if(typeof o!="object")return o===i;if(Array.isArray(o)&&Array.isArray(i))return o.length!==i.length?!1:o.every((l,r)=>L(l,i[r]));if(Array.isArray(o)!==Array.isArray(i))return!1;const n=Object.keys(o),t=Object.keys(i);return n.length!==t.length?!1:n.every(l=>Object.prototype.hasOwnProperty.call(i,l)&&L(o[l],i[l]))}function O(o){return o.type!=="FormSection"}function pe(o){return o.type==="FormSection"}function Q(){const o=e.ref([]);async function i(){console.debug("Validating form inputs");const r=[];for(const s of o.value)if(typeof(s==null?void 0:s.onValueUpdate)=="function"&&await s.onValueUpdate(),typeof(s==null?void 0:s.getErrors)=="function")try{const a=s.getErrors();Array.isArray(a)?r.push(...a):console.warn("getErrors() returned non-array value:",a)}catch(a){console.error("Error calling getErrors on component:",a,s)}else console.warn("Component does not have getErrors function:",s);return r.every(K)}function n(){o.value.forEach(r=>{typeof(r==null?void 0:r.onReset)=="function"&&r.onReset()})}function t(){const r=[];for(const s of o.value)if(typeof(s==null?void 0:s.getErrors)=="function")try{const a=s.getErrors();Array.isArray(a)?r.push(...a):r.push(String(a))}catch(a){console.error("Error calling getErrors on component:",a,s)}return r}async function l(){for(const r of o.value)typeof(r==null?void 0:r.onValueUpdate)=="function"&&await r.onValueUpdate()}return{dynamicRefs:o,isFormValid:i,resetForm:n,getFormErrors:t,updateFormValues:l}}function ee(o){const i=e.computed(()=>Object.entries(o.value).reduce((d,[p,f])=>(O(f)&&f.value!==void 0&&(typeof f.onChange=="function"?d[p]=f.onChange(f.value,o.value):d[p]=f.value),d),{})),n=e.ref({}),t=(d,p,f)=>{const c=o.value[d];if(O(c)&&c.children){const v=c.children[p];if(v&&O(v)&&typeof v.computedValue=="function")return v.computedValue(f,o.value)}return f},l=(d,p,f,c)=>{n.value[d][c]||(n.value[d][c]={}),Object.entries(p.other??{}).forEach(([v,C])=>{var B;!L(C,(B=f.other)==null?void 0:B[v])&&(n.value[d][c][v]=t(d,v,C))})},r=(d,p,f)=>{p.forEach((c,v)=>{const C=f[v]??{other:{}};l(d,c,C,v)})},s=(d,{other:p})=>Object.entries(p??{}).reduce((f,[c,v])=>(f[c]=t(d,c,v),f),{}),a=(d,p,f)=>{n.value[d]||(n.value[d]=[]);const c=p;Array.isArray(f[d])?r(d,c,f[d]):n.value[d]=c.map(v=>s(d,v))},g=(d,p,f)=>{if(!p){delete n.value[d];return}const c=o.value[d];O(c)&&(c.children!==void 0?a(d,p,f):typeof c.computedValue=="function"&&(n.value[d]=c.computedValue(p,o.value)))};return e.watch(i,(d,p={})=>{Object.keys(d).forEach(f=>{L(d[f],p[f])||g(f,d[f],p)}),Object.keys(p).forEach(f=>{!(f in d)&&f in n.value&&delete n.value[f]})},{immediate:!0,deep:!0}),{formData:i,computedData:n}}function te(o){const i=e.ref(0),n=e.ref({}),t=e.ref({}),l=e.ref({});function r(V){const m={};return Object.entries(V.schema).forEach(([u,h])=>{O(h)&&(m[u]=h.value)}),m}o.steps.forEach(V=>{n.value[V.id]=r(V),t.value[V.id]={},l.value[V.id]=[]});const s=e.computed(()=>o.steps[i.value]),a=e.computed(()=>i.value===0),g=e.computed(()=>i.value===o.steps.length-1),d=e.computed(()=>!g.value),p=e.computed(()=>!a.value),f=e.computed(()=>o.steps.length),c=e.computed(()=>f.value===0?0:Math.round((i.value+1)/f.value*100)),v=e.computed(()=>{const V={};return Object.values(n.value).forEach(m=>{Object.assign(V,m)}),V}),C=e.computed(()=>{const V={};return Object.values(t.value).forEach(m=>{Object.assign(V,m)}),V});function _(V,m){n.value[V]={...n.value[V],...m}}function B(V,m){t.value[V]={...t.value[V],...m}}function S(V){const m=o.steps.find(u=>u.id===V);m&&(n.value[V]=r(m),t.value[V]={})}async function b(){const V=s.value;if(!V)return!0;const m=[];if(V.validation){const u=await V.validation(n.value[V.id],t.value[V.id]);u&&m.push(...u)}return l.value[V.id]=m,m.length===0}async function I(V){return V<0||V>=o.steps.length||V>i.value&&!await b()?!1:(i.value=V,!0)}async function F(){return d.value?I(i.value+1):!1}async function z(){return p.value?I(i.value-1):!1}function D(){i.value=0,l.value={},o.steps.forEach(V=>{S(V.id),l.value[V.id]=[]})}async function E(){let V=!0;for(const m of o.steps)if(m.validation){const u=await m.validation(n.value[m.id],t.value[m.id]);l.value[m.id]=u||[],u&&u.length>0&&(V=!1)}return V}function N(){return{steps:{...n.value},computedSteps:{...t.value},allFormData:v.value,allComputedData:C.value}}return{currentStepIndex:i,currentStep:s,stepData:n,stepComputedData:t,stepValidationErrors:l,isFirstStep:a,isLastStep:g,canGoNext:d,canGoPrevious:p,totalSteps:f,progressPercentage:c,allFormData:v,allComputedData:C,updateStepData:_,updateStepComputedData:B,clearStepData:S,validateCurrentStep:b,goToStep:I,nextStep:F,previousStep:z,resetForm:D,validateAllSteps:E,getMultiStepFormData:N}}const fe={class:"step-indicator__container"},me=["onClick"],ve={class:"step-indicator__step-content"},he={class:"step-indicator__step-marker"},ge={class:"step-indicator__step-info"},ke={class:"step-indicator__step-title"},ye={key:0,class:"step-indicator__step-subtitle"},Ce={key:0,class:"step-indicator__progress"},Ve={class:"step-indicator__progress-bar"},Be={class:"step-indicator__progress-text"},we=e.defineComponent({__name:"StepIndicator",props:{steps:{},activeStepIndex:{},position:{},showProgress:{type:Boolean,default:!0},allowNavigation:{type:Boolean,default:!1}},emits:["step-click"],setup(o,{emit:i}){const n=o,t=i,l=e.computed(()=>n.steps.length===0?0:(n.activeStepIndex+1)/n.steps.length*100);function r(s){n.allowNavigation&&t("step-click",s)}return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["step-indicator",[`step-indicator--${s.position}`,{"step-indicator--clickable":s.allowNavigation}]])},[e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.steps,(g,d)=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["step-indicator__step",{"step-indicator__step--active":d===s.activeStepIndex,"step-indicator__step--completed":d<s.activeStepIndex,"step-indicator__step--clickable":s.allowNavigation}]),onClick:p=>r(d)},[e.createElementVNode("div",ve,[e.createElementVNode("div",he,[e.createElementVNode("span",null,e.toDisplayString(d+1),1)]),e.createElementVNode("div",ge,[e.createElementVNode("div",ke,e.toDisplayString(g.title),1),g.subtitle?(e.openBlock(),e.createElementBlock("div",ye,e.toDisplayString(g.subtitle),1)):e.createCommentVNode("",!0)])]),d<s.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["step-indicator__connector",{"step-indicator__connector--completed":d<s.activeStepIndex}])},null,2)):e.createCommentVNode("",!0)],10,me))),128))]),s.showProgress&&(s.position==="top"||s.position==="bottom")?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",Ve,[e.createElementVNode("div",{class:"step-indicator__progress-fill",style:e.normalizeStyle({width:`${l.value}%`})},null,4)]),e.createElementVNode("div",Be," Step "+e.toDisplayString(s.activeStepIndex+1)+" of "+e.toDisplayString(s.steps.length),1)])):e.createCommentVNode("",!0)],2))}}),U=(o,i)=>{const n=o.__vccOpts||o;for(const[t,l]of i)n[t]=l;return n},j=U(we,[["__scopeId","data-v-aca1a6d0"]]),Se={class:"v-form-container"},_e={key:0,class:"multi-step-form"},be={class:"multi-step-form-content"},xe={class:"step-nav-buttons"},Ee={class:"step-action-buttons"},Ne={class:"step-nav-buttons"},Ie={key:1,class:"step-progress-bottom"},Oe={class:"step-progress-bar"},Fe={class:"step-progress-text"},De=e.defineComponent({__name:"vForm",props:{schema:{},multiStepConfig:{},showLabels:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},buttonPlacement:{default:"start"},submitButtonText:{default:"Submit"},clearButtonText:{default:"Reset"},cancelButtonText:{default:"Cancel"},hideButtons:{type:Boolean,default:!1},customButtons:{}},emits:["submit","multi-step-submit","step-change","clear","cancel"],setup(o,{expose:i,emit:n}){const t=o,l=n,r=e.computed(()=>!!t.multiStepConfig),s=e.ref(t.schema||{}),a=t.multiStepConfig?te(t.multiStepConfig):null,{dynamicRefs:g,isFormValid:d,resetForm:p}=Q(),{formData:f,computedData:c}=ee(s),v=e.computed(()=>(a==null?void 0:a.currentStepIndex.value)??0),C=e.computed(()=>a==null?void 0:a.currentStep.value),_=e.computed(()=>(a==null?void 0:a.isLastStep.value)??!0),B=e.computed(()=>(a==null?void 0:a.canGoNext.value)??!1),S=e.computed(()=>(a==null?void 0:a.canGoPrevious.value)??!1),b=e.computed(()=>!r.value||!a?0:a.progressPercentage.value);e.watch(()=>C.value,u=>{u&&r.value&&(s.value=u.schema)},{immediate:!0}),e.watch([f,c],([u,h])=>{r.value&&a&&C.value&&(a.updateStepData(C.value.id,u),a.updateStepComputedData(C.value.id,h))},{deep:!0}),e.watch(()=>t.schema,u=>{if(!r.value&&u){s.value=u;for(const[h,w]of Object.entries(u))O(w)&&"value"in w&&w.value!==void 0&&(s.value[h].value=w.value)}},{deep:!0,immediate:!0});async function I(){if(r.value&&a){if(!await a.validateAllSteps())return;const h=a.getMultiStepFormData();l("multi-step-submit",h)}else{if(!await d())return;l("submit",f.value,c.value)}}function F(){r.value&&a?a.resetForm():p(),l("clear")}function z(){r.value&&a&&C.value&&a.clearStepData(C.value.id)}function D(){r.value&&a?a.resetForm():p(),l("cancel")}async function E(){if(a){if(!await d())return;await a.nextStep()&&C.value&&l("step-change",v.value,C.value.id)}}async function N(){a&&await a.previousStep()&&C.value&&l("step-change",v.value,C.value.id)}async function V(u){if(a){if(u>v.value&&!await d())return;await a.goToStep(u)&&C.value&&l("step-change",u,C.value.id)}}e.watch(f,async()=>{var u;for(const[h,w]of Object.entries(s.value))if(O(w)&&!W(w,f.value,c.value)){const k=r.value&&C.value?C.value.schema[h]:(u=t.schema)==null?void 0:u[h];k&&O(k)&&"value"in k&&(w.value=k.value)}},{deep:!0,immediate:!0});function m(u,h,w){return pe(u)?!0:W(u,h,w)}return i({resetForm:F,isFormValid:d,resolveData:()=>r.value&&a?a.getMultiStepFormData():{formData:f.value,computedData:c.value},nextStep:E,previousStep:N,goToStep:V,getCurrentStep:()=>C.value,getCurrentStepIndex:()=>v.value}),(u,h)=>{var w;return e.openBlock(),e.createElementBlock("div",Se,[r.value?(e.openBlock(),e.createElementBlock("div",_e,[u.multiStepConfig&&u.multiStepConfig.stepPosition==="top"?(e.openBlock(),e.createBlock(j,{key:0,steps:u.multiStepConfig.steps,"active-step-index":v.value,position:u.multiStepConfig.stepPosition||"top","show-progress":u.multiStepConfig.showProgress,"allow-navigation":u.multiStepConfig.allowStepNavigation,onStepClick:V},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["multi-step-content",`multi-step-content--${((w=u.multiStepConfig)==null?void 0:w.stepPosition)||"top"}`])},[u.multiStepConfig&&u.multiStepConfig.stepPosition==="left"?(e.openBlock(),e.createBlock(j,{key:0,steps:u.multiStepConfig.steps,"active-step-index":v.value,position:u.multiStepConfig.stepPosition??"top","show-progress":u.multiStepConfig.showProgress,"allow-navigation":u.multiStepConfig.allowStepNavigation,onStepClick:V,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",be,[e.createVNode(e.unref(y.IonGrid),null,{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(s.value),k=>{var x,R,A,M,P;return e.openBlock(),e.createElementBlock(e.Fragment,{key:k},[m(s.value[k],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:0,size:((x=s.value[k].grid)==null?void 0:x.xs)??"12","size-sm":(R=s.value[k].grid)==null?void 0:R.sm,"size-md":(A=s.value[k].grid)==null?void 0:A.md,"size-lg":(M=s.value[k].grid)==null?void 0:M.lg,"size-xl":(P=s.value[k].grid)==null?void 0:P.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value[k].type),{modelValue:s.value[k],"onUpdate:modelValue":H=>s.value[k]=H,schema:s.value,"form-id":k,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":k},null,8,["modelValue","onUpdate:modelValue","schema","form-id","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),128))]),_:1})]),_:1}),u.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0,class:"multi-step-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",class:"button-container"},{default:e.withCtx(()=>[e.createElementVNode("div",xe,[S.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:N,fill:"outline"},{default:e.withCtx(()=>h[0]||(h[0]=[e.createTextVNode(" Previous ")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ee,[u.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),u.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:z,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.customButtons,k=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:k.label,onClick:k.action,color:k.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.label),1)]),_:2},1032,["onClick","color"]))),128))]),e.createElementVNode("div",Ne,[B.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:E},{default:e.withCtx(()=>h[1]||(h[1]=[e.createTextVNode(" Next ")])),_:1,__:[1]})):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:I},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.submitButtonText??"Submit"),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1})]),_:1})),u.multiStepConfig&&(u.multiStepConfig.stepPosition==="left"||u.multiStepConfig.stepPosition==="right")&&u.multiStepConfig.showProgress?(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Oe,[e.createElementVNode("div",{class:"step-progress-fill",style:e.normalizeStyle({width:`${b.value}%`})},null,4)]),e.createElementVNode("div",Fe," Step "+e.toDisplayString(v.value+1)+" of "+e.toDisplayString(u.multiStepConfig.steps.length),1)])):e.createCommentVNode("",!0)]),u.multiStepConfig&&u.multiStepConfig.stepPosition==="right"?(e.openBlock(),e.createBlock(j,{key:1,steps:u.multiStepConfig.steps,"active-step-index":v.value,position:u.multiStepConfig.stepPosition,"show-progress":u.multiStepConfig.showProgress,"allow-navigation":u.multiStepConfig.allowStepNavigation,onStepClick:V,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)],2),u.multiStepConfig&&u.multiStepConfig.stepPosition==="bottom"?(e.openBlock(),e.createBlock(j,{key:1,steps:u.multiStepConfig.steps,"active-step-index":v.value,position:u.multiStepConfig.stepPosition,"show-progress":u.multiStepConfig.showProgress,"allow-navigation":u.multiStepConfig.allowStepNavigation,onStepClick:V},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.unref(y.IonGrid),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(s.value),k=>{var x,R,A,M,P;return e.openBlock(),e.createElementBlock(e.Fragment,{key:k},[m(s.value[k],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:0,size:((x=s.value[k].grid)==null?void 0:x.xs)??"12","size-sm":(R=s.value[k].grid)==null?void 0:R.sm,"size-md":(A=s.value[k].grid)==null?void 0:A.md,"size-lg":(M=s.value[k].grid)==null?void 0:M.lg,"size-xl":(P=s.value[k].grid)==null?void 0:P.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value[k].type),{modelValue:s.value[k],"onUpdate:modelValue":H=>s.value[k]=H,schema:s.value,"form-id":k,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":k},null,8,["modelValue","onUpdate:modelValue","schema","form-id","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),128))]),_:1}),u.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",style:e.normalizeStyle([{display:"flex"},{justifyContent:u.buttonPlacement}])},{default:e.withCtx(()=>[u.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),u.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:F},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.customButtons,k=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:k.label,onClick:k.action,color:k.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.label),1)]),_:2},1032,["onClick","color"]))),128)),e.createVNode(e.unref(y.IonButton),{onClick:I},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.submitButtonText??"Submit"),1)]),_:1})]),_:1},8,["style"])]),_:1}))]),_:1}))])}}}),ze=U(De,[["__scopeId","data-v-74178f58"]]);function Re(o){return{applyValidationState:async t=>{var l,r,s,a,g;(l=o.value)==null||l.$el.classList.remove("ion-invalid"),(r=o.value)==null||r.$el.classList.remove("ion-valid"),t?(s=o.value)==null||s.$el.classList.add("ion-valid"):(a=o.value)==null||a.$el.classList.add("ion-invalid"),(g=o.value)==null||g.$el.classList.add("ion-touched")},resetValidationState:()=>{var t,l;(t=o.value)==null||t.$el.classList.remove("ion-touched"),(l=o.value)==null||l.$el.classList.remove("ion-invalid")}}}function $(o,i,n,t,l){const{applyValidationState:r,resetValidationState:s}=Re(o);async function a(){if(i.value.required&&!n.value)return i.value.error="This field is required",!1;if(l){const c=await l(n.value);if(typeof c=="string")return i.value.error=c,!1;if(c===!1)return!1}if(i.value.validation){const c=await i.value.validation(n.value,t==null?void 0:t.value);if(c&&c.length)return i.value.error=c.join(),!1}return!0}async function g(){const c=await a();c&&(i.value.error="",i.value.value=n.value),await r(c)}function d(){s(),i.value.error=""}function p(c=""){n.value=c,i.value.error="",i.value.value=c}function f(){return i.value.error?[i.value.error]:[]}return{isValid:a,onValueUpdate:g,onFocus:d,onReset:p,getErrors:f,applyValidationState:r,resetValidationState:s}}function Te(o){const i=e.computed(()=>!!o.value.label),n=e.computed(()=>!!o.value.required),t=e.computed(()=>o.value.label||"");return{showLabel:i,showRequired:n,labelText:t}}const X=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(o){const i=o,{showLabel:n,showRequired:t,labelText:l}=Te(e.toRef(i,"model"));return(r,s)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"label",class:"input-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l))+" ",1),e.unref(t)?(e.openBlock(),e.createBlock(e.unref(y.IonText),{key:0,color:"danger"},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("*")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0)}}),q=e.defineComponent({__name:"BaseInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=o,t=e.useModel(o,"modelValue"),l=e.ref(null),r=e.ref(t.value.value),s=e.computed(()=>n.schema),{isValid:a,onValueUpdate:g,onFocus:d,onReset:p,getErrors:f}=$(l,t,r,s),c=e.computed(()=>{if(t.value.pattern)return se(t.value.pattern)});return e.watch(()=>t.value.value,v=>r.value=v),i({onValueUpdate:g,onReset:p,getErrors:f,isValid:a}),(v,C)=>{var B;const _=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(y.IonInput),{ref_key:"inputRef",ref:l,modelValue:r.value,"onUpdate:modelValue":C[0]||(C[0]=S=>r.value=S),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:v.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:((B=c.value)==null?void 0:B.placeholder)??t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(d),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createVNode(X,{model:t.value},null,8,["model"]),t.value.prefix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.prefix),1)]),_:1})):e.createCommentVNode("",!0),t.value.suffix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"end"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.suffix),1)]),_:1})):e.createCommentVNode("",!0),v.type==="password"?(e.openBlock(),e.createBlock(e.unref(y.IonInputPasswordToggle),{key:2,slot:"end"})):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter","min","max","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"])),[[_,c.value]])}}}),$e=e.defineComponent({__name:"TextInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref(null);return i({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,r;return((r=(l=t.value)==null?void 0:l.getErrors)==null?void 0:r.call(l))??[]}}),(l,r)=>(e.openBlock(),e.createBlock(q,{modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s),type:"text",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Ae=e.defineComponent({__name:"DateInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref(null);return i({onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},getErrors:()=>{var l,r;return((r=(l=t.value)==null?void 0:l.getErrors)==null?void 0:r.call(l))??[]}}),(l,r)=>(e.openBlock(),e.createBlock(q,{modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s),type:n.value.enableTime?"datetime-local":"date",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","type","schema"]))}}),Me=e.defineComponent({__name:"NumberInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref(null);return i({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,r;return((r=(l=t.value)==null?void 0:l.getErrors)==null?void 0:r.call(l))??[]}}),(l,r)=>(e.openBlock(),e.createBlock(q,{modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s),type:"number",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Pe=e.defineComponent({__name:"EmailInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref(null);return i({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,r;return((r=(l=t.value)==null?void 0:l.getErrors)==null?void 0:r.call(l))??[]}}),(l,r)=>(e.openBlock(),e.createBlock(q,{modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s),type:"email",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Le=e.defineComponent({__name:"PasswordInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref(null);return i({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,r;return((r=(l=t.value)==null?void 0:l.getErrors)==null?void 0:r.call(l))??[]}}),(l,r)=>(e.openBlock(),e.createBlock(q,{modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s),type:"password",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Ue=e.defineComponent({__name:"SelectInput",props:e.mergeModels({schema:Object,type:String,formId:String},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=o,t=e.useModel(o,"modelValue"),l=e.ref(null),r=e.ref(null),s=e.ref(!1),a=e.ref([]),g=e.ref(""),d=e.ref(1),p=e.computed(()=>t.value.interface??"popover"),f=e.computed(()=>t.value.optionsPlacement==="top"?"top":"bottom"),c=e.computed(()=>a.value.filter(m=>!!m.isChecked)),v=e.computed(()=>!g.value&&K(c.value)&&!s.value?t.value.placeholder??"Select an option":"");e.watch([g,()=>t.value.options],N,{immediate:!0,deep:!0}),e.watch(()=>t.value.value,V,{immediate:!0,deep:!0}),e.watch(()=>!t.value.dependsOn||!n.schema?null:(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).map(u=>{const h=n.schema[u];return O(h)?h.value:void 0}),async(m,u)=>{m&&u&&!L(m,u)&&(C(),a.value=[],await N())},{deep:!0});function C(){t.value.error="",g.value="",d.value=1,t.value.value=t.value.multiple?[]:"",ce(a.value)}function _(m){const u=a.value.findIndex(h=>h.value===m.value&&h.isChecked);if(u>=0){if(Array.isArray(t.value.value)){const h=J(m,t.value.value);h>=0&&t.value.value.splice(h,1)}a.value[u].isChecked=!1}else t.value.multiple||C(),T(m,a.value);E(),g.value=""}function B(){switch(p.value){case"action-sheet":S();break;case"alert":b();break;case"popover":default:s.value=!0;break}}async function S(){if(await N(),t.value.multiple){s.value=!0;return}await(await y.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...a.value.map(u=>({text:u.label,cssClass:u.isChecked?"selected-option":"",handler:()=>(_(u),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function b(){await N();const m=a.value.map(h=>({label:h.label,type:t.value.multiple?"checkbox":"radio",value:h,checked:h.isChecked}));await(await y.alertController.create({header:t.value.label||"Select an option",inputs:m,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:h=>{if(t.value.multiple)a.value.forEach(w=>ie(w,a.value)),h.forEach(w=>{const k=a.value.find(x=>x.value===w.value);k&&T(k,a.value)});else{C();const w=a.value.find(k=>k.value===h.value);w&&T(w,a.value)}E()}}]})).present()}async function I(){if(t.value.required&&K(c.value))return"This field is required";if(t.value.validation){const m=await t.value.validation(c.value,n==null?void 0:n.schema);if(m&&m.length)return m.join()}return!0}const{onFocus:F,applyValidationState:z}=$(l,t,e.computed(()=>t.value.multiple?c.value:c.value[0]),e.computed(()=>n==null?void 0:n.schema),I);function D(m){var u;m.target===((u=l.value)==null?void 0:u.$el)&&(F(),p.value==="popover"&&(s.value=!0))}async function E(m){var h;if((h=m==null?void 0:m.relatedTarget)!=null&&h.closest(".suggestions-list"))return;s.value=!1;const u=await I();u===!0?(t.value.error="",t.value.value=t.value.multiple?c.value:c.value[0]):t.value.error=typeof u=="string"?u:"Validation failed",await z(u===!0)}async function N(){const m=[];if(typeof t.value.options=="function"){let u={};if(t.value.dependsOn&&n.schema){const h=Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn];let w=!0;if(u=h.reduce((k,x)=>{const R=n.schema[x];return k[x]=O(R)?R.value:void 0,(k[x]===void 0||k[x]===null||k[x]==="")&&(w=!1),k},{}),w){const k=await t.value.options(g.value,u);m.push(...k.filter(x=>!!x.label))}}else{const h=await t.value.options(g.value,{});m.push(...h.filter(w=>!!w.label))}}else Array.isArray(t.value.options)&&m.push(...de(t.value.options,g.value));c.value.forEach(u=>T(u,m)),a.value=m}async function V(){const m=t.value.value;if(m){if(a.value.length===0&&await N(),Array.isArray(m))m.forEach(u=>T(u,a.value));else if(typeof m=="object")T(m,a.value);else{const u=a.value.find(h=>h.value===m);T(u||{value:m,label:m},a.value)}E()}}return e.onMounted(async()=>{await N(),await V()}),i({onValueUpdate:E,onReset:C,getErrors:()=>t.value.error?[t.value.error]:[]}),(m,u)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:E,ref_key:"containerRef",ref:r},[e.createVNode(e.unref(y.IonInput),{ref_key:"inputRef",ref:l,modelValue:g.value,"onUpdate:modelValue":u[0]||(u[0]=h=>g.value=h),fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:o.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:v.value,disabled:t.value.disabled,counter:t.value.counter,onIonFocus:D,debounce:300,onClick:B},{default:e.withCtx(()=>[e.createVNode(X,{model:t.value},null,8,["model"]),t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,style:{width:"fit-content"},slot:"start"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(h,w)=>(e.openBlock(),e.createBlock(e.unref(y.IonChip),{key:w},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"start",class:"ion-no-wrap"},{default:e.withCtx(()=>{var h;return[e.createTextVNode(e.toDisplayString(((h=c.value[0])==null?void 0:h.label)??""),1)]}),_:1})),e.createVNode(e.unref(y.IonIcon),{slot:"end",icon:e.unref(G.chevronDown)},null,8,["icon"]),c.value.length>0||g.value?(e.openBlock(),e.createBlock(e.unref(y.IonIcon),{key:2,slot:"end",icon:e.unref(G.close),onClick:C,style:{"z-index":"999999"}},null,8,["icon"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter"]),s.value&&a.value.length>0&&p.value==="popover"?(e.openBlock(),e.createBlock(e.unref(y.IonList),{key:0,class:e.normalizeClass(["suggestions-list",f.value])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,h=>(e.openBlock(),e.createBlock(e.unref(y.IonItem),{button:"",key:h.label,onClick:w=>_(h)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{key:0,slot:"start",checked:h.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1},8,["class"])):e.createCommentVNode("",!0)],544))}}),qe=U(Ue,[["__scopeId","data-v-f96dd419"]]),je=e.defineComponent({__name:"TextAreaInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=o,t=e.useModel(o,"modelValue"),l=e.ref(null),r=e.ref(t.value.value),s=e.computed(()=>n.schema),{onValueUpdate:a,onFocus:g,onReset:d,getErrors:p}=$(l,t,r,s);return e.watch(()=>t.value.value,f=>r.value=f),i({onReset:d,onValueUpdate:a,getErrors:p}),(f,c)=>(e.openBlock(),e.createBlock(e.unref(y.IonTextarea),{ref_key:"inputRef",ref:l,modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=v=>r.value=v),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,rows:t.value.rows,cols:t.value.cols,"auto-grow":t.value.autoGrow,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(g),onIonChange:e.unref(a),onIonBlur:e.unref(a)},{default:e.withCtx(()=>[e.createVNode(X,{model:t.value},null,8,["model"])]),_:1},8,["modelValue","fill","label-placement","required","error-text","autofocus","placeholder","disabled","counter","min","max","rows","cols","auto-grow","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"]))}}),Ge={class:"ion-margin-end",style:{"flex-grow":"1"}},He={style:{display:"flex","justify-content":"flex-end"}},Ke=e.defineComponent({__name:"RepeatInput",props:e.mergeModels({schema:{},data:{},computedData:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=e.useModel(o,"modelValue"),t=e.ref([]),{dynamicRefs:l,resetForm:r,getFormErrors:s,updateFormValues:a}=Q(),g=e.computed(()=>t.value.map((C,_)=>({label:`Set ${_+1}`,value:_,other:Object.entries(C).reduce((B,[S,b])=>(O(b)&&(B[S]=b.value),B),{})})));e.watch(g,C=>{n.value.value=C},{deep:!0,immediate:!0}),e.onMounted(d);function d(){n.value.children&&t.value.push(Z(n.value.children))}function p(C){t.value.splice(C,1)}function f(){r()}function c(){return s()}async function v(){await a()}return i({onValueUpdate:v,onReset:f,getErrors:c}),(C,_)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(B,S)=>(e.openBlock(),e.createElementBlock("div",{class:"repeat-input-wrapper",key:S},[e.createElementVNode("div",Ge,[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(B),b=>{var I,F,z,D,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(W)(B[b],C.data,C.computedData)?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:`${S}-${b}`,size:((I=B[b].grid)==null?void 0:I.xs)??"12","size-sm":(F=B[b].grid)==null?void 0:F.sm,"size-md":(z=B[b].grid)==null?void 0:z.md,"size-lg":(D=B[b].grid)==null?void 0:D.lg,"size-xl":(E=B[b].grid)==null?void 0:E.xl,class:"ion-margin-bottom"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B[b].type),{modelValue:B[b],"onUpdate:modelValue":N=>B[b]=N,schema:B,"ref-key":`${S}-${b}`,ref_for:!0,ref_key:"dynamicRefs",ref:l},null,8,["modelValue","onUpdate:modelValue","schema","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:2},1024)]),e.createElementVNode("div",He,[S===t.value.length-1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:d,color:"primary"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(G.add)},null,8,["icon"])]),_:1})):e.createCommentVNode("",!0),t.value.length>1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:b=>p(S),color:"warning"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(G.remove)},null,8,["icon"])]),_:2},1032,["onClick"])):e.createCommentVNode("",!0)])]))),128))}}),We=U(Ke,[["__scopeId","data-v-5bad57e4"]]),Ze=e.defineComponent({__name:"CheckboxInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=o,t=e.useModel(o,"modelValue"),l=e.ref(null),r=e.ref(t.value.value),s=e.computed(()=>n.schema),a=e.computed(()=>Y(t.value)),{onValueUpdate:g,onFocus:d,getErrors:p}=$(l,t,r,s);function f(){r.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,c=>r.value=c),i({onValueUpdate:g,onReset:f,getErrors:p}),(c,v)=>(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{modelValue:r.value,"onUpdate:modelValue":v[0]||(v[0]=C=>r.value=C),ref_key:"inputRef",ref:l,required:t.value.required,"error-text":t.value.error,disabled:t.value.disabled,onIonFocus:e.unref(d),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1},8,["modelValue","required","error-text","disabled","onIonFocus","onIonChange","onIonBlur"]))}}),Je=e.defineComponent({__name:"RadioInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:i}){const n=o,t=e.useModel(o,"modelValue"),l=e.ref(null),r=e.ref(t.value.value),s=e.computed(()=>n.schema),a=e.ref([]),g=e.computed(()=>Y(t.value)),{onValueUpdate:d,onFocus:p,getErrors:f}=$(l,t,r,s);function c(){t.value.error="",r.value=void 0,t.value.value=void 0}function v(_,B){return _.value===B.value}async function C(){typeof t.value.options=="function"?a.value=await t.value.options():a.value=t.value.options}return e.watch(()=>t.value.value,_=>r.value=_),i({onValueUpdate:d,onReset:c,getErrors:f}),e.onMounted(C),(_,B)=>(e.openBlock(),e.createBlock(e.unref(y.IonRadioGroup),{modelValue:r.value,"onUpdate:modelValue":B[0]||(B[0]=S=>r.value=S),ref_key:"inputRef",ref:l,required:t.value.required,"helper-text":g.value,"error-text":t.value.error,disabled:t.value.disabled,compareWith:v,"allow-empty-selection":!t.value.required,onIonFocus:e.unref(p),onIonChange:e.unref(d),onIonBlur:e.unref(d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,S=>(e.openBlock(),e.createBlock(e.unref(y.IonRadio),{key:S.value,value:S,disabled:t.value.disabled,"label-placement":"end",justify:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","required","helper-text","error-text","disabled","allow-empty-selection","onIonFocus","onIonChange","onIonBlur"]))}}),Qe={class:"form-section-header"},Xe={class:"form-section-title"},Ye={key:0,class:"form-section-subtitle"},et=e.defineComponent({__name:"SectionTitle",props:{modelValue:{},schema:{},formId:{},refKey:{}},setup(o){const n=o.modelValue;return(t,l)=>{var r,s,a,g,d;return e.openBlock(),e.createBlock(e.unref(y.IonCol),{size:((r=e.unref(n).grid)==null?void 0:r.xs)??"12","size-sm":(s=e.unref(n).grid)==null?void 0:s.sm,"size-md":(a=e.unref(n).grid)==null?void 0:a.md,"size-lg":(g=e.unref(n).grid)==null?void 0:g.lg,"size-xl":(d=e.unref(n).grid)==null?void 0:d.xl,class:e.normalizeClass(["form-section-container",e.unref(n).className])},{default:e.withCtx(()=>[e.createElementVNode("div",Qe,[e.createElementVNode("h3",Xe,e.toDisplayString(e.unref(n).title),1),e.unref(n).subtitle?(e.openBlock(),e.createElementBlock("p",Ye,e.toDisplayString(e.unref(n).subtitle),1)):e.createCommentVNode("",!0)])]),_:1},8,["size","size-sm","size-md","size-lg","size-xl","class"])}}}),tt=U(et,[["__scopeId","data-v-cf5d6e04"]]);function ot(o,i,n){const t=e.ref({}),l=e.ref({});function r(p,f,c){l.value[p]=c,f.forEach(v=>{var C;(C=t.value)[v]??(C[v]=[]),t.value[v].includes(p)||t.value[v].push(p)}),d(p)}function s(p){return Object.entries(t.value).filter(([,c])=>c.includes(p)).map(([c])=>c).reduce((c,v)=>(c[v]=i.value[v]??n.value[v],c),{})}function a(p,f){return p?Array.isArray(p)?p.some(c=>f.some(v=>g(c,v.value))):f.some(c=>g(p,c.value)):!1}function g(p,f){return typeof p=="object"&&p!==null?p.value===f:String(p)===String(f)}async function d(p,f){if(!l.value[p])return;const c=s(p),v=Object.keys(c);if(!(v.length===0||!v.every(_=>c[_]!==void 0&&c[_]!==null)))try{const _=l.value[p],B=await _(f,c);if(!o.value[p])return;const S=o.value[p];if(!O(S))return;S.options=B;const b=S.value;if(!b)return;a(b,B)||(S.value=S.multiple?[]:"")}catch(_){console.error(`Error loading options for ${p}:`,_)}}return e.watch([i,n],()=>{Object.entries(t.value).forEach(([p,f])=>{(i.value[p]!==void 0||n.value[p]!==void 0)&&f.forEach(c=>{d(c)})})},{deep:!0,immediate:!0}),{registerDependency:r,updateOptions:d}}const oe={install(o){o.component("VForm",ze),o.component("TextInput",$e),o.component("DateInput",Ae),o.component("NumberInput",Me),o.component("EmailInput",Pe),o.component("PasswordInput",Le),o.component("SelectInput",qe),o.component("TextAreaInput",je),o.component("RepeatInput",We),o.component("CheckboxInput",Ze),o.component("RadioInput",Je),o.component("FormSection",tt),o.directive("maskito",ne.maskito)}};exports.VForm=oe;exports.default=oe;exports.useDataTransformation=ee;exports.useDependentOptions=ot;exports.useFormValidation=Q;exports.useInputValidation=$;exports.useMultiStepForm=te;
 //# sourceMappingURL=index.cjs.js.map