@uniquedj95/vform 3.6.1 → 3.6.2
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.
- package/README.md +31 -2
- package/dist/components/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/inputs/CheckboxInput.vue.d.ts.map +1 -1
- package/dist/components/inputs/RadioInput.vue.d.ts +2 -10
- package/dist/components/inputs/RadioInput.vue.d.ts.map +1 -1
- package/dist/components/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/components/inputs/TextAreaInput.vue.d.ts.map +1 -1
- package/dist/components/shared/InputLabel.vue.d.ts +1 -0
- package/dist/components/shared/InputLabel.vue.d.ts.map +1 -1
- package/dist/components/shared/SectionTitle.vue.d.ts +2 -2
- package/dist/components/shared/SectionTitle.vue.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +590 -559
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/vform.css +1 -1
- package/package.json +1 -1
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComputedData, FormData, FormField,
|
|
1
|
+
import { ComputedData, FormData, FormField, Option } from '../types';
|
|
2
2
|
export * from './maskito';
|
|
3
3
|
/**
|
|
4
4
|
* Full month names.
|
|
@@ -95,12 +95,12 @@ export declare function deepEqual(obj1: any, obj2: any): boolean;
|
|
|
95
95
|
* @param item - The item to check
|
|
96
96
|
* @returns `true` if the item is a FormField, `false` if it's a FormSection
|
|
97
97
|
*/
|
|
98
|
-
export declare function isFormField(item: FormField
|
|
98
|
+
export declare function isFormField(item: FormField): boolean;
|
|
99
99
|
/**
|
|
100
100
|
* Type guard to check if an item is a FormSection (not a FormField)
|
|
101
101
|
*
|
|
102
102
|
* @param item - The item to check
|
|
103
103
|
* @returns `true` if the item is a FormSection, `false` if it's a FormField
|
|
104
104
|
*/
|
|
105
|
-
export declare function isFormSection(item: FormField
|
|
105
|
+
export declare function isFormSection(item: FormField): boolean;
|
|
106
106
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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,
|
|
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"}
|
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-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-
|
|
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-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-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}}
|