@uniquedj95/vform 3.3.0 → 3.4.1

package/dist/types/index.d.ts

@@ -46,6 +46,95 @@ export type ComputedData = Record<string, any>;
  * @type FormSchema
  */
 export type FormSchema = Record<string, FormField>;
+/**
+ * Represents the position of step indicators in a multi-step form.
+ *
+ * @type StepPosition
+ */
+export type StepPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Represents the display mode for step indicators.
+ *
+ * @type StepDisplayMode
+ */
+export type StepDisplayMode = 'numbers' | 'labels';
+/**
+ * Represents a single step in a multi-step form.
+ *
+ * @interface FormStep
+ */
+export interface FormStep {
+    /**
+     * Unique identifier for the step.
+     */
+    id: string;
+    /**
+     * The title of the step.
+     */
+    title: string;
+    /**
+     * Optional subtitle for the step.
+     */
+    subtitle?: string;
+    /**
+     * The form schema for this step.
+     */
+    schema: FormSchema;
+    /**
+     * Custom validation function for the entire step.
+     */
+    validation?: (formData: FormData, computedData: ComputedData) => Promise<Array<string> | null> | Array<string> | null;
+}
+/**
+ * Configuration for multi-step forms.
+ *
+ * @interface MultiStepConfig
+ */
+export interface MultiStepConfig {
+    /**
+     * Array of form steps.
+     */
+    steps: FormStep[];
+    /**
+     * Position of the step indicators.
+     */
+    stepPosition?: StepPosition;
+    /**
+     * Display mode for step indicators.
+     */
+    stepDisplayMode?: StepDisplayMode;
+    /**
+     * Whether to show step progress.
+     */
+    showProgress?: boolean;
+    /**
+     * Whether to allow clicking on step indicators to navigate.
+     */
+    allowStepNavigation?: boolean;
+}
+/**
+ * Data structure for multi-step form submission.
+ *
+ * @interface MultiStepFormData
+ */
+export interface MultiStepFormData {
+    /**
+     * Form data for each step, mapped by step ID.
+     */
+    steps: Record<string, FormData>;
+    /**
+     * Computed data for each step, mapped by step ID.
+     */
+    computedSteps: Record<string, ComputedData>;
+    /**
+     * Combined form data from all steps.
+     */
+    allFormData: FormData;
+    /**
+     * Combined computed data from all steps.
+     */
+    allComputedData: 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 @@
-.input-label{font-size:large;font-weight:700}.autocomplete-container[data-v-4766dec2]{position:relative}.suggestions-list[data-v-4766dec2]{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-4766dec2]{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-4766dec2]{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-4766dec2]{margin:0;padding:0}ion-item[data-v-4766dec2]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-4766dec2]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-4766dec2] .selected-option{font-weight:700;color:var(--ion-color-primary)}.repeat-input-wrapper[data-v-060bdf58]{display:flex;justify-content:space-between;align-items:baseline}
+.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-3850cccc]{font-size:large;font-weight:700}.v-form-container[data-v-3850cccc]{width:100%}.multi-step-form[data-v-3850cccc]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.multi-step-content[data-v-3850cccc]{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.multi-step-content--top[data-v-3850cccc],.multi-step-content--bottom[data-v-3850cccc]{flex-direction:column}.multi-step-content--left[data-v-3850cccc],.multi-step-content--right[data-v-3850cccc]{flex-direction:row}.multi-step-sidebar[data-v-3850cccc]{flex-shrink:0;min-width:250px}.multi-step-form-content[data-v-3850cccc]{flex:1;min-width:0}.multi-step-buttons[data-v-3850cccc]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.button-container[data-v-3850cccc]{display:flex;justify-content:space-between;align-items:center;width:100%}.step-nav-buttons[data-v-3850cccc]{min-width:120px;display:flex;justify-content:flex-start}.step-nav-buttons[data-v-3850cccc]:last-child{justify-content:flex-end}.step-action-buttons[data-v-3850cccc]{display:flex;gap:.5rem;justify-content:center;flex:1}.step-progress-bottom[data-v-3850cccc]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.step-progress-bar[data-v-3850cccc]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.step-progress-fill[data-v-3850cccc]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-progress-text[data-v-3850cccc]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.multi-step-content--left[data-v-3850cccc],.multi-step-content--right[data-v-3850cccc]{flex-direction:column}.multi-step-sidebar[data-v-3850cccc]{min-width:unset;width:100%}.multi-step-buttons .button-container[data-v-3850cccc]{flex-direction:column;gap:1rem}.step-nav-buttons[data-v-3850cccc],.step-action-buttons[data-v-3850cccc]{min-width:unset;width:100%;justify-content:center}.step-nav-buttons[data-v-3850cccc]:last-child{justify-content:center}}@media (max-width: 480px){.multi-step-form[data-v-3850cccc],.multi-step-content[data-v-3850cccc]{gap:1rem}.multi-step-buttons[data-v-3850cccc]{margin-top:1rem}}.autocomplete-container[data-v-8d55391c]{position:relative}.suggestions-list[data-v-8d55391c]{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-8d55391c]{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-8d55391c]{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-8d55391c]{margin:0;padding:0}ion-item[data-v-8d55391c]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-8d55391c]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-8d55391c] .selected-option{font-weight:700;color:var(--ion-color-primary)}.repeat-input-wrapper[data-v-060bdf58]{display:flex;justify-content:space-between;align-items:baseline}

package/package.json

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