@uniquedj95/vform 3.6.3 → 3.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20,7 +20,7 @@ export type FormValidator = (value: FormValue, schema?: FormSchema) => Promise<A
20
20
  *
21
21
  * @type ComputedValueHandler
22
22
  */
23
- export type ComputedValueHandler = (value: FormValue, schema: FormSchema) => Promise<any> | any;
23
+ export type ComputedValueHandler = (value: FormValue, schema: FormSchema) => any;
24
24
  /**
25
25
  * Represents the options for a form, which can be either an array of `Option` objects
26
26
  * or a function that returns an array of `Option` objects.
@@ -418,7 +418,7 @@ export interface FormField {
418
418
  * @param schema - The schema of the form.
419
419
  * @returns {FormValue} The processed form value.
420
420
  */
421
- onChange?: (value: FormValue, schema: FormSchema) => FormValue;
421
+ onChange?: (value: FormValue, schema: FormSchema) => FormValue | void;
422
422
  /**
423
423
  * The custom function used for computing alternative values based on the current value of the form input field.
424
424
  *
@@ -442,16 +442,17 @@ export interface OptionDescription {
442
442
  * The color to display the description text in.
443
443
  */
444
444
  color: 'primary' | 'warning' | 'danger' | 'secondary' | 'light';
445
- /**
446
- * When to show the description.
447
- * - 'onChecked': Only display when the option is selected.
448
- * - 'always': Always display the description.
449
- */
450
- show?: 'onChecked' | 'always';
451
445
  /**
452
446
  * The description text to display.
453
447
  */
454
448
  text: string;
449
+ /**
450
+ * Determines when to show the description.
451
+ * - 'always': show the description always
452
+ * - 'onSelected': Show description only when the option is selected
453
+ * @default 'always'
454
+ */
455
+ show?: 'always' | 'onSelected';
455
456
  }
456
457
  /**
457
458
  * Represents a selectable option in inputs like Select, Checkbox, etc.
@@ -514,6 +515,14 @@ export interface CustomButton {
514
515
  * The fill style of the button.
515
516
  */
516
517
  fill?: 'solid' | 'outline';
518
+ /**
519
+ * The expand style of the button.
520
+ */
521
+ expand?: 'full' | 'block';
522
+ /**
523
+ * The size of the button.
524
+ */
525
+ size?: 'default' | 'small' | 'large';
517
526
  /**
518
527
  * The color theme of the button.
519
528
  */
@@ -523,4 +532,132 @@ export interface CustomButton {
523
532
  */
524
533
  action: () => void;
525
534
  }
535
+ /**
536
+ * Configuration interface for the vForm component properties.
537
+ *
538
+ * This interface defines all the props that can be passed to configure
539
+ * the form's appearance, behavior, and functionality. It supports both
540
+ * single-step and multi-step forms with extensive customization options.
541
+ *
542
+ * @interface FormProps
543
+ */
544
+ export interface FormProps {
545
+ /**
546
+ * The form schema defining the structure and fields of a single-step form.
547
+ * This property is used for regular forms. For multi-step forms, use `multiStepConfig`.
548
+ *
549
+ * @type FormSchema
550
+ */
551
+ schema?: FormSchema;
552
+ /**
553
+ * Configuration for multi-step forms including steps, navigation, and display options.
554
+ * When provided, the form will operate in multi-step mode and `schema` will be ignored.
555
+ *
556
+ * @type MultiStepConfig
557
+ */
558
+ multiStepConfig?: MultiStepConfig;
559
+ /**
560
+ * Whether to display field labels. When set to false, labels will be hidden
561
+ * but placeholders and other field identifiers may still be visible.
562
+ *
563
+ * @default true
564
+ */
565
+ showLabels?: boolean;
566
+ /**
567
+ * Whether to display a clear/reset button that allows users to reset
568
+ * the form to its initial state.
569
+ *
570
+ * @default true
571
+ */
572
+ showClearButton?: boolean;
573
+ /**
574
+ * Whether to display a cancel button that allows users to cancel
575
+ * the current form operation.
576
+ *
577
+ * @default true
578
+ */
579
+ showCancelButton?: boolean;
580
+ /**
581
+ * Controls the horizontal alignment of form buttons.
582
+ * - 'start': Buttons aligned to the left
583
+ * - 'middle': Buttons centered
584
+ * - 'end': Buttons aligned to the right
585
+ *
586
+ * @default 'start'
587
+ */
588
+ buttonPlacement?: 'start' | 'middle' | 'end';
589
+ /**
590
+ * Custom text for the submit button. If not provided, defaults to 'Submit'.
591
+ *
592
+ * @default 'Submit'
593
+ */
594
+ submitButtonText?: string;
595
+ /**
596
+ * Custom text for the clear/reset button. If not provided, defaults to 'Reset'.
597
+ *
598
+ * @default 'Reset'
599
+ */
600
+ clearButtonText?: string;
601
+ /**
602
+ * Custom text for the cancel button. If not provided, defaults to 'Cancel'.
603
+ *
604
+ * @default 'Cancel'
605
+ */
606
+ cancelButtonText?: string;
607
+ /**
608
+ * Custom text for the next button. If not provided, defaults to 'Next'.
609
+ *
610
+ * @default 'Next'
611
+ */
612
+ nextButtonText?: string;
613
+ /**
614
+ * Custom text for the previous button. If not provided, defaults to 'Previous'.
615
+ *
616
+ * @default 'Previous'
617
+ */
618
+ previousButtonText?: string;
619
+ /**
620
+ * Whether to hide all default form buttons (submit, clear, cancel).
621
+ * When true, only custom buttons will be displayed if provided.
622
+ *
623
+ * @default false
624
+ */
625
+ hideButtons?: boolean;
626
+ /**
627
+ * Array of custom buttons to add to the form. These buttons will appear
628
+ * alongside or instead of the default buttons depending on configuration.
629
+ * Each button can have custom styling, icons, and click handlers.
630
+ *
631
+ * @type Array<CustomButton>
632
+ */
633
+ customButtons?: Array<CustomButton>;
634
+ }
635
+ /**
636
+ * Form validation error messages.
637
+ *
638
+ * @type ErrorMessage
639
+ */
640
+ export type ErrorMessage = 'required' | 'minLength' | 'maxLength' | 'InvalidEmail' | 'invalidDate' | 'InvalidPattern' | 'customError';
641
+ /**
642
+ * Type for action button variants.
643
+ *
644
+ * @type ActionButtonType
645
+ */
646
+ export type ActionButtonType = 'submit' | 'next' | 'cancel' | 'clear' | 'previous' | 'ok';
647
+ /**
648
+ * Interface for global form configuration options.
649
+ * These settings apply to all forms in the application unless overridden locally.
650
+ *
651
+ * @interface GlobalConfig
652
+ */
653
+ export interface GlobalConfig {
654
+ /**
655
+ * Custom error messages to use across all forms.
656
+ */
657
+ errorMessages?: Partial<Record<ErrorMessage, string>>;
658
+ /**
659
+ * Action buttons configuration to use across all forms.
660
+ */
661
+ buttons?: Partial<Record<ActionButtonType, Omit<CustomButton, 'action'>>>;
662
+ }
526
663
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
@@ -12,6 +12,20 @@ export declare const monthNames: string[];
12
12
  * Returns `false` otherwise.
13
13
  */
14
14
  export declare function isEmpty(value: any): boolean;
15
+ /**
16
+ * Determines if a field's value should be preserved during form reset operations.
17
+ *
18
+ * A field's value should be preserved if:
19
+ * - The field is disabled
20
+ * - The field is explicitly hidden
21
+ * - The field has a condition function that evaluates to false (making it conditionally hidden)
22
+ *
23
+ * @param field - The form field to check
24
+ * @param formData - Current form data for condition evaluation
25
+ * @param computedData - Current computed data for condition evaluation
26
+ * @returns `true` if the field value should be preserved, `false` if it should be reset
27
+ */
28
+ export declare function shouldPreserveFieldValue(field: FormField, formData: FormData, computedData: ComputedData): boolean;
15
29
  /**
16
30
  * Determines if a form field can be rendered based on a condition.
17
31
  *
@@ -66,6 +80,14 @@ export declare function uncheckOption(option: Option, options: Array<Option>): v
66
80
  * @param {Array<Option>} options - The array of options to uncheck.
67
81
  */
68
82
  export declare function uncheckAllOptions(options: Array<Option>): void;
83
+ /**
84
+ * Determines if an option's description should be displayed based on its configuration.
85
+ *
86
+ * @param {Option} option - The option to check.
87
+ * @param {boolean} [isSelected] - Whether the option is currently selected.
88
+ * @returns {boolean} `true` if the option has a description that should be displayed, `false` otherwise.
89
+ */
90
+ export declare function shouldShowDescription(option: Option, isSelected?: boolean): boolean;
69
91
  /**
70
92
  * Filters an array of options based on a provided filter string.
71
93
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;IAaI;AACJ,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpE,cAAc,WAAW,CAAC;AAE1B;;IAEI;AACJ,eAAO,MAAM,UAAU,UAatB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAQ3C;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,WAK1F;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAuB5C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CASzE;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAIjE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAGnE;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAIvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAKxF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAIrD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,OAAO,CA0BvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEpD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEtD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;IAaI;AACJ,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpE,cAAc,WAAW,CAAC;AAE1B;;IAEI;AACJ,eAAO,MAAM,UAAU,UAatB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAQ3C;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GACzB,OAAO,CAMT;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,WAK1F;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAuB5C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CASzE;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAIjE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAGnE;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAIvD;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAgBnF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAKxF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAIrD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,OAAO,CAwBvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEpD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEtD"}
package/dist/vform.css CHANGED
@@ -1 +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-897e5a98]{font-size:large;font-weight:700}.v-form-container[data-v-897e5a98]{width:100%}.multi-step-form[data-v-897e5a98]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.multi-step-content[data-v-897e5a98]{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.multi-step-content--top[data-v-897e5a98],.multi-step-content--bottom[data-v-897e5a98]{flex-direction:column}.multi-step-content--left[data-v-897e5a98],.multi-step-content--right[data-v-897e5a98]{flex-direction:row}.multi-step-sidebar[data-v-897e5a98]{flex-shrink:0;min-width:250px}.multi-step-form-content[data-v-897e5a98]{flex:1;min-width:0}.multi-step-buttons[data-v-897e5a98]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.button-container[data-v-897e5a98]{display:flex;justify-content:space-between;align-items:center;width:100%}.step-nav-buttons[data-v-897e5a98]{min-width:120px;display:flex;justify-content:flex-start}.step-nav-buttons[data-v-897e5a98]:last-child{justify-content:flex-end}.step-action-buttons[data-v-897e5a98]{display:flex;gap:.5rem;justify-content:center;flex:1}.step-progress-bottom[data-v-897e5a98]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.step-progress-bar[data-v-897e5a98]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.step-progress-fill[data-v-897e5a98]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-progress-text[data-v-897e5a98]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.multi-step-content--left[data-v-897e5a98],.multi-step-content--right[data-v-897e5a98]{flex-direction:column}.multi-step-sidebar[data-v-897e5a98]{min-width:unset;width:100%}.multi-step-buttons .button-container[data-v-897e5a98]{flex-direction:column;gap:1rem}.step-nav-buttons[data-v-897e5a98],.step-action-buttons[data-v-897e5a98]{min-width:unset;width:100%;justify-content:center}.step-nav-buttons[data-v-897e5a98]:last-child{justify-content:center}}@media (max-width: 480px){.multi-step-form[data-v-897e5a98],.multi-step-content[data-v-897e5a98]{gap:1rem}.multi-step-buttons[data-v-897e5a98]{margin-top:1rem}}.autocomplete-container[data-v-9525dee8]{position:relative}.suggestions-list[data-v-9525dee8]{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-9525dee8]{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-9525dee8]{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-9525dee8]{margin:0;padding:0}ion-item[data-v-9525dee8]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-9525dee8]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-9525dee8] .selected-option{font-weight:700;color:var(--ion-color-primary)}.repeat-input-wrapper[data-v-0eb7594d]{margin-bottom:var(--form-margin-bottom, 10px)}.repeat-row[data-v-0eb7594d]{width:100%;margin:0;align-items:center}.form-fields-column[data-v-0eb7594d]{padding-right:0;display:flex;align-items:center}.fields-row[data-v-0eb7594d]{width:100%;margin-top:0}.button-column[data-v-0eb7594d]{padding:0 var(--form-button-padding, 10px);display:flex;align-items:center}.action-button[data-v-0eb7594d]{margin:0}.button-container[data-v-0eb7594d]{display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:10px}.form-section-container[data-v-e0bf7af0]{padding:0!important}.form-section-header[data-v-e0bf7af0]{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--ion-color-primary)}.form-section-title[data-v-e0bf7af0]{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-e0bf7af0]{margin:0;font-size:.875rem;color:var(--ion-color-medium);line-height:1.3}:first-child .form-section-header[data-v-e0bf7af0]{margin-top:.5rem}@media (max-width: 768px){.form-section-header[data-v-e0bf7af0]{margin:1rem 0 .75rem}.form-section-title[data-v-e0bf7af0]{font-size:1.125rem}.form-section-subtitle[data-v-e0bf7af0]{font-size:.8rem}}
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-a237bbb7]{font-size:large;font-weight:700}.v-form-container[data-v-a237bbb7]{width:100%}.multi-step-form[data-v-a237bbb7]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.multi-step-content[data-v-a237bbb7]{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.multi-step-content--top[data-v-a237bbb7],.multi-step-content--bottom[data-v-a237bbb7]{flex-direction:column}.multi-step-content--left[data-v-a237bbb7],.multi-step-content--right[data-v-a237bbb7]{flex-direction:row}.multi-step-sidebar[data-v-a237bbb7]{flex-shrink:0;min-width:250px}.multi-step-form-content[data-v-a237bbb7]{flex:1;min-width:0}.multi-step-buttons[data-v-a237bbb7]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.button-container[data-v-a237bbb7]{display:flex;justify-content:space-between;align-items:center;width:100%}.step-nav-buttons[data-v-a237bbb7]{min-width:120px;display:flex;justify-content:flex-start}.step-nav-buttons[data-v-a237bbb7]:last-child{justify-content:flex-end}.step-action-buttons[data-v-a237bbb7]{display:flex;gap:.5rem;justify-content:center;flex:1}.step-progress-bottom[data-v-a237bbb7]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ion-color-light)}.step-progress-bar[data-v-a237bbb7]{height:4px;background:var(--ion-color-light);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.step-progress-fill[data-v-a237bbb7]{height:100%;background:var(--ion-color-primary);border-radius:2px;transition:width .3s ease}.step-progress-text[data-v-a237bbb7]{font-size:.75rem;color:var(--ion-color-medium);text-align:center}@media (max-width: 768px){.multi-step-content--left[data-v-a237bbb7],.multi-step-content--right[data-v-a237bbb7]{flex-direction:column}.multi-step-sidebar[data-v-a237bbb7]{min-width:unset;width:100%}.multi-step-buttons .button-container[data-v-a237bbb7]{flex-direction:column;gap:1rem}.step-nav-buttons[data-v-a237bbb7],.step-action-buttons[data-v-a237bbb7]{min-width:unset;width:100%;justify-content:center}.step-nav-buttons[data-v-a237bbb7]:last-child{justify-content:center}}@media (max-width: 480px){.multi-step-form[data-v-a237bbb7],.multi-step-content[data-v-a237bbb7]{gap:1rem}.multi-step-buttons[data-v-a237bbb7]{margin-top:1rem}}.autocomplete-container[data-v-022ed1e8]{position:relative}.suggestions-list[data-v-022ed1e8]{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-022ed1e8]{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-022ed1e8]{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-022ed1e8]{margin:0;padding:0}ion-item[data-v-022ed1e8]{--ripple-color: var(--ion-color-primary-tint, #4c8dff);transition:background-color .2s ease}ion-item[data-v-022ed1e8]:hover{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}[data-v-022ed1e8] .selected-option{font-weight:700;color:var(--ion-color-primary)}[data-v-022ed1e8] .disabled-option{opacity:.5;color:var(--ion-color-medium)}.ion-item-disabled[data-v-022ed1e8]{opacity:.5;pointer-events:none}.option-content[data-v-022ed1e8]{display:flex;flex-direction:column;gap:4px;width:100%}.option-description[data-v-022ed1e8]{font-size:.875rem;line-height:1.2}.repeat-input-wrapper[data-v-0eb7594d]{margin-bottom:var(--form-margin-bottom, 10px)}.repeat-row[data-v-0eb7594d]{width:100%;margin:0;align-items:center}.form-fields-column[data-v-0eb7594d]{padding-right:0;display:flex;align-items:center}.fields-row[data-v-0eb7594d]{width:100%;margin-top:0}.button-column[data-v-0eb7594d]{padding:0 var(--form-button-padding, 10px);display:flex;align-items:center}.action-button[data-v-0eb7594d]{margin:0}.button-container[data-v-0eb7594d]{display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:10px}.radio-content[data-v-3dbfeaf7]{display:flex;flex-direction:column;gap:4px}.radio-label[data-v-3dbfeaf7]{font-weight:400}.radio-description[data-v-3dbfeaf7]{font-size:.875rem;line-height:1.2}ion-radio[disabled]+.radio-content[data-v-3dbfeaf7],ion-radio[disabled]+.radio-content .radio-label[data-v-3dbfeaf7],ion-radio[disabled]+.radio-content .radio-description[data-v-3dbfeaf7]{opacity:.5}.form-section-container[data-v-e0bf7af0]{padding:0!important}.form-section-header[data-v-e0bf7af0]{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--ion-color-primary)}.form-section-title[data-v-e0bf7af0]{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-e0bf7af0]{margin:0;font-size:.875rem;color:var(--ion-color-medium);line-height:1.3}:first-child .form-section-header[data-v-e0bf7af0]{margin-top:.5rem}@media (max-width: 768px){.form-section-header[data-v-e0bf7af0]{margin:1rem 0 .75rem}.form-section-title[data-v-e0bf7af0]{font-size:1.125rem}.form-section-subtitle[data-v-e0bf7af0]{font-size:.8rem}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniquedj95/vform",
3
- "version": "3.6.3",
3
+ "version": "3.7.1",
4
4
  "description": "A simplified ionic vue form builder",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",