@uniquedj95/vform 3.4.0 → 3.4.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.
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-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-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}
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-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniquedj95/vform",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "description": "A simplified ionic vue form builder",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",