vuiii 1.0.0-beta.1 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  };
24
24
  required: BooleanConstructor;
25
25
  }, unknown, {
26
- inputName: number;
26
+ inputName: string;
27
27
  }, {
28
28
  normalizedOptions(): Option[];
29
29
  }, {}, import("vue").DefineComponent<{}, {}, {}, {
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-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{--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.75rem;--vuiii-field-padding: 1.4375rem;--vuiii-field-borderRadius: .35rem;--vuiii-field-borderWidth: 1px;--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: 1rem;--vuiii-field-ringColor: var(--vuiii-color-primary-shadow);--vuiii-field-ringSize: 4px;--vuiii-field-borderColor--active: var(--vuiii-color-primary);--vuiii-field-borderColor--focus: var(--vuiii-color-primary);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-ringSize--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-fontSize-base: 1rem;--vuiii-fontSize-small: .85rem}.vuiii-button{--bgColor: var(--vuiii-button-bgColor, transparent);--borderColor: var(--vuiii-button-borderColor, transparent);--textColor: var(--vuiii-button-textColor, black);--borderRadius: var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth));--height: var(--vuiii-button-height, var(--vuiii-field-height));--padding: var(--vuiii-button-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-button-fontSize, var(--vuiii-field-fontSize));--fontWeight: var(--vuiii-button-fontWeight, 600);--shadow: var(--vuiii-button-shadow, 0 0);--transition: var(--vuiii-button-transition, var(--vuiii-field-transition, none));--ringColor: var(--vuiii-button-ringColor, rgb(0 0 0/.05));--gap: .5rem;--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:var(--gap);align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize, inherit);font-weight:var(--fontWeight, normal);font-family:var(--fontFamily, inherit);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)}.vuiii-button:focus:not(:disabled){--borderColor: var(--vuiii-button-borderColor--focus, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--focus, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black));--ringSize: var(--vuiii-button-ringSize, var(--vuiii-field-ringSize))}.vuiii-button:hover:not(:disabled){--borderColor: var(--vuiii-button-borderColor--hover, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--hover, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button:disabled{pointer-events:none;opacity:var(--vuiii-button-opacity--disabled, var(--vuiii-field-opacity--disabled, .75));--borderColor: var(--vuiii-button-borderColor--disabled, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--disabled, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--disabled, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button--small{--gap: .25rem;--height: var(--vuiii-button-height--small, var(--vuiii-field-height--small));--padding: var(--vuiii-button-padding--small, var(--vuiii-field-padding--small));--fontSize: var(--vuiii-button-fontSize--small, var(--vuiii-field-fontSize--small));--borderRadius: var(--vuiii-button-borderRadius--small, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius))) }.vuiii-button.vuiii-button--small:focus:not(:disabled){--ringSize: var(--vuiii-button-ringSize--small, var(--vuiii-button-ringSize, var(--vuiii-field-ringSize--small)))}.vuiii-button.vuiii-button--large{--gap: .75rem;--height: var(--vuiii-button-height--large, var(--vuiii-field-height--large));--padding: var(--vuiii-button-padding--large, var(--vuiii-field-padding--large));--fontSize: var(--vuiii-button-fontSize--large, var(--vuiii-field-fontSize--large));--borderRadius: var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius)))}.vuiii-button.vuiii-button--xlarge{--gap: 1rem;--height: var(--vuiii-button-height--xlarge, var(--vuiii-field-height--xlarge));--padding: var(--vuiii-button-padding--xlarge, var(--vuiii-field-padding--xlarge));--fontSize: var(--vuiii-button-fontSize--xlarge, var(--vuiii-field-fontSize--xlarge));--borderRadius: var(--vuiii-button-borderRadius--xlarge, var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius--large))))}.vuiii-button.vuiii-button--primary{--bgColor: var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary));--borderColor: var(--vuiii-button-borderColor--primary, transparent);--borderWidth: var(--vuiii-button-borderWidth--primary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--primary, white);--ringColor: var(--vuiii-button-ringColor--primary, var(--vuiii-color-primary-shadow)) }.vuiii-button.vuiii-button--primary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--focus, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary)));--borderColor: var(--vuiii-button-borderColor--primary--focus, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--focus, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--primary:hover:not(:disabled),.vuiii-button.vuiii-button--primary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--hover, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary--darker)));--borderColor: var(--vuiii-button-borderColor--primary--hover, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--hover, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--secondary{--bgColor: var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary));--borderColor: var(--vuiii-button-borderColor--secondary, transparent);--borderWidth: var(--vuiii-button-borderWidth--secondary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--secondary, black);--ringColor: var(--vuiii-button-ringColor--secondary, var(--vuiii-color-secondary-shadow)) }.vuiii-button.vuiii-button--secondary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--focus, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--focus, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--focus, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--secondary:hover:not(:disabled),.vuiii-button.vuiii-button--secondary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--hover, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--hover, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--hover, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--danger{--bgColor: var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger));--borderColor: var(--vuiii-button-borderColor--danger, transparent);--textColor: var(--vuiii-button-textColor--danger, white);--ringColor: var(--vuiii-button-ringColor--danger, var(--vuiii-color-danger-shadow)) }.vuiii-button.vuiii-button--danger:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--focus, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--focus, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--focus, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--danger:hover:not(:disabled),.vuiii-button.vuiii-button--danger.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--hover, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger--darker)));--borderColor: var(--vuiii-button-borderColor--danger--hover, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--hover, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--light{--bgColor: white;--textColor: black }.vuiii-button.vuiii-button--light:hover:not(:disabled),.vuiii-button.vuiii-button--light:focus:not(:disabled){--ringSize: 0;--textColor: black;--bgColor: rgba(39, 41, 55, .05)}.vuiii-button.vuiii-button--dark{--bgColor: black;--textColor: white }.vuiii-button.vuiii-button--dark:hover:not(:disabled),.vuiii-button.vuiii-button--dark:focus:not(:disabled){--ringColor: rgba(39, 41, 55, .05);--textColor: white;--bgColor: black}.Button--block[data-v-24bf0302]{width:100%}.Button__icon--small[data-v-24bf0302]{width:.75rem}.Button__icon--normal[data-v-24bf0302]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-24bf0302]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-24bf0302]{margin-right:-.125rem}.vuiii-input{--bgColor: var(--vuiii-input-bgColor, white);--borderRadus: var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-input-borderWidth, 1px);--borderColor: var(--vuiii-input-borderColor, var(--vuiii-color-gray));--height: var(--vuiii-input-height, var(--vuiii-field-height));--padding: var(--vuiii-input-padding, 1rem);--fontSize: var(--vuiii-input-fontSize, var(--vuiii-field-fontSize));--transition: var(--vuiii-input-transition, var(--vuiii-field-transition));--shadow: var(--vuiii-input-shadow, 0 0);--ringColor: var(--vuiii-input-ringColor, var(--vuiii-field-ringColor));--ringSize: 0;width:100%;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding-left:var(--padding);padding-right:var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.vuiii-input::-moz-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input::placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:focus,.vuiii-input:focus-within{--ringSize: var(--vuiii-input-ringSize, var(--vuiii-field-ringSize));--borderColor: var(--vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray))));--bgColor: var(--vuiii-input-bgColor--focus, var(--vuiii-input-bgColor, white));outline:none}.vuiii-input:disabled,.vuiii-input.vuiii-input--disabled{--borderColor: var(--vuiii-color-gray--light);opacity:.6;pointer-events:none}.vuiii-input.vuiii-input--small{--height: var(--vuiii-input-height--small, var(--vuiii-field-height--small));--fontSize: var(--vuiii-input-fontSize--small, var(--vuiii-field-fontSize--small)) }.vuiii-input.vuiii-input--small:focus,.vuiii-input.vuiii-input--small:focus-within{--ringSize: var(--vuiii-field-ringSize--small)}.vuiii-input.vuiii-input--valid{color:var(--vuiii-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)}.vuiii-input.vuiii-input--invalid{--borderColor: var(--vuiii-color-danger);--ringColor: var(--vuiii-color-danger-shadow);color:var(--vuiii-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)}.vuiii-input.vuiii-input--invalid:focus,.vuiii-input.vuiii-input--invalid:focus-within{outline:none}.vuiii-input .vuiii-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}.vuiii-input .vuiii-input__nested::-moz-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested:-ms-input-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested::placeholder{color:var(--vuiii-color-gray--dark)}select.vuiii-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.vuiii-input{line-height:3}}select.vuiii-input.vuiii-input--small{padding-right:2rem;background-size:1rem}input[type=number].vuiii-input{-moz-appearance:textfield}input.vuiii-input[type=number]::-webkit-outer-spin-button,input.vuiii-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].vuiii-input,input[type=radio].vuiii-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.vuiii-input[type=checkbox]:checked,input.vuiii-input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input.vuiii-input[type=checkbox]:disabled,input.vuiii-input[type=radio]:disabled{cursor:default}input[type=checkbox].vuiii-input{border-radius:.25rem}input.vuiii-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].vuiii-input{border-radius:100%}input.vuiii-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.vuiii-input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-18ef5cd1]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-18ef5cd1]{opacity:.5}.Checkbox__input[data-v-18ef5cd1]{margin-top:1px}.Checkbox__switch[data-v-18ef5cd1]{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-18ef5cd1]{background:var(--vuiii-color-primary)}.Checkbox__switchDot[data-v-18ef5cd1]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-18ef5cd1]{transform:translate(.75rem)}.Checkbox__label[data-v-18ef5cd1]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-18ef5cd1]{line-height:1;color:var(--vuiii-color-danger)}.CheckboxGroup>*+*[data-v-1a9cd604]{margin-top:.5rem}.FormGroup[data-v-404fde51]{width:100%}.FormGroup--invalid[data-v-404fde51] .vuiii-input,.FormGroup--invalid[data-v-404fde51] .vuiii-input:hover{--borderColor: var(--vuiii-field-borderColor--invalid);--ringColor: var(--vuiii-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-404fde51]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-404fde51]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-404fde51]{line-height:1;color:var(--vuiii-color-danger)}.FormGroup__description[data-v-404fde51]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-404fde51]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-404fde51]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:var(--vuiii-color-danger)}.FormFields>*+*[data-v-7f82ddf3]{margin-top:2rem}.Form>*+*[data-v-4a2acd7e]{margin-top:2rem}.Form__buttons[data-v-4a2acd7e]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-4a2acd7e]{margin-left:1rem}.Input.Input[data-v-6a6438b5]{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon[data-v-6a6438b5]{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right[data-v-6a6438b5]{margin-left:-1rem}.Input__icon--left[data-v-6a6438b5]{margin-right:-1rem}.Input__nestedInput[data-v-6a6438b5]{flex:auto;align-self:stretch;width:100%}.ModalLayout[data-v-386279ac]{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[data-v-386279ac]{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain[data-v-386279ac]{padding:0}.ModalLayout__title[data-v-386279ac]{font-size:larger}.ModalLayout__close[data-v-386279ac]{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[data-v-386279ac]:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon[data-v-386279ac]{width:1.5rem;height:1.5rem}.ModalLayout__body[data-v-386279ac]{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body[data-v-386279ac]{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body[data-v-386279ac]{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body[data-v-386279ac]{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[data-v-386279ac]{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body[data-v-386279ac]{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body[data-v-386279ac]{padding:0}.ModalLayout__footer[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer[data-v-386279ac]{padding:0}.Radio>*+*[data-v-70d84c36]{margin-top:.5rem}.Radio__option[data-v-70d84c36]{display:flex;align-items:flex-start;vertical-align:top;cursor:pointer}.Radio__input[data-v-70d84c36]{margin-top:1px}.Radio__label[data-v-70d84c36]{margin-left:.5rem;line-height:1.375}.vuiii-table{min-width:100%;background-color:var(--vuiii-table-bgColor);border:1px solid var(--vuiii-table-borderColor, transparent);border-radius:var(--vuiii-table-borderRadius, var(--vuiii-field-borderRadius));shadow:var(--vuiii-table-shadow, var(--vuiii-shadow));font-size:var(--vuiii-table-fontSize, inherit)}.vuiii-table thead tr{border-bottom:1px solid var(--vuiii-color-gray--light)}.vuiii-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(.vuiii-table tbody)>*+*{border-top:1px solid var(--vuiii-color-gray--light)}.vuiii-table tbody td{padding:1rem 1.5rem}.vuiii-table.vuiii-table--hover tbody tr:hover td{background-color:#00000006}.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.vuiii-muted{color:var(--vuiii-color-gray-darker)}.ModalLayoutDialog__buttons[data-v-612c6cb9]{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*[data-v-612c6cb9]{margin-left:.5rem}.ModalLayoutDialog__message--offset[data-v-612c6cb9]{padding-right:2.5rem}.ModalStack[data-v-2f4ee2c2]{position:fixed;z-index:1050}.ModalStack__backdrop[data-v-2f4ee2c2]{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper[data-v-2f4ee2c2]{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[data-v-2f4ee2c2]{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal[data-v-2f4ee2c2]{transition:filter .15s}.ModalStack__modal[data-v-2f4ee2c2]:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active[data-v-2f4ee2c2],.ModalStack__modal-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from[data-v-2f4ee2c2],.ModalStack__modal-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active[data-v-2f4ee2c2],.ModalStack__backdrop-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from[data-v-2f4ee2c2],.ModalStack__backdrop-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.Snackbar[data-v-272e7ab3]{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from[data-v-272e7ab3],.Snackbar__transition-leave-to[data-v-272e7ab3]{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active[data-v-272e7ab3],.Snackbar__transition-leave-active[data-v-272e7ab3]{transition:all .15s ease-out}.Snackbar__transition-enter-to[data-v-272e7ab3],.Snackbar__transition-leave-from[data-v-272e7ab3]{opacity:1}.Snackbar__message[data-v-272e7ab3]{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[data-v-272e7ab3]{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock[data-v-272e7ab3]{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[data-v-272e7ab3]{background-color:#000}.Snackbar__messageBlock--error[data-v-272e7ab3]{background-color:var(--vuiii-color-danger)}.Snackbar__messageClose[data-v-272e7ab3]{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[data-v-272e7ab3]:hover{opacity:1}.Snackbar__messageCloseIcon[data-v-272e7ab3]{width:1rem}
1
+ .vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-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{--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.75rem;--vuiii-field-padding: 1.4375rem;--vuiii-field-borderRadius: .35rem;--vuiii-field-borderWidth: 1px;--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: 1rem;--vuiii-field-ringColor: var(--vuiii-color-primary-shadow);--vuiii-field-ringSize: 4px;--vuiii-field-borderColor--active: var(--vuiii-color-primary);--vuiii-field-borderColor--focus: var(--vuiii-color-primary);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-ringSize--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-fontSize-base: 1rem;--vuiii-fontSize-small: .85rem}.vuiii-button{--bgColor: var(--vuiii-button-bgColor, transparent);--borderColor: var(--vuiii-button-borderColor, transparent);--textColor: var(--vuiii-button-textColor, black);--borderRadius: var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth));--height: var(--vuiii-button-height, var(--vuiii-field-height));--padding: var(--vuiii-button-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-button-fontSize, var(--vuiii-field-fontSize));--fontWeight: var(--vuiii-button-fontWeight, 600);--shadow: var(--vuiii-button-shadow, 0 0);--transition: var(--vuiii-button-transition, var(--vuiii-field-transition, none));--ringColor: var(--vuiii-button-ringColor, rgb(0 0 0/.05));--gap: .5rem;--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:var(--gap);align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize, inherit);font-weight:var(--fontWeight, normal);font-family:var(--fontFamily, inherit);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)}.vuiii-button:focus:not(:disabled){--borderColor: var(--vuiii-button-borderColor--focus, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--focus, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black));--ringSize: var(--vuiii-button-ringSize, var(--vuiii-field-ringSize))}.vuiii-button:hover:not(:disabled){--borderColor: var(--vuiii-button-borderColor--hover, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--hover, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button:disabled{pointer-events:none;opacity:var(--vuiii-button-opacity--disabled, var(--vuiii-field-opacity--disabled, .75));--borderColor: var(--vuiii-button-borderColor--disabled, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--disabled, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--disabled, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button--small{--gap: .25rem;--height: var(--vuiii-button-height--small, var(--vuiii-field-height--small));--padding: var(--vuiii-button-padding--small, var(--vuiii-field-padding--small));--fontSize: var(--vuiii-button-fontSize--small, var(--vuiii-field-fontSize--small));--borderRadius: var(--vuiii-button-borderRadius--small, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius))) }.vuiii-button.vuiii-button--small:focus:not(:disabled){--ringSize: var(--vuiii-button-ringSize--small, var(--vuiii-button-ringSize, var(--vuiii-field-ringSize--small)))}.vuiii-button.vuiii-button--large{--gap: .75rem;--height: var(--vuiii-button-height--large, var(--vuiii-field-height--large));--padding: var(--vuiii-button-padding--large, var(--vuiii-field-padding--large));--fontSize: var(--vuiii-button-fontSize--large, var(--vuiii-field-fontSize--large));--borderRadius: var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius)))}.vuiii-button.vuiii-button--xlarge{--gap: 1rem;--height: var(--vuiii-button-height--xlarge, var(--vuiii-field-height--xlarge));--padding: var(--vuiii-button-padding--xlarge, var(--vuiii-field-padding--xlarge));--fontSize: var(--vuiii-button-fontSize--xlarge, var(--vuiii-field-fontSize--xlarge));--borderRadius: var(--vuiii-button-borderRadius--xlarge, var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius--large))))}.vuiii-button.vuiii-button--primary{--bgColor: var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary));--borderColor: var(--vuiii-button-borderColor--primary, transparent);--borderWidth: var(--vuiii-button-borderWidth--primary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--primary, white);--ringColor: var(--vuiii-button-ringColor--primary, var(--vuiii-color-primary-shadow)) }.vuiii-button.vuiii-button--primary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--focus, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary)));--borderColor: var(--vuiii-button-borderColor--primary--focus, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--focus, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--primary:hover:not(:disabled),.vuiii-button.vuiii-button--primary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--hover, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary--darker)));--borderColor: var(--vuiii-button-borderColor--primary--hover, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--hover, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--secondary{--bgColor: var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary));--borderColor: var(--vuiii-button-borderColor--secondary, transparent);--borderWidth: var(--vuiii-button-borderWidth--secondary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--secondary, black);--ringColor: var(--vuiii-button-ringColor--secondary, var(--vuiii-color-secondary-shadow)) }.vuiii-button.vuiii-button--secondary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--focus, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--focus, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--focus, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--secondary:hover:not(:disabled),.vuiii-button.vuiii-button--secondary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--hover, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--hover, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--hover, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--danger{--bgColor: var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger));--borderColor: var(--vuiii-button-borderColor--danger, transparent);--textColor: var(--vuiii-button-textColor--danger, white);--ringColor: var(--vuiii-button-ringColor--danger, var(--vuiii-color-danger-shadow)) }.vuiii-button.vuiii-button--danger:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--focus, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--focus, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--focus, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--danger:hover:not(:disabled),.vuiii-button.vuiii-button--danger.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--hover, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger--darker)));--borderColor: var(--vuiii-button-borderColor--danger--hover, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--hover, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--light{--bgColor: white;--textColor: black }.vuiii-button.vuiii-button--light:hover:not(:disabled),.vuiii-button.vuiii-button--light:focus:not(:disabled){--ringSize: 0;--textColor: black;--bgColor: rgba(39, 41, 55, .05)}.vuiii-button.vuiii-button--dark{--bgColor: black;--textColor: white }.vuiii-button.vuiii-button--dark:hover:not(:disabled),.vuiii-button.vuiii-button--dark:focus:not(:disabled){--ringColor: rgba(39, 41, 55, .05);--textColor: white;--bgColor: black}.Button--block[data-v-24bf0302]{width:100%}.Button__icon--small[data-v-24bf0302]{width:.75rem}.Button__icon--normal[data-v-24bf0302]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-24bf0302]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-24bf0302]{margin-right:-.125rem}.vuiii-input{--textColor: var(--vuiii-input-textColor, inherit);--bgColor: var(--vuiii-input-bgColor, white);--borderRadus: var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-input-borderWidth, 1px);--borderColor: var(--vuiii-input-borderColor, var(--vuiii-color-gray));--height: var(--vuiii-input-height, var(--vuiii-field-height));--padding: var(--vuiii-input-padding, 1rem);--fontSize: var(--vuiii-input-fontSize, var(--vuiii-field-fontSize));--transition: var(--vuiii-input-transition, var(--vuiii-field-transition));--shadow: var(--vuiii-input-shadow, 0 0);--ringColor: var(--vuiii-input-ringColor, var(--vuiii-field-ringColor));--ringSize: 0;width:100%;color:var(--textColor);background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding-left:var(--padding);padding-right:var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.vuiii-input::-moz-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input::placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:focus,.vuiii-input:focus-within{--ringSize: var(--vuiii-input-ringSize, var(--vuiii-field-ringSize));--borderColor: var(--vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray))));--bgColor: var(--vuiii-input-bgColor--focus, var(--vuiii-input-bgColor, white));outline:none}.vuiii-input:disabled,.vuiii-input.vuiii-input--disabled{--borderColor: var(--vuiii-color-gray--light);opacity:.6;pointer-events:none}.vuiii-input.vuiii-input--small{--height: var(--vuiii-input-height--small, var(--vuiii-field-height--small));--fontSize: var(--vuiii-input-fontSize--small, var(--vuiii-field-fontSize--small)) }.vuiii-input.vuiii-input--small:focus,.vuiii-input.vuiii-input--small:focus-within{--ringSize: var(--vuiii-field-ringSize--small)}.vuiii-input.vuiii-input--valid{color:var(--vuiii-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)}.vuiii-input.vuiii-input--invalid{--borderColor: var(--vuiii-color-danger);--ringColor: var(--vuiii-color-danger-shadow);color:var(--vuiii-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)}.vuiii-input.vuiii-input--invalid:focus,.vuiii-input.vuiii-input--invalid:focus-within{outline:none}.vuiii-input .vuiii-input__nested{color:inherit;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}.vuiii-input .vuiii-input__nested::-moz-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested:-ms-input-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested::placeholder{color:var(--vuiii-color-gray--dark)}select.vuiii-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.vuiii-input{line-height:3}}select.vuiii-input.vuiii-input--small{padding-right:2rem;background-size:1rem}input[type=number].vuiii-input{-moz-appearance:textfield}input.vuiii-input[type=number]::-webkit-outer-spin-button,input.vuiii-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].vuiii-input,input[type=radio].vuiii-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.vuiii-input[type=checkbox]:checked,input.vuiii-input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input.vuiii-input[type=checkbox]:disabled,input.vuiii-input[type=radio]:disabled{cursor:default}input[type=checkbox].vuiii-input{border-radius:.25rem}input.vuiii-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].vuiii-input{border-radius:100%}input.vuiii-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.vuiii-input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-18ef5cd1]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-18ef5cd1]{opacity:.5}.Checkbox__input[data-v-18ef5cd1]{margin-top:1px}.Checkbox__switch[data-v-18ef5cd1]{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-18ef5cd1]{background:var(--vuiii-color-primary)}.Checkbox__switchDot[data-v-18ef5cd1]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-18ef5cd1]{transform:translate(.75rem)}.Checkbox__label[data-v-18ef5cd1]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-18ef5cd1]{line-height:1;color:var(--vuiii-color-danger)}.CheckboxGroup>*+*[data-v-1a9cd604]{margin-top:.5rem}.FormGroup[data-v-2a74e30e]{width:100%}.FormGroup--invalid[data-v-2a74e30e] .vuiii-input,.FormGroup--invalid[data-v-2a74e30e] .vuiii-input:hover{--textColor: var(--vuiii-field-borderColor--invalid);--borderColor: var(--vuiii-field-borderColor--invalid);--ringColor: var(--vuiii-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-2a74e30e]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-2a74e30e]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-2a74e30e]{line-height:1;color:var(--vuiii-color-danger)}.FormGroup__description[data-v-2a74e30e]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-2a74e30e]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-2a74e30e]{font-size:.8rem;margin-top:.25rem;max-width:48rem;color:var(--vuiii-color-danger)}.FormFields>*+*[data-v-7f82ddf3]{margin-top:2rem}.Form>*+*[data-v-4a2acd7e]{margin-top:2rem}.Form__buttons[data-v-4a2acd7e]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-4a2acd7e]{margin-left:1rem}.Input.Input[data-v-6a6438b5]{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon[data-v-6a6438b5]{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right[data-v-6a6438b5]{margin-left:-1rem}.Input__icon--left[data-v-6a6438b5]{margin-right:-1rem}.Input__nestedInput[data-v-6a6438b5]{flex:auto;align-self:stretch;width:100%}.ModalLayout[data-v-386279ac]{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[data-v-386279ac]{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain[data-v-386279ac]{padding:0}.ModalLayout__title[data-v-386279ac]{font-size:larger}.ModalLayout__close[data-v-386279ac]{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[data-v-386279ac]:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon[data-v-386279ac]{width:1.5rem;height:1.5rem}.ModalLayout__body[data-v-386279ac]{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body[data-v-386279ac]{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body[data-v-386279ac]{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body[data-v-386279ac]{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[data-v-386279ac]{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body[data-v-386279ac]{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body[data-v-386279ac]{padding:0}.ModalLayout__footer[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer[data-v-386279ac]{padding:0}.Radio>*+*[data-v-0251715f]{margin-top:.5rem}.Radio__option[data-v-0251715f]{display:flex;align-items:flex-start;vertical-align:top;cursor:pointer}.Radio__input[data-v-0251715f]{margin-top:1px}.Radio__label[data-v-0251715f]{margin-left:.5rem;line-height:1.375}.vuiii-table{min-width:100%;background-color:var(--vuiii-table-bgColor);border:1px solid var(--vuiii-table-borderColor, transparent);border-radius:var(--vuiii-table-borderRadius, var(--vuiii-field-borderRadius));shadow:var(--vuiii-table-shadow, var(--vuiii-shadow));font-size:var(--vuiii-table-fontSize, inherit)}.vuiii-table thead tr{border-bottom:1px solid var(--vuiii-color-gray--light)}.vuiii-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(.vuiii-table tbody)>*+*{border-top:1px solid var(--vuiii-color-gray--light)}.vuiii-table tbody td{padding:1rem 1.5rem}.vuiii-table.vuiii-table--hover tbody tr:hover td{background-color:#00000006}.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.vuiii-muted{color:var(--vuiii-color-gray-darker)}.ModalLayoutDialog__buttons[data-v-612c6cb9]{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*[data-v-612c6cb9]{margin-left:.5rem}.ModalLayoutDialog__message--offset[data-v-612c6cb9]{padding-right:2.5rem}.ModalStack[data-v-2f4ee2c2]{position:fixed;z-index:1050}.ModalStack__backdrop[data-v-2f4ee2c2]{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper[data-v-2f4ee2c2]{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[data-v-2f4ee2c2]{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal[data-v-2f4ee2c2]{transition:filter .15s}.ModalStack__modal[data-v-2f4ee2c2]:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active[data-v-2f4ee2c2],.ModalStack__modal-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from[data-v-2f4ee2c2],.ModalStack__modal-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active[data-v-2f4ee2c2],.ModalStack__backdrop-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from[data-v-2f4ee2c2],.ModalStack__backdrop-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.Snackbar[data-v-272e7ab3]{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from[data-v-272e7ab3],.Snackbar__transition-leave-to[data-v-272e7ab3]{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active[data-v-272e7ab3],.Snackbar__transition-leave-active[data-v-272e7ab3]{transition:all .15s ease-out}.Snackbar__transition-enter-to[data-v-272e7ab3],.Snackbar__transition-leave-from[data-v-272e7ab3]{opacity:1}.Snackbar__message[data-v-272e7ab3]{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[data-v-272e7ab3]{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock[data-v-272e7ab3]{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[data-v-272e7ab3]{background-color:#000}.Snackbar__messageBlock--error[data-v-272e7ab3]{background-color:var(--vuiii-color-danger)}.Snackbar__messageClose[data-v-272e7ab3]{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[data-v-272e7ab3]:hover{opacity:1}.Snackbar__messageCloseIcon[data-v-272e7ab3]{width:1rem}
package/dist/vuiii.es.js CHANGED
@@ -851,7 +851,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
851
851
  _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.errorMessage), 1)) : createCommentVNode("", true)
852
852
  ], 2);
853
853
  }
854
- var FormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-404fde51"]]);
854
+ var FormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-2a74e30e"]]);
855
855
  var FormFields_vue_vue_type_style_index_0_scoped_true_lang = "";
856
856
  const _sfc_main$a = defineComponent({
857
857
  components: {
@@ -1205,7 +1205,7 @@ const _sfc_main$6 = defineComponent({
1205
1205
  emits: ["update:modelValue"],
1206
1206
  data() {
1207
1207
  return {
1208
- inputName: iterator++
1208
+ inputName: "vuiii-radio-input-" + iterator++
1209
1209
  };
1210
1210
  },
1211
1211
  computed: {
@@ -1219,7 +1219,7 @@ const _sfc_main$6 = defineComponent({
1219
1219
  }
1220
1220
  });
1221
1221
  const _hoisted_1$5 = { class: "Radio" };
1222
- const _hoisted_2$4 = ["checked", "required", "name", "disabled"];
1222
+ const _hoisted_2$4 = ["value", "checked", "required", "name", "disabled"];
1223
1223
  const _hoisted_3$2 = { class: "Radio__label" };
1224
1224
  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
1225
1225
  return openBlock(), createElementBlock("div", _hoisted_1$5, [
@@ -1229,6 +1229,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
1229
1229
  class: normalizeClass(["Radio__option", { "Radio--disabled": option.disabled }])
1230
1230
  }, [
1231
1231
  createElementVNode("input", mergeProps(_ctx.normalizedAttrs, {
1232
+ value: option.value,
1232
1233
  checked: _ctx.modelValue === option.value,
1233
1234
  class: "Radio__input vuiii-input",
1234
1235
  required: _ctx.required,
@@ -1245,7 +1246,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
1245
1246
  }), 128))
1246
1247
  ]);
1247
1248
  }
1248
- var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-70d84c36"]]);
1249
+ var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-0251715f"]]);
1249
1250
  const sizes = ["normal", "small"];
1250
1251
  const _sfc_main$5 = defineComponent({
1251
1252
  mixins: [transformInputAttrs],
package/dist/vuiii.umd.js CHANGED
@@ -1 +1 @@
1
- (function(a,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):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.vui={},a.Vue,a.VueRouter))})(this,function(a,e,f){"use strict";var En=Object.defineProperty,Mn=Object.defineProperties;var Nn=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var T=(a,e,f)=>e in a?En(a,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[e]=f,$=(a,e)=>{for(var f in e||(e={}))P.call(e,f)&&T(a,f,e[f]);if(V)for(var f of V(e))R.call(e,f)&&T(a,f,e[f]);return a},B=(a,e)=>Mn(a,Nn(e));var v=(a,e)=>{var f={};for(var k in a)P.call(a,k)&&e.indexOf(k)<0&&(f[k]=a[k]);if(a!=null&&V)for(var k of V(a))e.indexOf(k)<0&&R.call(a,k)&&(f[k]=a[k]);return f};var k="",p=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n};const q={},K={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},G=[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",K,G)}var H=p(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=p(X,[["render",Q]]),x=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=p(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"},ie=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8 7l4-4m0 0l4 4m-4-4v18"},null,-1)];function ce(t,o){return e.openBlock(),e.createElementBlock("svg",ae,ie)}var de=p(se,[["render",ce]]),_e=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));const pe={},me={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",me,ue)}var he=p(pe,[["render",fe]]),ke=Object.freeze(Object.defineProperty({__proto__:null,default:he},Symbol.toStringTag,{value:"Module"}));const be={},ge={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},$e=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"},null,-1)];function ye(t,o){return e.openBlock(),e.createElementBlock("svg",ge,$e)}var Be=p(be,[["render",ye]]),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=p(Se,[["render",Ee]]),Ne=Object.freeze(Object.defineProperty({__proto__:null,default:Me},Symbol.toStringTag,{value:"Module"}));const Ie={},je={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 Fe(t,o){return e.openBlock(),e.createElementBlock("svg",je,ze)}var Oe=p(Ie,[["render",Fe]]),Le=Object.freeze(Object.defineProperty({__proto__:null,default:Oe},Symbol.toStringTag,{value:"Module"}));const Ae={},De={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Te=[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 Pe(t,o){return e.openBlock(),e.createElementBlock("svg",De,Te)}var Re=p(Ae,[["render",Pe]]),ve=Object.freeze(Object.defineProperty({__proto__:null,default:Re},Symbol.toStringTag,{value:"Module"}));const qe={},Ke={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ge=[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",Ke,Ge)}var He=p(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-width":"1.5",stroke:"currentColor"},Je=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 12h-15"},null,-1)];function Qe(t,o){return e.openBlock(),e.createElementBlock("svg",Ye,Je)}var Ze=p(Xe,[["render",Qe]]),xe=Object.freeze(Object.defineProperty({__proto__:null,default:Ze},Symbol.toStringTag,{value:"Module"}));const et={},tt={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ot=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"},null,-1)];function nt(t,o){return e.openBlock(),e.createElementBlock("svg",tt,ot)}var rt=p(et,[["render",nt]]),lt=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"}));const st={},at={fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},it=[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 ct(t,o){return e.openBlock(),e.createElementBlock("svg",at,it)}var dt=p(st,[["render",ct]]),_t=Object.freeze(Object.defineProperty({__proto__:null,default:dt},Symbol.toStringTag,{value:"Module"})),Kn="";const pt={},mt=t=>(e.pushScopeId("data-v-683816b2"),t=t(),e.popScopeId(),t),ut={class:"IconSpinner",fill:"none",stroke:"currentColor",viewBox:"0 0 25 25",xmlns:"http://www.w3.org/2000/svg"},ft=[mt(()=>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 ht(t,o){return e.openBlock(),e.createElementBlock("svg",ut,ft)}var kt=p(pt,[["render",ht],["__scopeId","data-v-683816b2"]]),bt=Object.freeze(Object.defineProperty({__proto__:null,default:kt},Symbol.toStringTag,{value:"Module"}));const gt={},$t={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},yt=[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 Bt(t,o){return e.openBlock(),e.createElementBlock("svg",$t,yt)}var wt=p(gt,[["render",Bt]]),St=Object.freeze(Object.defineProperty({__proto__:null,default:wt},Symbol.toStringTag,{value:"Module"}));const Ct={},Vt={"aria-hidden":"true",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Et=[e.createElementVNode("path",{d:"M6 18L18 6M6 6l12 12","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function Mt(t,o){return e.openBlock(),e.createElementBlock("svg",Vt,Et)}var Nt=p(Ct,[["render",Mt]]),It=Object.freeze(Object.defineProperty({__proto__:null,default:Nt},Symbol.toStringTag,{value:"Module"}));function jt(t,o){var n;return(n=Object.entries(t).map(([s,i])=>({path:s,source:i})).find(s=>s.path.endsWith(`/${o}`)))==null?void 0:n.source.default}var Wn="";let E;function zt(t){E=t}function Ft(t){let o;return E&&(o=E(t)),o||(o=jt(Ot,`${t}.vue`)),o}const Ot={"../icons/arrow-narrow-down.vue":W,"../icons/arrow-narrow-left.vue":x,"../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":Le,"../icons/exclamation-circle.vue":ve,"../icons/exclamation.vue":We,"../icons/minus.vue":xe,"../icons/plus.vue":lt,"../icons/search.vue":_t,"../icons/spinner.vue":bt,"../icons/trash.vue":St,"../icons/x.vue":It};var y=p(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=Ft(o.name),{immediate:!0}),(s,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)),{class:"Icon"}))}}),[["__scopeId","data-v-cc79c81e"]]),Yn="";const Lt=e.defineComponent({components:{Icon:y},props:{breadcrumbs:{type:Object,default:()=>({})}}}),At={class:"Breadcrumbs"};function Dt(t,o,n,s,i,m){const r=e.resolveComponent("router-link"),l=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",At,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumbs,(c,_,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"Breadcrumbs__breadcrumb"},[e.createVNode(r,{to:c,class:"Breadcrumbs__link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_),1)]),_:2},1032,["to"]),e.createVNode(l,{name:"chevron-right",class:"Breadcrumbs__arrow"})]))),128))])}var Tt=p(Lt,[["render",Dt],["__scopeId","data-v-357000f6"]]),Jn="";const Pt=["normal","small"],Rt=["default","primary","secondary","danger"];var Qn="";const vt=e.defineComponent({components:{Icon:y},inheritAttrs:!1,props:{size:{type:String,default:"normal",validator:t=>Pt.includes(t)},variant:{type:String,default:"default",validator:t=>Rt.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=>`vuiii-button--${o}`)}}}),qt={key:1};function Kt(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps({class:["Button vuiii-button",[t.classModifiers,{"Button--block":t.block},{"vuiii-button--disabled":t.$attrs.disabled}]]},t.$attrs,{type:t.component==="button"?"button":t.$attrs.type}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[t.prefixIcon&&!t.loading?(e.openBlock(),e.createBlock(r,{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(r,{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",qt,[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(r,{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","type"])}var M=p(vt,[["render",Kt],["__scopeId","data-v-24bf0302"]]),Zn="";const Gt=t=>t.target.getAttribute("type")==="number"?t.target.valueAsNumber:t.target.getAttribute("type")==="checkbox"?t.target.checked:t.target.value,w=e.defineComponent({emits:["update:modelValue"],computed:{normalizedAttrs(){const n=this.$attrs,{class:t}=n,o=v(n,["class"]);return B($({},o),{onInput:s=>this.$emit("update:modelValue",Gt(s))})}}});var xn="";const Ut=e.defineComponent({mixins:[w],inheritAttrs:!1,props:{modelValue:Boolean,required:Boolean,switch:Boolean,caption:{type:String,default:""}}}),Ht=t=>(e.pushScopeId("data-v-18ef5cd1"),t=t(),e.popScopeId(),t),Wt=["checked","required"],Xt=[Ht(()=>e.createElementVNode("div",{class:"Checkbox__switchDot"},null,-1))],Yt={key:1,class:"Checkbox__label"},Jt={key:0,class:"Checkbox__required"};function Qt(t,o,n,s,i,m){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 vuiii-input",required:t.required,type:"checkbox"}),null,16,Wt),[[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}])},Xt,2)):e.createCommentVNode("",!0),t.$slots.default||t.caption?(e.openBlock(),e.createElementBlock("div",Yt,[t.required?(e.openBlock(),e.createElementBlock("span",Jt,"*")):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.caption),1)],!0)])):e.createCommentVNode("",!0)],2)}var j=p(Ut,[["render",Qt],["__scopeId","data-v-18ef5cd1"]]);function C(t,o){return typeof o=="function"?o(t):o||o===0?t[o]:t}function N(t,o={}){return Array.isArray(t)?t.map(n=>({value:C(n,o.value),label:C(n,o.label),description:o.description&&C(n,o.description),disabled:o.disabled&&C(n,o.disabled)})):Object.entries(t||{}).reduce((n,[s,i])=>n.concat({value:s,label:i}),[])}var tr="";const Zt=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 N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})},checkedValues(){return this.modelValue.reduce((t,o)=>B($({},t),{[o]:!0}),{})}},methods:{toggleCheckedValue(t){const o=B($({},this.checkedValues),{[t]:!this.checkedValues[t]}),n=Object.entries(o).filter(([s,i])=>i).map(([s])=>s);this.$emit("update:modelValue",n)}}}),xt={class:"CheckboxGroup"};function eo(t,o,n,s,i,m){const r=e.resolveComponent("Checkbox");return e.openBlock(),e.createElementBlock("div",xt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value},[e.createVNode(r,{disabled:l.disabled,"model-value":t.checkedValues[l.value],caption:l.label,"onUpdate:modelValue":c=>t.toggleCheckedValue(l.value)},null,8,["disabled","model-value","caption","onUpdate:modelValue"])]))),128))])}var to=p(Zt,[["render",eo],["__scopeId","data-v-1a9cd604"]]),or="";const oo=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:""}}}),no={key:0,class:"FormGroup__header"},ro={class:"FormGroup__label"},lo={key:0,class:"FormGroup__required"},so={key:1,class:"FormGroup__description"},ao={key:2,class:"FormGroup__hint"},io={key:3,class:"FormGroup__error"};function co(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FormGroup",{"FormGroup--invalid":t.error}])},[t.label?(e.openBlock(),e.createElementBlock("div",no,[e.createElementVNode("label",ro,e.toDisplayString(t.label),1),t.required?(e.openBlock(),e.createElementBlock("div",lo,"*")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.description||t.description?(e.openBlock(),e.createElementBlock("div",so,[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",ao,[e.renderSlot(t.$slots,"hint",{},()=>[e.createTextVNode(e.toDisplayString(t.hint),1)],!0)])):e.createCommentVNode("",!0),t.errorMessage?(e.openBlock(),e.createElementBlock("div",io,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0)],2)}var z=p(oo,[["render",co],["__scopeId","data-v-404fde51"]]),nr="";const _o=e.defineComponent({components:{FormGroup:z},props:{fields:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>({})},errors:{type:Object,default:()=>({})}},emits:["update:modelValue"],methods:{getFieldValue(t){var n;return(((n=this.fields[t].value)==null?void 0:n.getter)||(s=>s[t]))(this.modelValue)},setFieldValue(t,o){var i;const s=(((i=this.fields[t].value)==null?void 0:i.setter)||((m,r)=>B($({},r),{[t]:m})))(o,this.modelValue);this.$emit("update:modelValue",s)}}}),po={class:"FormFields"};function mo(t,o,n,s,i,m){const r=e.resolveComponent("FormGroup");return e.openBlock(),e.createElementBlock("div",po,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(l,c)=>{var _;return e.openBlock(),e.createBlock(r,{key:c,label:l.label,description:l.description,hint:l.hint,required:l.required,error:(_=t.errors)==null?void 0:_[c]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.component),e.mergeProps({"model-value":t.getFieldValue(String(c))},l.props,{"onUpdate:modelValue":u=>t.setFieldValue(String(c),u)}),null,16,["model-value","onUpdate:modelValue"]))]),_:2},1032,["label","description","hint","required","error"])}),128))])}var F=p(_o,[["render",mo],["__scopeId","data-v-7f82ddf3"]]),rr="";const uo=e.defineComponent({components:{Button:M,FormFields:F,Icon:y},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"],methods:{handleSubmit(){var t;(t=this.submit)==null||t.call(this,this.modelValue)},handleCancel(){var t;typeof this.cancel=="function"?(t=this.cancel)==null||t.call(this):this.cancel&&this.$router.push(this.cancel)}}}),fo={class:"Form"},ho=["disabled"],ko={key:0,class:"Form__title"},bo={key:0,class:"Form__buttons"};function go(t,o,n,s,i,m){const r=e.resolveComponent("FormFields"),l=e.resolveComponent("Button"),c=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",fo,[t.modelValue?(e.openBlock(),e.createElementBlock("form",{key:0,disabled:t.submitting,onSubmit:o[3]||(o[3]=e.withModifiers(_=>{var u;return(u=t.handleSubmit)==null?void 0:u.call(t)},["prevent"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.structure,(_,u)=>(e.openBlock(),e.createElementBlock("div",{key:u},[_.title?(e.openBlock(),e.createElementBlock("div",ko,e.toDisplayString(_.title),1)):e.createCommentVNode("",!0),e.createVNode(r,{fields:_.fields,"model-value":t.modelValue,errors:t.errors,"onUpdate:modelValue":o[0]||(o[0]=d=>t.$emit("update:modelValue",d)),onChange:o[1]||(o[1]=d=>t.$emit("change",d))},null,8,["fields","model-value","errors"])]))),128)),e.renderSlot(t.$slots,"buttons",e.normalizeProps(e.guardReactiveProps({cancel:t.cancel,submit:t.submit})),()=>[t.submit||t.cancel?(e.openBlock(),e.createElementBlock("div",bo,[t.submit?(e.openBlock(),e.createBlock(l,{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(l,{key:1,label:t.cancelLabel,disabled:t.submitting,onClick:o[2]||(o[2]=_=>t.handleCancel())},null,8,["label","disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0)],40,ho)):(e.openBlock(),e.createBlock(c,{key:1,name:"spinner"}))])}var $o=p(uo,[["render",go],["__scopeId","data-v-4a2acd7e"]]),lr="";const yo=["normal","small"],Bo=e.defineComponent({components:{Icon:y},mixins:[w],inheritAttrs:!1,props:{modelValue:{type:[Number,String],default:""},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},size:{type:String,default:"normal",validator:t=>yo.includes(t)},invalid:Boolean},computed:{hasPrefix(){return Boolean(this.$slots.prefix||this.prefixIcon)},hasSuffix(){return Boolean(this.$slots.suffix||this.suffixIcon)}}}),wo={class:"Input__icon Input__icon--left"},So=["aria-label","value"],Co={class:"Input__icon Input__icon--right"};function Vo(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["Input vuiii-input",[t.$attrs.class,{"vuiii-input--invalid":t.invalid,"vuiii-input--disabled":t.$attrs.disabled,"vuiii-input--small":t.size==="small"}]]),onClick:o[0]||(o[0]=l=>t.$refs.input.focus())},[t.hasPrefix?e.renderSlot(t.$slots,"prefix",{key:0},()=>[e.createElementVNode("div",wo,[e.createVNode(r,{name:t.prefixIcon},null,8,["name"])])],!0):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref:"input","aria-label":t.$attrs.placeholder||"input"},t.normalizedAttrs,{class:"Input__nestedInput vuiii-input__nested",value:t.modelValue}),null,16,So),t.hasSuffix?e.renderSlot(t.$slots,"suffix",{key:1},()=>[e.createElementVNode("div",Co,[e.createVNode(r,{name:t.suffixIcon},null,8,["name"])])],!0):e.createCommentVNode("",!0)],2)}var Eo=p(Bo,[["render",Vo],["__scopeId","data-v-6a6438b5"]]),sr="";const Mo=e.defineComponent({components:{Icon:y},props:{title:{type:String,default:""},width:{type:[Number,String],default:600},hideCloser:Boolean,scroll:Boolean,plain:Boolean},computed:{hasHeader(){return Boolean(this.$slots.header||this.title)},hasFooter(){return Boolean(this.$slots.footer)},computedStyle(){const t=this.width+(Number(this.width)?"px":"");return t&&t!=="auto"?{width:"100%",maxWidth:t}:{}}},methods:{close(){window.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape"}))}}}),No={key:1,class:"ModalLayout__header"},Io={class:"ModalLayout__title"},jo={class:"ModalLayout__body"},zo={key:2,class:"ModalLayout__footer"};function Fo(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ModalLayout",{hasHeader:t.hasHeader,hasFooter:t.hasFooter,isScrollable:t.scroll,isPlain:t.plain}]),style:e.normalizeStyle(t.computedStyle)},[t.hideCloser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ModalLayout__close",onClick:o[0]||(o[0]=l=>t.close())},[e.createVNode(r,{name:"x",class:"ModalLayout__closeIcon"})])),t.hasHeader?(e.openBlock(),e.createElementBlock("div",No,[e.renderSlot(t.$slots,"header",{},()=>[e.createElementVNode("div",Io,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",jo,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.hasFooter?(e.openBlock(),e.createElementBlock("div",zo,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6)}var O=p(Mo,[["render",Fo],["__scopeId","data-v-386279ac"]]),ar="";let Oo=1;const Lo=e.defineComponent({mixins:[w],inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},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},required:Boolean},emits:["update:modelValue"],data(){return{inputName:Oo++}},computed:{normalizedOptions(){return N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Ao={class:"Radio"},Do=["checked","required","name","disabled"],To={class:"Radio__label"};function Po(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",Ao,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("label",{key:r.value,class:e.normalizeClass(["Radio__option",{"Radio--disabled":r.disabled}])},[e.createElementVNode("input",e.mergeProps(t.normalizedAttrs,{checked:t.modelValue===r.value,class:"Radio__input vuiii-input",required:t.required,type:"Radio",name:t.inputName,disabled:r.disabled}),null,16,Do),e.createElementVNode("div",To,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)],!0)])],2))),128))])}var Ro=p(Lo,[["render",Po],["__scopeId","data-v-70d84c36"]]);const vo=["normal","small"],qo=e.defineComponent({mixins:[w],props:{modelValue:{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=>vo.includes(t)},allowEmpty:Boolean},computed:{normalizedOptions(){return N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Ko=["value"],Go=["disabled"],Uo=["disabled","value"];function Ho(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("select",e.mergeProps({class:"Select vuiii-input"},t.normalizedAttrs,{class:[t.$attrs.class,{"vuiii-input--small":t.size==="small"}],value:t.modelValue}),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,disabled:!t.allowEmpty,selected:"",value:""},e.toDisplayString(t.placeholder),9,Go)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("option",{key:r.value,disabled:r.disabled,value:r.value},e.toDisplayString(r.label),9,Uo))),128))],16,Ko)}var Wo=p(qo,[["render",Ho]]),ir="",cr="";const Xo=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($({},t),{[o]:typeof n=="string"?{label:n}:n}),{})}},methods:{formatValue(t,o){const n=this.normalizedColumns[o],s=typeof n.value=="function"?n.value(t):t[o];return n.format?n.format(s):s},resolveRowClass(t){return typeof this.rowClass=="function"?this.rowClass(t):this.rowClass}}}),Yo={class:"vuiii-table vuiii-table--hover"},Jo=["width"];function Qo(t,o,n,s,i,m){const r=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("table",Yo,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(l,c)=>(e.openBlock(),e.createElementBlock("th",{key:c,style:e.normalizeStyle({textAlign:l.align||"left"}),width:l.width},e.toDisplayString(l.label),13,Jo))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,c)=>(e.openBlock(),e.createElementBlock("tr",{key:c,class:e.normalizeClass(t.resolveRowClass(l))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(_,u)=>(e.openBlock(),e.createElementBlock("td",{key:u,style:e.normalizeStyle({textAlign:_.align||"left"})},[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps({item:l})),()=>[_.href?(e.openBlock(),e.createBlock(r,{key:0,class:"vuiii-link",to:_.href(l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.formatValue(l,u)),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.formatValue(l,u)),1)],64))])],4))),128))],2))),128))])])}var Zo=p(Xo,[["render",Qo]]);const xo=e.defineComponent({mixins:[w],props:{modelValue:{type:String,default:""}}});function en(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("textarea",e.mergeProps({class:"Textarea vuiii-input"},t.normalizedAttrs),null,16)}var tn=p(xo,[["render",en]]),dr="";const on=e.defineComponent({components:{ModalLayout:O,Button:M},props:{title:{type:String,default:""},message:{type:String,default:""},buttons:{type:Array,default:()=>[]}},emits:["close"]}),nn={class:"ModalLayoutDialog__buttons"};function rn(t,o,n,s,i,m){var c;const r=e.resolveComponent("Button"),l=e.resolveComponent("ModalLayout");return e.openBlock(),e.createBlock(l,{class:"ModalLayoutDialog",width:"480",title:t.title},e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["ModalLayoutDialog__message",{"ModalLayoutDialog__message--offset":!t.title}])},e.toDisplayString(t.message),3)]),_:2},[(c=t.buttons)!=null&&c.length?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(_,u)=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"ModalLayoutDialog__buttonWrapper"},[e.createVNode(r,{type:"button",variant:_.variant,"prefix-icon":_.icon,autofocus:"",onClick:d=>t.$emit("close",_.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.label),1)]),_:2},1032,["variant","prefix-icon","onClick"])]))),128))])])}:void 0]),1032,["title"])}var ln=p(on,[["render",rn],["__scopeId","data-v-612c6cb9"]]),_r="";const sn=e.defineComponent({props:{modals:{type:Array,default:()=>[]}},emits:["closeModal"],data(){return{modalInstances:{},registerReference(t){return o=>this.modalInstances[t]=o}}},computed:{activeModal(){return this.modals.length?this.modals[this.modals.length-1]:null}},mounted(){window.addEventListener("keydown",this.closeActiveModalByEscapeKey)},beforeUnmount(){window.removeEventListener("keydown",this.closeActiveModalByEscapeKey)},methods:{closeModal(t,o){var i;const n=()=>{this.$emit("closeModal",{modal:t,result:o})},s=this.modalInstances[t.id].$el;(i=s.$attrs)!=null&&i.onBeforeClose?s.$attrs.onBeforeClose(n):n()},closeActiveModal(){this.activeModal&&this.closeModal(this.activeModal)},closeActiveModalByEscapeKey(t){this.activeModal&&t.key==="Escape"&&!t.defaultPrevented&&(t.preventDefault(),this.closeActiveModal())},closeModalByBackdropClick(t,o){t.target===t.currentTarget&&this.closeModal(o)}}}),an={class:"ModalStack"},cn={key:0,class:"ModalStack__backdrop"},dn=["onClick"];function _n(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",an,[e.createVNode(e.Transition,{name:"ModalStack__backdrop"},{default:e.withCtx(()=>[t.modals.length?(e.openBlock(),e.createElementBlock("div",cn)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{name:"ModalStack__modal"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modals,r=>{var l;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:"ModalStack__modalWrapper",onClick:c=>t.closeModalByBackdropClick(c,r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps(r.props,{ref_for:!0,ref:t.registerReference(r.id),class:["ModalStack__modal",{isActive:((l=t.activeModal)==null?void 0:l.id)===r.id}],onClose:c=>t.closeModal(r,c)}),null,16,["class","onClose"]))],8,dn)}),128))]),_:1})])}var pn=p(sn,[["render",_n],["__scopeId","data-v-2f4ee2c2"]]);const mn={cancelLabel:"Cancel",confirmLabel:"OK"},un=(t,o={})=>{let n=1;o=$($({},mn),o);const s=e.reactive({modals:[]}),i=(d,b)=>{var h;s.modals=s.modals.filter(({id:g})=>g!==d.id),d.resolve(b),(h=d.focusElement)==null||h.focus()},m=e.createApp({parent:t,data(){return s},render(){return e.h(pn,{modals:s.modals,onCloseModal:({modal:d,result:b})=>i(d,b)})}}),r=document.createElement("div");document.body.appendChild(r),m.mount(r);const l=(d,b)=>{var g;const h=document.activeElement;return(g=h.blur)==null||g.call(h),new Promise(S=>{s.modals.push({id:n++,component:d,props:b,resolve:S,focusElement:h})})},c=d=>l(ln,d),_=d=>{typeof d=="string"&&(d={message:d});const{title:b,message:h,confirmVariant:g,confirmLabel:S=o.confirmLabel,confirmIcon:I}=d;return c({title:b,message:h,buttons:[{variant:g||"primary",label:S||"",icon:I}]})},u=d=>{typeof d=="string"&&(d={message:d});const{title:b,message:h,cancelLabel:g=o.cancelLabel,cancelVariant:S,cancelIcon:I,confirmLabel:Sn=o.confirmLabel,confirmVariant:Cn,confirmIcon:Vn}=d;return c({title:b,message:h,buttons:[{variant:S,label:g||"",icon:I,value:!1},{variant:Cn||"primary",label:Sn||"",icon:Vn,value:!0}]})};t.config.globalProperties.$modal={open:l,dialog:c,alert:_,confirm:u}};function L(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$modal}var pr="";const fn=e.defineComponent({components:{Icon:y},props:{messages:{type:Array,default:()=>[]}},emits:["remove-message"],computed:{messagesInReverse(){return[...this.messages].reverse()}}}),hn={class:"Snackbar"},kn=["onClick"];function bn(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",hn,[e.createVNode(e.TransitionGroup,{name:"Snackbar__transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messagesInReverse,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"Snackbar__message"},[e.createElementVNode("div",{class:"Snackbar__messageWrapper",style:e.normalizeStyle({transform:`translateY(-${100*c}%)`})},[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:_=>t.$emit("remove-message",l.id)},[e.createVNode(r,{class:"Snackbar__messageCloseIcon",name:"x"})],8,kn)],2)],4)]))),128))]),_:1})])}var gn=p(fn,[["render",bn],["__scopeId","data-v-272e7ab3"]]);const $n=1e4,yn=5,Bn=t=>{let o=1;const n=e.reactive({messages:[]}),s=l=>{n.messages=n.messages.filter(({id:c})=>c!==l)},i=e.createApp({parent:t,data(){return n},render(){return e.h(gn,{messages:this.messages,onRemoveMessage:s})}}),m=document.createElement("div");document.body.appendChild(m),i.mount(m);const r=(l,c="success",_=$n)=>{const u=o++;n.messages.push({text:l,type:c,id:u}),n.messages.length>yn&&n.messages.shift(),_>0&&setTimeout(()=>s(u),_)};t.config.globalProperties.$snackbar={success:l=>r(l,"success"),error:l=>r(l,"error",0)}};function A(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$snackbar}function D(t,o={}){const n=A(),s=L(),i=f.useRouter(),m=e.ref(!1),r=e.ref(),l=e.ref(Object.freeze({})),c=async _=>{var u;if(!(o.confirm&&s&&!await s.confirm(typeof o.confirm=="function"?o.confirm(_):o.confirm))){if(o.validator){const d=await o.validator(_);if(!d||typeof d=="object"&&(l.value=(d==null?void 0:d.errors)||{},!(d!=null&&d.isValid)))return}m.value=!0;try{r.value=await t(_)}catch(d){if(o.errorMessage&&n&&n.error(typeof o.errorMessage=="function"?o.errorMessage(d,_):o.errorMessage||d.message),m.value=!1,o.onError&&o.onError({error:d,data:_,router:i,snackbar:n}))return;throw d}return m.value=!1,o.successMessage&&n&&n.success(typeof o.successMessage=="function"?o.successMessage(r.value,_):o.successMessage),(u=o.onSuccess)==null||u.call(o,{result:r.value,data:_,router:i,snackbar:n}),o.redirectOnSuccess&&i.push(typeof o.redirectOnSuccess=="function"?o.redirectOnSuccess(r.value,_):o.redirectOnSuccess),r.value}};return o.immediate&&e.onMounted(c),{submit:c,errors:l,result:r,isSubmitting:m}}const wn=(t,o={})=>{const{isSubmitting:n,submit:s,result:i}=D(t,{onSuccess:({router:m,data:r,result:l})=>{var c;return(c=o.onSuccess)==null?void 0:c.call(o,{data:l,params:r,router:m})},onError:({router:m,error:r,data:l})=>{var c;return(c=o.onError)==null?void 0:c.call(o,{error:r,params:l,router:m})},successMessage:o.successMessage,errorMessage:o.errorMessage,immediate:o.immediate});return{load:s,isLoading:n,data:i}};a.Breadcrumbs=Tt,a.Button=M,a.Checkbox=j,a.CheckboxGroup=to,a.Form=$o,a.FormFields=F,a.FormGroup=z,a.Icon=y,a.Input=Eo,a.ModalLayout=O,a.Radio=Ro,a.Select=Wo,a.Table=Zo,a.Textarea=tn,a.modal=un,a.registerCustomIconResolver=zt,a.snackbar=Bn,a.useLoadData=wn,a.useModal=L,a.useSnackbar=A,a.useSubmitAction=D,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(a,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):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.vui={},a.Vue,a.VueRouter))})(this,function(a,e,f){"use strict";var En=Object.defineProperty,Mn=Object.defineProperties;var Nn=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var T=(a,e,f)=>e in a?En(a,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[e]=f,$=(a,e)=>{for(var f in e||(e={}))P.call(e,f)&&T(a,f,e[f]);if(V)for(var f of V(e))v.call(e,f)&&T(a,f,e[f]);return a},B=(a,e)=>Mn(a,Nn(e));var R=(a,e)=>{var f={};for(var k in a)P.call(a,k)&&e.indexOf(k)<0&&(f[k]=a[k]);if(a!=null&&V)for(var k of V(a))e.indexOf(k)<0&&v.call(a,k)&&(f[k]=a[k]);return f};var k="",p=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n};const q={},K={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},G=[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",K,G)}var H=p(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=p(X,[["render",Q]]),x=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=p(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"},ie=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8 7l4-4m0 0l4 4m-4-4v18"},null,-1)];function ce(t,o){return e.openBlock(),e.createElementBlock("svg",ae,ie)}var de=p(se,[["render",ce]]),_e=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"}));const pe={},me={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",me,ue)}var he=p(pe,[["render",fe]]),ke=Object.freeze(Object.defineProperty({__proto__:null,default:he},Symbol.toStringTag,{value:"Module"}));const be={},ge={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},$e=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"},null,-1)];function ye(t,o){return e.openBlock(),e.createElementBlock("svg",ge,$e)}var Be=p(be,[["render",ye]]),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=p(Se,[["render",Ee]]),Ne=Object.freeze(Object.defineProperty({__proto__:null,default:Me},Symbol.toStringTag,{value:"Module"}));const Ie={},je={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 Fe(t,o){return e.openBlock(),e.createElementBlock("svg",je,ze)}var Oe=p(Ie,[["render",Fe]]),Le=Object.freeze(Object.defineProperty({__proto__:null,default:Oe},Symbol.toStringTag,{value:"Module"}));const Ae={},De={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Te=[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 Pe(t,o){return e.openBlock(),e.createElementBlock("svg",De,Te)}var ve=p(Ae,[["render",Pe]]),Re=Object.freeze(Object.defineProperty({__proto__:null,default:ve},Symbol.toStringTag,{value:"Module"}));const qe={},Ke={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Ge=[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",Ke,Ge)}var He=p(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-width":"1.5",stroke:"currentColor"},Je=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 12h-15"},null,-1)];function Qe(t,o){return e.openBlock(),e.createElementBlock("svg",Ye,Je)}var Ze=p(Xe,[["render",Qe]]),xe=Object.freeze(Object.defineProperty({__proto__:null,default:Ze},Symbol.toStringTag,{value:"Module"}));const et={},tt={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ot=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4v16m8-8H4"},null,-1)];function nt(t,o){return e.openBlock(),e.createElementBlock("svg",tt,ot)}var rt=p(et,[["render",nt]]),lt=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"}));const st={},at={fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},it=[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 ct(t,o){return e.openBlock(),e.createElementBlock("svg",at,it)}var dt=p(st,[["render",ct]]),_t=Object.freeze(Object.defineProperty({__proto__:null,default:dt},Symbol.toStringTag,{value:"Module"})),Kn="";const pt={},mt=t=>(e.pushScopeId("data-v-683816b2"),t=t(),e.popScopeId(),t),ut={class:"IconSpinner",fill:"none",stroke:"currentColor",viewBox:"0 0 25 25",xmlns:"http://www.w3.org/2000/svg"},ft=[mt(()=>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 ht(t,o){return e.openBlock(),e.createElementBlock("svg",ut,ft)}var kt=p(pt,[["render",ht],["__scopeId","data-v-683816b2"]]),bt=Object.freeze(Object.defineProperty({__proto__:null,default:kt},Symbol.toStringTag,{value:"Module"}));const gt={},$t={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},yt=[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 Bt(t,o){return e.openBlock(),e.createElementBlock("svg",$t,yt)}var wt=p(gt,[["render",Bt]]),St=Object.freeze(Object.defineProperty({__proto__:null,default:wt},Symbol.toStringTag,{value:"Module"}));const Ct={},Vt={"aria-hidden":"true",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Et=[e.createElementVNode("path",{d:"M6 18L18 6M6 6l12 12","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)];function Mt(t,o){return e.openBlock(),e.createElementBlock("svg",Vt,Et)}var Nt=p(Ct,[["render",Mt]]),It=Object.freeze(Object.defineProperty({__proto__:null,default:Nt},Symbol.toStringTag,{value:"Module"}));function jt(t,o){var n;return(n=Object.entries(t).map(([s,i])=>({path:s,source:i})).find(s=>s.path.endsWith(`/${o}`)))==null?void 0:n.source.default}var Wn="";let E;function zt(t){E=t}function Ft(t){let o;return E&&(o=E(t)),o||(o=jt(Ot,`${t}.vue`)),o}const Ot={"../icons/arrow-narrow-down.vue":W,"../icons/arrow-narrow-left.vue":x,"../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":Le,"../icons/exclamation-circle.vue":Re,"../icons/exclamation.vue":We,"../icons/minus.vue":xe,"../icons/plus.vue":lt,"../icons/search.vue":_t,"../icons/spinner.vue":bt,"../icons/trash.vue":St,"../icons/x.vue":It};var y=p(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=Ft(o.name),{immediate:!0}),(s,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n)),{class:"Icon"}))}}),[["__scopeId","data-v-cc79c81e"]]),Yn="";const Lt=e.defineComponent({components:{Icon:y},props:{breadcrumbs:{type:Object,default:()=>({})}}}),At={class:"Breadcrumbs"};function Dt(t,o,n,s,i,m){const r=e.resolveComponent("router-link"),l=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",At,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumbs,(c,_,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"Breadcrumbs__breadcrumb"},[e.createVNode(r,{to:c,class:"Breadcrumbs__link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_),1)]),_:2},1032,["to"]),e.createVNode(l,{name:"chevron-right",class:"Breadcrumbs__arrow"})]))),128))])}var Tt=p(Lt,[["render",Dt],["__scopeId","data-v-357000f6"]]),Jn="";const Pt=["normal","small"],vt=["default","primary","secondary","danger"];var Qn="";const Rt=e.defineComponent({components:{Icon:y},inheritAttrs:!1,props:{size:{type:String,default:"normal",validator:t=>Pt.includes(t)},variant:{type:String,default:"default",validator:t=>vt.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=>`vuiii-button--${o}`)}}}),qt={key:1};function Kt(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps({class:["Button vuiii-button",[t.classModifiers,{"Button--block":t.block},{"vuiii-button--disabled":t.$attrs.disabled}]]},t.$attrs,{type:t.component==="button"?"button":t.$attrs.type}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[t.prefixIcon&&!t.loading?(e.openBlock(),e.createBlock(r,{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(r,{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",qt,[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(r,{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","type"])}var M=p(Rt,[["render",Kt],["__scopeId","data-v-24bf0302"]]),Zn="";const Gt=t=>t.target.getAttribute("type")==="number"?t.target.valueAsNumber:t.target.getAttribute("type")==="checkbox"?t.target.checked:t.target.value,w=e.defineComponent({emits:["update:modelValue"],computed:{normalizedAttrs(){const n=this.$attrs,{class:t}=n,o=R(n,["class"]);return B($({},o),{onInput:s=>this.$emit("update:modelValue",Gt(s))})}}});var xn="";const Ut=e.defineComponent({mixins:[w],inheritAttrs:!1,props:{modelValue:Boolean,required:Boolean,switch:Boolean,caption:{type:String,default:""}}}),Ht=t=>(e.pushScopeId("data-v-18ef5cd1"),t=t(),e.popScopeId(),t),Wt=["checked","required"],Xt=[Ht(()=>e.createElementVNode("div",{class:"Checkbox__switchDot"},null,-1))],Yt={key:1,class:"Checkbox__label"},Jt={key:0,class:"Checkbox__required"};function Qt(t,o,n,s,i,m){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 vuiii-input",required:t.required,type:"checkbox"}),null,16,Wt),[[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}])},Xt,2)):e.createCommentVNode("",!0),t.$slots.default||t.caption?(e.openBlock(),e.createElementBlock("div",Yt,[t.required?(e.openBlock(),e.createElementBlock("span",Jt,"*")):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.caption),1)],!0)])):e.createCommentVNode("",!0)],2)}var j=p(Ut,[["render",Qt],["__scopeId","data-v-18ef5cd1"]]);function C(t,o){return typeof o=="function"?o(t):o||o===0?t[o]:t}function N(t,o={}){return Array.isArray(t)?t.map(n=>({value:C(n,o.value),label:C(n,o.label),description:o.description&&C(n,o.description),disabled:o.disabled&&C(n,o.disabled)})):Object.entries(t||{}).reduce((n,[s,i])=>n.concat({value:s,label:i}),[])}var tr="";const Zt=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 N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})},checkedValues(){return this.modelValue.reduce((t,o)=>B($({},t),{[o]:!0}),{})}},methods:{toggleCheckedValue(t){const o=B($({},this.checkedValues),{[t]:!this.checkedValues[t]}),n=Object.entries(o).filter(([s,i])=>i).map(([s])=>s);this.$emit("update:modelValue",n)}}}),xt={class:"CheckboxGroup"};function eo(t,o,n,s,i,m){const r=e.resolveComponent("Checkbox");return e.openBlock(),e.createElementBlock("div",xt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value},[e.createVNode(r,{disabled:l.disabled,"model-value":t.checkedValues[l.value],caption:l.label,"onUpdate:modelValue":c=>t.toggleCheckedValue(l.value)},null,8,["disabled","model-value","caption","onUpdate:modelValue"])]))),128))])}var to=p(Zt,[["render",eo],["__scopeId","data-v-1a9cd604"]]),or="";const oo=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:""}}}),no={key:0,class:"FormGroup__header"},ro={class:"FormGroup__label"},lo={key:0,class:"FormGroup__required"},so={key:1,class:"FormGroup__description"},ao={key:2,class:"FormGroup__hint"},io={key:3,class:"FormGroup__error"};function co(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FormGroup",{"FormGroup--invalid":t.error}])},[t.label?(e.openBlock(),e.createElementBlock("div",no,[e.createElementVNode("label",ro,e.toDisplayString(t.label),1),t.required?(e.openBlock(),e.createElementBlock("div",lo,"*")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.description||t.description?(e.openBlock(),e.createElementBlock("div",so,[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",ao,[e.renderSlot(t.$slots,"hint",{},()=>[e.createTextVNode(e.toDisplayString(t.hint),1)],!0)])):e.createCommentVNode("",!0),t.errorMessage?(e.openBlock(),e.createElementBlock("div",io,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0)],2)}var z=p(oo,[["render",co],["__scopeId","data-v-2a74e30e"]]),nr="";const _o=e.defineComponent({components:{FormGroup:z},props:{fields:{type:Object,default:()=>({})},modelValue:{type:Object,default:()=>({})},errors:{type:Object,default:()=>({})}},emits:["update:modelValue"],methods:{getFieldValue(t){var n;return(((n=this.fields[t].value)==null?void 0:n.getter)||(s=>s[t]))(this.modelValue)},setFieldValue(t,o){var i;const s=(((i=this.fields[t].value)==null?void 0:i.setter)||((m,r)=>B($({},r),{[t]:m})))(o,this.modelValue);this.$emit("update:modelValue",s)}}}),po={class:"FormFields"};function mo(t,o,n,s,i,m){const r=e.resolveComponent("FormGroup");return e.openBlock(),e.createElementBlock("div",po,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(l,c)=>{var _;return e.openBlock(),e.createBlock(r,{key:c,label:l.label,description:l.description,hint:l.hint,required:l.required,error:(_=t.errors)==null?void 0:_[c]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.component),e.mergeProps({"model-value":t.getFieldValue(String(c))},l.props,{"onUpdate:modelValue":u=>t.setFieldValue(String(c),u)}),null,16,["model-value","onUpdate:modelValue"]))]),_:2},1032,["label","description","hint","required","error"])}),128))])}var F=p(_o,[["render",mo],["__scopeId","data-v-7f82ddf3"]]),rr="";const uo=e.defineComponent({components:{Button:M,FormFields:F,Icon:y},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"],methods:{handleSubmit(){var t;(t=this.submit)==null||t.call(this,this.modelValue)},handleCancel(){var t;typeof this.cancel=="function"?(t=this.cancel)==null||t.call(this):this.cancel&&this.$router.push(this.cancel)}}}),fo={class:"Form"},ho=["disabled"],ko={key:0,class:"Form__title"},bo={key:0,class:"Form__buttons"};function go(t,o,n,s,i,m){const r=e.resolveComponent("FormFields"),l=e.resolveComponent("Button"),c=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",fo,[t.modelValue?(e.openBlock(),e.createElementBlock("form",{key:0,disabled:t.submitting,onSubmit:o[3]||(o[3]=e.withModifiers(_=>{var u;return(u=t.handleSubmit)==null?void 0:u.call(t)},["prevent"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.structure,(_,u)=>(e.openBlock(),e.createElementBlock("div",{key:u},[_.title?(e.openBlock(),e.createElementBlock("div",ko,e.toDisplayString(_.title),1)):e.createCommentVNode("",!0),e.createVNode(r,{fields:_.fields,"model-value":t.modelValue,errors:t.errors,"onUpdate:modelValue":o[0]||(o[0]=d=>t.$emit("update:modelValue",d)),onChange:o[1]||(o[1]=d=>t.$emit("change",d))},null,8,["fields","model-value","errors"])]))),128)),e.renderSlot(t.$slots,"buttons",e.normalizeProps(e.guardReactiveProps({cancel:t.cancel,submit:t.submit})),()=>[t.submit||t.cancel?(e.openBlock(),e.createElementBlock("div",bo,[t.submit?(e.openBlock(),e.createBlock(l,{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(l,{key:1,label:t.cancelLabel,disabled:t.submitting,onClick:o[2]||(o[2]=_=>t.handleCancel())},null,8,["label","disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0)],40,ho)):(e.openBlock(),e.createBlock(c,{key:1,name:"spinner"}))])}var $o=p(uo,[["render",go],["__scopeId","data-v-4a2acd7e"]]),lr="";const yo=["normal","small"],Bo=e.defineComponent({components:{Icon:y},mixins:[w],inheritAttrs:!1,props:{modelValue:{type:[Number,String],default:""},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},size:{type:String,default:"normal",validator:t=>yo.includes(t)},invalid:Boolean},computed:{hasPrefix(){return Boolean(this.$slots.prefix||this.prefixIcon)},hasSuffix(){return Boolean(this.$slots.suffix||this.suffixIcon)}}}),wo={class:"Input__icon Input__icon--left"},So=["aria-label","value"],Co={class:"Input__icon Input__icon--right"};function Vo(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["Input vuiii-input",[t.$attrs.class,{"vuiii-input--invalid":t.invalid,"vuiii-input--disabled":t.$attrs.disabled,"vuiii-input--small":t.size==="small"}]]),onClick:o[0]||(o[0]=l=>t.$refs.input.focus())},[t.hasPrefix?e.renderSlot(t.$slots,"prefix",{key:0},()=>[e.createElementVNode("div",wo,[e.createVNode(r,{name:t.prefixIcon},null,8,["name"])])],!0):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref:"input","aria-label":t.$attrs.placeholder||"input"},t.normalizedAttrs,{class:"Input__nestedInput vuiii-input__nested",value:t.modelValue}),null,16,So),t.hasSuffix?e.renderSlot(t.$slots,"suffix",{key:1},()=>[e.createElementVNode("div",Co,[e.createVNode(r,{name:t.suffixIcon},null,8,["name"])])],!0):e.createCommentVNode("",!0)],2)}var Eo=p(Bo,[["render",Vo],["__scopeId","data-v-6a6438b5"]]),sr="";const Mo=e.defineComponent({components:{Icon:y},props:{title:{type:String,default:""},width:{type:[Number,String],default:600},hideCloser:Boolean,scroll:Boolean,plain:Boolean},computed:{hasHeader(){return Boolean(this.$slots.header||this.title)},hasFooter(){return Boolean(this.$slots.footer)},computedStyle(){const t=this.width+(Number(this.width)?"px":"");return t&&t!=="auto"?{width:"100%",maxWidth:t}:{}}},methods:{close(){window.dispatchEvent(new KeyboardEvent("keydown",{key:"Escape"}))}}}),No={key:1,class:"ModalLayout__header"},Io={class:"ModalLayout__title"},jo={class:"ModalLayout__body"},zo={key:2,class:"ModalLayout__footer"};function Fo(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ModalLayout",{hasHeader:t.hasHeader,hasFooter:t.hasFooter,isScrollable:t.scroll,isPlain:t.plain}]),style:e.normalizeStyle(t.computedStyle)},[t.hideCloser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ModalLayout__close",onClick:o[0]||(o[0]=l=>t.close())},[e.createVNode(r,{name:"x",class:"ModalLayout__closeIcon"})])),t.hasHeader?(e.openBlock(),e.createElementBlock("div",No,[e.renderSlot(t.$slots,"header",{},()=>[e.createElementVNode("div",Io,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",jo,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.hasFooter?(e.openBlock(),e.createElementBlock("div",zo,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],6)}var O=p(Mo,[["render",Fo],["__scopeId","data-v-386279ac"]]),ar="";let Oo=1;const Lo=e.defineComponent({mixins:[w],inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},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},required:Boolean},emits:["update:modelValue"],data(){return{inputName:"vuiii-radio-input-"+Oo++}},computed:{normalizedOptions(){return N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Ao={class:"Radio"},Do=["value","checked","required","name","disabled"],To={class:"Radio__label"};function Po(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",Ao,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("label",{key:r.value,class:e.normalizeClass(["Radio__option",{"Radio--disabled":r.disabled}])},[e.createElementVNode("input",e.mergeProps(t.normalizedAttrs,{value:r.value,checked:t.modelValue===r.value,class:"Radio__input vuiii-input",required:t.required,type:"Radio",name:t.inputName,disabled:r.disabled}),null,16,Do),e.createElementVNode("div",To,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)],!0)])],2))),128))])}var vo=p(Lo,[["render",Po],["__scopeId","data-v-0251715f"]]);const Ro=["normal","small"],qo=e.defineComponent({mixins:[w],props:{modelValue:{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=>Ro.includes(t)},allowEmpty:Boolean},computed:{normalizedOptions(){return N(this.options,{value:this.optionValueKey,label:this.optionLabelKey,disabled:this.optionDisabledKey})}}}),Ko=["value"],Go=["disabled"],Uo=["disabled","value"];function Ho(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("select",e.mergeProps({class:"Select vuiii-input"},t.normalizedAttrs,{class:[t.$attrs.class,{"vuiii-input--small":t.size==="small"}],value:t.modelValue}),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,disabled:!t.allowEmpty,selected:"",value:""},e.toDisplayString(t.placeholder),9,Go)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedOptions,r=>(e.openBlock(),e.createElementBlock("option",{key:r.value,disabled:r.disabled,value:r.value},e.toDisplayString(r.label),9,Uo))),128))],16,Ko)}var Wo=p(qo,[["render",Ho]]),ir="",cr="";const Xo=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($({},t),{[o]:typeof n=="string"?{label:n}:n}),{})}},methods:{formatValue(t,o){const n=this.normalizedColumns[o],s=typeof n.value=="function"?n.value(t):t[o];return n.format?n.format(s):s},resolveRowClass(t){return typeof this.rowClass=="function"?this.rowClass(t):this.rowClass}}}),Yo={class:"vuiii-table vuiii-table--hover"},Jo=["width"];function Qo(t,o,n,s,i,m){const r=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("table",Yo,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(l,c)=>(e.openBlock(),e.createElementBlock("th",{key:c,style:e.normalizeStyle({textAlign:l.align||"left"}),width:l.width},e.toDisplayString(l.label),13,Jo))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,c)=>(e.openBlock(),e.createElementBlock("tr",{key:c,class:e.normalizeClass(t.resolveRowClass(l))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.normalizedColumns,(_,u)=>(e.openBlock(),e.createElementBlock("td",{key:u,style:e.normalizeStyle({textAlign:_.align||"left"})},[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps({item:l})),()=>[_.href?(e.openBlock(),e.createBlock(r,{key:0,class:"vuiii-link",to:_.href(l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.formatValue(l,u)),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.formatValue(l,u)),1)],64))])],4))),128))],2))),128))])])}var Zo=p(Xo,[["render",Qo]]);const xo=e.defineComponent({mixins:[w],props:{modelValue:{type:String,default:""}}});function en(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("textarea",e.mergeProps({class:"Textarea vuiii-input"},t.normalizedAttrs),null,16)}var tn=p(xo,[["render",en]]),dr="";const on=e.defineComponent({components:{ModalLayout:O,Button:M},props:{title:{type:String,default:""},message:{type:String,default:""},buttons:{type:Array,default:()=>[]}},emits:["close"]}),nn={class:"ModalLayoutDialog__buttons"};function rn(t,o,n,s,i,m){var c;const r=e.resolveComponent("Button"),l=e.resolveComponent("ModalLayout");return e.openBlock(),e.createBlock(l,{class:"ModalLayoutDialog",width:"480",title:t.title},e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["ModalLayoutDialog__message",{"ModalLayoutDialog__message--offset":!t.title}])},e.toDisplayString(t.message),3)]),_:2},[(c=t.buttons)!=null&&c.length?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(_,u)=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"ModalLayoutDialog__buttonWrapper"},[e.createVNode(r,{type:"button",variant:_.variant,"prefix-icon":_.icon,autofocus:"",onClick:d=>t.$emit("close",_.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.label),1)]),_:2},1032,["variant","prefix-icon","onClick"])]))),128))])])}:void 0]),1032,["title"])}var ln=p(on,[["render",rn],["__scopeId","data-v-612c6cb9"]]),_r="";const sn=e.defineComponent({props:{modals:{type:Array,default:()=>[]}},emits:["closeModal"],data(){return{modalInstances:{},registerReference(t){return o=>this.modalInstances[t]=o}}},computed:{activeModal(){return this.modals.length?this.modals[this.modals.length-1]:null}},mounted(){window.addEventListener("keydown",this.closeActiveModalByEscapeKey)},beforeUnmount(){window.removeEventListener("keydown",this.closeActiveModalByEscapeKey)},methods:{closeModal(t,o){var i;const n=()=>{this.$emit("closeModal",{modal:t,result:o})},s=this.modalInstances[t.id].$el;(i=s.$attrs)!=null&&i.onBeforeClose?s.$attrs.onBeforeClose(n):n()},closeActiveModal(){this.activeModal&&this.closeModal(this.activeModal)},closeActiveModalByEscapeKey(t){this.activeModal&&t.key==="Escape"&&!t.defaultPrevented&&(t.preventDefault(),this.closeActiveModal())},closeModalByBackdropClick(t,o){t.target===t.currentTarget&&this.closeModal(o)}}}),an={class:"ModalStack"},cn={key:0,class:"ModalStack__backdrop"},dn=["onClick"];function _n(t,o,n,s,i,m){return e.openBlock(),e.createElementBlock("div",an,[e.createVNode(e.Transition,{name:"ModalStack__backdrop"},{default:e.withCtx(()=>[t.modals.length?(e.openBlock(),e.createElementBlock("div",cn)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{name:"ModalStack__modal"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modals,r=>{var l;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:"ModalStack__modalWrapper",onClick:c=>t.closeModalByBackdropClick(c,r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps(r.props,{ref_for:!0,ref:t.registerReference(r.id),class:["ModalStack__modal",{isActive:((l=t.activeModal)==null?void 0:l.id)===r.id}],onClose:c=>t.closeModal(r,c)}),null,16,["class","onClose"]))],8,dn)}),128))]),_:1})])}var pn=p(sn,[["render",_n],["__scopeId","data-v-2f4ee2c2"]]);const mn={cancelLabel:"Cancel",confirmLabel:"OK"},un=(t,o={})=>{let n=1;o=$($({},mn),o);const s=e.reactive({modals:[]}),i=(d,b)=>{var h;s.modals=s.modals.filter(({id:g})=>g!==d.id),d.resolve(b),(h=d.focusElement)==null||h.focus()},m=e.createApp({parent:t,data(){return s},render(){return e.h(pn,{modals:s.modals,onCloseModal:({modal:d,result:b})=>i(d,b)})}}),r=document.createElement("div");document.body.appendChild(r),m.mount(r);const l=(d,b)=>{var g;const h=document.activeElement;return(g=h.blur)==null||g.call(h),new Promise(S=>{s.modals.push({id:n++,component:d,props:b,resolve:S,focusElement:h})})},c=d=>l(ln,d),_=d=>{typeof d=="string"&&(d={message:d});const{title:b,message:h,confirmVariant:g,confirmLabel:S=o.confirmLabel,confirmIcon:I}=d;return c({title:b,message:h,buttons:[{variant:g||"primary",label:S||"",icon:I}]})},u=d=>{typeof d=="string"&&(d={message:d});const{title:b,message:h,cancelLabel:g=o.cancelLabel,cancelVariant:S,cancelIcon:I,confirmLabel:Sn=o.confirmLabel,confirmVariant:Cn,confirmIcon:Vn}=d;return c({title:b,message:h,buttons:[{variant:S,label:g||"",icon:I,value:!1},{variant:Cn||"primary",label:Sn||"",icon:Vn,value:!0}]})};t.config.globalProperties.$modal={open:l,dialog:c,alert:_,confirm:u}};function L(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$modal}var pr="";const fn=e.defineComponent({components:{Icon:y},props:{messages:{type:Array,default:()=>[]}},emits:["remove-message"],computed:{messagesInReverse(){return[...this.messages].reverse()}}}),hn={class:"Snackbar"},kn=["onClick"];function bn(t,o,n,s,i,m){const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",hn,[e.createVNode(e.TransitionGroup,{name:"Snackbar__transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messagesInReverse,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"Snackbar__message"},[e.createElementVNode("div",{class:"Snackbar__messageWrapper",style:e.normalizeStyle({transform:`translateY(-${100*c}%)`})},[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:_=>t.$emit("remove-message",l.id)},[e.createVNode(r,{class:"Snackbar__messageCloseIcon",name:"x"})],8,kn)],2)],4)]))),128))]),_:1})])}var gn=p(fn,[["render",bn],["__scopeId","data-v-272e7ab3"]]);const $n=1e4,yn=5,Bn=t=>{let o=1;const n=e.reactive({messages:[]}),s=l=>{n.messages=n.messages.filter(({id:c})=>c!==l)},i=e.createApp({parent:t,data(){return n},render(){return e.h(gn,{messages:this.messages,onRemoveMessage:s})}}),m=document.createElement("div");document.body.appendChild(m),i.mount(m);const r=(l,c="success",_=$n)=>{const u=o++;n.messages.push({text:l,type:c,id:u}),n.messages.length>yn&&n.messages.shift(),_>0&&setTimeout(()=>s(u),_)};t.config.globalProperties.$snackbar={success:l=>r(l,"success"),error:l=>r(l,"error",0)}};function A(){var t;return(t=e.getCurrentInstance())==null?void 0:t.appContext.config.globalProperties.$snackbar}function D(t,o={}){const n=A(),s=L(),i=f.useRouter(),m=e.ref(!1),r=e.ref(),l=e.ref(Object.freeze({})),c=async _=>{var u;if(!(o.confirm&&s&&!await s.confirm(typeof o.confirm=="function"?o.confirm(_):o.confirm))){if(o.validator){const d=await o.validator(_);if(!d||typeof d=="object"&&(l.value=(d==null?void 0:d.errors)||{},!(d!=null&&d.isValid)))return}m.value=!0;try{r.value=await t(_)}catch(d){if(o.errorMessage&&n&&n.error(typeof o.errorMessage=="function"?o.errorMessage(d,_):o.errorMessage||d.message),m.value=!1,o.onError&&o.onError({error:d,data:_,router:i,snackbar:n}))return;throw d}return m.value=!1,o.successMessage&&n&&n.success(typeof o.successMessage=="function"?o.successMessage(r.value,_):o.successMessage),(u=o.onSuccess)==null||u.call(o,{result:r.value,data:_,router:i,snackbar:n}),o.redirectOnSuccess&&i.push(typeof o.redirectOnSuccess=="function"?o.redirectOnSuccess(r.value,_):o.redirectOnSuccess),r.value}};return o.immediate&&e.onMounted(c),{submit:c,errors:l,result:r,isSubmitting:m}}const wn=(t,o={})=>{const{isSubmitting:n,submit:s,result:i}=D(t,{onSuccess:({router:m,data:r,result:l})=>{var c;return(c=o.onSuccess)==null?void 0:c.call(o,{data:l,params:r,router:m})},onError:({router:m,error:r,data:l})=>{var c;return(c=o.onError)==null?void 0:c.call(o,{error:r,params:l,router:m})},successMessage:o.successMessage,errorMessage:o.errorMessage,immediate:o.immediate});return{load:s,isLoading:n,data:i}};a.Breadcrumbs=Tt,a.Button=M,a.Checkbox=j,a.CheckboxGroup=to,a.Form=$o,a.FormFields=F,a.FormGroup=z,a.Icon=y,a.Input=Eo,a.ModalLayout=O,a.Radio=vo,a.Select=Wo,a.Table=Zo,a.Textarea=tn,a.modal=un,a.registerCustomIconResolver=zt,a.snackbar=Bn,a.useLoadData=wn,a.useModal=L,a.useSnackbar=A,a.useSubmitAction=D,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vuiii",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.0.0-beta.2",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "vite build && vue-tsc --emitDeclarationOnly --declaration",