@uniquedj95/vform 3.5.2 → 3.6.0

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 /**
  * Represents a form section with title and optional subtitle.
  *
@@ -105,8 +106,33 @@ export interface FormStep {
     subtitle?: string;
     /**
      * The form schema for this step.
+     * Not required if customComponent is provided.
      */
-    schema: FormSchema;
+    schema?: FormSchema;
+    /**
+     * Optional custom component to use for this step instead of a form schema.
+     * This should be a Vue component reference.
+     */
+    component?: Component;
+    /**
+     * Optional props to pass to the custom component.
+     */
+    componentProps?: Record<string, any>;
+    /**
+     * Optional condition function that determines if this step should be displayed.
+     *
+     * When a step is hidden:
+     * - It won't appear in the step indicator
+     * - Navigation will skip over it automatically
+     * - Its data will be cleared to prevent submission of skipped information
+     * - If the step becomes visible again, it will start with empty or default values
+     *
+     * @param formData - The form data organized by step ID to avoid key conflicts.
+     * @param computedData - The computed data organized by step ID to avoid key conflicts.
+     *
+     * @returns {boolean} - If the function returns true, the step will be displayed. The step will be hidden otherwise.
+     */
+    condition?: (formData: Record<string, FormData>, computedData: Record<string, ComputedData>) => boolean;
     /**
      * Custom validation function for the entire step.
      */
@@ -147,20 +173,14 @@ export interface MultiStepConfig {
 export interface MultiStepFormData {
     /**
      * Form data for each step, mapped by step ID.
+     * Access specific step data using: formData['step-id']
      */
-    steps: Record<string, FormData>;
+    formData: Record<string, FormData>;
     /**
      * Computed data for each step, mapped by step ID.
+     * Access specific step computed data using: computedData['step-id']
      */
-    computedSteps: Record<string, ComputedData>;
-    /**
-     * Combined form data from all steps.
-     */
-    allFormData: FormData;
-    /**
-     * Combined computed data from all steps.
-     */
-    allComputedData: ComputedData;
+    computedData: Record<string, ComputedData>;
 }
 /**
  * Defines responsive grid sizes for form fields across different viewport breakpoints.

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/vform.css

@@ -1 +1 @@
-.step-indicator[data-v-aca1a6d0]{display:flex;flex-direction:column;gap:1rem}.step-indicator--top[data-v-aca1a6d0],.step-indicator--bottom[data-v-aca1a6d0]{flex-direction:column}.step-indicator--left[data-v-aca1a6d0],.step-indicator--right[data-v-aca1a6d0]{flex-direction:row}.step-indicator__container[data-v-aca1a6d0]{display:flex;align-items:center;gap:0}.step-indicator--left .step-indicator__container[data-v-aca1a6d0],.step-indicator--right .step-indicator__container[data-v-aca1a6d0]{flex-direction:column;align-items:stretch}.step-indicator__step[data-v-aca1a6d0]{display:flex;align-items:center;position:relative;flex:1}.step-indicator--left .step-indicator__step[data-v-aca1a6d0],.step-indicator--right .step-indicator__step[data-v-aca1a6d0]{flex-direction:column;align-items:stretch;padding:.5rem 0}.step-indicator--left .step-indicator__step[data-v-aca1a6d0]{align-items:flex-start;padding:1.5rem 0}.step-indicator--right .step-indicator__step[data-v-aca1a6d0]{align-items:flex-end;padding:1.5rem 0}.step-indicator__step--clickable[data-v-aca1a6d0]{cursor:pointer}.step-indicator__step--clickable:hover .step-indicator__step-marker[data-v-aca1a6d0]{transform:scale(1.1)}.step-indicator__step-content[data-v-aca1a6d0]{display:flex;align-items:center;gap:.75rem;z-index:1}.step-indicator--left .step-indicator__step-content[data-v-aca1a6d0]{flex-direction:row;text-align:left;gap:1.75rem}.step-indicator--right .step-indicator__step-content[data-v-aca1a6d0]{flex-direction:row-reverse;text-align:right;gap:1.75rem}.step-indicator__step-marker[data-v-aca1a6d0]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease;background:var(--ion-color-light);border:2px solid var(--ion-color-medium);color:var(--ion-color-light-contrast);position:relative}.step-indicator__step--active .step-indicator__step-marker[data-v-aca1a6d0]{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.step-indicator__step--completed .step-indicator__step-marker[data-v-aca1a6d0]{background:var(--ion-color-success);border-color:var(--ion-color-success);color:var(--ion-color-primary-contrast)}.step-indicator__step-info[data-v-aca1a6d0]{flex:1;min-width:0}.step-indicator--right .step-indicator__step-info[data-v-aca1a6d0]{text-align:right}.step-indicator__step-title[data-v-aca1a6d0]{font-weight:600;font-size:.875rem;color:var(--ion-color-dark);margin:0}.step-indicator__step--active .step-indicator__step-title[data-v-aca1a6d0]{color:var(--ion-color-primary)}.step-indicator__step-subtitle[data-v-aca1a6d0]{font-size:.75rem;color:var(--ion-color-medium);margin:0;margin-top:.25rem}.step-indicator__connector[data-v-aca1a6d0]{height:2px;background:var(--ion-color-light);flex:1;margin:0 1rem;transition:background-color .3s ease}.step-indicator--left .step-indicator__connector[data-v-aca1a6d0],.step-indicator--right .step-indicator__connector[data-v-aca1a6d0]{height:100%;width:2px;margin:.5rem 0;position:absolute;top:2.5rem;bottom:-.5rem}.step-indicator--left .step-indicator__connector[data-v-aca1a6d0]{left:1.25rem;transform:translate(-50%)}.step-indicator--right .step-indicator__connector[data-v-aca1a6d0]{right:1.25rem;transform:translate(50%)}.step-indicator__connector--completed[data-v-aca1a6d0]{background:var(--ion-color-success)}.step-indicator__progress[data-v-aca1a6d0]{display:flex;flex-direction:column;gap:.5rem}.step-indicator__progress-bar[data-v-aca1a6d0]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden}.step-indicator__progress-fill[data-v-aca1a6d0]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-indicator__progress-text[data-v-aca1a6d0]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.step-indicator__step-title[data-v-aca1a6d0]{font-size:.75rem}.step-indicator__step-subtitle[data-v-aca1a6d0]{font-size:.625rem}.step-indicator__step-marker[data-v-aca1a6d0]{width:2rem;height:2rem;font-size:.75rem}}.input-label[data-v-74178f58]{font-size:large;font-weight:700}.v-form-container[data-v-74178f58]{width:100%}.multi-step-form[data-v-74178f58]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.multi-step-content[data-v-74178f58]{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.multi-step-content--top[data-v-74178f58],.multi-step-content--bottom[data-v-74178f58]{flex-direction:column}.multi-step-content--left[data-v-74178f58],.multi-step-content--right[data-v-74178f58]{flex-direction:row}.multi-step-sidebar[data-v-74178f58]{flex-shrink:0;min-width:250px}.multi-step-form-content[data-v-74178f58]{flex:1;min-width:0}.multi-step-buttons[data-v-74178f58]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.button-container[data-v-74178f58]{display:flex;justify-content:space-between;align-items:center;width:100%}.step-nav-buttons[data-v-74178f58]{min-width:120px;display:flex;justify-content:flex-start}.step-nav-buttons[data-v-74178f58]:last-child{justify-content:flex-end}.step-action-buttons[data-v-74178f58]{display:flex;gap:.5rem;justify-content:center;flex:1}.step-progress-bottom[data-v-74178f58]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.step-progress-bar[data-v-74178f58]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.step-progress-fill[data-v-74178f58]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-progress-text[data-v-74178f58]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.multi-step-content--left[data-v-74178f58],.multi-step-content--right[data-v-74178f58]{flex-direction:column}.multi-step-sidebar[data-v-74178f58]{min-width:unset;width:100%}.multi-step-buttons .button-container[data-v-74178f58]{flex-direction:column;gap:1rem}.step-nav-buttons[data-v-74178f58],.step-action-buttons[data-v-74178f58]{min-width:unset;width:100%;justify-content:center}.step-nav-buttons[data-v-74178f58]:last-child{justify-content:center}}@media (max-width: 480px){.multi-step-form[data-v-74178f58],.multi-step-content[data-v-74178f58]{gap:1rem}.multi-step-buttons[data-v-74178f58]{margin-top:1rem}}.autocomplete-container[data-v-e4c50d52]{position:relative}.suggestions-list[data-v-e4c50d52]{position:absolute;left:0;right:0;background-color:#fff;border:none;z-index:99000;max-height:65vh;overflow-y:auto;transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.suggestions-list.bottom[data-v-e4c50d52]{top:100%;margin-top:4px;border-radius:4px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.suggestions-list.top[data-v-e4c50d52]{bottom:100%;margin-bottom:4px;border-radius:4px;box-shadow:0 -2px 4px -1px #0003,0 -4px 5px #00000024,0 -1px 10px #0000001f}ion-list[data-v-e4c50d52]{margin:0;padding:0}ion-item[data-v-e4c50d52]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-e4c50d52]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-e4c50d52] .selected-option{font-weight:700;color:var(--ion-color-primary)}.repeat-input-wrapper[data-v-5bad57e4]{display:flex;justify-content:space-between;align-items:baseline}.form-section-container[data-v-cf5d6e04]{padding:0!important}.form-section-header[data-v-cf5d6e04]{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--ion-color-primary)}.form-section-title[data-v-cf5d6e04]{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--ion-color-primary);line-height:1.2}.form-section-subtitle[data-v-cf5d6e04]{margin:0;font-size:.875rem;color:var(--ion-color-medium);line-height:1.3}:first-child .form-section-header[data-v-cf5d6e04]{margin-top:.5rem}@media (max-width: 768px){.form-section-header[data-v-cf5d6e04]{margin:1rem 0 .75rem}.form-section-title[data-v-cf5d6e04]{font-size:1.125rem}.form-section-subtitle[data-v-cf5d6e04]{font-size:.8rem}}
+.step-indicator[data-v-aca1a6d0]{display:flex;flex-direction:column;gap:1rem}.step-indicator--top[data-v-aca1a6d0],.step-indicator--bottom[data-v-aca1a6d0]{flex-direction:column}.step-indicator--left[data-v-aca1a6d0],.step-indicator--right[data-v-aca1a6d0]{flex-direction:row}.step-indicator__container[data-v-aca1a6d0]{display:flex;align-items:center;gap:0}.step-indicator--left .step-indicator__container[data-v-aca1a6d0],.step-indicator--right .step-indicator__container[data-v-aca1a6d0]{flex-direction:column;align-items:stretch}.step-indicator__step[data-v-aca1a6d0]{display:flex;align-items:center;position:relative;flex:1}.step-indicator--left .step-indicator__step[data-v-aca1a6d0],.step-indicator--right .step-indicator__step[data-v-aca1a6d0]{flex-direction:column;align-items:stretch;padding:.5rem 0}.step-indicator--left .step-indicator__step[data-v-aca1a6d0]{align-items:flex-start;padding:1.5rem 0}.step-indicator--right .step-indicator__step[data-v-aca1a6d0]{align-items:flex-end;padding:1.5rem 0}.step-indicator__step--clickable[data-v-aca1a6d0]{cursor:pointer}.step-indicator__step--clickable:hover .step-indicator__step-marker[data-v-aca1a6d0]{transform:scale(1.1)}.step-indicator__step-content[data-v-aca1a6d0]{display:flex;align-items:center;gap:.75rem;z-index:1}.step-indicator--left .step-indicator__step-content[data-v-aca1a6d0]{flex-direction:row;text-align:left;gap:1.75rem}.step-indicator--right .step-indicator__step-content[data-v-aca1a6d0]{flex-direction:row-reverse;text-align:right;gap:1.75rem}.step-indicator__step-marker[data-v-aca1a6d0]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease;background:var(--ion-color-light);border:2px solid var(--ion-color-medium);color:var(--ion-color-light-contrast);position:relative}.step-indicator__step--active .step-indicator__step-marker[data-v-aca1a6d0]{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.step-indicator__step--completed .step-indicator__step-marker[data-v-aca1a6d0]{background:var(--ion-color-success);border-color:var(--ion-color-success);color:var(--ion-color-primary-contrast)}.step-indicator__step-info[data-v-aca1a6d0]{flex:1;min-width:0}.step-indicator--right .step-indicator__step-info[data-v-aca1a6d0]{text-align:right}.step-indicator__step-title[data-v-aca1a6d0]{font-weight:600;font-size:.875rem;color:var(--ion-color-dark);margin:0}.step-indicator__step--active .step-indicator__step-title[data-v-aca1a6d0]{color:var(--ion-color-primary)}.step-indicator__step-subtitle[data-v-aca1a6d0]{font-size:.75rem;color:var(--ion-color-medium);margin:0;margin-top:.25rem}.step-indicator__connector[data-v-aca1a6d0]{height:2px;background:var(--ion-color-light);flex:1;margin:0 1rem;transition:background-color .3s ease}.step-indicator--left .step-indicator__connector[data-v-aca1a6d0],.step-indicator--right .step-indicator__connector[data-v-aca1a6d0]{height:100%;width:2px;margin:.5rem 0;position:absolute;top:2.5rem;bottom:-.5rem}.step-indicator--left .step-indicator__connector[data-v-aca1a6d0]{left:1.25rem;transform:translate(-50%)}.step-indicator--right .step-indicator__connector[data-v-aca1a6d0]{right:1.25rem;transform:translate(50%)}.step-indicator__connector--completed[data-v-aca1a6d0]{background:var(--ion-color-success)}.step-indicator__progress[data-v-aca1a6d0]{display:flex;flex-direction:column;gap:.5rem}.step-indicator__progress-bar[data-v-aca1a6d0]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden}.step-indicator__progress-fill[data-v-aca1a6d0]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-indicator__progress-text[data-v-aca1a6d0]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.step-indicator__step-title[data-v-aca1a6d0]{font-size:.75rem}.step-indicator__step-subtitle[data-v-aca1a6d0]{font-size:.625rem}.step-indicator__step-marker[data-v-aca1a6d0]{width:2rem;height:2rem;font-size:.75rem}}.input-label[data-v-a0ab63bd]{font-size:large;font-weight:700}.v-form-container[data-v-a0ab63bd]{width:100%}.multi-step-form[data-v-a0ab63bd]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.multi-step-content[data-v-a0ab63bd]{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.multi-step-content--top[data-v-a0ab63bd],.multi-step-content--bottom[data-v-a0ab63bd]{flex-direction:column}.multi-step-content--left[data-v-a0ab63bd],.multi-step-content--right[data-v-a0ab63bd]{flex-direction:row}.multi-step-sidebar[data-v-a0ab63bd]{flex-shrink:0;min-width:250px}.multi-step-form-content[data-v-a0ab63bd]{flex:1;min-width:0}.multi-step-buttons[data-v-a0ab63bd]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.button-container[data-v-a0ab63bd]{display:flex;justify-content:space-between;align-items:center;width:100%}.step-nav-buttons[data-v-a0ab63bd]{min-width:120px;display:flex;justify-content:flex-start}.step-nav-buttons[data-v-a0ab63bd]:last-child{justify-content:flex-end}.step-action-buttons[data-v-a0ab63bd]{display:flex;gap:.5rem;justify-content:center;flex:1}.step-progress-bottom[data-v-a0ab63bd]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.step-progress-bar[data-v-a0ab63bd]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.step-progress-fill[data-v-a0ab63bd]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-progress-text[data-v-a0ab63bd]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.multi-step-content--left[data-v-a0ab63bd],.multi-step-content--right[data-v-a0ab63bd]{flex-direction:column}.multi-step-sidebar[data-v-a0ab63bd]{min-width:unset;width:100%}.multi-step-buttons .button-container[data-v-a0ab63bd]{flex-direction:column;gap:1rem}.step-nav-buttons[data-v-a0ab63bd],.step-action-buttons[data-v-a0ab63bd]{min-width:unset;width:100%;justify-content:center}.step-nav-buttons[data-v-a0ab63bd]:last-child{justify-content:center}}@media (max-width: 480px){.multi-step-form[data-v-a0ab63bd],.multi-step-content[data-v-a0ab63bd]{gap:1rem}.multi-step-buttons[data-v-a0ab63bd]{margin-top:1rem}}.autocomplete-container[data-v-74ee432d]{position:relative}.suggestions-list[data-v-74ee432d]{position:absolute;left:0;right:0;background-color:#fff;border:none;z-index:99000;max-height:65vh;overflow-y:auto;transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.suggestions-list.bottom[data-v-74ee432d]{top:100%;margin-top:4px;border-radius:4px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.suggestions-list.top[data-v-74ee432d]{bottom:100%;margin-bottom:4px;border-radius:4px;box-shadow:0 -2px 4px -1px #0003,0 -4px 5px #00000024,0 -1px 10px #0000001f}ion-list[data-v-74ee432d]{margin:0;padding:0}ion-item[data-v-74ee432d]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-74ee432d]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-74ee432d] .selected-option{font-weight:700;color:var(--ion-color-primary)}.repeat-input-wrapper[data-v-c3c3598f]{display:flex;justify-content:space-between;align-items:baseline}.form-section-container[data-v-cf5d6e04]{padding:0!important}.form-section-header[data-v-cf5d6e04]{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--ion-color-primary)}.form-section-title[data-v-cf5d6e04]{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--ion-color-primary);line-height:1.2}.form-section-subtitle[data-v-cf5d6e04]{margin:0;font-size:.875rem;color:var(--ion-color-medium);line-height:1.3}:first-child .form-section-header[data-v-cf5d6e04]{margin-top:.5rem}@media (max-width: 768px){.form-section-header[data-v-cf5d6e04]{margin:1rem 0 .75rem}.form-section-title[data-v-cf5d6e04]{font-size:1.125rem}.form-section-subtitle[data-v-cf5d6e04]{font-size:.8rem}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniquedj95/vform",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "description": "A simplified ionic vue form builder",
   "type": "module",
   "main": "./dist/index.umd.js",