vuiii 0.1.5-alpha → 0.1.6-alpha

package/dist/hooks/useSubmitAction.d.ts

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { RouteLocationRaw, Router } from 'vue-router';
 import { useModal } from '../modal';
+import { Snackbar } from '../snackbar';
 export declare type ValidationErrors<T = any> = {
     [key in keyof T]?: any;
 };
@@ -16,11 +17,13 @@ export declare function useSubmitAction<D = unknown, R = unknown>(action: (data:
         result: R;
         data: D;
         router: Router;
+        snackbar: Snackbar;
     }) => void;
     onError?: (params: {
         error: Error;
         data: D;
         router: Router;
+        snackbar: Snackbar;
     }) => boolean | void;
     redirectOnSuccess?: RouteLocationRaw | ((result: R, data: D) => RouteLocationRaw) | undefined;
     successMessage?: ((result: R, data: D) => string) | string;

package/dist/style.css

@@ -1 +1 @@
-.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.IconSpinner[data-v-683816b2]{will-change:transform;-webkit-animation:animation-683816b2 .7s infinite linear;animation:animation-683816b2 .7s infinite linear}@-webkit-keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-cc79c81e]{display:inline-block;vertical-align:middle;width:1.5rem;aspect-ratio:1 / 1;flex:none}.Breadcrumbs[data-v-357000f6]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-357000f6]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-357000f6]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-357000f6]{width:1rem}:root{--vui-color-gray: rgb(212 212 216);--vui-color-gray--light: rgb(229, 229, 229);--vui-color-gray--lighter: rgb(245, 245, 245);--vui-color-gray--lightest: rgb(250, 250, 250);--vui-color-gray--dark: rgb(163, 163, 163);--vui-color-gray--darker: rgb(115, 115, 115);--vui-color-gray--darkest: rgb(82, 82, 82);--vui-color-primary: rgb(79 70 229);--vui-color-primary-shadow: rgb(67 56 202/.25);--vui-color-primary--darker: rgb(67 56 202);--vui-color-danger: rgb(225 29 72);--vui-color-danger-shadow: rgb(225 29 72/.25);--vui-color-danger--darker: rgb(190 18 60);--vui-color-success: rgb(77 124 15);--vui-color-success-shadow: rgb(77 124 15/.25);--vui-color-success--darker: rgb(63 98 18);--vui-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1));--vui-field-height: 3rem;--vui-field-ringSize: 4px;--vui-field-borderRadius: .375rem;--vui-field-fontSize: .96rem;--vui-field-borderColor: rgb(212 212 216);--vui-field-borderColor--active: rgb(67 56 202);--vui-field-ringColor: rgb(79 70 229/.1);--vui-field-transition: box-shadow .15s, transform .15s, box-shadow .15s, border-color .15s, background-color .15s;--vui-field-fontSize--small: .85rem;--vui-field-height--small: 2.25rem;--vui-field-ringSize--small: 2px;--vui-fontSize-base: 1rem;--vui-fontSize-small: .85rem}.button{--bgColor: var(--vui-button-bgColor, transparent);--textColor: var(--vui-button-textColor, black);--borderRadius: var(--vui-button-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-button-borderWidth, 1px);--borderColor: var(--vui-button-borderColor, var(--vui-color-gray));--height: var(--vui-button-height, var(--vui-field-height));--padding: var(--vui-button-padding, 2rem);--fontSize: var(--vui-button-fontSize, var(--vui-field-fontSize));--shadow: var(--vui-button-shadow, var(--vui-shadow));--transition: var(--vui-button-transition, var(--vui-field-transition));--shadow: var(--vui-button-shadow, var(--vui-field-shadow));--ringColor: var(--vui-button-ringColor, rgb(0 0 0/.05));--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:.5rem;align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.button:hover{--bgColor: var(--vui-button-bgColor--hover, var(--vui-button-bgColor, transparent));--borderColor: var(--vui-button-borderColor--hover, var(--vui-color-gray--dark));--textColor: var(--vui-button-textColor--hover, var(--vui-button-textColor, black))}.button:focus{--shadow: var(--vui-button-shadow--focus, var(--vui-field-shadow--focus));--ringSize: var(--vui-button-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-button-borderColor--focus, var(--vui-field-borderColor--focus));--bgColor: var(--vui-button-bgColor--focus, var(--vui-button-bgColor))}.button.button--small{--height: var(--vui-button-height--small, var(--vui-field-height--small));--padding: var(--vui-button-padding--small, 1rem);--fontSize: var(--vui-button-fontSize--small, var(--vui-field-fontSize--small)) }.button.button--small:focus{--ringSize: var(--vui-field-ringSize--small)}.button.button--primary{--bgColor: var(--vui-button-bgColor--primary, var(--vui-color-primary));--borderColor: var(--vui-button-borderColor--primary, transparent);--textColor: var(--vui-button-textColor--primary, white);--ringColor: var(--vui-button-ringColor--primary, var(--vui-color-primary-shadow)) }.button.button--primary:hover{--bgColor: var(--vui-button-bgColor--primary--hover, var(--vui-button-bgColor--primary, var(--vui-color-primary--darker)));--borderColor: var(--vui-button-borderColor--primary--hover, var(--vui-button-borderColor--primary, transparent));--textColor: var(--vui-button-textColor--primary--hover, var(--vui-button-textColor--primary, white))}.button.button--secondary{--bgColor: var(--vui-button-bgColor--secondary, var(--vui-color-gray));--borderColor: var(--vui-button-borderColor--secondary, transparent);--textColor: var(--vui-button-textColor--secondary, black);--ringColor: var(--vui-button-ringColor--secondary, var(--vui-color-secondary-shadow)) }.button.button--secondary:hover{--bgColor: var(--vui-button-bgColor--secondary--hover, var(--vui-button-bgColor--secondary, var(--vui-color-gray--dark)));--borderColor: var(--vui-button-borderColor--secondary--hover, var(--vui-button-borderColor--secondary, transparent));--textColor: var(--vui-button-textColor--secondary--hover, var(--vui-button-textColor--secondary, black))}.button.button--danger{--bgColor: var(--vui-button-bgColor--danger, var(--vui-color-danger));--borderColor: var(--vui-button-borderColor--danger, transparent);--textColor: var(--vui-button-textColor--danger, white);--ringColor: var(--vui-button-ringColor--danger, var(--vui-color-danger-shadow)) }.button.button--danger:hover{--bgColor: var(--vui-button-bgColor--danger--hover, var(--vui-button-bgColor--danger, var(--vui-color-danger--darker)));--borderColor: var(--vui-button-borderColor--danger--hover, var(--vui-button-borderColor--danger, transparent));--textColor: var(--vui-button-textColor--danger--hover, var(--vui-button-textColor--danger, white))}.button:disabled,.button.button--disabled{opacity:.65;pointer-events:none}.Button--block[data-v-4c3e5fdd]{width:100%}.Button__icon--small[data-v-4c3e5fdd]{width:.75rem}.Button__icon--normal[data-v-4c3e5fdd]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-4c3e5fdd]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-4c3e5fdd]{margin-right:-.125rem}.input{--bgColor: var(--vui-input-bgColor, white);--borderRadus: var(--vui-input-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-input-borderWidth, 1px);--borderColor: var(--vui-input-borderColor, var(--vui-color-gray));--height: var(--vui-input-height, var(--vui-field-height));--padding: var(--vui-input-padding, 1rem);--fontSize: var(--vui-input-fontSize, var(--vui-field-fontSize));--transition: var(--vui-input-transition, var(--vui-field-transition));--shadow: var(--vui-input-shadow, var(--vui-field-shadow));--ringColor: var(--vui-input-ringColor, var(--vui-field-ringColor));--ringSize: 0;width:100%;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding:0 var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.input::-moz-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:-ms-input-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input::placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:focus,.input:focus-within{--shadow: var(--vui-input-shadow--focus, var(--vui-field-shadow--focus, var(--vui-input-shadow, var(--vui-field-shadow))));--ringSize: var(--vui-input-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-input-borderColor--focus, var(--vui-field-borderColor--focus, var(--vui-input-borderColor, var(--vui-color-gray))));--bgColor: var(--vui-input-bgColor--focus, var(--vui-input-bgColor, white));outline:none}.input:disabled,.input.input--disabled{--borderColor: var(--vui-color-gray--light);opacity:.6;pointer-events:none}.input.input--small{--height: var(--vui-input-height--small, var(--vui-field-height--small));--fontSize: var(--vui-input-fontSize--small, var(--vui-field-fontSize--small)) }.input.input--small:focus,.input.input--small:focus-within{--ringSize: var(--vui-field-ringSize--small)}.input.input--valid{color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2356B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid{--borderColor: var(--vui-color-danger);--ringColor: var(--vui-color-danger-shadow);color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid:focus,.input.input--invalid:focus-within{outline:none}.input .input__nested{padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit}.input .input__nested::-moz-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested:-ms-input-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested::placeholder{color:var(--vui-color-gray--dark)}select.input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:right .75rem center;background-size:1.2rem;text-overflow:ellipsis}@supports (-moz-appearance:none){select.input{line-height:3}}select.input.input--small{padding-right:2rem;background-size:1rem}input[type=number].input{-moz-appearance:textfield}input.input[type=number]::-webkit-outer-spin-button,input.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].input,input[type=radio].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;min-height:0;padding:0;background:white;cursor:pointer;flex:none}input.input[type=checkbox]:checked,input.input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vui-color-primary);border-color:var(--vui-color-primary)}input.input[type=checkbox]:disabled,input.input[type=radio]:disabled{cursor:default}input[type=checkbox].input{border-radius:.25rem}input.input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].input{border-radius:100%}input.input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}textarea.input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-6d3aac34]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-6d3aac34]{opacity:.5}.Checkbox__input[data-v-6d3aac34]{margin-top:1px}.Checkbox__switch[data-v-6d3aac34]{padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:rgb(115,115,115)}--active.Checkbox__switch[data-v-6d3aac34]{background:var(--vui-color-primary)}.Checkbox__switchDot[data-v-6d3aac34]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-6d3aac34]{transform:translate(.75rem)}.Checkbox__label[data-v-6d3aac34]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-6d3aac34]{line-height:1;color:var(--vui-color-danger)}.CheckboxGroup>*+*{margin-top:.5rem}.FormGroup[data-v-4214535a]{width:100%}.FormGroup--invalid[data-v-4214535a] .input,.FormGroup--invalid[data-v-4214535a] .input:hover{--borderColor: var(--vui-field-borderColor--invalid, rgb(190 18 60) );--ringColor: var(--vui-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-4214535a]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-4214535a]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-4214535a]{line-height:1;color:var(--vui-color-danger)}.FormGroup__description[data-v-4214535a]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:var(--vui-color-danger)}.FormFields>*+*[data-v-6e4bafe2]{margin-top:2rem}.Form>*+*[data-v-5366fc3a]{margin-top:2rem}.Form__buttons[data-v-5366fc3a]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-5366fc3a]{margin-left:1rem}.Input.Input{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right{margin-left:-1rem}.Input__icon--left{margin-right:-1rem}.Input__nestedInput{flex:auto;align-self:stretch;width:100%}.ModalLayout{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain{padding:0}.ModalLayout__title{font-size:larger}.ModalLayout__close{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon{width:1.5rem;height:1.5rem}.ModalLayout__body{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body{padding:0}.ModalLayout__footer{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer{padding:0}.table{min-width:100%}.table thead tr{border-bottom:1px solid var(--vui-color-gray)}.table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.table tbody)>*+*{border-top:1px solid var(--vui-color-gray)}.table tbody td{padding:1rem 1.5rem}.table.table--hover tbody tr:hover td{background-color:#00000006}.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.muted{color:var(--vui-color-gray-darker)}.ModalLayoutDialog__buttons{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*{margin-left:.5rem}.ModalStack{position:fixed;z-index:1050}.ModalStack__backdrop{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal{transition:filter .15s}.ModalStack__modal:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active,.ModalStack__modal-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from,.ModalStack__modal-leave-to{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active,.ModalStack__backdrop-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from,.ModalStack__backdrop-leave-to{opacity:0;pointer-events:none}.Snackbar{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from,.Snackbar__transition-leave-to{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active,.Snackbar__transition-leave-active{transition:all .15s ease-out}.Snackbar__transition-enter-to,.Snackbar__transition-leave-from{opacity:1}.Snackbar__message{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success{background-color:#000}.Snackbar__messageBlock--error{background-color:var(--vui-color-danger)}.Snackbar__messageClose{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose:hover{opacity:1}.Snackbar__messageCloseIcon{width:1rem}
+.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.IconSpinner[data-v-683816b2]{will-change:transform;-webkit-animation:animation-683816b2 .7s infinite linear;animation:animation-683816b2 .7s infinite linear}@-webkit-keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-cc79c81e]{display:inline-block;vertical-align:middle;width:1.5rem;aspect-ratio:1 / 1;flex:none}.Breadcrumbs[data-v-357000f6]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-357000f6]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-357000f6]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-357000f6]{width:1rem}:root{--vui-color-gray: rgb(212 212 216);--vui-color-gray--light: rgb(229, 229, 229);--vui-color-gray--lighter: rgb(245, 245, 245);--vui-color-gray--lightest: rgb(250, 250, 250);--vui-color-gray--dark: rgb(163, 163, 163);--vui-color-gray--darker: rgb(115, 115, 115);--vui-color-gray--darkest: rgb(82, 82, 82);--vui-color-primary: rgb(79 70 229);--vui-color-primary-shadow: rgb(67 56 202/.25);--vui-color-primary--darker: rgb(67 56 202);--vui-color-danger: rgb(225 29 72);--vui-color-danger-shadow: rgb(225 29 72/.25);--vui-color-danger--darker: rgb(190 18 60);--vui-color-success: rgb(77 124 15);--vui-color-success-shadow: rgb(77 124 15/.25);--vui-color-success--darker: rgb(63 98 18);--vui-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1));--vui-field-height: 3rem;--vui-field-ringSize: 4px;--vui-field-borderRadius: .375rem;--vui-field-fontSize: .96rem;--vui-field-borderColor: rgb(212 212 216);--vui-field-borderColor--active: rgb(67 56 202);--vui-field-ringColor: rgb(79 70 229/.1);--vui-field-transition: box-shadow .15s, transform .15s, box-shadow .15s, border-color .15s, background-color .15s;--vui-field-fontSize--small: .85rem;--vui-field-height--small: 2.25rem;--vui-field-ringSize--small: 2px;--vui-fontSize-base: 1rem;--vui-fontSize-small: .85rem}.button{--bgColor: var(--vui-button-bgColor, transparent);--textColor: var(--vui-button-textColor, black);--borderRadius: var(--vui-button-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-button-borderWidth, 1px);--borderColor: var(--vui-button-borderColor, var(--vui-color-gray));--height: var(--vui-button-height, var(--vui-field-height));--padding: var(--vui-button-padding, 2rem);--fontSize: var(--vui-button-fontSize, var(--vui-field-fontSize));--shadow: var(--vui-button-shadow, var(--vui-shadow));--transition: var(--vui-button-transition, var(--vui-field-transition));--shadow: var(--vui-button-shadow, var(--vui-field-shadow));--ringColor: var(--vui-button-ringColor, rgb(0 0 0/.05));--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:.5rem;align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.button:hover{--bgColor: var(--vui-button-bgColor--hover, var(--vui-button-bgColor, transparent));--borderColor: var(--vui-button-borderColor--hover, var(--vui-color-gray--dark));--textColor: var(--vui-button-textColor--hover, var(--vui-button-textColor, black))}.button:focus{--shadow: var(--vui-button-shadow--focus, var(--vui-field-shadow--focus));--ringSize: var(--vui-button-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-button-borderColor--focus, var(--vui-field-borderColor--focus));--bgColor: var(--vui-button-bgColor--focus, var(--vui-button-bgColor))}.button.button--small{--height: var(--vui-button-height--small, var(--vui-field-height--small));--padding: var(--vui-button-padding--small, 1rem);--fontSize: var(--vui-button-fontSize--small, var(--vui-field-fontSize--small)) }.button.button--small:focus{--ringSize: var(--vui-field-ringSize--small)}.button.button--primary{--bgColor: var(--vui-button-bgColor--primary, var(--vui-color-primary));--borderColor: var(--vui-button-borderColor--primary, transparent);--textColor: var(--vui-button-textColor--primary, white);--ringColor: var(--vui-button-ringColor--primary, var(--vui-color-primary-shadow)) }.button.button--primary:hover{--bgColor: var(--vui-button-bgColor--primary--hover, var(--vui-button-bgColor--primary, var(--vui-color-primary--darker)));--borderColor: var(--vui-button-borderColor--primary--hover, var(--vui-button-borderColor--primary, transparent));--textColor: var(--vui-button-textColor--primary--hover, var(--vui-button-textColor--primary, white))}.button.button--secondary{--bgColor: var(--vui-button-bgColor--secondary, var(--vui-color-gray));--borderColor: var(--vui-button-borderColor--secondary, transparent);--textColor: var(--vui-button-textColor--secondary, black);--ringColor: var(--vui-button-ringColor--secondary, var(--vui-color-secondary-shadow)) }.button.button--secondary:hover{--bgColor: var(--vui-button-bgColor--secondary--hover, var(--vui-button-bgColor--secondary, var(--vui-color-gray--dark)));--borderColor: var(--vui-button-borderColor--secondary--hover, var(--vui-button-borderColor--secondary, transparent));--textColor: var(--vui-button-textColor--secondary--hover, var(--vui-button-textColor--secondary, black))}.button.button--danger{--bgColor: var(--vui-button-bgColor--danger, var(--vui-color-danger));--borderColor: var(--vui-button-borderColor--danger, transparent);--textColor: var(--vui-button-textColor--danger, white);--ringColor: var(--vui-button-ringColor--danger, var(--vui-color-danger-shadow)) }.button.button--danger:hover{--bgColor: var(--vui-button-bgColor--danger--hover, var(--vui-button-bgColor--danger, var(--vui-color-danger--darker)));--borderColor: var(--vui-button-borderColor--danger--hover, var(--vui-button-borderColor--danger, transparent));--textColor: var(--vui-button-textColor--danger--hover, var(--vui-button-textColor--danger, white))}.button:disabled,.button.button--disabled{opacity:.65;pointer-events:none}.Button--block[data-v-4c3e5fdd]{width:100%}.Button__icon--small[data-v-4c3e5fdd]{width:.75rem}.Button__icon--normal[data-v-4c3e5fdd]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-4c3e5fdd]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-4c3e5fdd]{margin-right:-.125rem}.input{--bgColor: var(--vui-input-bgColor, white);--borderRadus: var(--vui-input-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-input-borderWidth, 1px);--borderColor: var(--vui-input-borderColor, var(--vui-color-gray));--height: var(--vui-input-height, var(--vui-field-height));--padding: var(--vui-input-padding, 1rem);--fontSize: var(--vui-input-fontSize, var(--vui-field-fontSize));--transition: var(--vui-input-transition, var(--vui-field-transition));--shadow: var(--vui-input-shadow, var(--vui-field-shadow));--ringColor: var(--vui-input-ringColor, var(--vui-field-ringColor));--ringSize: 0;width:100%;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding:0 var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.input::-moz-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:-ms-input-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input::placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:focus,.input:focus-within{--shadow: var(--vui-input-shadow--focus, var(--vui-field-shadow--focus, var(--vui-input-shadow, var(--vui-field-shadow))));--ringSize: var(--vui-input-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-input-borderColor--focus, var(--vui-field-borderColor--focus, var(--vui-input-borderColor, var(--vui-color-gray))));--bgColor: var(--vui-input-bgColor--focus, var(--vui-input-bgColor, white));outline:none}.input:disabled,.input.input--disabled{--borderColor: var(--vui-color-gray--light);opacity:.6;pointer-events:none}.input.input--small{--height: var(--vui-input-height--small, var(--vui-field-height--small));--fontSize: var(--vui-input-fontSize--small, var(--vui-field-fontSize--small)) }.input.input--small:focus,.input.input--small:focus-within{--ringSize: var(--vui-field-ringSize--small)}.input.input--valid{color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2356B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid{--borderColor: var(--vui-color-danger);--ringColor: var(--vui-color-danger-shadow);color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid:focus,.input.input--invalid:focus-within{outline:none}.input .input__nested{padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit}.input .input__nested::-moz-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested:-ms-input-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested::placeholder{color:var(--vui-color-gray--dark)}select.input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:right .75rem center;background-size:1.2rem;text-overflow:ellipsis}@supports (-moz-appearance:none){select.input{line-height:3}}select.input.input--small{padding-right:2rem;background-size:1rem}input[type=number].input{-moz-appearance:textfield}input.input[type=number]::-webkit-outer-spin-button,input.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].input,input[type=radio].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;min-height:0;padding:0;background:white;cursor:pointer;flex:none}input.input[type=checkbox]:checked,input.input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vui-color-primary);border-color:var(--vui-color-primary)}input.input[type=checkbox]:disabled,input.input[type=radio]:disabled{cursor:default}input[type=checkbox].input{border-radius:.25rem}input.input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].input{border-radius:100%}input.input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}textarea.input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-6d3aac34]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-6d3aac34]{opacity:.5}.Checkbox__input[data-v-6d3aac34]{margin-top:1px}.Checkbox__switch[data-v-6d3aac34]{padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:rgb(115,115,115)}--active.Checkbox__switch[data-v-6d3aac34]{background:var(--vui-color-primary)}.Checkbox__switchDot[data-v-6d3aac34]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-6d3aac34]{transform:translate(.75rem)}.Checkbox__label[data-v-6d3aac34]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-6d3aac34]{line-height:1;color:var(--vui-color-danger)}.CheckboxGroup>*+*{margin-top:.5rem}.FormGroup[data-v-4214535a]{width:100%}.FormGroup--invalid[data-v-4214535a] .input,.FormGroup--invalid[data-v-4214535a] .input:hover{--borderColor: var(--vui-field-borderColor--invalid, rgb(190 18 60) );--ringColor: var(--vui-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-4214535a]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-4214535a]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-4214535a]{line-height:1;color:var(--vui-color-danger)}.FormGroup__description[data-v-4214535a]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:var(--vui-color-danger)}.FormFields>*+*[data-v-6e4bafe2]{margin-top:2rem}.Form>*+*[data-v-c8cb4f5a]{margin-top:2rem}.Form__buttons[data-v-c8cb4f5a]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-c8cb4f5a]{margin-left:1rem}.Input.Input{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right{margin-left:-1rem}.Input__icon--left{margin-right:-1rem}.Input__nestedInput{flex:auto;align-self:stretch;width:100%}.ModalLayout{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain{padding:0}.ModalLayout__title{font-size:larger}.ModalLayout__close{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon{width:1.5rem;height:1.5rem}.ModalLayout__body{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body{padding:0}.ModalLayout__footer{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer{padding:0}.table{min-width:100%}.table thead tr{border-bottom:1px solid var(--vui-color-gray)}.table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.table tbody)>*+*{border-top:1px solid var(--vui-color-gray)}.table tbody td{padding:1rem 1.5rem}.table.table--hover tbody tr:hover td{background-color:#00000006}.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.muted{color:var(--vui-color-gray-darker)}.ModalLayoutDialog__buttons{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*{margin-left:.5rem}.ModalStack{position:fixed;z-index:1050}.ModalStack__backdrop{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal{transition:filter .15s}.ModalStack__modal:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active,.ModalStack__modal-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from,.ModalStack__modal-leave-to{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active,.ModalStack__backdrop-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from,.ModalStack__backdrop-leave-to{opacity:0;pointer-events:none}.Snackbar{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from,.Snackbar__transition-leave-to{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active,.Snackbar__transition-leave-active{transition:all .15s ease-out}.Snackbar__transition-enter-to,.Snackbar__transition-leave-from{opacity:1}.Snackbar__message{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success{background-color:#000}.Snackbar__messageBlock--error{background-color:var(--vui-color-danger)}.Snackbar__messageClose{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose:hover{opacity:1}.Snackbar__messageCloseIcon{width:1rem}

package/dist/vuiii.es.js

@@ -938,11 +938,11 @@ const _sfc_main$8 = defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     const router = useRouter();
-    function submit() {
+    function handleSubmit() {
       var _a;
       (_a = props.submit) == null ? void 0 : _a.call(props, props.modelValue);
     }
-    function cancel() {
+    function handleCancel() {
       var _a;
       typeof props.cancel === "function" ? (_a = props.cancel) == null ? void 0 : _a.call(props) : props.cancel && router.push(props.cancel);
     }
@@ -951,7 +951,7 @@ const _sfc_main$8 = defineComponent({
         __props.modelValue ? (openBlock(), createElementBlock("form", {
           key: 0,
           disabled: __props.submitting,
-          onSubmit: _cache[3] || (_cache[3] = withModifiers(($event) => submit == null ? void 0 : submit(), ["prevent"]))
+          onSubmit: _cache[3] || (_cache[3] = withModifiers(($event) => handleSubmit == null ? void 0 : handleSubmit(), ["prevent"]))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.structure, (block, index) => {
             return openBlock(), createElementBlock("div", { key: index }, [
@@ -965,9 +965,9 @@ const _sfc_main$8 = defineComponent({
               }, null, 8, ["fields", "model-value", "errors"])
             ]);
           }), 128)),
-          renderSlot(_ctx.$slots, "buttons", normalizeProps(guardReactiveProps({ cancel, submit })), () => [
-            submit || cancel ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-              submit ? (openBlock(), createBlock(Button, {
+          renderSlot(_ctx.$slots, "buttons", normalizeProps(guardReactiveProps({ cancel: __props.cancel, submit: __props.submit })), () => [
+            __props.submit || __props.cancel ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              __props.submit ? (openBlock(), createBlock(Button, {
                 key: 0,
                 variant: "primary",
                 type: "submit",
@@ -975,11 +975,11 @@ const _sfc_main$8 = defineComponent({
                 disabled: __props.submitting,
                 "prefix-icon": __props.submitting ? "spinner" : void 0
               }, null, 8, ["label", "disabled", "prefix-icon"])) : createCommentVNode("", true),
-              cancel ? (openBlock(), createBlock(Button, {
+              __props.cancel ? (openBlock(), createBlock(Button, {
                 key: 1,
                 label: __props.cancelLabel,
                 disabled: __props.submitting,
-                onClick: _cache[2] || (_cache[2] = ($event) => cancel())
+                onClick: _cache[2] || (_cache[2] = ($event) => handleCancel())
               }, null, 8, ["label", "disabled"])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], true)
@@ -991,7 +991,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5366fc3a"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c8cb4f5a"]]);
 var Input_vue_vue_type_style_index_0_lang = "";
 const sizes$1 = ["normal", "small"];
 const _sfc_main$7 = defineComponent({
@@ -1680,7 +1680,7 @@ function useSnackbar() {
   return (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$snackbar;
 }
 function useSubmitAction(action, params = {}) {
-  const snackbard = useSnackbar();
+  const snackbar2 = useSnackbar();
   const modal2 = useModal();
   const router = useRouter();
   const isSubmitting = ref(false);
@@ -1688,7 +1688,7 @@ function useSubmitAction(action, params = {}) {
   const errors = ref(Object.freeze({}));
   const submit = async (data) => {
     var _a;
-    if (params.confirm) {
+    if (params.confirm && modal2) {
       const confirmed = await modal2.confirm(typeof params.confirm === "function" ? params.confirm(data) : params.confirm);
       if (!confirmed) {
         return;
@@ -1710,10 +1710,12 @@ function useSubmitAction(action, params = {}) {
     try {
       result.value = await action(data);
     } catch (error) {
-      snackbard.error(typeof params.errorMessage === "function" ? params.errorMessage(error, data) : params.errorMessage || error.message);
+      if (params.errorMessage && snackbar2) {
+        snackbar2.error(typeof params.errorMessage === "function" ? params.errorMessage(error, data) : params.errorMessage || error.message);
+      }
       isSubmitting.value = false;
       if (params.onError) {
-        const hasErrorBeenResolved = params.onError({ error, data, router });
+        const hasErrorBeenResolved = params.onError({ error, data, router, snackbar: snackbar2 });
         if (hasErrorBeenResolved) {
           return;
         }
@@ -1721,10 +1723,10 @@ function useSubmitAction(action, params = {}) {
       throw error;
     }
     isSubmitting.value = false;
-    if (params.successMessage) {
-      snackbard.success(typeof params.successMessage === "function" ? params.successMessage(result.value, data) : params.successMessage);
+    if (params.successMessage && snackbar2) {
+      snackbar2.success(typeof params.successMessage === "function" ? params.successMessage(result.value, data) : params.successMessage);
     }
-    (_a = params.onSuccess) == null ? void 0 : _a.call(params, { result: result.value, data, router });
+    (_a = params.onSuccess) == null ? void 0 : _a.call(params, { result: result.value, data, router, snackbar: snackbar2 });
     if (params.redirectOnSuccess) {
       router.push(typeof params.redirectOnSuccess === "function" ? params.redirectOnSuccess(result.value, data) : params.redirectOnSuccess);
     }

package/dist/vuiii.umd.js

@@ -1 +1 @@
-(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.vui={},c.Vue,c.VueRouter))})(this,function(c,e,h){"use strict";var nn=Object.defineProperty,rn=Object.defineProperties;var ln=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var D=(c,e,h)=>e in c?nn(c,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):c[e]=h,y=(c,e)=>{for(var h in e||(e={}))T.call(e,h)&&D(c,h,e[h]);if(E)for(var h of E(e))P.call(e,h)&&D(c,h,e[h]);return c},B=(c,e)=>rn(c,ln(e));var G=(c,e)=>{var h={};for(var b in c)T.call(c,b)&&e.indexOf(b)<0&&(h[b]=c[b]);if(c!=null&&E)for(var b of E(c))e.indexOf(b)<0&&P.call(c,b)&&(h[b]=c[b]);return h};var b="",u=(t,o)=>{const n=t.__vccOpts||t;for(const[a,l]of o)n[a]=l;return n};const q={},R={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},K=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M16 17l-4 4m0 0l-4-4m4 4V3"},null,-1)];function U(t,o){return e.openBlock(),e.createElementBlock("svg",R,K)}var H=u(q,[["render",U]]),W=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"}));const X={},Y={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},J=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M7 16l-4-4m0 0l4-4m-4 4h18"},null,-1)];function Q(t,o){return e.openBlock(),e.createElementBlock("svg",Y,J)}var Z=u(X,[["render",Q]]),v=Object.freeze(Object.defineProperty({__proto__:null,default:Z},Symbol.toStringTag,{value:"Module"}));const ee={},te={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},oe=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"},null,-1)];function ne(t,o){return e.openBlock(),e.createElementBlock("svg",te,oe)}var re=u(ee,[["render",ne]]),le=Object.freeze(Object.defineProperty({__proto__:null,default:re},Symbol.toStringTag,{value:"Module"}));const se={},ae={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ce=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8 7l4-4m0 0l4 4m-4-4v18"},null,-1)];function ie(t,o){return e.openBlock(),e.createElementBlock("svg",ae,ce)}var de=u(se,[["render",ie]]),_e=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));const me={},pe={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ue=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function fe(t,o){return e.openBlock(),e.createElementBlock("svg",pe,ue)}var he=u(me,[["render",fe]]),ke=Object.freeze(Object.defineProperty({__proto__:null,default:he},Symbol.toStringTag,{value:"Module"}));const ge={},be={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ye=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"},null,-1)];function $e(t,o){return e.openBlock(),e.createElementBlock("svg",be,ye)}var Be=u(ge,[["render",$e]]),we=Object.freeze(Object.defineProperty({__proto__:null,default:Be},Symbol.toStringTag,{value:"Module"}));const Se={},Ce={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ve=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 19l-7-7 7-7"},null,-1)];function Ee(t,o){return e.openBlock(),e.createElementBlock("svg",Ce,Ve)}var Me=u(Se,[["render",Ee]]),Ne=Object.freeze(Object.defineProperty({__proto__:null,default:Me},Symbol.toStringTag,{value:"Module"}));const je={},Ie={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ze=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 5l7 7-7 7"},null,-1)];function Oe(t,o){return e.openBlock(),e.createElementBlock("svg",Ie,ze)}var Le=u(je,[["render",Oe]]),Fe=Object.freeze(Object.defineProperty({__proto__:null,default:Le},Symbol.toStringTag,{value:"Module"}));const Ae={},xe={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},De=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function Te(t,o){return e.openBlock(),e.createElementBlock("svg",xe,De)}var Pe=u(Ae,[["render",Te]]),Ge=Object.freeze(Object.defineProperty({__proto__:null,default:Pe},Symbol.toStringTag,{value:"Module"}));const qe={},Re={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ke=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"},null,-1)];function Ue(t,o){return e.openBlock(),e.createElementBlock("svg",Re,Ke)}var He=u(qe,[["render",Ue]]),We=Object.freeze(Object.defineProperty({__proto__:null,default:He},Symbol.toStringTag,{value:"Module"}));const Xe={},Ye={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Je=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"},null,-1)];function Qe(t,o){return e.openBlock(),e.createElementBlock("svg",Ye,Je)}var Ze=u(Xe,[["render",Qe]]),ve=Object.freeze(Object.defineProperty({__proto__:null,default:Ze},Symbol.toStringTag,{value:"Module"}));const et={},tt={fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},ot=[e.createElementVNode("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function nt(t,o){return e.openBlock(),e.createElementBlock("svg",tt,ot)}var rt=u(et,[["render",nt]]),lt=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"})),bn="";const st={},at=t=>(e.pushScopeId("data-v-683816b2"),t=t(),e.popScopeId(),t),ct={class:"IconSpinner",fill:"none",stroke:"currentColor",viewBox:"0 0 25 25",xmlns:"http://www.w3.org/2000/svg"},it=[at(()=>e.createElementVNode("path",{d:"M23.5 12.5c0 6.1-4.9 11-11 11s-11-4.9-11-11 4.9-11 11-11","shape-rendering":"geometricPrecision",style:{"stroke-width":"2","stroke-miterlimit":"10",stroke:"currentColor",fill:"none"},"vector-effect":"non-scaling-stroke"},null,-1))];function dt(t,o){return e.openBlock(),e.createElementBlock("svg",ct,it)}var _t=u(st,[["render",dt],["__scopeId","data-v-683816b2"]]),mt=Object.freeze(Object.defineProperty({__proto__:null,default:_t},Symbol.toStringTag,{value:"Module"}));const pt={},ut={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ft=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"},null,-1)];function ht(t,o){return e.openBlock(),e.createElementBlock("svg",ut,ft)}var kt=u(pt,[["render",ht]]),gt=Object.freeze(Object.defineProperty({__proto__:null,default:kt},Symbol.toStringTag,{value:"Module"}));const bt={},yt={"aria-hidden":"true",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},$t=[e.createElementVNode("path",{d:"M6 18L18 6M6 6l12 12","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function Bt(t,o){return e.openBlock(),e.createElementBlock("svg",yt,$t)}var wt=u(bt,[["render",Bt]]),St=Object.freeze(Object.defineProperty({__proto__:null,default:wt},Symbol.toStringTag,{value:"Module"}));function Ct(t,o){var n;return(n=Object.entries(t).map(([a,l])=>({path:a,source:l})).find(a=>a.path.endsWith(`/${o}`)))==null?void 0:n.source.default}var wn="";let M;function Vt(t){M=t}function Et(t){let o;return M&&(o=M(t)),o||(o=Ct(Mt,`${t}.vue`)),o}const Mt={"../icons/arrow-narrow-down.vue":W,"../icons/arrow-narrow-left.vue":v,"../icons/arrow-narrow-right.vue":le,"../icons/arrow-narrow-up.vue":_e,"../icons/check-circle.vue":ke,"../icons/check.vue":we,"../icons/chevron-left.vue":Ne,"../icons/chevron-right.vue":Fe,"../icons/exclamation-circle.vue":Ge,"../icons/exclamation.vue":We,"../icons/plus.vue":ve,"../icons/search.vue":lt,"../icons/spinner.vue":mt,"../icons/trash.vue":gt,"../icons/x.vue":St};var $=u(e.defineComponent({name:"Icon",props:{name:{type:String,required:!0}},setup(t){const o=t,n=e.shallowRef(void 0);return e.watch(()=>o.name,()=>n.value=Et(o.name),{immediate:!0}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)),{class:"Icon"}))}}),[["__scopeId","data-v-cc79c81e"]]),Cn="";const Nt=e.defineComponent({components:{Icon:$},props:{breadcrumbs:{type:Object,default:()=>({})}}}),jt={class:"Breadcrumbs"};function It(t,o,n,a,l,_){const s=e.resolveComponent("router-link"),r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumbs,(i,p,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:"Breadcrumbs__breadcrumb"},[e.createVNode(s,{to:i,class:"Breadcrumbs__link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["to"]),e.createVNode(r,{name:"chevron-right",class:"Breadcrumbs__arrow"})]))),128))])}var zt=u(Nt,[["render",It],["__scopeId","data-v-357000f6"]]),Vn="",En="";const Ot=["normal","small"],Lt=["default","primary","secondary","danger"],Ft=e.defineComponent({components:{Icon:$},inheritAttrs:!1,props:{size:{type:String,default:"normal",validator:t=>Ot.includes(t)},variant:{type:String,default:"default",validator:t=>Lt.includes(t)},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},label:{type:String,default:""},active:Boolean,loading:Boolean,block:Boolean,disabled:Boolean},computed:{component(){return this.$attrs.to?"router-link":this.$attrs.href?"a":"button"},classModifiers(){const t=[this.size,this.variant];return this.active&&t.push("active"),this.loading&&t.push("loading"),this.disabled&&t.push("disabled"),t.map(o=>`button--${o}`)},normalizedAttrs(){return y({type:this.component==="button"?"button":void 0},this.$attrs)}}}),At={key:1};function xt(t,o,n,a,l,_){const s=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps({class:["Button button",[t.classModifiers,{"Button--block":t.block},{"button--disabled":t.$attrs.disabled}]]},t.normalizedAttrs),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[t.prefixIcon&&!t.loading?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass(["Button__icon Button__icon--prefix",[`Button__icon--${t.size}`]]),name:t.prefixIcon},null,8,["class","name"])):e.createCommentVNode("",!0)],!0),t.loading?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass(["Button__icon Button__icon--prefix",[`Button__icon--${t.size}`]]),name:"spinner"},null,8,["class"])):e.createCommentVNode("",!0),t.$slots.default||t.label?(e.openBlock(),e.createElementBlock("span",At,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"suffix",{},()=>[t.suffixIcon?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass(["Button__icon Button__icon--suffix",[`Button__icon--${t.size}`]]),name:t.suffixIcon},null,8,["class","name"])):e.createCommentVNode("",!0)],!0)]),_:3},16,["class"])}var S=u(Ft,[["render",xt],["__scopeId","data-v-4c3e5fdd"]]),Mn="";const C=e.defineComponent({emits:["update:modelValue"],computed:{normalizedAttrs(){const t=l=>l.getAttribute("type")==="number"?l.valueAsNumber:l.getAttribute("type")==="checkbox"?l.checked:l.value,a=this.$attrs,{class:o}=a,n=G(a,["class"]);return B(y({},n),{onInput:l=>this.$emit("update:modelValue",t(l.target))})}}});var Nn="";const Dt=e.defineComponent({mixins:[C],inheritAttrs:!1,props:{modelValue:Boolean,required:Boolean,switch:Boolean,caption:{type:String,default:""}}}),Tt=t=>(e.pushScopeId("data-v-6d3aac34"),t=t(),e.popScopeId(),t),Pt=["checked","required"],Gt=[Tt(()=>e.createElementVNode("div",{class:"Checkbox__switchDot"},null,-1))],qt={key:1,class:"Checkbox__label"},Rt={key:0,class:"Checkbox__required"};function Kt(t,o,n,a,l,_){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["Checkbox",[t.$attrs.class,{"Checkbox--disabled":t.$attrs.disabled}]])},[e.withDirectives(e.createElementVNode("input",e.mergeProps(t.normalizedAttrs,{checked:t.modelValue,class:"Checkbox__input input",required:t.required,type:"checkbox"}),null,16,Pt),[[e.vShow,!t.$props.switch]]),t.$props.switch?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["Checkbox__switch",{"Checkbox__switch--active":t.modelValue}])},Gt,2)):e.createCommentVNode("",!0),t.$slots.default||t.caption?(e.openBlock(),e.createElementBlock("div",qt,[t.required?(e.openBlock(),e.createElementBlock("span",Rt,"*")):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.caption),1)],!0)])):e.createCommentVNode("",!0)],2)}var j=u(Dt,[["render",Kt],["__scopeId","data-v-6d3aac34"]]);function V(t,o){return typeof o=="function"?o(t):o||o===0?t[o]:t}function I(t,o={}){return Array.isArray(t)?t.map(n=>({value:V(n,o.value),label:V(n,o.label),description:o.description&&V(n,o.description),disabled:o.disabled&&V(n,o.disabled)})):Object.entries(t||{}).reduce((n,[a,l])=>n.concat({value:a,label:l}),[])}var In="";const Ut=e.defineComponent({components:{Checkbox:j},props:{modelValue:{type:Array,default:()=>[]},options:{type:[Array,Object],required:!0},optionLabelKey:{type:[Function,String,Number],default:void 0},optionValueKey:{type:[Function,String,Number],default:void 0},optionDisabledKey:{type:[Function,String,Number],default:void 0}},emits:["update:modelValue"],computed:{normalizedOptions(){return I(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})},checkedValues(){return this.modelValue.reduce((t,o)=>B(y({},t),{[o]:!0}),{})}},methods:{toggleCheckedValue(t){const o=B(y({},this.checkedValues),{[t]:!this.checkedValues[t]}),n=Object.entries(o).filter(([a,l])=>l).map(([a])=>a);this.$emit("update:modelValue",n)}}}),Ht={class:"CheckboxGroup"};function Wt(t,o,n,a,l,_){const s=e.resolveComponent("Checkbox");return e.openBlock(),e.createElementBlock("div",Ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("div",{key:r.value},[e.createVNode(s,{disabled:r.disabled,"model-value":t.checkedValues[r.value],caption:r.label,"onUpdate:modelValue":i=>t.toggleCheckedValue(r.value)},null,8,["disabled","model-value","caption","onUpdate:modelValue"])]))),128))])}var Xt=u(Ut,[["render",Wt]]),zn="";const Yt=e.defineComponent({props:{label:{type:String,default:""},error:{type:[String,Array,Boolean],default:""},description:{type:String,default:""},hint:{type:String,default:""},required:Boolean},computed:{errorMessage(){return Array.isArray(this.error)?this.error.filter(Boolean).join(" "):typeof this.error=="string"?this.error:""}}}),Jt={key:0,class:"FormGroup__header"},Qt={class:"FormGroup__label"},Zt={key:0,class:"FormGroup__required"},vt={key:1,class:"FormGroup__description"},eo={key:2,class:"FormGroup__hint"},to={key:3,class:"FormGroup__error"};function oo(t,o,n,a,l,_){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FormGroup",{"FormGroup--invalid":t.error}])},[t.label?(e.openBlock(),e.createElementBlock("div",Jt,[e.createElementVNode("label",Qt,e.toDisplayString(t.label),1),t.required?(e.openBlock(),e.createElementBlock("div",Zt,"*")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.description||t.description?(e.openBlock(),e.createElementBlock("div",vt,[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),t.$slots.hint||t.hint?(e.openBlock(),e.createElementBlock("div",eo,[e.renderSlot(t.$slots,"hint",{},()=>[e.createTextVNode(e.toDisplayString(t.hint),1)],!0)])):e.createCommentVNode("",!0),t.errorMessage?(e.openBlock(),e.createElementBlock("div",to,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0)],2)}var z=u(Yt,[["render",oo],["__scopeId","data-v-4214535a"]]),On="";const no={class:"FormFields"},ro=e.defineComponent({name:"FormFields",props:{fields:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>({})},errors:{type:Object,default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t;function a(_){var r;return(((r=n.fields[_].value)==null?void 0:r.getter)||(i=>i[_]))(n.modelValue)}function l(_,s){var p;const i=(((p=n.fields[_].value)==null?void 0:p.setter)||((m,d)=>B(y({},d),{[_]:m})))(s,n.modelValue);o("update:modelValue",i)}return(_,s)=>(e.openBlock(),e.createElementBlock("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(r,i)=>{var p;return e.openBlock(),e.createBlock(z,{key:i,label:r.label,description:r.description,hint:r.hint,required:r.required,error:(p=t.errors)==null?void 0:p[i]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({"model-value":a(String(i))},r.props,{"onUpdate:modelValue":m=>l(String(i),m)}),null,16,["model-value","onUpdate:modelValue"]))]),_:2},1032,["label","description","hint","required","error"])}),128))]))}});var O=u(ro,[["__scopeId","data-v-6e4bafe2"]]),Ln="";const lo={class:"Form"},so=["disabled"],ao={key:0,class:"Form__title"},co={key:0,class:"Form__buttons"},io=e.defineComponent({name:"Form",props:{structure:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>{}},errors:{type:Object,default:()=>({})},submit:{type:Function,default:void 0},submitLabel:{type:String,default:"Submit"},cancel:{type:[Function,Object],default:void 0},cancelLabel:{type:String,default:"Cancel"},submitting:Boolean},emits:["update:modelValue","change","submit","cancel"],setup(t,{emit:o}){const n=t,a=h.useRouter();function l(){var s;(s=n.submit)==null||s.call(n,n.modelValue)}function _(){var s;typeof n.cancel=="function"?(s=n.cancel)==null||s.call(n):n.cancel&&a.push(n.cancel)}return(s,r)=>(e.openBlock(),e.createElementBlock("div",lo,[t.modelValue?(e.openBlock(),e.createElementBlock("form",{key:0,disabled:t.submitting,onSubmit:r[3]||(r[3]=e.withModifiers(i=>l==null?void 0:l(),["prevent"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.structure,(i,p)=>(e.openBlock(),e.createElementBlock("div",{key:p},[i.title?(e.openBlock(),e.createElementBlock("div",ao,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),e.createVNode(O,{fields:i.fields,"model-value":t.modelValue,errors:t.errors,"onUpdate:modelValue":r[0]||(r[0]=m=>o("update:modelValue",m)),onChange:r[1]||(r[1]=m=>o("change",m))},null,8,["fields","model-value","errors"])]))),128)),e.renderSlot(s.$slots,"buttons",e.normalizeProps(e.guardReactiveProps({cancel:_,submit:l})),()=>[l||_?(e.openBlock(),e.createElementBlock("div",co,[l?(e.openBlock(),e.createBlock(S,{key:0,variant:"primary",type:"submit",label:t.submitLabel,disabled:t.submitting,"prefix-icon":t.submitting?"spinner":void 0},null,8,["label","disabled","prefix-icon"])):e.createCommentVNode("",!0),_?(e.openBlock(),e.createBlock(S,{key:1,label:t.cancelLabel,disabled:t.submitting,onClick:r[2]||(r[2]=i=>_())},null,8,["label","disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0)],40,so)):(e.openBlock(),e.createBlock($,{key:1,name:"spinner"}))]))}});var _o=u(io,[["__scopeId","data-v-5366fc3a"]]),Fn="";const mo=["normal","small"],po=e.defineComponent({components:{Icon:$},mixins:[C],inheritAttrs:!1,props:{modelValue:{type:[Number,String],default:""},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},size:{type:String,default:"normal",validator:t=>mo.includes(t)},invalid:Boolean},computed:{hasPrefix(){return Boolean(this.$slots.prefix||this.prefixIcon)},hasSuffix(){return Boolean(this.$slots.suffix||this.suffixIcon)}}}),uo={class:"Input__icon Input__icon--left"},fo=["aria-label","value"],ho={class:"Input__icon Input__icon--right"};function ko(t,o,n,a,l,_){const s=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["Input input",[t.$attrs.class,{"input--invalid":t.invalid,"input--disabled":t.$attrs.disabled,"input--small":t.size==="small"}]]),onClick:o[0]||(o[0]=r=>t.$refs.input.focus())},[t.hasPrefix?e.renderSlot(t.$slots,"prefix",{key:0},()=>[e.createElementVNode("div",uo,[e.createVNode(s,{name:t.prefixIcon},null,8,["name"])])]):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref:"input","aria-label":t.$attrs.placeholder||"input"},t.normalizedAttrs,{class:"Input__nestedInput input__nested",value:t.modelValue}),null,16,fo),t.hasSuffix?e.renderSlot(t.$slots,"suffix",{key:1},()=>[e.createElementVNode("div",ho,[e.createVNode(s,{name:t.suffixIcon},null,8,["name"])])]):e.createCommentVNode("",!0)],2)}var go=u(po,[["render",ko]]),An="";const bo={key:1,class:"ModalLayout__header"},yo={class:"ModalLayout__title"},$o={class:"ModalLayout__body"},Bo={key:2,class:"ModalLayout__footer"},L=e.defineComponent({name:"ModalLayout",props:{title:{type:String,default:""},width:{type:[Number,String],default:600},hideCloser:Boolean,scroll:Boolean,plain:Boolean},setup(t){const o=t,n=e.useSlots();e.useAttrs();const a=e.computed(()=>Boolean(n.header||o.title)),l=e.computed(()=>Boolean(n.footer)),_=e.computed(()=>{const r=o.width+(Number(o.width)?"px":"");return r&&r!=="auto"?{width:"100%",maxWidth:r}:{}});function s(){window.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape"}))}return(r,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ModalLayout",{hasHeader:e.unref(a),hasFooter:e.unref(l),isScrollable:r.$props.scroll,isPlain:r.$props.plain}]),style:e.normalizeStyle(e.unref(_))},[t.hideCloser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ModalLayout__close",onClick:i[0]||(i[0]=p=>s())},[e.createVNode($,{name:"x",class:"ModalLayout__closeIcon"})])),e.unref(a)?(e.openBlock(),e.createElementBlock("div",bo,[e.renderSlot(r.$slots,"header",{},()=>[e.createElementVNode("div",yo,e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",$o,[e.renderSlot(r.$slots,"default")]),e.unref(l)?(e.openBlock(),e.createElementBlock("div",Bo,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],6))}}),wo=["normal","small"],So=e.defineComponent({mixins:[C],props:{value:{type:[String,Number,Object],default:""},options:{type:[Array,Object],required:!0},optionLabelKey:{type:[Function,String,Number],default:void 0},optionValueKey:{type:[Function,String,Number],default:void 0},optionDisabledKey:{type:[Function,String,Number],default:void 0},placeholder:{type:String,default:""},size:{type:String,default:"normal",validator:t=>wo.includes(t)},allowEmpty:Boolean},computed:{normalizedOptions(){return I(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Co=["value"],Vo=["disabled"],Eo=["disabled","value"];function Mo(t,o,n,a,l,_){return e.openBlock(),e.createElementBlock("select",e.mergeProps({class:"Select input"},t.normalizedAttrs,{class:[t.$attrs.class,{"input--small":t.size==="small"}],value:t.value}),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,disabled:!t.allowEmpty,selected:"",value:void 0},e.toDisplayString(t.placeholder),9,Vo)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,s=>(e.openBlock(),e.createElementBlock("option",{key:s.value,disabled:s.disabled,value:s.value},e.toDisplayString(s.label),9,Eo))),128))],16,Co)}var No=u(So,[["render",Mo]]),xn="",Dn="";const jo=e.defineComponent({props:{items:{type:Array,default:()=>[]},columns:{type:Object,default:null},rowClass:{type:[String,Function],default:null}},computed:{normalizedColumns(){return Object.entries(this.columns).reduce((t,[o,n])=>B(y({},t),{[o]:typeof n=="string"?{label:n}:n}),{})}},methods:{formatValue(t,o){const n=this.normalizedColumns[o],a=typeof n.value=="function"?n.value(t):t[o];return n.format?n.format(a):a},resolveRowClass(t){return typeof this.rowClass=="function"?this.rowClass(t):this.rowClass}}}),Io={class:"table table--hover"},zo=["width"];function Oo(t,o,n,a,l,_){const s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("table",Io,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(r,i)=>(e.openBlock(),e.createElementBlock("th",{key:i,style:e.normalizeStyle({textAlign:r.align||"left"}),width:r.width},e.toDisplayString(r.label),13,zo))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(r,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i,class:e.normalizeClass(t.resolveRowClass(r))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(p,m)=>(e.openBlock(),e.createElementBlock("td",{key:m,style:e.normalizeStyle({textAlign:p.align||"left"})},[e.renderSlot(t.$slots,m,e.normalizeProps(e.guardReactiveProps({item:r})),()=>[p.href?(e.openBlock(),e.createBlock(s,{key:0,class:"link",to:p.href(r)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.formatValue(r,m)),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.formatValue(r,m)),1)],64))])],4))),128))],2))),128))])])}var Lo=u(jo,[["render",Oo]]);const Fo=e.defineComponent({mixins:[C],props:{value:{type:String,default:""}}}),Ao=["value"];function xo(t,o,n,a,l,_){return e.openBlock(),e.createElementBlock("textarea",e.mergeProps(t.normalizedAttrs,{class:["Textarea input",t.$attrs.class],value:t.value}),null,16,Ao)}var Do=u(Fo,[["render",xo]]),Tn="";const To={class:"ModalLayoutDialog__buttons"},Po=e.defineComponent({name:"ModalLayoutDialog",props:{title:{type:String,default:""},message:{type:String,default:""},buttons:{type:Array,default:()=>[]}},emits:["close"],setup(t){return(o,n)=>{var a;return e.openBlock(),e.createBlock(L,{ref:"root",class:"ModalLayoutDialog",width:"480",title:o.$props.title},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$props.message)+" ",1)]),_:2},[(a=o.$props.buttons)!=null&&a.length?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",To,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.$props.buttons,(l,_)=>(e.openBlock(),e.createElementBlock("span",{key:_,class:"ModalLayoutDialog__buttonWrapper"},[e.createVNode(S,{type:"button",variant:l.variant,"prefix-icon":l.icon,autofocus:"",onClick:s=>o.$emit("close",l.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["variant","prefix-icon","onClick"])]))),128))])])}:void 0]),1032,["title"])}}});var Pn="";const Go={class:"ModalStack"},qo={key:0,class:"ModalStack__backdrop"},Ro=["onClick"],Ko=e.defineComponent({name:"ModalStack",props:{modals:{type:Array,default:()=>[]}},emits:["closeModal"],setup(t,{emit:o}){const n=t,a=e.ref({}),l=e.computed(()=>n.modals.length?n.modals[n.modals.length-1]:null);function _(m){return d=>a.value[m]=d}function s(m,d){var g;const f=()=>{o("closeModal",{modal:m,result:d})},k=a.value[m.id].$refs.root;(g=k.$attrs)!=null&&g.onBeforeClose?k.$attrs.onBeforeClose(f):f()}function r(){l.value&&s(l.value)}function i(m){l.value&&m.key==="Escape"&&!m.defaultPrevented&&(m.preventDefault(),r())}function p(m,d){m.target===m.currentTarget&&s(d)}return e.onMounted(()=>{window.addEventListener("keydown",i)}),e.onBeforeUnmount(()=>{window.removeEventListener("keydown",i)}),(m,d)=>(e.openBlock(),e.createElementBlock("div",Go,[e.createVNode(e.Transition,{name:"ModalStack__backdrop"},{default:e.withCtx(()=>[n.modals.length?(e.openBlock(),e.createElementBlock("div",qo)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{name:"ModalStack__modal"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.modals,f=>{var k;return e.openBlock(),e.createElementBlock("div",{key:f.id,class:"ModalStack__modalWrapper",onClick:g=>p(g,f)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.component),e.mergeProps(f.props,{ref_for:!0,ref:_(f.id),class:["ModalStack__modal",{isActive:((k=e.unref(l))==null?void 0:k.id)===f.id}],onClose:g=>s(f,g)}),null,16,["class","onClose"]))],8,Ro)}),128))]),_:1})]))}}),Uo={cancelLabel:"Cancel",confirmLabel:"OK"},Ho=(t,o={})=>{let n=1;o=y(y({},Uo),o);const a=e.reactive({modals:[]}),l=(d,f)=>{var k;a.modals=a.modals.filter(({id:g})=>g!==d.id),d.resolve(f),(k=d.focusElement)==null||k.focus()},_=e.createApp({parent:t,data(){return a},render(){return e.h(Ko,{modals:a.modals,onCloseModal:({modal:d,result:f})=>l(d,f)})}}),s=document.createElement("div");document.body.appendChild(s),_.mount(s);const r=(d,f)=>{var g;const k=document.activeElement;return(g=k.blur)==null||g.call(k),new Promise(w=>{a.modals.push({id:n++,component:d,props:f,resolve:w,focusElement:k})})},i=d=>r(Po,d),p=d=>{typeof d=="string"&&(d={message:d});const{title:f,message:k,confirmVariant:g,confirmLabel:w=o.confirmLabel,confirmIcon:N}=d;return i({title:f,message:k,buttons:[{variant:g||"primary",label:w||"",icon:N}]})},m=d=>{typeof d=="string"&&(d={message:d});const{title:f,message:k,cancelLabel:g=o.cancelLabel,cancelVariant:w,cancelIcon:N,confirmLabel:en=o.confirmLabel,confirmVariant:tn,confirmIcon:on}=d;return i({title:f,message:k,buttons:[{variant:w||"secondary",label:g||"",icon:N,value:!1},{variant:tn||"primary",label:en||"",icon:on,value:!0}]})};t.config.globalProperties.$modal={open:r,dialog:i,alert:p,confirm:m}};function F(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$modal}var Gn="";const Wo={class:"Snackbar"},Xo=["onClick"],Yo=e.defineComponent({name:"SnackbarStack",props:{messages:{type:Array,default:()=>[]}},emits:["remove-message"],setup(t,{emit:o}){const n=t,a=e.computed(()=>[...n.messages].reverse());return(l,_)=>(e.openBlock(),e.createElementBlock("div",Wo,[e.createVNode(e.TransitionGroup,{name:"Snackbar__transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"Snackbar__message"},[e.createElementVNode("div",{class:"Snackbar__messageWrapper",style:e.normalizeStyle({transform:`translateY(-${100*r}%)`})},[e.createElementVNode("div",{class:e.normalizeClass(["Snackbar__messageBlock",`Snackbar__messageBlock--${s.type}`])},[e.createElementVNode("div",null,e.toDisplayString(s.text),1),e.createElementVNode("div",{class:"Snackbar__messageClose",onClick:i=>l.$emit("remove-message",s.id)},[e.createVNode($,{class:"Snackbar__messageCloseIcon",name:"x"})],8,Xo)],2)],4)]))),128))]),_:1})]))}}),Jo=1e4,Qo=5,Zo=t=>{let o=1;const n=e.reactive({messages:[]}),a=r=>{n.messages=n.messages.filter(({id:i})=>i!==r)},l=e.createApp({parent:t,data(){return n},render(){return e.h(Yo,{messages:this.messages,onRemoveMessage:a})}}),_=document.createElement("div");document.body.appendChild(_),l.mount(_);const s=(r,i="success",p=Jo)=>{const m=o++;n.messages.push({text:r,type:i,id:m}),n.messages.length>Qo&&n.messages.shift(),p>0&&setTimeout(()=>a(m),p)};t.config.globalProperties.$snackbar={success:r=>s(r,"success"),error:r=>s(r,"error",0)}};function A(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$snackbar}function x(t,o={}){const n=A(),a=F(),l=h.useRouter(),_=e.ref(!1),s=e.ref(),r=e.ref(Object.freeze({})),i=async p=>{var m;if(!(o.confirm&&!await a.confirm(typeof o.confirm=="function"?o.confirm(p):o.confirm))){if(o.validator){const d=await o.validator(p);if(!d||typeof d=="object"&&(r.value=(d==null?void 0:d.errors)||{},!(d!=null&&d.isValid)))return}_.value=!0;try{s.value=await t(p)}catch(d){if(n.error(typeof o.errorMessage=="function"?o.errorMessage(d,p):o.errorMessage||d.message),_.value=!1,o.onError&&o.onError({error:d,data:p,router:l}))return;throw d}return _.value=!1,o.successMessage&&n.success(typeof o.successMessage=="function"?o.successMessage(s.value,p):o.successMessage),(m=o.onSuccess)==null||m.call(o,{result:s.value,data:p,router:l}),o.redirectOnSuccess&&l.push(typeof o.redirectOnSuccess=="function"?o.redirectOnSuccess(s.value,p):o.redirectOnSuccess),s.value}};return o.immediate&&e.onMounted(i),{submit:i,errors:r,result:s,isSubmitting:_}}const vo=(t,o={})=>{const{isSubmitting:n,submit:a,result:l}=x(t,{onSuccess:({router:_,data:s,result:r})=>{var i;return(i=o.onSuccess)==null?void 0:i.call(o,{data:r,params:s,router:_})},onError:({router:_,error:s,data:r})=>{var i;return(i=o.onError)==null?void 0:i.call(o,{error:s,params:r,router:_})},successMessage:o.successMessage,errorMessage:o.errorMessage,immediate:o.immediate});return{load:a,isLoading:n,data:l}};c.Breadcrumbs=zt,c.Button=S,c.Checkbox=j,c.CheckboxGroup=Xt,c.Form=_o,c.FormFields=O,c.FormGroup=z,c.Icon=$,c.Input=go,c.ModalLayout=L,c.Select=No,c.Table=Lo,c.Textarea=Do,c.modal=Ho,c.registerCustomIconResolver=Vt,c.snackbar=Zo,c.useLoadData=vo,c.useModal=F,c.useSnackbar=A,c.useSubmitAction=x,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.vui={},c.Vue,c.VueRouter))})(this,function(c,e,h){"use strict";var nn=Object.defineProperty,rn=Object.defineProperties;var ln=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var D=(c,e,h)=>e in c?nn(c,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):c[e]=h,y=(c,e)=>{for(var h in e||(e={}))T.call(e,h)&&D(c,h,e[h]);if(E)for(var h of E(e))P.call(e,h)&&D(c,h,e[h]);return c},B=(c,e)=>rn(c,ln(e));var G=(c,e)=>{var h={};for(var b in c)T.call(c,b)&&e.indexOf(b)<0&&(h[b]=c[b]);if(c!=null&&E)for(var b of E(c))e.indexOf(b)<0&&P.call(c,b)&&(h[b]=c[b]);return h};var b="",u=(t,o)=>{const n=t.__vccOpts||t;for(const[a,s]of o)n[a]=s;return n};const q={},R={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},K=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M16 17l-4 4m0 0l-4-4m4 4V3"},null,-1)];function U(t,o){return e.openBlock(),e.createElementBlock("svg",R,K)}var H=u(q,[["render",U]]),W=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"}));const X={},Y={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},J=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M7 16l-4-4m0 0l4-4m-4 4h18"},null,-1)];function Q(t,o){return e.openBlock(),e.createElementBlock("svg",Y,J)}var Z=u(X,[["render",Q]]),v=Object.freeze(Object.defineProperty({__proto__:null,default:Z},Symbol.toStringTag,{value:"Module"}));const ee={},te={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},oe=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"},null,-1)];function ne(t,o){return e.openBlock(),e.createElementBlock("svg",te,oe)}var re=u(ee,[["render",ne]]),le=Object.freeze(Object.defineProperty({__proto__:null,default:re},Symbol.toStringTag,{value:"Module"}));const se={},ae={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ce=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8 7l4-4m0 0l4 4m-4-4v18"},null,-1)];function ie(t,o){return e.openBlock(),e.createElementBlock("svg",ae,ce)}var de=u(se,[["render",ie]]),_e=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));const me={},pe={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ue=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function fe(t,o){return e.openBlock(),e.createElementBlock("svg",pe,ue)}var he=u(me,[["render",fe]]),ke=Object.freeze(Object.defineProperty({__proto__:null,default:he},Symbol.toStringTag,{value:"Module"}));const ge={},be={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ye=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"},null,-1)];function $e(t,o){return e.openBlock(),e.createElementBlock("svg",be,ye)}var Be=u(ge,[["render",$e]]),we=Object.freeze(Object.defineProperty({__proto__:null,default:Be},Symbol.toStringTag,{value:"Module"}));const Se={},Ce={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ve=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 19l-7-7 7-7"},null,-1)];function Ee(t,o){return e.openBlock(),e.createElementBlock("svg",Ce,Ve)}var Me=u(Se,[["render",Ee]]),Ne=Object.freeze(Object.defineProperty({__proto__:null,default:Me},Symbol.toStringTag,{value:"Module"}));const je={},Ie={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ze=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 5l7 7-7 7"},null,-1)];function Oe(t,o){return e.openBlock(),e.createElementBlock("svg",Ie,ze)}var Le=u(je,[["render",Oe]]),Fe=Object.freeze(Object.defineProperty({__proto__:null,default:Le},Symbol.toStringTag,{value:"Module"}));const Ae={},xe={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},De=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function Te(t,o){return e.openBlock(),e.createElementBlock("svg",xe,De)}var Pe=u(Ae,[["render",Te]]),Ge=Object.freeze(Object.defineProperty({__proto__:null,default:Pe},Symbol.toStringTag,{value:"Module"}));const qe={},Re={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ke=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"},null,-1)];function Ue(t,o){return e.openBlock(),e.createElementBlock("svg",Re,Ke)}var He=u(qe,[["render",Ue]]),We=Object.freeze(Object.defineProperty({__proto__:null,default:He},Symbol.toStringTag,{value:"Module"}));const Xe={},Ye={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Je=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"},null,-1)];function Qe(t,o){return e.openBlock(),e.createElementBlock("svg",Ye,Je)}var Ze=u(Xe,[["render",Qe]]),ve=Object.freeze(Object.defineProperty({__proto__:null,default:Ze},Symbol.toStringTag,{value:"Module"}));const et={},tt={fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},ot=[e.createElementVNode("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function nt(t,o){return e.openBlock(),e.createElementBlock("svg",tt,ot)}var rt=u(et,[["render",nt]]),lt=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"})),bn="";const st={},at=t=>(e.pushScopeId("data-v-683816b2"),t=t(),e.popScopeId(),t),ct={class:"IconSpinner",fill:"none",stroke:"currentColor",viewBox:"0 0 25 25",xmlns:"http://www.w3.org/2000/svg"},it=[at(()=>e.createElementVNode("path",{d:"M23.5 12.5c0 6.1-4.9 11-11 11s-11-4.9-11-11 4.9-11 11-11","shape-rendering":"geometricPrecision",style:{"stroke-width":"2","stroke-miterlimit":"10",stroke:"currentColor",fill:"none"},"vector-effect":"non-scaling-stroke"},null,-1))];function dt(t,o){return e.openBlock(),e.createElementBlock("svg",ct,it)}var _t=u(st,[["render",dt],["__scopeId","data-v-683816b2"]]),mt=Object.freeze(Object.defineProperty({__proto__:null,default:_t},Symbol.toStringTag,{value:"Module"}));const pt={},ut={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ft=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"},null,-1)];function ht(t,o){return e.openBlock(),e.createElementBlock("svg",ut,ft)}var kt=u(pt,[["render",ht]]),gt=Object.freeze(Object.defineProperty({__proto__:null,default:kt},Symbol.toStringTag,{value:"Module"}));const bt={},yt={"aria-hidden":"true",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},$t=[e.createElementVNode("path",{d:"M6 18L18 6M6 6l12 12","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function Bt(t,o){return e.openBlock(),e.createElementBlock("svg",yt,$t)}var wt=u(bt,[["render",Bt]]),St=Object.freeze(Object.defineProperty({__proto__:null,default:wt},Symbol.toStringTag,{value:"Module"}));function Ct(t,o){var n;return(n=Object.entries(t).map(([a,s])=>({path:a,source:s})).find(a=>a.path.endsWith(`/${o}`)))==null?void 0:n.source.default}var wn="";let M;function Vt(t){M=t}function Et(t){let o;return M&&(o=M(t)),o||(o=Ct(Mt,`${t}.vue`)),o}const Mt={"../icons/arrow-narrow-down.vue":W,"../icons/arrow-narrow-left.vue":v,"../icons/arrow-narrow-right.vue":le,"../icons/arrow-narrow-up.vue":_e,"../icons/check-circle.vue":ke,"../icons/check.vue":we,"../icons/chevron-left.vue":Ne,"../icons/chevron-right.vue":Fe,"../icons/exclamation-circle.vue":Ge,"../icons/exclamation.vue":We,"../icons/plus.vue":ve,"../icons/search.vue":lt,"../icons/spinner.vue":mt,"../icons/trash.vue":gt,"../icons/x.vue":St};var $=u(e.defineComponent({name:"Icon",props:{name:{type:String,required:!0}},setup(t){const o=t,n=e.shallowRef(void 0);return e.watch(()=>o.name,()=>n.value=Et(o.name),{immediate:!0}),(a,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)),{class:"Icon"}))}}),[["__scopeId","data-v-cc79c81e"]]),Cn="";const Nt=e.defineComponent({components:{Icon:$},props:{breadcrumbs:{type:Object,default:()=>({})}}}),jt={class:"Breadcrumbs"};function It(t,o,n,a,s,_){const l=e.resolveComponent("router-link"),r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumbs,(i,p,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:"Breadcrumbs__breadcrumb"},[e.createVNode(l,{to:i,class:"Breadcrumbs__link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["to"]),e.createVNode(r,{name:"chevron-right",class:"Breadcrumbs__arrow"})]))),128))])}var zt=u(Nt,[["render",It],["__scopeId","data-v-357000f6"]]),Vn="",En="";const Ot=["normal","small"],Lt=["default","primary","secondary","danger"],Ft=e.defineComponent({components:{Icon:$},inheritAttrs:!1,props:{size:{type:String,default:"normal",validator:t=>Ot.includes(t)},variant:{type:String,default:"default",validator:t=>Lt.includes(t)},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},label:{type:String,default:""},active:Boolean,loading:Boolean,block:Boolean,disabled:Boolean},computed:{component(){return this.$attrs.to?"router-link":this.$attrs.href?"a":"button"},classModifiers(){const t=[this.size,this.variant];return this.active&&t.push("active"),this.loading&&t.push("loading"),this.disabled&&t.push("disabled"),t.map(o=>`button--${o}`)},normalizedAttrs(){return y({type:this.component==="button"?"button":void 0},this.$attrs)}}}),At={key:1};function xt(t,o,n,a,s,_){const l=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps({class:["Button button",[t.classModifiers,{"Button--block":t.block},{"button--disabled":t.$attrs.disabled}]]},t.normalizedAttrs),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[t.prefixIcon&&!t.loading?(e.openBlock(),e.createBlock(l,{key:0,class:e.normalizeClass(["Button__icon Button__icon--prefix",[`Button__icon--${t.size}`]]),name:t.prefixIcon},null,8,["class","name"])):e.createCommentVNode("",!0)],!0),t.loading?(e.openBlock(),e.createBlock(l,{key:0,class:e.normalizeClass(["Button__icon Button__icon--prefix",[`Button__icon--${t.size}`]]),name:"spinner"},null,8,["class"])):e.createCommentVNode("",!0),t.$slots.default||t.label?(e.openBlock(),e.createElementBlock("span",At,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"suffix",{},()=>[t.suffixIcon?(e.openBlock(),e.createBlock(l,{key:0,class:e.normalizeClass(["Button__icon Button__icon--suffix",[`Button__icon--${t.size}`]]),name:t.suffixIcon},null,8,["class","name"])):e.createCommentVNode("",!0)],!0)]),_:3},16,["class"])}var S=u(Ft,[["render",xt],["__scopeId","data-v-4c3e5fdd"]]),Mn="";const C=e.defineComponent({emits:["update:modelValue"],computed:{normalizedAttrs(){const t=s=>s.getAttribute("type")==="number"?s.valueAsNumber:s.getAttribute("type")==="checkbox"?s.checked:s.value,a=this.$attrs,{class:o}=a,n=G(a,["class"]);return B(y({},n),{onInput:s=>this.$emit("update:modelValue",t(s.target))})}}});var Nn="";const Dt=e.defineComponent({mixins:[C],inheritAttrs:!1,props:{modelValue:Boolean,required:Boolean,switch:Boolean,caption:{type:String,default:""}}}),Tt=t=>(e.pushScopeId("data-v-6d3aac34"),t=t(),e.popScopeId(),t),Pt=["checked","required"],Gt=[Tt(()=>e.createElementVNode("div",{class:"Checkbox__switchDot"},null,-1))],qt={key:1,class:"Checkbox__label"},Rt={key:0,class:"Checkbox__required"};function Kt(t,o,n,a,s,_){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["Checkbox",[t.$attrs.class,{"Checkbox--disabled":t.$attrs.disabled}]])},[e.withDirectives(e.createElementVNode("input",e.mergeProps(t.normalizedAttrs,{checked:t.modelValue,class:"Checkbox__input input",required:t.required,type:"checkbox"}),null,16,Pt),[[e.vShow,!t.$props.switch]]),t.$props.switch?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["Checkbox__switch",{"Checkbox__switch--active":t.modelValue}])},Gt,2)):e.createCommentVNode("",!0),t.$slots.default||t.caption?(e.openBlock(),e.createElementBlock("div",qt,[t.required?(e.openBlock(),e.createElementBlock("span",Rt,"*")):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.caption),1)],!0)])):e.createCommentVNode("",!0)],2)}var j=u(Dt,[["render",Kt],["__scopeId","data-v-6d3aac34"]]);function V(t,o){return typeof o=="function"?o(t):o||o===0?t[o]:t}function I(t,o={}){return Array.isArray(t)?t.map(n=>({value:V(n,o.value),label:V(n,o.label),description:o.description&&V(n,o.description),disabled:o.disabled&&V(n,o.disabled)})):Object.entries(t||{}).reduce((n,[a,s])=>n.concat({value:a,label:s}),[])}var In="";const Ut=e.defineComponent({components:{Checkbox:j},props:{modelValue:{type:Array,default:()=>[]},options:{type:[Array,Object],required:!0},optionLabelKey:{type:[Function,String,Number],default:void 0},optionValueKey:{type:[Function,String,Number],default:void 0},optionDisabledKey:{type:[Function,String,Number],default:void 0}},emits:["update:modelValue"],computed:{normalizedOptions(){return I(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})},checkedValues(){return this.modelValue.reduce((t,o)=>B(y({},t),{[o]:!0}),{})}},methods:{toggleCheckedValue(t){const o=B(y({},this.checkedValues),{[t]:!this.checkedValues[t]}),n=Object.entries(o).filter(([a,s])=>s).map(([a])=>a);this.$emit("update:modelValue",n)}}}),Ht={class:"CheckboxGroup"};function Wt(t,o,n,a,s,_){const l=e.resolveComponent("Checkbox");return e.openBlock(),e.createElementBlock("div",Ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("div",{key:r.value},[e.createVNode(l,{disabled:r.disabled,"model-value":t.checkedValues[r.value],caption:r.label,"onUpdate:modelValue":i=>t.toggleCheckedValue(r.value)},null,8,["disabled","model-value","caption","onUpdate:modelValue"])]))),128))])}var Xt=u(Ut,[["render",Wt]]),zn="";const Yt=e.defineComponent({props:{label:{type:String,default:""},error:{type:[String,Array,Boolean],default:""},description:{type:String,default:""},hint:{type:String,default:""},required:Boolean},computed:{errorMessage(){return Array.isArray(this.error)?this.error.filter(Boolean).join(" "):typeof this.error=="string"?this.error:""}}}),Jt={key:0,class:"FormGroup__header"},Qt={class:"FormGroup__label"},Zt={key:0,class:"FormGroup__required"},vt={key:1,class:"FormGroup__description"},eo={key:2,class:"FormGroup__hint"},to={key:3,class:"FormGroup__error"};function oo(t,o,n,a,s,_){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FormGroup",{"FormGroup--invalid":t.error}])},[t.label?(e.openBlock(),e.createElementBlock("div",Jt,[e.createElementVNode("label",Qt,e.toDisplayString(t.label),1),t.required?(e.openBlock(),e.createElementBlock("div",Zt,"*")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.description||t.description?(e.openBlock(),e.createElementBlock("div",vt,[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),t.$slots.hint||t.hint?(e.openBlock(),e.createElementBlock("div",eo,[e.renderSlot(t.$slots,"hint",{},()=>[e.createTextVNode(e.toDisplayString(t.hint),1)],!0)])):e.createCommentVNode("",!0),t.errorMessage?(e.openBlock(),e.createElementBlock("div",to,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0)],2)}var z=u(Yt,[["render",oo],["__scopeId","data-v-4214535a"]]),On="";const no={class:"FormFields"},ro=e.defineComponent({name:"FormFields",props:{fields:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>({})},errors:{type:Object,default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:o}){const n=t;function a(_){var r;return(((r=n.fields[_].value)==null?void 0:r.getter)||(i=>i[_]))(n.modelValue)}function s(_,l){var p;const i=(((p=n.fields[_].value)==null?void 0:p.setter)||((m,d)=>B(y({},d),{[_]:m})))(l,n.modelValue);o("update:modelValue",i)}return(_,l)=>(e.openBlock(),e.createElementBlock("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(r,i)=>{var p;return e.openBlock(),e.createBlock(z,{key:i,label:r.label,description:r.description,hint:r.hint,required:r.required,error:(p=t.errors)==null?void 0:p[i]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({"model-value":a(String(i))},r.props,{"onUpdate:modelValue":m=>s(String(i),m)}),null,16,["model-value","onUpdate:modelValue"]))]),_:2},1032,["label","description","hint","required","error"])}),128))]))}});var O=u(ro,[["__scopeId","data-v-6e4bafe2"]]),Ln="";const lo={class:"Form"},so=["disabled"],ao={key:0,class:"Form__title"},co={key:0,class:"Form__buttons"},io=e.defineComponent({name:"Form",props:{structure:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>{}},errors:{type:Object,default:()=>({})},submit:{type:Function,default:void 0},submitLabel:{type:String,default:"Submit"},cancel:{type:[Function,Object],default:void 0},cancelLabel:{type:String,default:"Cancel"},submitting:Boolean},emits:["update:modelValue","change","submit","cancel"],setup(t,{emit:o}){const n=t,a=h.useRouter();function s(){var l;(l=n.submit)==null||l.call(n,n.modelValue)}function _(){var l;typeof n.cancel=="function"?(l=n.cancel)==null||l.call(n):n.cancel&&a.push(n.cancel)}return(l,r)=>(e.openBlock(),e.createElementBlock("div",lo,[t.modelValue?(e.openBlock(),e.createElementBlock("form",{key:0,disabled:t.submitting,onSubmit:r[3]||(r[3]=e.withModifiers(i=>s==null?void 0:s(),["prevent"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.structure,(i,p)=>(e.openBlock(),e.createElementBlock("div",{key:p},[i.title?(e.openBlock(),e.createElementBlock("div",ao,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),e.createVNode(O,{fields:i.fields,"model-value":t.modelValue,errors:t.errors,"onUpdate:modelValue":r[0]||(r[0]=m=>o("update:modelValue",m)),onChange:r[1]||(r[1]=m=>o("change",m))},null,8,["fields","model-value","errors"])]))),128)),e.renderSlot(l.$slots,"buttons",e.normalizeProps(e.guardReactiveProps({cancel:t.cancel,submit:t.submit})),()=>[t.submit||t.cancel?(e.openBlock(),e.createElementBlock("div",co,[t.submit?(e.openBlock(),e.createBlock(S,{key:0,variant:"primary",type:"submit",label:t.submitLabel,disabled:t.submitting,"prefix-icon":t.submitting?"spinner":void 0},null,8,["label","disabled","prefix-icon"])):e.createCommentVNode("",!0),t.cancel?(e.openBlock(),e.createBlock(S,{key:1,label:t.cancelLabel,disabled:t.submitting,onClick:r[2]||(r[2]=i=>_())},null,8,["label","disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0)],40,so)):(e.openBlock(),e.createBlock($,{key:1,name:"spinner"}))]))}});var _o=u(io,[["__scopeId","data-v-c8cb4f5a"]]),Fn="";const mo=["normal","small"],po=e.defineComponent({components:{Icon:$},mixins:[C],inheritAttrs:!1,props:{modelValue:{type:[Number,String],default:""},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},size:{type:String,default:"normal",validator:t=>mo.includes(t)},invalid:Boolean},computed:{hasPrefix(){return Boolean(this.$slots.prefix||this.prefixIcon)},hasSuffix(){return Boolean(this.$slots.suffix||this.suffixIcon)}}}),uo={class:"Input__icon Input__icon--left"},fo=["aria-label","value"],ho={class:"Input__icon Input__icon--right"};function ko(t,o,n,a,s,_){const l=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["Input input",[t.$attrs.class,{"input--invalid":t.invalid,"input--disabled":t.$attrs.disabled,"input--small":t.size==="small"}]]),onClick:o[0]||(o[0]=r=>t.$refs.input.focus())},[t.hasPrefix?e.renderSlot(t.$slots,"prefix",{key:0},()=>[e.createElementVNode("div",uo,[e.createVNode(l,{name:t.prefixIcon},null,8,["name"])])]):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref:"input","aria-label":t.$attrs.placeholder||"input"},t.normalizedAttrs,{class:"Input__nestedInput input__nested",value:t.modelValue}),null,16,fo),t.hasSuffix?e.renderSlot(t.$slots,"suffix",{key:1},()=>[e.createElementVNode("div",ho,[e.createVNode(l,{name:t.suffixIcon},null,8,["name"])])]):e.createCommentVNode("",!0)],2)}var go=u(po,[["render",ko]]),An="";const bo={key:1,class:"ModalLayout__header"},yo={class:"ModalLayout__title"},$o={class:"ModalLayout__body"},Bo={key:2,class:"ModalLayout__footer"},L=e.defineComponent({name:"ModalLayout",props:{title:{type:String,default:""},width:{type:[Number,String],default:600},hideCloser:Boolean,scroll:Boolean,plain:Boolean},setup(t){const o=t,n=e.useSlots();e.useAttrs();const a=e.computed(()=>Boolean(n.header||o.title)),s=e.computed(()=>Boolean(n.footer)),_=e.computed(()=>{const r=o.width+(Number(o.width)?"px":"");return r&&r!=="auto"?{width:"100%",maxWidth:r}:{}});function l(){window.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape"}))}return(r,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ModalLayout",{hasHeader:e.unref(a),hasFooter:e.unref(s),isScrollable:r.$props.scroll,isPlain:r.$props.plain}]),style:e.normalizeStyle(e.unref(_))},[t.hideCloser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ModalLayout__close",onClick:i[0]||(i[0]=p=>l())},[e.createVNode($,{name:"x",class:"ModalLayout__closeIcon"})])),e.unref(a)?(e.openBlock(),e.createElementBlock("div",bo,[e.renderSlot(r.$slots,"header",{},()=>[e.createElementVNode("div",yo,e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",$o,[e.renderSlot(r.$slots,"default")]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",Bo,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],6))}}),wo=["normal","small"],So=e.defineComponent({mixins:[C],props:{value:{type:[String,Number,Object],default:""},options:{type:[Array,Object],required:!0},optionLabelKey:{type:[Function,String,Number],default:void 0},optionValueKey:{type:[Function,String,Number],default:void 0},optionDisabledKey:{type:[Function,String,Number],default:void 0},placeholder:{type:String,default:""},size:{type:String,default:"normal",validator:t=>wo.includes(t)},allowEmpty:Boolean},computed:{normalizedOptions(){return I(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Co=["value"],Vo=["disabled"],Eo=["disabled","value"];function Mo(t,o,n,a,s,_){return e.openBlock(),e.createElementBlock("select",e.mergeProps({class:"Select input"},t.normalizedAttrs,{class:[t.$attrs.class,{"input--small":t.size==="small"}],value:t.value}),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,disabled:!t.allowEmpty,selected:"",value:void 0},e.toDisplayString(t.placeholder),9,Vo)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,l=>(e.openBlock(),e.createElementBlock("option",{key:l.value,disabled:l.disabled,value:l.value},e.toDisplayString(l.label),9,Eo))),128))],16,Co)}var No=u(So,[["render",Mo]]),xn="",Dn="";const jo=e.defineComponent({props:{items:{type:Array,default:()=>[]},columns:{type:Object,default:null},rowClass:{type:[String,Function],default:null}},computed:{normalizedColumns(){return Object.entries(this.columns).reduce((t,[o,n])=>B(y({},t),{[o]:typeof n=="string"?{label:n}:n}),{})}},methods:{formatValue(t,o){const n=this.normalizedColumns[o],a=typeof n.value=="function"?n.value(t):t[o];return n.format?n.format(a):a},resolveRowClass(t){return typeof this.rowClass=="function"?this.rowClass(t):this.rowClass}}}),Io={class:"table table--hover"},zo=["width"];function Oo(t,o,n,a,s,_){const l=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("table",Io,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(r,i)=>(e.openBlock(),e.createElementBlock("th",{key:i,style:e.normalizeStyle({textAlign:r.align||"left"}),width:r.width},e.toDisplayString(r.label),13,zo))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(r,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i,class:e.normalizeClass(t.resolveRowClass(r))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(p,m)=>(e.openBlock(),e.createElementBlock("td",{key:m,style:e.normalizeStyle({textAlign:p.align||"left"})},[e.renderSlot(t.$slots,m,e.normalizeProps(e.guardReactiveProps({item:r})),()=>[p.href?(e.openBlock(),e.createBlock(l,{key:0,class:"link",to:p.href(r)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.formatValue(r,m)),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.formatValue(r,m)),1)],64))])],4))),128))],2))),128))])])}var Lo=u(jo,[["render",Oo]]);const Fo=e.defineComponent({mixins:[C],props:{value:{type:String,default:""}}}),Ao=["value"];function xo(t,o,n,a,s,_){return e.openBlock(),e.createElementBlock("textarea",e.mergeProps(t.normalizedAttrs,{class:["Textarea input",t.$attrs.class],value:t.value}),null,16,Ao)}var Do=u(Fo,[["render",xo]]),Tn="";const To={class:"ModalLayoutDialog__buttons"},Po=e.defineComponent({name:"ModalLayoutDialog",props:{title:{type:String,default:""},message:{type:String,default:""},buttons:{type:Array,default:()=>[]}},emits:["close"],setup(t){return(o,n)=>{var a;return e.openBlock(),e.createBlock(L,{ref:"root",class:"ModalLayoutDialog",width:"480",title:o.$props.title},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$props.message)+" ",1)]),_:2},[(a=o.$props.buttons)!=null&&a.length?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",To,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.$props.buttons,(s,_)=>(e.openBlock(),e.createElementBlock("span",{key:_,class:"ModalLayoutDialog__buttonWrapper"},[e.createVNode(S,{type:"button",variant:s.variant,"prefix-icon":s.icon,autofocus:"",onClick:l=>o.$emit("close",s.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1032,["variant","prefix-icon","onClick"])]))),128))])])}:void 0]),1032,["title"])}}});var Pn="";const Go={class:"ModalStack"},qo={key:0,class:"ModalStack__backdrop"},Ro=["onClick"],Ko=e.defineComponent({name:"ModalStack",props:{modals:{type:Array,default:()=>[]}},emits:["closeModal"],setup(t,{emit:o}){const n=t,a=e.ref({}),s=e.computed(()=>n.modals.length?n.modals[n.modals.length-1]:null);function _(m){return d=>a.value[m]=d}function l(m,d){var g;const f=()=>{o("closeModal",{modal:m,result:d})},k=a.value[m.id].$refs.root;(g=k.$attrs)!=null&&g.onBeforeClose?k.$attrs.onBeforeClose(f):f()}function r(){s.value&&l(s.value)}function i(m){s.value&&m.key==="Escape"&&!m.defaultPrevented&&(m.preventDefault(),r())}function p(m,d){m.target===m.currentTarget&&l(d)}return e.onMounted(()=>{window.addEventListener("keydown",i)}),e.onBeforeUnmount(()=>{window.removeEventListener("keydown",i)}),(m,d)=>(e.openBlock(),e.createElementBlock("div",Go,[e.createVNode(e.Transition,{name:"ModalStack__backdrop"},{default:e.withCtx(()=>[n.modals.length?(e.openBlock(),e.createElementBlock("div",qo)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{name:"ModalStack__modal"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.modals,f=>{var k;return e.openBlock(),e.createElementBlock("div",{key:f.id,class:"ModalStack__modalWrapper",onClick:g=>p(g,f)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.component),e.mergeProps(f.props,{ref_for:!0,ref:_(f.id),class:["ModalStack__modal",{isActive:((k=e.unref(s))==null?void 0:k.id)===f.id}],onClose:g=>l(f,g)}),null,16,["class","onClose"]))],8,Ro)}),128))]),_:1})]))}}),Uo={cancelLabel:"Cancel",confirmLabel:"OK"},Ho=(t,o={})=>{let n=1;o=y(y({},Uo),o);const a=e.reactive({modals:[]}),s=(d,f)=>{var k;a.modals=a.modals.filter(({id:g})=>g!==d.id),d.resolve(f),(k=d.focusElement)==null||k.focus()},_=e.createApp({parent:t,data(){return a},render(){return e.h(Ko,{modals:a.modals,onCloseModal:({modal:d,result:f})=>s(d,f)})}}),l=document.createElement("div");document.body.appendChild(l),_.mount(l);const r=(d,f)=>{var g;const k=document.activeElement;return(g=k.blur)==null||g.call(k),new Promise(w=>{a.modals.push({id:n++,component:d,props:f,resolve:w,focusElement:k})})},i=d=>r(Po,d),p=d=>{typeof d=="string"&&(d={message:d});const{title:f,message:k,confirmVariant:g,confirmLabel:w=o.confirmLabel,confirmIcon:N}=d;return i({title:f,message:k,buttons:[{variant:g||"primary",label:w||"",icon:N}]})},m=d=>{typeof d=="string"&&(d={message:d});const{title:f,message:k,cancelLabel:g=o.cancelLabel,cancelVariant:w,cancelIcon:N,confirmLabel:en=o.confirmLabel,confirmVariant:tn,confirmIcon:on}=d;return i({title:f,message:k,buttons:[{variant:w||"secondary",label:g||"",icon:N,value:!1},{variant:tn||"primary",label:en||"",icon:on,value:!0}]})};t.config.globalProperties.$modal={open:r,dialog:i,alert:p,confirm:m}};function F(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$modal}var Gn="";const Wo={class:"Snackbar"},Xo=["onClick"],Yo=e.defineComponent({name:"SnackbarStack",props:{messages:{type:Array,default:()=>[]}},emits:["remove-message"],setup(t,{emit:o}){const n=t,a=e.computed(()=>[...n.messages].reverse());return(s,_)=>(e.openBlock(),e.createElementBlock("div",Wo,[e.createVNode(e.TransitionGroup,{name:"Snackbar__transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(l,r)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"Snackbar__message"},[e.createElementVNode("div",{class:"Snackbar__messageWrapper",style:e.normalizeStyle({transform:`translateY(-${100*r}%)`})},[e.createElementVNode("div",{class:e.normalizeClass(["Snackbar__messageBlock",`Snackbar__messageBlock--${l.type}`])},[e.createElementVNode("div",null,e.toDisplayString(l.text),1),e.createElementVNode("div",{class:"Snackbar__messageClose",onClick:i=>s.$emit("remove-message",l.id)},[e.createVNode($,{class:"Snackbar__messageCloseIcon",name:"x"})],8,Xo)],2)],4)]))),128))]),_:1})]))}}),Jo=1e4,Qo=5,Zo=t=>{let o=1;const n=e.reactive({messages:[]}),a=r=>{n.messages=n.messages.filter(({id:i})=>i!==r)},s=e.createApp({parent:t,data(){return n},render(){return e.h(Yo,{messages:this.messages,onRemoveMessage:a})}}),_=document.createElement("div");document.body.appendChild(_),s.mount(_);const l=(r,i="success",p=Jo)=>{const m=o++;n.messages.push({text:r,type:i,id:m}),n.messages.length>Qo&&n.messages.shift(),p>0&&setTimeout(()=>a(m),p)};t.config.globalProperties.$snackbar={success:r=>l(r,"success"),error:r=>l(r,"error",0)}};function A(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$snackbar}function x(t,o={}){const n=A(),a=F(),s=h.useRouter(),_=e.ref(!1),l=e.ref(),r=e.ref(Object.freeze({})),i=async p=>{var m;if(!(o.confirm&&a&&!await a.confirm(typeof o.confirm=="function"?o.confirm(p):o.confirm))){if(o.validator){const d=await o.validator(p);if(!d||typeof d=="object"&&(r.value=(d==null?void 0:d.errors)||{},!(d!=null&&d.isValid)))return}_.value=!0;try{l.value=await t(p)}catch(d){if(o.errorMessage&&n&&n.error(typeof o.errorMessage=="function"?o.errorMessage(d,p):o.errorMessage||d.message),_.value=!1,o.onError&&o.onError({error:d,data:p,router:s,snackbar:n}))return;throw d}return _.value=!1,o.successMessage&&n&&n.success(typeof o.successMessage=="function"?o.successMessage(l.value,p):o.successMessage),(m=o.onSuccess)==null||m.call(o,{result:l.value,data:p,router:s,snackbar:n}),o.redirectOnSuccess&&s.push(typeof o.redirectOnSuccess=="function"?o.redirectOnSuccess(l.value,p):o.redirectOnSuccess),l.value}};return o.immediate&&e.onMounted(i),{submit:i,errors:r,result:l,isSubmitting:_}}const vo=(t,o={})=>{const{isSubmitting:n,submit:a,result:s}=x(t,{onSuccess:({router:_,data:l,result:r})=>{var i;return(i=o.onSuccess)==null?void 0:i.call(o,{data:r,params:l,router:_})},onError:({router:_,error:l,data:r})=>{var i;return(i=o.onError)==null?void 0:i.call(o,{error:l,params:r,router:_})},successMessage:o.successMessage,errorMessage:o.errorMessage,immediate:o.immediate});return{load:a,isLoading:n,data:s}};c.Breadcrumbs=zt,c.Button=S,c.Checkbox=j,c.CheckboxGroup=Xt,c.Form=_o,c.FormFields=O,c.FormGroup=z,c.Icon=$,c.Input=go,c.ModalLayout=L,c.Select=No,c.Table=Lo,c.Textarea=Do,c.modal=Ho,c.registerCustomIconResolver=Vt,c.snackbar=Zo,c.useLoadData=vo,c.useModal=F,c.useSnackbar=A,c.useSubmitAction=x,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuiii",
-  "version": "0.1.5-alpha",
+  "version": "0.1.6-alpha",
   "scripts": {
     "dev": "vite",
     "build": "vite build && vue-tsc --emitDeclarationOnly --declaration",