treqit-ui-library 1.4.18 → 1.4.19
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.avatar[data-v-b02c0c4e]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;vertical-align:middle}.avatar-initials[data-v-b02c0c4e]{color:var(--surface-color);font-weight:500;text-transform:uppercase;transition:color .3s ease}.avatar[data-v-b02c0c4e] img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media screen and (max-width:1024px){.avatar-initials[data-v-b02c0c4e]{font-size:.9em}}@media screen and (max-width:768px){.avatar-initials[data-v-b02c0c4e]{font-size:.8em}}@media screen and (max-width:480px){.avatar-initials[data-v-b02c0c4e]{font-size:.75em}}.btn[data-v-7e659005]{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;padding:.5rem 1rem;font-size:1rem;min-width:80px;overflow:hidden}.btn[data-v-7e659005]:disabled{cursor:not-allowed}.btn--full[data-v-7e659005]{width:100%}.btn-loader[data-v-7e659005]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.simple-spinner[data-v-7e659005]{border:6px solid currentColor;border-top-color:transparent;border-radius:50%;width:32px;height:32px;animation:spin-7e659005 .8s linear infinite;opacity:.7}@keyframes spin-7e659005{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-content.content-hidden[data-v-7e659005]{visibility:hidden;opacity:0}.btn--x-large[data-v-7e659005]{scrollbar-width:1.125rem;height:60px;font-size:1.35rem;min-width:92px;padding:0 24px;border-radius:12px}.btn--small[data-v-7e659005]{padding:.25rem .75rem;font-size:.875rem;border-radius:5px!important}.btn--medium[data-v-7e659005]{padding:.5rem 1rem;font-size:1rem;border-radius:8px!important}.btn--large[data-v-7e659005]{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:8px!important}.btn--primary[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color)}.btn--primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--secondary[data-v-7e659005]{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);border:2px solid var(--border-color)}.btn--secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-secondary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--destructive[data-v-7e659005]{background-color:#ef4444;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn--destructive[data-v-7e659005]:not(:disabled):hover{background-color:#dc2626}.btn--outlined[data-v-7e659005]{background-color:transparent;color:var(--text-color);border:2px solid var(--btn-outlined-border);box-shadow:none}.btn--outlined[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--outlined-primary[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);box-shadow:none}.btn--outlined-primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--outlined-secondary[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none}.btn--outlined-secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--secondary-color);color:var(--surface-color)}.btn--elevated[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--elevated[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.btn--flat[data-v-7e659005]{background-color:var(--surface-color);color:var(--btn-primary-bg);box-shadow:none}.btn--flat[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-text)}.btn--text[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);box-shadow:none}.btn--text[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--rounded[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none;border-radius:50%!important;padding:.5rem;min-width:auto}@media screen and (min-width:768px)and (max-width:1024px){.btn--x-large[data-v-7e659005]{height:52px;font-size:1.2rem;padding:0 20px}.btn--small[data-v-7e659005]{padding:.2rem .6rem;font-size:.8rem}.btn--medium[data-v-7e659005]{padding:.45rem .9rem;font-size:.95rem}.btn--large[data-v-7e659005]{padding:.65rem 1.3rem;font-size:1.05rem}}@media screen and (max-width:768px){.btn[data-v-7e659005]{min-width:60px}.btn--x-large[data-v-7e659005]{height:48px;font-size:1.1rem;padding:0 16px}.btn--small[data-v-7e659005]{padding:.2rem .5rem;font-size:.75rem}.btn--medium[data-v-7e659005]{padding:.35rem .7rem;font-size:.85rem}.btn--large[data-v-7e659005]{padding:.5rem 1rem;font-size:.95rem}.btn--rounded[data-v-7e659005]{padding:.25rem;font-size:.75rem;max-width:28px;max-height:28px}}@media screen and (max-width:480px){.btn--x-large[data-v-7e659005]{height:44px;font-size:1rem;padding:0 12px}.btn--small[data-v-7e659005]{padding:.15rem .4rem;font-size:.7rem}.btn--medium[data-v-7e659005]{padding:.3rem .6rem;font-size:.8rem}.btn--large[data-v-7e659005]{padding:.4rem .8rem;font-size:.9rem}.btn--rounded[data-v-7e659005]{padding:.2rem;font-size:.7rem;max-width:26px;max-height:26px}}.card[data-v-82f14ba1]{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);display:block;overflow:hidden;position:relative;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;z-index:0;border-radius:8px;box-shadow:0 4px 6px -1px var(--card-shadow),0 2px 4px -2px var(--card-shadow);padding:1.5rem;font-size:1rem}@media screen and (min-width:768px)and (max-width:1024px){.card[data-v-82f14ba1]{padding:1.25rem;font-size:.9rem;border-radius:6px}}@media screen and (min-width:600px)and (max-width:768px){.card[data-v-82f14ba1]{padding:1rem;font-size:.85rem;border-radius:6px}}@media screen and (max-width:600px){.card[data-v-82f14ba1]{padding:.75rem;font-size:.8rem;border-radius:4px;box-shadow:0 2px 4px -1px var(--card-shadow),0 1px 2px -1px var(--card-shadow)}}@media screen and (max-width:480px){.card[data-v-82f14ba1]{padding:.625rem;font-size:.75rem}}.chip[data-v-9815960f]{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;gap:.5rem}.remove-btn[data-v-9815960f]{background:var(--shadow-color);border:none;border-radius:50%;padding:0;margin:0 -.25rem 0 .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.8;transition:opacity .2s,background-color .3s ease}.remove-btn[data-v-9815960f]:hover{opacity:1}.chip--primary[data-v-9815960f]{background-color:var(--primary-color);color:var(--surface-color);transition:background-color .3s ease,color .3s ease}.chip--secondary[data-v-9815960f]{background-color:var(--surface-secondary);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.chip--success[data-v-9815960f]{background-color:#dcfce7;color:#16a34a;transition:background-color .3s ease,color .3s ease}.chip--warning[data-v-9815960f]{background-color:#fef9c3;color:#ca8a04;transition:background-color .3s ease,color .3s ease}.chip--danger[data-v-9815960f]{background-color:#fee2e2;color:#dc2626;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .chip--success[data-v-9815960f]{background-color:#16a34a;color:#dcfce7}[data-theme=dark] .chip--warning[data-v-9815960f]{background-color:#ca8a04;color:#fef9c3}[data-theme=dark] .chip--danger[data-v-9815960f]{background-color:#dc2626;color:#fee2e2}@media screen and (min-width:768px)and (max-width:1024px){.chip[data-v-9815960f]{padding:.2rem .65rem;font-size:.8rem;gap:.4rem}.remove-btn[data-v-9815960f]{width:18px;height:18px;margin:0 -.2rem 0 .2rem}}@media screen and (max-width:768px){.chip[data-v-9815960f]{padding:.15rem .6rem;font-size:.75rem;gap:.3rem}.remove-btn[data-v-9815960f]{width:16px;height:16px;margin:0 -.15rem 0 .15rem}}@media screen and (max-width:480px){.chip[data-v-9815960f]{padding:.1rem .5rem;font-size:.7rem;gap:.25rem}.remove-btn[data-v-9815960f]{width:14px;height:14px;margin:0 -.1rem 0 .1rem}}.col[data-v-a5db8165]{box-sizing:border-box;width:100%;min-height:1px}.icon[data-v-7cd4d2d4]{display:inline-block;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;min-width:1em;position:relative;text-align:center;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em;margin:5px;transition:color .3s ease}.date-picker[data-v-44192e9d]{display:flex;flex-direction:column;gap:4px;width:100%}.date-picker__label[data-v-44192e9d]{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;transition:color .3s ease}.date-picker__required[data-v-44192e9d]{color:#ef4444;margin-left:2px}.date-picker__input-wrapper[data-v-44192e9d]{position:relative;display:flex;align-items:center}.date-picker__input[data-v-44192e9d]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;line-height:1.5;color:var(--text-color);background-color:var(--surface-color);transition:all .2s ease-in-out,background-color .3s ease,color .3s ease,border-color .3s ease}.date-picker__input[data-v-44192e9d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.date-picker__input[data-v-44192e9d]:disabled{background-color:var(--surface-secondary);color:var(--text-muted);cursor:not-allowed}.date-picker__input[data-v-44192e9d]:readonly{background-color:var(--surface-secondary);cursor:default}.date-picker__input--with-icon[data-v-44192e9d]{padding-right:40px}.date-picker__icon[data-v-44192e9d]{position:absolute;right:12px;color:var(--text-secondary);pointer-events:none;transition:color .3s ease}.date-picker__error[data-v-44192e9d]{font-size:12px;color:#ef4444;margin-top:2px}.date-picker__help[data-v-44192e9d]{font-size:12px;color:var(--text-secondary);margin-top:2px;transition:color .3s ease}.date-picker--small .date-picker__input[data-v-44192e9d]{padding:6px 10px;font-size:13px}.date-picker--small .date-picker__label[data-v-44192e9d]{font-size:13px}.date-picker--large .date-picker__input[data-v-44192e9d]{padding:12px 16px;font-size:16px}.date-picker--large .date-picker__label[data-v-44192e9d]{font-size:16px}.date-picker--outlined .date-picker__input[data-v-44192e9d]{border:2px solid var(--border-color);background-color:transparent}.date-picker--outlined .date-picker__input[data-v-44192e9d]:focus{border-color:var(--primary-color);box-shadow:none}.date-picker--filled .date-picker__input[data-v-44192e9d]{border:none;background-color:var(--surface-secondary)}.date-picker--filled .date-picker__input[data-v-44192e9d]:focus{background-color:var(--surface-color);box-shadow:0 0 0 2px var(--primary-color)}.date-picker--error .date-picker__input[data-v-44192e9d]{border-color:#ef4444}.date-picker--error .date-picker__input[data-v-44192e9d]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-picker--disabled[data-v-44192e9d]{opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.8rem;margin-bottom:.4rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.65rem .9rem;font-size:.95rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.3rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.65rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.75rem;margin-top:.35rem}}@media screen and (max-width:768px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.75rem;margin-bottom:.375rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.6rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.7rem;margin-top:.3rem}}@media screen and (max-width:480px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.7rem;margin-bottom:.25rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.5rem .7rem;font-size:.85rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.5rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.65rem;margin-top:.25rem}}.dialog-overlay[data-v-1d841b7e]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:2000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.dialog-content[data-v-1d841b7e]{background-color:var(--modal-bg);color:var(--text-color);border-radius:4px;box-shadow:0 11px 15px -7px var(--shadow-color),0 24px 38px 3px var(--shadow-color),0 9px 46px 8px var(--shadow-color);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;transition:background-color .3s ease,color .3s ease}.dialog-content--sm[data-v-1d841b7e]{max-width:400px}.dialog-content--md[data-v-1d841b7e]{max-width:600px}.dialog-content--lg[data-v-1d841b7e]{max-width:800px}.dialog-content--xl[data-v-1d841b7e]{max-width:1140px}.dialog-header[data-v-1d841b7e]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.dialog-title[data-v-1d841b7e]{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.dialog-close-btn[data-v-1d841b7e]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary);transition:background-color .2s ease,color .3s ease}.dialog-close-btn[data-v-1d841b7e]:hover{background-color:var(--btn-outlined-hover-bg)}.dialog-body[data-v-1d841b7e]{padding:1.5rem}.dialog-body.scrollable[data-v-1d841b7e]{overflow-y:auto}.dialog-footer[data-v-1d841b7e]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.dialog-fade-enter-active[data-v-1d841b7e],.dialog-fade-leave-active[data-v-1d841b7e]{transition:opacity .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from[data-v-1d841b7e],.dialog-fade-leave-to[data-v-1d841b7e]{opacity:0}.dialog-fade-enter-active .dialog-content[data-v-1d841b7e],.dialog-fade-leave-active .dialog-content[data-v-1d841b7e]{transition:transform .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from .dialog-content[data-v-1d841b7e],.dialog-fade-leave-to .dialog-content[data-v-1d841b7e]{transform:scale(.9)}@media screen and (min-width:768px)and (max-width:1024px){.dialog-content[data-v-1d841b7e]{max-width:95vw}.dialog-content--sm[data-v-1d841b7e]{max-width:360px}.dialog-content--md[data-v-1d841b7e]{max-width:540px}.dialog-content--lg[data-v-1d841b7e]{max-width:720px}.dialog-content--xl[data-v-1d841b7e]{max-width:900px}.dialog-header[data-v-1d841b7e]{padding:.9rem 1.3rem}.dialog-title[data-v-1d841b7e]{font-size:1.1rem}.dialog-close-btn[data-v-1d841b7e]{padding:.4rem}.dialog-body[data-v-1d841b7e]{padding:1.3rem}.dialog-footer[data-v-1d841b7e]{padding:.9rem 1.3rem;gap:.6rem}}@media screen and (max-width:768px){.dialog-content[data-v-1d841b7e]{max-width:95vw;max-height:90vh}.dialog-content--sm[data-v-1d841b7e]{max-width:320px}.dialog-content--md[data-v-1d841b7e]{max-width:480px}.dialog-content--lg[data-v-1d841b7e]{max-width:600px}.dialog-content--xl[data-v-1d841b7e]{max-width:700px}.dialog-header[data-v-1d841b7e]{padding:.8rem 1rem}.dialog-title[data-v-1d841b7e]{font-size:1rem}.dialog-close-btn[data-v-1d841b7e]{padding:.35rem}.dialog-body[data-v-1d841b7e]{padding:1rem}.dialog-footer[data-v-1d841b7e]{padding:.8rem 1rem;gap:.5rem}}@media screen and (max-width:480px){.dialog-content[data-v-1d841b7e]{max-width:98vw;max-height:95vh;margin:.5rem}.dialog-content--sm[data-v-1d841b7e]{max-width:280px}.dialog-content--md[data-v-1d841b7e]{max-width:320px}.dialog-content--lg[data-v-1d841b7e]{max-width:360px}.dialog-content--xl[data-v-1d841b7e]{max-width:400px}.dialog-header[data-v-1d841b7e]{padding:.7rem .8rem}.dialog-title[data-v-1d841b7e]{font-size:.9rem}.dialog-close-btn[data-v-1d841b7e]{padding:.3rem}.dialog-body[data-v-1d841b7e]{padding:.8rem}.dialog-footer[data-v-1d841b7e]{padding:.7rem .8rem;gap:.4rem;flex-direction:column}.dialog-footer[data-v-1d841b7e]>*{width:100%}}.divider[data-v-97348551]{border:none;background-color:var(--border-color);flex-shrink:0;transition:background-color .3s ease}.divider--horizontal[data-v-97348551]{width:100%}.divider--vertical[data-v-97348551]{width:1px;align-self:stretch}.spinner[data-v-28112817]{border:4px solid var(--border-color);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary-color);animation:spin-28112817 1s linear infinite;transition:border-color .3s ease}@keyframes spin-28112817{to{transform:rotate(360deg)}}@media screen and (min-width:768px)and (max-width:1024px){.spinner[data-v-28112817]{width:32px;height:32px;border-width:3.5px}}@media screen and (max-width:768px){.spinner[data-v-28112817]{width:28px;height:28px;border-width:3px}}@media screen and (max-width:480px){.spinner[data-v-28112817]{width:24px;height:24px;border-width:2.5px}}.image[data-v-a3997b8b]{border-radius:6px}.input-wrapper[data-v-218a8bde]{position:relative;width:100%}.input-label[data-v-218a8bde]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.input-container[data-v-218a8bde]{position:relative}.input-field[data-v-218a8bde]{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.input-field[data-v-218a8bde]::placeholder{color:var(--input-placeholder)}.input-field[data-v-218a8bde]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.input-field[data-v-218a8bde]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.input-label[data-v-218a8bde]{font-size:.8rem;margin-bottom:.4rem}.input-field[data-v-218a8bde]{padding:.65rem .9rem;font-size:.95rem}}@media screen and (max-width:768px){.input-label[data-v-218a8bde]{font-size:.75rem;margin-bottom:.375rem}.input-field[data-v-218a8bde]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}}@media screen and (max-width:480px){.input-label[data-v-218a8bde]{font-size:.7rem;margin-bottom:.25rem}.input-field[data-v-218a8bde]{padding:.5rem .7rem;font-size:.85rem}}.navigation-drawer[data-v-a9459219]{position:fixed;top:0;bottom:0;max-width:100%;background-color:var(--surface-color);color:var(--text-color);box-shadow:0 8px 10px -5px var(--shadow-color),0 16px 24px 2px var(--shadow-color),0 6px 30px 5px var(--shadow-color);z-index:1007;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease-in-out,background-color .3s ease,color .3s ease}.navigation-drawer--left[data-v-a9459219]{left:0}.navigation-drawer--right[data-v-a9459219]{right:0}.overlay[data-v-a9459219]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:1006;transition:background-color .3s ease}.fade-enter-active[data-v-a9459219],.fade-leave-active[data-v-a9459219]{transition:opacity .3s ease}.fade-enter-from[data-v-a9459219],.fade-leave-to[data-v-a9459219]{opacity:0}.slide-from-left-enter-from[data-v-a9459219],.slide-from-left-leave-to[data-v-a9459219]{transform:translate(-100%)}.slide-from-right-enter-from[data-v-a9459219],.slide-from-right-leave-to[data-v-a9459219]{transform:translate(100%)}@media screen and (min-width:768px)and (max-width:1024px){.navigation-drawer[data-v-a9459219]{max-width:90%}}@media screen and (max-width:768px){.navigation-drawer[data-v-a9459219]{max-width:85%}}@media screen and (max-width:480px){.navigation-drawer[data-v-a9459219]{max-width:90%}}.progress-circular[data-v-2e383161]{position:relative;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.progress-circular svg[data-v-2e383161]{transform:rotate(-90deg)}.progress-circular__underlay[data-v-2e383161]{stroke:var(--border-color);transition:stroke .3s ease}.progress-circular__overlay[data-v-2e383161]{stroke:currentColor;transition:stroke-dashoffset .3s ease,stroke .3s ease}.progress-circular[aria-valuenow] .progress-circular__overlay[data-v-2e383161]{animation:none}.progress-circular:not([aria-valuenow]) .progress-circular__overlay[data-v-2e383161]{animation:progress-circular-dash-2e383161 1.4s ease-in-out infinite}.progress-circular[data-v-2e383161]:not([aria-valuenow]){animation:progress-circular-rotate-2e383161 1.4s linear infinite}.progress-circular__content[data-v-2e383161]{position:absolute}@keyframes progress-circular-rotate-2e383161{to{transform:rotate(360deg)}}@keyframes progress-circular-dash-2e383161{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media screen and (min-width:768px)and (max-width:1024px){.progress-circular__content[data-v-2e383161]{font-size:.9rem}}@media screen and (max-width:768px){.progress-circular__content[data-v-2e383161]{font-size:.8rem}}@media screen and (max-width:480px){.progress-circular__content[data-v-2e383161]{font-size:.7rem}}.flex-row[data-v-fc69ad3e]{display:flex;flex-direction:row;width:100%}.select-wrapper[data-v-a36629f1]{position:relative;width:100%;cursor:pointer}.select-label[data-v-a36629f1]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.select-container[data-v-a36629f1]{position:relative}.select-input>option[data-v-a36629f1]{cursor:pointer;background-color:var(--input-bg);color:var(--input-text)}.select-input[data-v-a36629f1]{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.select-input[data-v-a36629f1]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.select-input.no-arrow[data-v-a36629f1]{padding-right:1rem}.select-input[data-v-a36629f1]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}.select-icon[data-v-a36629f1]{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;pointer-events:none;color:var(--text-muted);transition:color .3s ease}@media screen and (min-width:768px)and (max-width:1024px){.select-label[data-v-a36629f1]{font-size:.8rem;margin-bottom:.4rem}.select-input[data-v-a36629f1]{padding:.65rem 2.3rem .65rem .9rem;font-size:.95rem}.select-icon[data-v-a36629f1]{padding-right:.65rem}}@media screen and (max-width:768px){.select-label[data-v-a36629f1]{font-size:.75rem;margin-bottom:.375rem}.select-input[data-v-a36629f1]{padding:.6rem 2.2rem .6rem .8rem;font-size:.9rem;border-radius:.25rem}.select-icon[data-v-a36629f1]{padding-right:.6rem}}@media screen and (max-width:480px){.select-label[data-v-a36629f1]{font-size:.7rem;margin-bottom:.25rem}.select-input[data-v-a36629f1]{padding:.5rem 2rem .5rem .7rem;font-size:.85rem}.select-icon[data-v-a36629f1]{padding-right:.5rem}}.spacer[data-v-370a82d1]{flex-grow:1}.textarea-wrapper[data-v-99d40ec4]{width:100%;margin-bottom:1rem}.textarea-label[data-v-99d40ec4]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.textarea-input[data-v-99d40ec4]{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease;resize:vertical}.textarea-input[data-v-99d40ec4]::placeholder{color:var(--input-placeholder)}.textarea-input[data-v-99d40ec4]:focus{border-color:var(--input-border-focus);outline:0;box-shadow:0 0 0 .2rem #3c927340}.textarea-input.has-error[data-v-99d40ec4]{border-color:#ef4444}.error-message[data-v-99d40ec4]{margin-top:.25rem;font-size:.875rem;color:#ef4444}@media screen and (min-width:768px)and (max-width:1024px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.8rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.4rem;font-size:.8rem}.textarea-input[data-v-99d40ec4]{padding:.65rem .9rem;font-size:.95rem}.error-message[data-v-99d40ec4]{font-size:.8rem}}@media screen and (max-width:768px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.75rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.375rem;font-size:.75rem}.textarea-input[data-v-99d40ec4]{padding:.6rem .8rem;font-size:.9rem;border-radius:3px}.error-message[data-v-99d40ec4]{font-size:.75rem;margin-top:.2rem}}@media screen and (max-width:480px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.6rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.25rem;font-size:.7rem}.textarea-input[data-v-99d40ec4]{padding:.5rem .7rem;font-size:.85rem}.error-message[data-v-99d40ec4]{font-size:.7rem}}.text-field-wrapper[data-v-f4c602d7]{width:100%;position:relative;max-width:100%}.input-container[data-v-f4c602d7]{position:relative}.text-field-input[data-v-f4c602d7]{all:unset;box-sizing:border-box;width:100%;height:56px;padding:1.25rem 1rem .5rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);transition:background-color .3s ease,color .3s ease}.text-field-label[data-v-f4c602d7]{position:absolute;top:1rem;left:1rem;color:var(--input-placeholder);pointer-events:none;transition:all .2s ease-out,color .3s ease;transform-origin:top left;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 32px)}.text-field-fieldset[data-v-f4c602d7]{position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:4px;border:1px solid var(--input-border);transition:border-color .2s ease-out,border .3s ease}.text-field-legend[data-v-f4c602d7]{padding:0;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms}.legend-span[data-v-f4c602d7]{display:inline-block;padding-left:5px;padding-right:5px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-field-input:focus~.text-field-label[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-label[data-v-f4c602d7]{transform:translateY(-.75rem) scale(.75)}.text-field-input:focus~.text-field-label[data-v-f4c602d7]{color:var(--input-border-focus)}.text-field-input:focus~.text-field-fieldset[data-v-f4c602d7]{border-color:var(--input-border-focus);border-width:2px}.text-field-input:focus~.text-field-fieldset .text-field-legend[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-fieldset .text-field-legend[data-v-f4c602d7]{transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms;max-width:calc(100% - 16px)}.text-field-fieldset.has-error[data-v-f4c602d7]{border-color:#b00020}.text-field-fieldset.has-error~.text-field-label[data-v-f4c602d7]{color:#b00020}.error-container[data-v-f4c602d7]{min-height:20px;margin-bottom:4px}.error-message[data-v-f4c602d7]{margin:3px 14px 0;font-size:.875rem;color:#b00020;line-height:1.2}@media screen and (min-width:768px)and (max-width:1024px){.text-field-input[data-v-f4c602d7]{height:52px;padding:1.1rem .9rem .45rem;font-size:.95rem}.text-field-label[data-v-f4c602d7]{font-size:.95rem;top:.9rem;left:.9rem}.error-message[data-v-f4c602d7]{font-size:.8rem;margin:2px 12px 0}}@media screen and (max-width:768px){.text-field-input[data-v-f4c602d7]{height:48px;padding:1rem .8rem .4rem;font-size:.9rem}.text-field-label[data-v-f4c602d7]{font-size:.9rem;top:.8rem;left:.8rem}.text-field-fieldset[data-v-f4c602d7]{padding:0 6px}.error-message[data-v-f4c602d7]{font-size:.75rem;margin:2px 10px 0}}@media screen and (max-width:480px){.text-field-input[data-v-f4c602d7]{height:44px;padding:.9rem .7rem .35rem;font-size:.85rem}.text-field-label[data-v-f4c602d7]{font-size:.85rem;top:.7rem;left:.7rem}.error-message[data-v-f4c602d7]{font-size:.7rem;margin:1px 8px 0}}.tooltip-container[data-v-66afe288]{position:relative;display:inline-block}.tooltip[data-v-66afe288]{position:absolute;z-index:1070;display:block;font-size:.875rem;line-height:1.4;color:var(--surface-color);background-color:var(--text-color);border-radius:.25rem;padding:.5rem .75rem;max-width:250px;white-space:normal;pointer-events:none;transition:background-color .3s ease,color .3s ease}.tooltip-arrow[data-v-66afe288]{position:absolute;width:0;height:0;border-style:solid}.tooltip--top[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--top .tooltip-arrow[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-color:var(--text-color) transparent transparent transparent;transition:border-color .3s ease}.tooltip--bottom[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px;border-color:transparent transparent var(--text-color) transparent;transition:border-color .3s ease}.tooltip--left[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--left .tooltip-arrow[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--text-color);transition:border-color .3s ease}.tooltip--right[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip--right .tooltip-arrow[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--text-color) transparent transparent;transition:border-color .3s ease}.tooltip-fade-enter-active[data-v-66afe288],.tooltip-fade-leave-active[data-v-66afe288]{transition:opacity .2s ease}.tooltip-fade-enter-from[data-v-66afe288],.tooltip-fade-leave-to[data-v-66afe288]{opacity:0}@media screen and (min-width:768px)and (max-width:1024px){.tooltip[data-v-66afe288]{padding:.35rem .7rem;font-size:.75rem;max-width:200px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:6px;margin-top:6px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:6px;margin-right:6px}}@media screen and (max-width:768px){.tooltip[data-v-66afe288]{padding:.3rem .6rem;font-size:.7rem;max-width:180px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:5px;margin-top:5px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:5px;margin-right:5px}.tooltip-arrow[data-v-66afe288]{border-width:4px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 4px 4px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:4px 0 4px 4px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 4px 0}}@media screen and (max-width:480px){.tooltip[data-v-66afe288]{padding:.25rem .5rem;font-size:.65rem;max-width:150px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:4px;margin-top:4px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:4px;margin-right:4px}.tooltip-arrow[data-v-66afe288]{border-width:3px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 3px 3px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:3px 0 3px 3px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 3px 0}}.overlay[data-v-45f15f75]{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color .3s ease}.overlay--contained[data-v-45f15f75]{position:absolute}.overlay-fade-enter-active[data-v-45f15f75],.overlay-fade-leave-active[data-v-45f15f75]{transition:opacity .3s ease}.overlay-fade-enter-from[data-v-45f15f75],.overlay-fade-leave-to[data-v-45f15f75]{opacity:0}
|
|
1
|
+
.avatar[data-v-b02c0c4e]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;vertical-align:middle}.avatar-initials[data-v-b02c0c4e]{color:var(--surface-color);font-weight:500;text-transform:uppercase;transition:color .3s ease}.avatar[data-v-b02c0c4e] img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media screen and (max-width:1024px){.avatar-initials[data-v-b02c0c4e]{font-size:.9em}}@media screen and (max-width:768px){.avatar-initials[data-v-b02c0c4e]{font-size:.8em}}@media screen and (max-width:480px){.avatar-initials[data-v-b02c0c4e]{font-size:.75em}}.btn[data-v-7e659005]{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;padding:.5rem 1rem;font-size:1rem;min-width:80px;overflow:hidden}.btn[data-v-7e659005]:disabled{cursor:not-allowed}.btn--full[data-v-7e659005]{width:100%}.btn-loader[data-v-7e659005]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.simple-spinner[data-v-7e659005]{border:6px solid currentColor;border-top-color:transparent;border-radius:50%;width:32px;height:32px;animation:spin-7e659005 .8s linear infinite;opacity:.7}@keyframes spin-7e659005{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-content.content-hidden[data-v-7e659005]{visibility:hidden;opacity:0}.btn--x-large[data-v-7e659005]{scrollbar-width:1.125rem;height:60px;font-size:1.35rem;min-width:92px;padding:0 24px;border-radius:12px}.btn--small[data-v-7e659005]{padding:.25rem .75rem;font-size:.875rem;border-radius:5px!important}.btn--medium[data-v-7e659005]{padding:.5rem 1rem;font-size:1rem;border-radius:8px!important}.btn--large[data-v-7e659005]{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:8px!important}.btn--primary[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color)}.btn--primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--secondary[data-v-7e659005]{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);border:2px solid var(--border-color)}.btn--secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-secondary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--destructive[data-v-7e659005]{background-color:#ef4444;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn--destructive[data-v-7e659005]:not(:disabled):hover{background-color:#dc2626}.btn--outlined[data-v-7e659005]{background-color:transparent;color:var(--text-color);border:2px solid var(--btn-outlined-border);box-shadow:none}.btn--outlined[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--outlined-primary[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);box-shadow:none}.btn--outlined-primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--outlined-secondary[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none}.btn--outlined-secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--secondary-color);color:var(--surface-color)}.btn--elevated[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--elevated[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.btn--flat[data-v-7e659005]{background-color:var(--surface-color);color:var(--btn-primary-bg);box-shadow:none}.btn--flat[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-text)}.btn--text[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);box-shadow:none}.btn--text[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--rounded[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none;border-radius:50%!important;padding:.5rem;min-width:auto}@media screen and (min-width:768px)and (max-width:1024px){.btn--x-large[data-v-7e659005]{height:52px;font-size:1.2rem;padding:0 20px}.btn--small[data-v-7e659005]{padding:.2rem .6rem;font-size:.8rem}.btn--medium[data-v-7e659005]{padding:.45rem .9rem;font-size:.95rem}.btn--large[data-v-7e659005]{padding:.65rem 1.3rem;font-size:1.05rem}}@media screen and (max-width:768px){.btn[data-v-7e659005]{min-width:60px}.btn--x-large[data-v-7e659005]{height:48px;font-size:1.1rem;padding:0 16px}.btn--small[data-v-7e659005]{padding:.2rem .5rem;font-size:.75rem}.btn--medium[data-v-7e659005]{padding:.35rem .7rem;font-size:.85rem}.btn--large[data-v-7e659005]{padding:.5rem 1rem;font-size:.95rem}.btn--rounded[data-v-7e659005]{padding:.25rem;font-size:.75rem;max-width:28px;max-height:28px}}@media screen and (max-width:480px){.btn--x-large[data-v-7e659005]{height:44px;font-size:1rem;padding:0 12px}.btn--small[data-v-7e659005]{padding:.15rem .4rem;font-size:.7rem}.btn--medium[data-v-7e659005]{padding:.3rem .6rem;font-size:.8rem}.btn--large[data-v-7e659005]{padding:.4rem .8rem;font-size:.9rem}.btn--rounded[data-v-7e659005]{padding:.2rem;font-size:.7rem;max-width:26px;max-height:26px}}.card[data-v-82f14ba1]{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);display:block;overflow:hidden;position:relative;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;z-index:0;border-radius:8px;box-shadow:0 4px 6px -1px var(--card-shadow),0 2px 4px -2px var(--card-shadow);padding:1.5rem;font-size:1rem}@media screen and (min-width:768px)and (max-width:1024px){.card[data-v-82f14ba1]{padding:1.25rem;font-size:.9rem;border-radius:6px}}@media screen and (min-width:600px)and (max-width:768px){.card[data-v-82f14ba1]{padding:1rem;font-size:.85rem;border-radius:6px}}@media screen and (max-width:600px){.card[data-v-82f14ba1]{padding:.75rem;font-size:.8rem;border-radius:4px;box-shadow:0 2px 4px -1px var(--card-shadow),0 1px 2px -1px var(--card-shadow)}}@media screen and (max-width:480px){.card[data-v-82f14ba1]{padding:.625rem;font-size:.75rem}}.chip[data-v-9815960f]{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;gap:.5rem}.remove-btn[data-v-9815960f]{background:var(--shadow-color);border:none;border-radius:50%;padding:0;margin:0 -.25rem 0 .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.8;transition:opacity .2s,background-color .3s ease}.remove-btn[data-v-9815960f]:hover{opacity:1}.chip--primary[data-v-9815960f]{background-color:var(--primary-color);color:var(--surface-color);transition:background-color .3s ease,color .3s ease}.chip--secondary[data-v-9815960f]{background-color:var(--surface-secondary);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.chip--success[data-v-9815960f]{background-color:#dcfce7;color:#16a34a;transition:background-color .3s ease,color .3s ease}.chip--warning[data-v-9815960f]{background-color:#fef9c3;color:#ca8a04;transition:background-color .3s ease,color .3s ease}.chip--danger[data-v-9815960f]{background-color:#fee2e2;color:#dc2626;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .chip--success[data-v-9815960f]{background-color:#16a34a;color:#dcfce7}[data-theme=dark] .chip--warning[data-v-9815960f]{background-color:#ca8a04;color:#fef9c3}[data-theme=dark] .chip--danger[data-v-9815960f]{background-color:#dc2626;color:#fee2e2}@media screen and (min-width:768px)and (max-width:1024px){.chip[data-v-9815960f]{padding:.2rem .65rem;font-size:.8rem;gap:.4rem}.remove-btn[data-v-9815960f]{width:18px;height:18px;margin:0 -.2rem 0 .2rem}}@media screen and (max-width:768px){.chip[data-v-9815960f]{padding:.15rem .6rem;font-size:.75rem;gap:.3rem}.remove-btn[data-v-9815960f]{width:16px;height:16px;margin:0 -.15rem 0 .15rem}}@media screen and (max-width:480px){.chip[data-v-9815960f]{padding:.1rem .5rem;font-size:.7rem;gap:.25rem}.remove-btn[data-v-9815960f]{width:14px;height:14px;margin:0 -.1rem 0 .1rem}}.col[data-v-a5db8165]{box-sizing:border-box;width:100%;min-height:1px}.icon[data-v-7cd4d2d4]{display:inline-block;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;min-width:1em;position:relative;text-align:center;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em;margin:5px;transition:color .3s ease}.date-picker[data-v-44192e9d]{display:flex;flex-direction:column;gap:4px;width:100%}.date-picker__label[data-v-44192e9d]{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;transition:color .3s ease}.date-picker__required[data-v-44192e9d]{color:#ef4444;margin-left:2px}.date-picker__input-wrapper[data-v-44192e9d]{position:relative;display:flex;align-items:center}.date-picker__input[data-v-44192e9d]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;line-height:1.5;color:var(--text-color);background-color:var(--surface-color);transition:all .2s ease-in-out,background-color .3s ease,color .3s ease,border-color .3s ease}.date-picker__input[data-v-44192e9d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.date-picker__input[data-v-44192e9d]:disabled{background-color:var(--surface-secondary);color:var(--text-muted);cursor:not-allowed}.date-picker__input[data-v-44192e9d]:readonly{background-color:var(--surface-secondary);cursor:default}.date-picker__input--with-icon[data-v-44192e9d]{padding-right:40px}.date-picker__icon[data-v-44192e9d]{position:absolute;right:12px;color:var(--text-secondary);pointer-events:none;transition:color .3s ease}.date-picker__error[data-v-44192e9d]{font-size:12px;color:#ef4444;margin-top:2px}.date-picker__help[data-v-44192e9d]{font-size:12px;color:var(--text-secondary);margin-top:2px;transition:color .3s ease}.date-picker--small .date-picker__input[data-v-44192e9d]{padding:6px 10px;font-size:13px}.date-picker--small .date-picker__label[data-v-44192e9d]{font-size:13px}.date-picker--large .date-picker__input[data-v-44192e9d]{padding:12px 16px;font-size:16px}.date-picker--large .date-picker__label[data-v-44192e9d]{font-size:16px}.date-picker--outlined .date-picker__input[data-v-44192e9d]{border:2px solid var(--border-color);background-color:transparent}.date-picker--outlined .date-picker__input[data-v-44192e9d]:focus{border-color:var(--primary-color);box-shadow:none}.date-picker--filled .date-picker__input[data-v-44192e9d]{border:none;background-color:var(--surface-secondary)}.date-picker--filled .date-picker__input[data-v-44192e9d]:focus{background-color:var(--surface-color);box-shadow:0 0 0 2px var(--primary-color)}.date-picker--error .date-picker__input[data-v-44192e9d]{border-color:#ef4444}.date-picker--error .date-picker__input[data-v-44192e9d]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-picker--disabled[data-v-44192e9d]{opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.8rem;margin-bottom:.4rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.65rem .9rem;font-size:.95rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.3rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.65rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.75rem;margin-top:.35rem}}@media screen and (max-width:768px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.75rem;margin-bottom:.375rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.6rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.7rem;margin-top:.3rem}}@media screen and (max-width:480px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.7rem;margin-bottom:.25rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.5rem .7rem;font-size:.85rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.5rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.65rem;margin-top:.25rem}}.dialog-overlay[data-v-fcf7a3f1]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:2000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.dialog-content[data-v-fcf7a3f1]{background-color:var(--modal-bg);color:var(--text-color);border-radius:4px;box-shadow:0 11px 15px -7px var(--shadow-color),0 24px 38px 3px var(--shadow-color),0 9px 46px 8px var(--shadow-color);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;transition:background-color .3s ease,color .3s ease}.dialog-content--fullscreen[data-v-fcf7a3f1]{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;box-shadow:none!important;display:flex;flex-direction:column}.dialog-content--sm[data-v-fcf7a3f1]{max-width:400px}.dialog-content--md[data-v-fcf7a3f1]{max-width:600px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:800px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:1140px}.dialog-header[data-v-fcf7a3f1]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.dialog-title[data-v-fcf7a3f1]{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.dialog-close-btn[data-v-fcf7a3f1]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary);transition:background-color .2s ease,color .3s ease}.dialog-close-btn[data-v-fcf7a3f1]:hover{background-color:var(--btn-outlined-hover-bg)}.dialog-body[data-v-fcf7a3f1]{padding:1.5rem}.dialog-body.scrollable[data-v-fcf7a3f1]{overflow-y:auto}.dialog-footer[data-v-fcf7a3f1]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.dialog-fade-enter-active[data-v-fcf7a3f1],.dialog-fade-leave-active[data-v-fcf7a3f1]{transition:opacity .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from[data-v-fcf7a3f1],.dialog-fade-leave-to[data-v-fcf7a3f1]{opacity:0}.dialog-fade-enter-active .dialog-content[data-v-fcf7a3f1],.dialog-fade-leave-active .dialog-content[data-v-fcf7a3f1]{transition:transform .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from .dialog-content[data-v-fcf7a3f1],.dialog-fade-leave-to .dialog-content[data-v-fcf7a3f1]{transform:scale(.9)}@media screen and (min-width:768px)and (max-width:1024px){.dialog-content[data-v-fcf7a3f1]{max-width:95vw}.dialog-content--sm[data-v-fcf7a3f1]{max-width:360px}.dialog-content--md[data-v-fcf7a3f1]{max-width:540px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:720px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:900px}.dialog-header[data-v-fcf7a3f1]{padding:.9rem 1.3rem}.dialog-title[data-v-fcf7a3f1]{font-size:1.1rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.4rem}.dialog-body[data-v-fcf7a3f1]{padding:1.3rem}.dialog-footer[data-v-fcf7a3f1]{padding:.9rem 1.3rem;gap:.6rem}}@media screen and (max-width:768px){.dialog-content[data-v-fcf7a3f1]{max-width:95vw;max-height:90vh}.dialog-content--sm[data-v-fcf7a3f1]{max-width:320px}.dialog-content--md[data-v-fcf7a3f1]{max-width:480px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:600px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:700px}.dialog-header[data-v-fcf7a3f1]{padding:.8rem 1rem}.dialog-title[data-v-fcf7a3f1]{font-size:1rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.35rem}.dialog-body[data-v-fcf7a3f1]{padding:1rem}.dialog-footer[data-v-fcf7a3f1]{padding:.8rem 1rem;gap:.5rem}}@media screen and (max-width:480px){.dialog-content[data-v-fcf7a3f1]{max-width:98vw;max-height:95vh;margin:.5rem}.dialog-content--sm[data-v-fcf7a3f1]{max-width:280px}.dialog-content--md[data-v-fcf7a3f1]{max-width:320px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:360px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:400px}.dialog-header[data-v-fcf7a3f1]{padding:.7rem .8rem}.dialog-title[data-v-fcf7a3f1]{font-size:.9rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.3rem}.dialog-body[data-v-fcf7a3f1]{padding:.8rem}.dialog-footer[data-v-fcf7a3f1]{padding:.7rem .8rem;gap:.4rem;flex-direction:column}.dialog-footer[data-v-fcf7a3f1]>*{width:100%}}.divider[data-v-97348551]{border:none;background-color:var(--border-color);flex-shrink:0;transition:background-color .3s ease}.divider--horizontal[data-v-97348551]{width:100%}.divider--vertical[data-v-97348551]{width:1px;align-self:stretch}.spinner[data-v-28112817]{border:4px solid var(--border-color);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary-color);animation:spin-28112817 1s linear infinite;transition:border-color .3s ease}@keyframes spin-28112817{to{transform:rotate(360deg)}}@media screen and (min-width:768px)and (max-width:1024px){.spinner[data-v-28112817]{width:32px;height:32px;border-width:3.5px}}@media screen and (max-width:768px){.spinner[data-v-28112817]{width:28px;height:28px;border-width:3px}}@media screen and (max-width:480px){.spinner[data-v-28112817]{width:24px;height:24px;border-width:2.5px}}.image[data-v-a3997b8b]{border-radius:6px}.input-wrapper[data-v-218a8bde]{position:relative;width:100%}.input-label[data-v-218a8bde]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.input-container[data-v-218a8bde]{position:relative}.input-field[data-v-218a8bde]{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.input-field[data-v-218a8bde]::placeholder{color:var(--input-placeholder)}.input-field[data-v-218a8bde]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.input-field[data-v-218a8bde]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.input-label[data-v-218a8bde]{font-size:.8rem;margin-bottom:.4rem}.input-field[data-v-218a8bde]{padding:.65rem .9rem;font-size:.95rem}}@media screen and (max-width:768px){.input-label[data-v-218a8bde]{font-size:.75rem;margin-bottom:.375rem}.input-field[data-v-218a8bde]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}}@media screen and (max-width:480px){.input-label[data-v-218a8bde]{font-size:.7rem;margin-bottom:.25rem}.input-field[data-v-218a8bde]{padding:.5rem .7rem;font-size:.85rem}}.navigation-drawer[data-v-a9459219]{position:fixed;top:0;bottom:0;max-width:100%;background-color:var(--surface-color);color:var(--text-color);box-shadow:0 8px 10px -5px var(--shadow-color),0 16px 24px 2px var(--shadow-color),0 6px 30px 5px var(--shadow-color);z-index:1007;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease-in-out,background-color .3s ease,color .3s ease}.navigation-drawer--left[data-v-a9459219]{left:0}.navigation-drawer--right[data-v-a9459219]{right:0}.overlay[data-v-a9459219]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:1006;transition:background-color .3s ease}.fade-enter-active[data-v-a9459219],.fade-leave-active[data-v-a9459219]{transition:opacity .3s ease}.fade-enter-from[data-v-a9459219],.fade-leave-to[data-v-a9459219]{opacity:0}.slide-from-left-enter-from[data-v-a9459219],.slide-from-left-leave-to[data-v-a9459219]{transform:translate(-100%)}.slide-from-right-enter-from[data-v-a9459219],.slide-from-right-leave-to[data-v-a9459219]{transform:translate(100%)}@media screen and (min-width:768px)and (max-width:1024px){.navigation-drawer[data-v-a9459219]{max-width:90%}}@media screen and (max-width:768px){.navigation-drawer[data-v-a9459219]{max-width:85%}}@media screen and (max-width:480px){.navigation-drawer[data-v-a9459219]{max-width:90%}}.progress-circular[data-v-2e383161]{position:relative;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.progress-circular svg[data-v-2e383161]{transform:rotate(-90deg)}.progress-circular__underlay[data-v-2e383161]{stroke:var(--border-color);transition:stroke .3s ease}.progress-circular__overlay[data-v-2e383161]{stroke:currentColor;transition:stroke-dashoffset .3s ease,stroke .3s ease}.progress-circular[aria-valuenow] .progress-circular__overlay[data-v-2e383161]{animation:none}.progress-circular:not([aria-valuenow]) .progress-circular__overlay[data-v-2e383161]{animation:progress-circular-dash-2e383161 1.4s ease-in-out infinite}.progress-circular[data-v-2e383161]:not([aria-valuenow]){animation:progress-circular-rotate-2e383161 1.4s linear infinite}.progress-circular__content[data-v-2e383161]{position:absolute}@keyframes progress-circular-rotate-2e383161{to{transform:rotate(360deg)}}@keyframes progress-circular-dash-2e383161{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media screen and (min-width:768px)and (max-width:1024px){.progress-circular__content[data-v-2e383161]{font-size:.9rem}}@media screen and (max-width:768px){.progress-circular__content[data-v-2e383161]{font-size:.8rem}}@media screen and (max-width:480px){.progress-circular__content[data-v-2e383161]{font-size:.7rem}}.flex-row[data-v-fc69ad3e]{display:flex;flex-direction:row;width:100%}.select-wrapper[data-v-a36629f1]{position:relative;width:100%;cursor:pointer}.select-label[data-v-a36629f1]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.select-container[data-v-a36629f1]{position:relative}.select-input>option[data-v-a36629f1]{cursor:pointer;background-color:var(--input-bg);color:var(--input-text)}.select-input[data-v-a36629f1]{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.select-input[data-v-a36629f1]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.select-input.no-arrow[data-v-a36629f1]{padding-right:1rem}.select-input[data-v-a36629f1]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}.select-icon[data-v-a36629f1]{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;pointer-events:none;color:var(--text-muted);transition:color .3s ease}@media screen and (min-width:768px)and (max-width:1024px){.select-label[data-v-a36629f1]{font-size:.8rem;margin-bottom:.4rem}.select-input[data-v-a36629f1]{padding:.65rem 2.3rem .65rem .9rem;font-size:.95rem}.select-icon[data-v-a36629f1]{padding-right:.65rem}}@media screen and (max-width:768px){.select-label[data-v-a36629f1]{font-size:.75rem;margin-bottom:.375rem}.select-input[data-v-a36629f1]{padding:.6rem 2.2rem .6rem .8rem;font-size:.9rem;border-radius:.25rem}.select-icon[data-v-a36629f1]{padding-right:.6rem}}@media screen and (max-width:480px){.select-label[data-v-a36629f1]{font-size:.7rem;margin-bottom:.25rem}.select-input[data-v-a36629f1]{padding:.5rem 2rem .5rem .7rem;font-size:.85rem}.select-icon[data-v-a36629f1]{padding-right:.5rem}}.spacer[data-v-370a82d1]{flex-grow:1}.textarea-wrapper[data-v-99d40ec4]{width:100%;margin-bottom:1rem}.textarea-label[data-v-99d40ec4]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.textarea-input[data-v-99d40ec4]{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease;resize:vertical}.textarea-input[data-v-99d40ec4]::placeholder{color:var(--input-placeholder)}.textarea-input[data-v-99d40ec4]:focus{border-color:var(--input-border-focus);outline:0;box-shadow:0 0 0 .2rem #3c927340}.textarea-input.has-error[data-v-99d40ec4]{border-color:#ef4444}.error-message[data-v-99d40ec4]{margin-top:.25rem;font-size:.875rem;color:#ef4444}@media screen and (min-width:768px)and (max-width:1024px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.8rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.4rem;font-size:.8rem}.textarea-input[data-v-99d40ec4]{padding:.65rem .9rem;font-size:.95rem}.error-message[data-v-99d40ec4]{font-size:.8rem}}@media screen and (max-width:768px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.75rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.375rem;font-size:.75rem}.textarea-input[data-v-99d40ec4]{padding:.6rem .8rem;font-size:.9rem;border-radius:3px}.error-message[data-v-99d40ec4]{font-size:.75rem;margin-top:.2rem}}@media screen and (max-width:480px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.6rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.25rem;font-size:.7rem}.textarea-input[data-v-99d40ec4]{padding:.5rem .7rem;font-size:.85rem}.error-message[data-v-99d40ec4]{font-size:.7rem}}.text-field-wrapper[data-v-f4c602d7]{width:100%;position:relative;max-width:100%}.input-container[data-v-f4c602d7]{position:relative}.text-field-input[data-v-f4c602d7]{all:unset;box-sizing:border-box;width:100%;height:56px;padding:1.25rem 1rem .5rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);transition:background-color .3s ease,color .3s ease}.text-field-label[data-v-f4c602d7]{position:absolute;top:1rem;left:1rem;color:var(--input-placeholder);pointer-events:none;transition:all .2s ease-out,color .3s ease;transform-origin:top left;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 32px)}.text-field-fieldset[data-v-f4c602d7]{position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:4px;border:1px solid var(--input-border);transition:border-color .2s ease-out,border .3s ease}.text-field-legend[data-v-f4c602d7]{padding:0;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms}.legend-span[data-v-f4c602d7]{display:inline-block;padding-left:5px;padding-right:5px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-field-input:focus~.text-field-label[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-label[data-v-f4c602d7]{transform:translateY(-.75rem) scale(.75)}.text-field-input:focus~.text-field-label[data-v-f4c602d7]{color:var(--input-border-focus)}.text-field-input:focus~.text-field-fieldset[data-v-f4c602d7]{border-color:var(--input-border-focus);border-width:2px}.text-field-input:focus~.text-field-fieldset .text-field-legend[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-fieldset .text-field-legend[data-v-f4c602d7]{transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms;max-width:calc(100% - 16px)}.text-field-fieldset.has-error[data-v-f4c602d7]{border-color:#b00020}.text-field-fieldset.has-error~.text-field-label[data-v-f4c602d7]{color:#b00020}.error-container[data-v-f4c602d7]{min-height:20px;margin-bottom:4px}.error-message[data-v-f4c602d7]{margin:3px 14px 0;font-size:.875rem;color:#b00020;line-height:1.2}@media screen and (min-width:768px)and (max-width:1024px){.text-field-input[data-v-f4c602d7]{height:52px;padding:1.1rem .9rem .45rem;font-size:.95rem}.text-field-label[data-v-f4c602d7]{font-size:.95rem;top:.9rem;left:.9rem}.error-message[data-v-f4c602d7]{font-size:.8rem;margin:2px 12px 0}}@media screen and (max-width:768px){.text-field-input[data-v-f4c602d7]{height:48px;padding:1rem .8rem .4rem;font-size:.9rem}.text-field-label[data-v-f4c602d7]{font-size:.9rem;top:.8rem;left:.8rem}.text-field-fieldset[data-v-f4c602d7]{padding:0 6px}.error-message[data-v-f4c602d7]{font-size:.75rem;margin:2px 10px 0}}@media screen and (max-width:480px){.text-field-input[data-v-f4c602d7]{height:44px;padding:.9rem .7rem .35rem;font-size:.85rem}.text-field-label[data-v-f4c602d7]{font-size:.85rem;top:.7rem;left:.7rem}.error-message[data-v-f4c602d7]{font-size:.7rem;margin:1px 8px 0}}.tooltip-container[data-v-66afe288]{position:relative;display:inline-block}.tooltip[data-v-66afe288]{position:absolute;z-index:1070;display:block;font-size:.875rem;line-height:1.4;color:var(--surface-color);background-color:var(--text-color);border-radius:.25rem;padding:.5rem .75rem;max-width:250px;white-space:normal;pointer-events:none;transition:background-color .3s ease,color .3s ease}.tooltip-arrow[data-v-66afe288]{position:absolute;width:0;height:0;border-style:solid}.tooltip--top[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--top .tooltip-arrow[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-color:var(--text-color) transparent transparent transparent;transition:border-color .3s ease}.tooltip--bottom[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px;border-color:transparent transparent var(--text-color) transparent;transition:border-color .3s ease}.tooltip--left[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--left .tooltip-arrow[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--text-color);transition:border-color .3s ease}.tooltip--right[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip--right .tooltip-arrow[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--text-color) transparent transparent;transition:border-color .3s ease}.tooltip-fade-enter-active[data-v-66afe288],.tooltip-fade-leave-active[data-v-66afe288]{transition:opacity .2s ease}.tooltip-fade-enter-from[data-v-66afe288],.tooltip-fade-leave-to[data-v-66afe288]{opacity:0}@media screen and (min-width:768px)and (max-width:1024px){.tooltip[data-v-66afe288]{padding:.35rem .7rem;font-size:.75rem;max-width:200px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:6px;margin-top:6px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:6px;margin-right:6px}}@media screen and (max-width:768px){.tooltip[data-v-66afe288]{padding:.3rem .6rem;font-size:.7rem;max-width:180px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:5px;margin-top:5px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:5px;margin-right:5px}.tooltip-arrow[data-v-66afe288]{border-width:4px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 4px 4px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:4px 0 4px 4px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 4px 0}}@media screen and (max-width:480px){.tooltip[data-v-66afe288]{padding:.25rem .5rem;font-size:.65rem;max-width:150px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:4px;margin-top:4px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:4px;margin-right:4px}.tooltip-arrow[data-v-66afe288]{border-width:3px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 3px 3px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:3px 0 3px 3px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 3px 0}}.overlay[data-v-45f15f75]{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color .3s ease}.overlay--contained[data-v-45f15f75]{position:absolute}.overlay-fade-enter-active[data-v-45f15f75],.overlay-fade-leave-active[data-v-45f15f75]{transition:opacity .3s ease}.overlay-fade-enter-from[data-v-45f15f75],.overlay-fade-leave-to[data-v-45f15f75]{opacity:0}
|
|
@@ -359,6 +359,10 @@ const p = (e, t) => {
|
|
|
359
359
|
okOnly: {
|
|
360
360
|
type: Boolean,
|
|
361
361
|
default: !1
|
|
362
|
+
},
|
|
363
|
+
fullscreen: {
|
|
364
|
+
type: Boolean,
|
|
365
|
+
default: !1
|
|
362
366
|
}
|
|
363
367
|
},
|
|
364
368
|
emits: ["update:modelValue", "ok"],
|
|
@@ -367,7 +371,8 @@ const p = (e, t) => {
|
|
|
367
371
|
l("update:modelValue", !1);
|
|
368
372
|
}, s = () => {
|
|
369
373
|
a.persistent || o();
|
|
370
|
-
}, d = i(() => a.width ? "" : `dialog-content--${a.size}`), f = i(() => {
|
|
374
|
+
}, d = i(() => a.fullscreen || a.width ? "" : `dialog-content--${a.size}`), f = i(() => {
|
|
375
|
+
if (a.fullscreen) return {};
|
|
371
376
|
const m = {};
|
|
372
377
|
return a.width && (m.maxWidth = typeof a.width == "number" || !isNaN(Number(a.width)) ? `${a.width}px` : a.width, m.width = m.maxWidth), m;
|
|
373
378
|
});
|
|
@@ -386,7 +391,7 @@ const p = (e, t) => {
|
|
|
386
391
|
onClick: s
|
|
387
392
|
}, [
|
|
388
393
|
c("div", {
|
|
389
|
-
class: y(["dialog-content", d.value]),
|
|
394
|
+
class: y(["dialog-content", [d.value, { "dialog-content--fullscreen": e.fullscreen }]]),
|
|
390
395
|
style: x(f.value),
|
|
391
396
|
role: "dialog",
|
|
392
397
|
"aria-modal": "true",
|
|
@@ -420,7 +425,7 @@ const p = (e, t) => {
|
|
|
420
425
|
]);
|
|
421
426
|
};
|
|
422
427
|
}
|
|
423
|
-
}, Se = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-
|
|
428
|
+
}, Se = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-fcf7a3f1"]]), we = {
|
|
424
429
|
__name: "Divider",
|
|
425
430
|
props: {
|
|
426
431
|
vertical: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TreqitUiLibrary={},i.Vue))})(this,(function(i,e){"use strict";const d=(t,l)=>{const a=t.__vccOpts||t;for(const[o,n]of l)a[o]=n;return a},G={key:0,class:"avatar-initials"},S=d({__name:"Avatar",props:{size:{type:[String,Number],default:48},rounded:{type:[String,Number,Boolean],default:!0},color:{type:String,default:null},initials:{type:String,default:null}},setup(t){const l=t,a=e.computed(()=>["avatar",{"avatar--rounded-sm":l.rounded==="sm","avatar--rounded-lg":l.rounded==="lg"}]),o=e.computed(()=>{const n={width:`${l.size}px`,height:`${l.size}px`,backgroundColor:l.color||"var(--surface-secondary)",transition:"background-color 0.3s ease"};return l.rounded===!0||l.rounded===""?n.borderRadius="50%":l.rounded===!1||l.rounded===0||l.rounded==="0"?n.borderRadius="0px":typeof l.rounded=="number"&&(n.borderRadius=`${l.rounded}px`),n});return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},()=>[t.initials?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(t.initials),1)):e.createCommentVNode("",!0)],!0)],6))}},[["__scopeId","data-v-b02c0c4e"]]),H=["type","disabled"],L={key:0,class:"btn-loader"},$=d({__name:"Button",props:{variant:{type:String,default:"primary",validator:t=>["primary","secondary","destructive","flat","elevated","text","outlined","outlined-primary","outlined-secondary","rounded"].includes(t)},size:{type:String,default:"medium",validator:t=>["sm","small","medium","large","x-large"].includes(t)},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},full:{type:Boolean,default:!1}},emits:["click"],setup(t){const l=t,a=e.computed(()=>["btn",`btn--${l.variant}`,`btn--${l.size==="sm"?"small":l.size}`,{"btn--loading":l.loading,"btn--full":l.full}]);return(o,n)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(a.value),disabled:t.disabled||t.loading,onClick:n[0]||(n[0]=r=>o.$emit("click"))},[t.loading?(e.openBlock(),e.createElementBlock("div",L,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"simple-spinner"},null,-1)])])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["btn-content",{"content-hidden":t.loading}])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2)],10,H))}},[["__scopeId","data-v-7e659005"]]),U={class:"card"},V=d({__name:"Card",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-82f14ba1"]]),x=d({__name:"Chip",props:{variant:{type:String,default:"secondary",validator:t=>["primary","secondary","success","warning","danger"].includes(t)},removable:{type:Boolean,default:!1}},emits:["remove"],setup(t){const l=t,a=e.computed(()=>["chip",`chip--${l.variant}`]);return(o,n)=>{const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0),t.removable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"remove-btn",onClick:n[0]||(n[0]=e.withModifiers(s=>o.$emit("remove"),["stop"])),"aria-label":"Remove"},[e.createVNode(r,{name:"close",size:"14","stroke-width":"2.5"})])):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-9815960f"]]),w=d(e.defineComponent({__name:"Column",props:{cols:{type:[String,Number],default:null},xs:{type:[String,Number],default:null},sm:{type:[String,Number],default:null},md:{type:[String,Number],default:null},lg:{type:[String,Number],default:null},xl:{type:[String,Number],default:null}},setup(t){const l=t,a=e.computed(()=>{const o=["col"],n={cols:"col-",xs:"col-xs-",sm:"col-sm-",md:"col-md-",lg:"col-lg-",xl:"col-xl-"};for(const r in n)l[r]&&o.push(`${n[r]}${l[r]}`);return o});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-a5db8165"]]),B=d({__name:"Icon",props:{icon:{type:String,required:!1},size:{type:[String,Number],default:24},color:{type:String,default:null}},setup(t){const l=t,a={"x-small":12,small:16,medium:24,large:32,"x-large":40},o=e.computed(()=>l.icon?["icon","mdi",l.icon]:["icon"]),n=e.computed(()=>{let r=l.size;typeof l.size=="string"&&a[l.size]&&(r=a[l.size]);const s={fontSize:`${r}px`};return l.color&&(s.color=l.color),s});return(r,s)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(o.value),style:e.normalizeStyle(n.value),"aria-hidden":"true"},null,6))}},[["__scopeId","data-v-7cd4d2d4"]]),W=["for"],X={key:0,class:"date-picker__required"},J={class:"date-picker__input-wrapper"},K=["id","value","disabled","readonly","min","max","required"],Q={key:1,class:"date-picker__error"},Y={key:2,class:"date-picker__help"},C=d(e.defineComponent({__name:"DatePicker",props:{modelValue:{default:""},label:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},required:{type:Boolean},min:{},max:{},errorMessage:{},helpText:{},size:{default:"medium"},variant:{default:"default"},showIcon:{type:Boolean,default:!0}},emits:["update:modelValue","change","blur","focus"],setup(t,{emit:l}){const a=t,o=l,n=e.computed(()=>`date-picker-${Math.random().toString(36).substr(2,9)}`),r=e.computed(()=>["date-picker",`date-picker--${a.size}`,`date-picker--${a.variant}`,{"date-picker--disabled":a.disabled,"date-picker--readonly":a.readonly,"date-picker--error":a.errorMessage,"date-picker--required":a.required}]),s=e.computed(()=>["date-picker__input",{"date-picker__input--with-icon":a.showIcon}]),m=f=>{const g=f.target;o("update:modelValue",g.value)},c=f=>{const g=f.target;o("change",g.value)},u=f=>{o("blur",f)},y=f=>{o("focus",f)};return(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["date-picker",r.value])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.value,class:"date-picker__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],8,W)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.createElementVNode("input",{id:n.value,type:"date",value:t.modelValue,disabled:t.disabled,readonly:t.readonly,min:t.min,max:t.max,required:t.required,class:e.normalizeClass(s.value),onInput:m,onChange:c,onBlur:u,onFocus:y},null,42,K),t.showIcon?(e.openBlock(),e.createBlock(B,{key:0,icon:"mdi-calendar",class:"date-picker__icon"})):e.createCommentVNode("",!0)]),t.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0),t.helpText&&!t.errorMessage?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-44192e9d"]]),Z=["aria-labelledby"],v={key:0,class:"dialog-header"},ee={id:"dialog-title",class:"dialog-title"},N=d({__name:"Dialog",props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:""},persistent:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},size:{type:String,default:"md"},width:{type:[String,Number],default:null},okOnly:{type:Boolean,default:!1}},emits:["update:modelValue","ok"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=()=>{a.persistent||n()},s=e.computed(()=>a.width?"":`dialog-content--${a.size}`),m=e.computed(()=>{const c={};return a.width&&(c.maxWidth=typeof a.width=="number"||!isNaN(Number(a.width))?`${a.width}px`:a.width,c.width=c.maxWidth),c});return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(document.body.style.overflow=c?"hidden":"")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>{const y=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"dialog-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dialog-overlay",onClick:r},[e.createElementVNode("div",{class:e.normalizeClass(["dialog-content",s.value]),style:e.normalizeStyle(m.value),role:"dialog","aria-modal":"true","aria-labelledby":t.title?"dialog-title":void 0,onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[t.title?(e.openBlock(),e.createElementBlock("header",v,[e.createElementVNode("h2",ee,e.toDisplayString(t.title),1),e.createElementVNode("button",{onClick:n,class:"dialog-close-btn","aria-label":"Close dialog"},[e.createVNode(y,{icon:"mdi-close",size:"24"})])])):e.createCommentVNode("",!0),e.createElementVNode("main",{class:e.normalizeClass(["dialog-body",{scrollable:t.scrollable}])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],14,Z)])):e.createCommentVNode("",!0)]),_:3})])}}},[["__scopeId","data-v-1d841b7e"]]),E=d({__name:"Divider",props:{vertical:{type:Boolean,default:!1},height:{type:[String,Number],default:1}},setup(t){const l=t,a=e.computed(()=>["divider",l.vertical?"divider--vertical":"divider--horizontal"]),o=e.computed(()=>l.vertical?{}:{height:`${l.height}px`});return(n,r)=>(e.openBlock(),e.createElementBlock("hr",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},null,6))}},[["__scopeId","data-v-97348551"]]),te={class:"spinner-container"},b=d({__name:"ProgressSpinner",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",te,[...a[0]||(a[0]=[e.createElementVNode("div",{class:"spinner"},null,-1)])]))}},[["__scopeId","data-v-28112817"]]),le={key:0,class:"placeholder"},ae=["src","alt"],z=d({__name:"Image",props:{src:{type:String,required:!0},alt:{type:String,required:!1},width:{type:String,default:"100%"},height:{type:String,default:"auto"},maxHeight:{type:String,default:void 0},fit:{type:String,default:"cover"}},setup(t){const l=t,a=e.ref(!0),o=e.ref(!1),n=()=>{a.value=!1,o.value=!1},r=()=>{a.value=!1,o.value=!0};e.watch(()=>l.src,()=>{a.value=!0,o.value=!1},{immediate:!0});const s=e.computed(()=>({width:l.width,height:l.height,minWidth:l.width,minHeight:l.height,maxHeight:l.maxHeight}));return(m,c)=>{const u=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:"image-container",style:e.normalizeStyle(s.value)},[a.value||o.value?(e.openBlock(),e.createElementBlock("div",le,[a.value?(e.openBlock(),e.createBlock(b,{key:0})):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(u,{key:1,name:"image-off",size:48})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("img",{src:t.src,alt:t.alt,class:"image",style:e.normalizeStyle({objectFit:t.fit,maxHeight:t.maxHeight}),onLoad:n,onError:r},null,44,ae),[[e.vShow,!a.value&&!o.value]])],4)}}},[["__scopeId","data-v-a3997b8b"]]),oe=["for"],ne={class:"input-container"},re=["id","type","value","placeholder","disabled"],I=d({__name:"Input",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`input-${Math.random().toString(36).substring(2,9)}`},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=r=>{o("update:modelValue",r.target.value)};return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"input-label"},e.toDisplayString(t.label),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,onInput:n,placeholder:t.placeholder,disabled:t.disabled,class:"input-field"},null,40,re)])],2))}},[["__scopeId","data-v-218a8bde"]]),D=d({__name:"NavigationDrawer",props:{modelValue:{type:Boolean,required:!0},location:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:[String,Number],default:300}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=e.computed(()=>["navigation-drawer",`navigation-drawer--${a.location}`]),s=e.computed(()=>({width:`${a.width}px`})),m=e.computed(()=>`slide-from-${a.location}`);return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(c?document.body.style.overflow="hidden":document.body.style.overflow="")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"overlay",onClick:n,"aria-hidden":"true"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:m.value},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("aside",{key:0,class:e.normalizeClass(r.value),style:e.normalizeStyle(s.value),role:"dialog","aria-modal":"true"},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3},8,["name"])]))}},[["__scopeId","data-v-a9459219"]]),ie=["aria-valuenow"],se=["width","height","viewBox"],ce=["cx","cy","r","stroke-width"],de=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],me={key:0,class:"progress-circular__content"},p=44,T=d({__name:"Progress",props:{modelValue:{type:[Number,String],default:0},size:{type:[Number,String],default:60},width:{type:[Number,String],default:10},color:{type:String,default:"primary"},indeterminate:{type:Boolean,default:!1}},setup(t){const l=t,a=e.computed(()=>(p-l.width)/2),o=e.computed(()=>2*Math.PI*a.value),n=e.computed(()=>({width:`${l.size}px`,height:`${l.size}px`,color:l.color==="primary"?"var(--primary-color)":l.color})),r=e.computed(()=>l.width/l.size*p),s=e.computed(()=>l.indeterminate?null:o.value*(1-l.modelValue/100));return(m,c)=>(e.openBlock(),e.createElementBlock("div",{class:"progress-circular",style:e.normalizeStyle(n.value),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.indeterminate?void 0:t.modelValue},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:`0 0 ${p} ${p}`},[e.createElementVNode("circle",{class:"progress-circular__underlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value},null,8,ce),e.createElementVNode("circle",{class:"progress-circular__overlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value,"stroke-dasharray":o.value,"stroke-dashoffset":s.value},null,8,de)],8,se)),m.$slots.default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],12,ie))}},[["__scopeId","data-v-2e383161"]]),M=d({__name:"Row",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"stretch"},gap:{type:String,default:"0"},wrap:{type:Boolean,default:!0}},setup(t){const l=t,a=e.computed(()=>({justifyContent:l.justify,alignItems:l.align,gap:l.gap,flexWrap:l.wrap?"wrap":"nowrap"}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"flex-row",style:e.normalizeStyle(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}},[["__scopeId","data-v-fc69ad3e"]]),ue=["for"],fe={class:"select-container"},pe=["id","value","disabled","multiple"],ye=["selected"],ge=["value"],he={key:0,class:"select-icon","aria-hidden":"true"},q=d({__name:"Select",props:{modelValue:{type:[String,Number,Array],default:""},options:{type:Array,required:!0},label:{type:String,default:""},placeholder:{type:String,default:"Select an option"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`select-${Math.random().toString(36).substring(2,9)}`},multiple:{type:Boolean,default:!1},hideArrow:{type:Boolean,default:!1},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;e.computed(()=>!a.options||a.options.length===0?[]:typeof a.options[0]=="string"?a.options.map(r=>({text:r,value:r})):a.options);const n=r=>{if(a.multiple){const s=Array.from(r.target.selectedOptions).map(m=>m.value);o("update:modelValue",s)}else o("update:modelValue",r.target.value)};return(r,s)=>{const m=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["select-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"select-label"},e.toDisplayString(t.label),9,ue)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,[e.createElementVNode("select",{id:t.id,value:t.modelValue,onChange:n,disabled:t.disabled,multiple:t.multiple,class:e.normalizeClass([{"no-arrow":t.hideArrow},"select-input"])},[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:"",disabled:"",selected:!t.modelValue},e.toDisplayString(t.placeholder),9,ye)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.text),9,ge))),128))],42,pe),t.hideArrow?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(m,{icon:"mdi-chevron-down",size:"20"})]))])],2)}}},[["__scopeId","data-v-a36629f1"]]),ke={class:"spacer"},P=d({__name:"Spacer",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",ke))}},[["__scopeId","data-v-370a82d1"]]),_e={class:"textarea-wrapper"},Be=["for"],be=["id","value","placeholder","rows","maxlength"],Se={key:1,class:"error-message"},A=d({__name:"TextArea",props:{id:{type:String,required:!1},label:{type:String,default:""},modelValue:{type:String,default:""},placeholder:{type:String,default:""},rows:{type:[String,Number],default:3},maxlength:{type:[String,Number],default:null},error:{type:String,default:""}},emits:["update:modelValue"],setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",_e,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"textarea-label"},e.toDisplayString(t.label),9,Be)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{id:t.id,value:t.modelValue,placeholder:t.placeholder,rows:t.rows,maxlength:t.maxlength,onInput:a[0]||(a[0]=o=>l.$emit("update:modelValue",o.target.value)),class:e.normalizeClass(["textarea-input",{"has-error":t.error}])},null,42,be),t.error?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-99d40ec4"]]);class $e{static newGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(l){const a=Math.random()*16|0;return(l=="x"?a:a&3|8).toString(16)})}static isValidGuid(){const l=/^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;return function(a){return a&&l.test(a)}}static isEmptyGuid(l){return l==="00000000-0000-0000-0000-000000000000"}static emptyGuid(){return"00000000-0000-0000-0000-000000000000"}}const Ve={class:"input-container"},xe=["id","type","value","autocomplete","maxlength"],we=["for"],Ce={class:"error-container"},F=d(e.defineComponent({__name:"TextField",props:{id:{type:String,default:()=>`textfield-${$e.newGuid()}`},label:{type:String,default:""},modelValue:{type:[String,Number],default:""},rules:{type:Array,default:()=>[]},type:{type:String,default:"text"},trim:{type:Boolean,default:!1},placeholder:{type:String,default:""},autocomplete:{type:String,default:"off"},maxlength:{type:[String,Number],default:void 0}},emits:["update:modelValue"],setup(t,{expose:l,emit:a}){const o=t,n=a,r=e.ref([]),s=e.ref(!0),m=e.inject("form",null),c=e.getCurrentInstance(),u=async()=>{r.value=[];let k=!0;for(const h of o.rules){const _=h(o.modelValue);_!==!0&&(k=!1,r.value.push(_))}return{valid:k,errors:r.value}},y=()=>{n("update:modelValue",""),f()},f=()=>{r.value=[],s.value=!0},g=k=>{const h=k.target;n("update:modelValue",h.value),s.value||u()},Ie=()=>{s.value=!1,o.trim&&typeof o.modelValue=="string"&&n("update:modelValue",o.modelValue.trim()),u()};return e.onMounted(()=>{m&&c&&m.register({id:o.id,validate:u,reset:y,resetValidation:f})}),e.onUnmounted(()=>{m&&c&&m.unregister({id:o.id})}),l({validate:u,reset:y,resetValidation:f,id:o.id,errors:r}),(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-field-wrapper",{"has-value":t.modelValue}])},[e.createElementVNode("div",Ve,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,placeholder:" ",onInput:g,onBlur:Ie,class:"text-field-input",autocomplete:t.autocomplete,maxlength:t.maxlength},null,40,xe),t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"text-field-label"},e.toDisplayString(t.placeholder?t.placeholder:t.label),9,we)):e.createCommentVNode("",!0),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["text-field-fieldset",{"has-error":r.value.length>0}])},[...h[0]||(h[0]=[e.createElementVNode("legend",{class:"text-field-legend"},null,-1)])],2)]),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(_,De)=>(e.openBlock(),e.createElementBlock("p",{key:De,class:"error-message"},e.toDisplayString(_),1))),128))])],2))}}),[["__scopeId","data-v-f4c602d7"]]),Ne=["aria-label"],Ee={class:"tooltip-content"},O=d({__name:"Tooltip",props:{text:{type:String,required:!0},location:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},disabled:{type:Boolean,default:!1}},setup(t){const l=t,a=e.ref(!1),o=()=>{l.disabled||(a.value=!0)},n=()=>{a.value=!1},r=e.computed(()=>["tooltip",`tooltip--${l.location}`]);return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"tooltip-container",onMouseenter:o,onMouseleave:n,onFocusin:o,onFocusout:n,role:"tooltip","aria-label":t.text},[e.renderSlot(s.$slots,"default",{},void 0,!0),e.createVNode(e.Transition,{name:"tooltip-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.value)},[e.createElementVNode("div",Ee,e.toDisplayString(t.text),1),m[0]||(m[0]=e.createElementVNode("div",{class:"tooltip-arrow"},null,-1))],2)):e.createCommentVNode("",!0)]),_:1})],40,Ne))}},[["__scopeId","data-v-66afe288"]]),j=d({__name:"Overlay",props:{modelValue:{type:Boolean,default:!1},contained:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;function n(){o("update:modelValue",!1)}return e.watch(()=>a.modelValue,r=>{!a.contained&&typeof document<"u"&&(document.body.style.overflow=r?"hidden":"")}),(r,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"overlay-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overlay",{"overlay--contained":t.contained}]),onClick:e.withModifiers(n,["self"])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3}))}},[["__scopeId","data-v-45f15f75"]]),R=t=>{t.component("Avatar",S),t.component("Button",$),t.component("Card",V),t.component("Chip",x),t.component("Column",w),t.component("DatePicker",C),t.component("Dialog",N),t.component("Divider",E),t.component("Icon",B),t.component("Overlay",j),t.component("Image",z),t.component("Input",I),t.component("NavigationDrawer",D),t.component("Progress",T),t.component("ProgressSpinner",b),t.component("Row",M),t.component("Select",q),t.component("Spacer",P),t.component("TextArea",A),t.component("TextField",F),t.component("Tooltip",O)},ze={install:R};i.Avatar=S,i.Button=$,i.Card=V,i.Chip=x,i.Column=w,i.DatePicker=C,i.Dialog=N,i.Divider=E,i.Icon=B,i.Image=z,i.Input=I,i.NavigationDrawer=D,i.Overlay=j,i.Progress=T,i.ProgressSpinner=b,i.Row=M,i.Select=q,i.Spacer=P,i.TextArea=A,i.TextField=F,i.Tooltip=O,i.default=ze,i.install=R,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TreqitUiLibrary={},i.Vue))})(this,(function(i,e){"use strict";const d=(t,l)=>{const a=t.__vccOpts||t;for(const[o,n]of l)a[o]=n;return a},G={key:0,class:"avatar-initials"},S=d({__name:"Avatar",props:{size:{type:[String,Number],default:48},rounded:{type:[String,Number,Boolean],default:!0},color:{type:String,default:null},initials:{type:String,default:null}},setup(t){const l=t,a=e.computed(()=>["avatar",{"avatar--rounded-sm":l.rounded==="sm","avatar--rounded-lg":l.rounded==="lg"}]),o=e.computed(()=>{const n={width:`${l.size}px`,height:`${l.size}px`,backgroundColor:l.color||"var(--surface-secondary)",transition:"background-color 0.3s ease"};return l.rounded===!0||l.rounded===""?n.borderRadius="50%":l.rounded===!1||l.rounded===0||l.rounded==="0"?n.borderRadius="0px":typeof l.rounded=="number"&&(n.borderRadius=`${l.rounded}px`),n});return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},()=>[t.initials?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(t.initials),1)):e.createCommentVNode("",!0)],!0)],6))}},[["__scopeId","data-v-b02c0c4e"]]),H=["type","disabled"],L={key:0,class:"btn-loader"},$=d({__name:"Button",props:{variant:{type:String,default:"primary",validator:t=>["primary","secondary","destructive","flat","elevated","text","outlined","outlined-primary","outlined-secondary","rounded"].includes(t)},size:{type:String,default:"medium",validator:t=>["sm","small","medium","large","x-large"].includes(t)},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},full:{type:Boolean,default:!1}},emits:["click"],setup(t){const l=t,a=e.computed(()=>["btn",`btn--${l.variant}`,`btn--${l.size==="sm"?"small":l.size}`,{"btn--loading":l.loading,"btn--full":l.full}]);return(o,n)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(a.value),disabled:t.disabled||t.loading,onClick:n[0]||(n[0]=r=>o.$emit("click"))},[t.loading?(e.openBlock(),e.createElementBlock("div",L,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"simple-spinner"},null,-1)])])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["btn-content",{"content-hidden":t.loading}])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2)],10,H))}},[["__scopeId","data-v-7e659005"]]),U={class:"card"},V=d({__name:"Card",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-82f14ba1"]]),x=d({__name:"Chip",props:{variant:{type:String,default:"secondary",validator:t=>["primary","secondary","success","warning","danger"].includes(t)},removable:{type:Boolean,default:!1}},emits:["remove"],setup(t){const l=t,a=e.computed(()=>["chip",`chip--${l.variant}`]);return(o,n)=>{const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0),t.removable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"remove-btn",onClick:n[0]||(n[0]=e.withModifiers(s=>o.$emit("remove"),["stop"])),"aria-label":"Remove"},[e.createVNode(r,{name:"close",size:"14","stroke-width":"2.5"})])):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-9815960f"]]),w=d(e.defineComponent({__name:"Column",props:{cols:{type:[String,Number],default:null},xs:{type:[String,Number],default:null},sm:{type:[String,Number],default:null},md:{type:[String,Number],default:null},lg:{type:[String,Number],default:null},xl:{type:[String,Number],default:null}},setup(t){const l=t,a=e.computed(()=>{const o=["col"],n={cols:"col-",xs:"col-xs-",sm:"col-sm-",md:"col-md-",lg:"col-lg-",xl:"col-xl-"};for(const r in n)l[r]&&o.push(`${n[r]}${l[r]}`);return o});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-a5db8165"]]),_=d({__name:"Icon",props:{icon:{type:String,required:!1},size:{type:[String,Number],default:24},color:{type:String,default:null}},setup(t){const l=t,a={"x-small":12,small:16,medium:24,large:32,"x-large":40},o=e.computed(()=>l.icon?["icon","mdi",l.icon]:["icon"]),n=e.computed(()=>{let r=l.size;typeof l.size=="string"&&a[l.size]&&(r=a[l.size]);const s={fontSize:`${r}px`};return l.color&&(s.color=l.color),s});return(r,s)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(o.value),style:e.normalizeStyle(n.value),"aria-hidden":"true"},null,6))}},[["__scopeId","data-v-7cd4d2d4"]]),W=["for"],X={key:0,class:"date-picker__required"},J={class:"date-picker__input-wrapper"},K=["id","value","disabled","readonly","min","max","required"],Q={key:1,class:"date-picker__error"},Y={key:2,class:"date-picker__help"},C=d(e.defineComponent({__name:"DatePicker",props:{modelValue:{default:""},label:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},required:{type:Boolean},min:{},max:{},errorMessage:{},helpText:{},size:{default:"medium"},variant:{default:"default"},showIcon:{type:Boolean,default:!0}},emits:["update:modelValue","change","blur","focus"],setup(t,{emit:l}){const a=t,o=l,n=e.computed(()=>`date-picker-${Math.random().toString(36).substr(2,9)}`),r=e.computed(()=>["date-picker",`date-picker--${a.size}`,`date-picker--${a.variant}`,{"date-picker--disabled":a.disabled,"date-picker--readonly":a.readonly,"date-picker--error":a.errorMessage,"date-picker--required":a.required}]),s=e.computed(()=>["date-picker__input",{"date-picker__input--with-icon":a.showIcon}]),m=f=>{const g=f.target;o("update:modelValue",g.value)},c=f=>{const g=f.target;o("change",g.value)},u=f=>{o("blur",f)},y=f=>{o("focus",f)};return(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["date-picker",r.value])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.value,class:"date-picker__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],8,W)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.createElementVNode("input",{id:n.value,type:"date",value:t.modelValue,disabled:t.disabled,readonly:t.readonly,min:t.min,max:t.max,required:t.required,class:e.normalizeClass(s.value),onInput:m,onChange:c,onBlur:u,onFocus:y},null,42,K),t.showIcon?(e.openBlock(),e.createBlock(_,{key:0,icon:"mdi-calendar",class:"date-picker__icon"})):e.createCommentVNode("",!0)]),t.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0),t.helpText&&!t.errorMessage?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-44192e9d"]]),Z=["aria-labelledby"],v={key:0,class:"dialog-header"},ee={id:"dialog-title",class:"dialog-title"},N=d({__name:"Dialog",props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:""},persistent:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},size:{type:String,default:"md"},width:{type:[String,Number],default:null},okOnly:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1}},emits:["update:modelValue","ok"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=()=>{a.persistent||n()},s=e.computed(()=>a.fullscreen||a.width?"":`dialog-content--${a.size}`),m=e.computed(()=>{if(a.fullscreen)return{};const c={};return a.width&&(c.maxWidth=typeof a.width=="number"||!isNaN(Number(a.width))?`${a.width}px`:a.width,c.width=c.maxWidth),c});return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(document.body.style.overflow=c?"hidden":"")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>{const y=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"dialog-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dialog-overlay",onClick:r},[e.createElementVNode("div",{class:e.normalizeClass(["dialog-content",[s.value,{"dialog-content--fullscreen":t.fullscreen}]]),style:e.normalizeStyle(m.value),role:"dialog","aria-modal":"true","aria-labelledby":t.title?"dialog-title":void 0,onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[t.title?(e.openBlock(),e.createElementBlock("header",v,[e.createElementVNode("h2",ee,e.toDisplayString(t.title),1),e.createElementVNode("button",{onClick:n,class:"dialog-close-btn","aria-label":"Close dialog"},[e.createVNode(y,{icon:"mdi-close",size:"24"})])])):e.createCommentVNode("",!0),e.createElementVNode("main",{class:e.normalizeClass(["dialog-body",{scrollable:t.scrollable}])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],14,Z)])):e.createCommentVNode("",!0)]),_:3})])}}},[["__scopeId","data-v-fcf7a3f1"]]),E=d({__name:"Divider",props:{vertical:{type:Boolean,default:!1},height:{type:[String,Number],default:1}},setup(t){const l=t,a=e.computed(()=>["divider",l.vertical?"divider--vertical":"divider--horizontal"]),o=e.computed(()=>l.vertical?{}:{height:`${l.height}px`});return(n,r)=>(e.openBlock(),e.createElementBlock("hr",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},null,6))}},[["__scopeId","data-v-97348551"]]),te={class:"spinner-container"},b=d({__name:"ProgressSpinner",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",te,[...a[0]||(a[0]=[e.createElementVNode("div",{class:"spinner"},null,-1)])]))}},[["__scopeId","data-v-28112817"]]),le={key:0,class:"placeholder"},ae=["src","alt"],z=d({__name:"Image",props:{src:{type:String,required:!0},alt:{type:String,required:!1},width:{type:String,default:"100%"},height:{type:String,default:"auto"},maxHeight:{type:String,default:void 0},fit:{type:String,default:"cover"}},setup(t){const l=t,a=e.ref(!0),o=e.ref(!1),n=()=>{a.value=!1,o.value=!1},r=()=>{a.value=!1,o.value=!0};e.watch(()=>l.src,()=>{a.value=!0,o.value=!1},{immediate:!0});const s=e.computed(()=>({width:l.width,height:l.height,minWidth:l.width,minHeight:l.height,maxHeight:l.maxHeight}));return(m,c)=>{const u=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:"image-container",style:e.normalizeStyle(s.value)},[a.value||o.value?(e.openBlock(),e.createElementBlock("div",le,[a.value?(e.openBlock(),e.createBlock(b,{key:0})):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(u,{key:1,name:"image-off",size:48})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("img",{src:t.src,alt:t.alt,class:"image",style:e.normalizeStyle({objectFit:t.fit,maxHeight:t.maxHeight}),onLoad:n,onError:r},null,44,ae),[[e.vShow,!a.value&&!o.value]])],4)}}},[["__scopeId","data-v-a3997b8b"]]),oe=["for"],ne={class:"input-container"},re=["id","type","value","placeholder","disabled"],I=d({__name:"Input",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`input-${Math.random().toString(36).substring(2,9)}`},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=r=>{o("update:modelValue",r.target.value)};return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"input-label"},e.toDisplayString(t.label),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,onInput:n,placeholder:t.placeholder,disabled:t.disabled,class:"input-field"},null,40,re)])],2))}},[["__scopeId","data-v-218a8bde"]]),D=d({__name:"NavigationDrawer",props:{modelValue:{type:Boolean,required:!0},location:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:[String,Number],default:300}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=e.computed(()=>["navigation-drawer",`navigation-drawer--${a.location}`]),s=e.computed(()=>({width:`${a.width}px`})),m=e.computed(()=>`slide-from-${a.location}`);return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(c?document.body.style.overflow="hidden":document.body.style.overflow="")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"overlay",onClick:n,"aria-hidden":"true"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:m.value},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("aside",{key:0,class:e.normalizeClass(r.value),style:e.normalizeStyle(s.value),role:"dialog","aria-modal":"true"},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3},8,["name"])]))}},[["__scopeId","data-v-a9459219"]]),ie=["aria-valuenow"],se=["width","height","viewBox"],ce=["cx","cy","r","stroke-width"],de=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],me={key:0,class:"progress-circular__content"},p=44,T=d({__name:"Progress",props:{modelValue:{type:[Number,String],default:0},size:{type:[Number,String],default:60},width:{type:[Number,String],default:10},color:{type:String,default:"primary"},indeterminate:{type:Boolean,default:!1}},setup(t){const l=t,a=e.computed(()=>(p-l.width)/2),o=e.computed(()=>2*Math.PI*a.value),n=e.computed(()=>({width:`${l.size}px`,height:`${l.size}px`,color:l.color==="primary"?"var(--primary-color)":l.color})),r=e.computed(()=>l.width/l.size*p),s=e.computed(()=>l.indeterminate?null:o.value*(1-l.modelValue/100));return(m,c)=>(e.openBlock(),e.createElementBlock("div",{class:"progress-circular",style:e.normalizeStyle(n.value),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.indeterminate?void 0:t.modelValue},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:`0 0 ${p} ${p}`},[e.createElementVNode("circle",{class:"progress-circular__underlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value},null,8,ce),e.createElementVNode("circle",{class:"progress-circular__overlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value,"stroke-dasharray":o.value,"stroke-dashoffset":s.value},null,8,de)],8,se)),m.$slots.default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],12,ie))}},[["__scopeId","data-v-2e383161"]]),M=d({__name:"Row",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"stretch"},gap:{type:String,default:"0"},wrap:{type:Boolean,default:!0}},setup(t){const l=t,a=e.computed(()=>({justifyContent:l.justify,alignItems:l.align,gap:l.gap,flexWrap:l.wrap?"wrap":"nowrap"}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"flex-row",style:e.normalizeStyle(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}},[["__scopeId","data-v-fc69ad3e"]]),ue=["for"],fe={class:"select-container"},pe=["id","value","disabled","multiple"],ye=["selected"],ge=["value"],he={key:0,class:"select-icon","aria-hidden":"true"},q=d({__name:"Select",props:{modelValue:{type:[String,Number,Array],default:""},options:{type:Array,required:!0},label:{type:String,default:""},placeholder:{type:String,default:"Select an option"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`select-${Math.random().toString(36).substring(2,9)}`},multiple:{type:Boolean,default:!1},hideArrow:{type:Boolean,default:!1},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;e.computed(()=>!a.options||a.options.length===0?[]:typeof a.options[0]=="string"?a.options.map(r=>({text:r,value:r})):a.options);const n=r=>{if(a.multiple){const s=Array.from(r.target.selectedOptions).map(m=>m.value);o("update:modelValue",s)}else o("update:modelValue",r.target.value)};return(r,s)=>{const m=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["select-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"select-label"},e.toDisplayString(t.label),9,ue)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,[e.createElementVNode("select",{id:t.id,value:t.modelValue,onChange:n,disabled:t.disabled,multiple:t.multiple,class:e.normalizeClass([{"no-arrow":t.hideArrow},"select-input"])},[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:"",disabled:"",selected:!t.modelValue},e.toDisplayString(t.placeholder),9,ye)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.text),9,ge))),128))],42,pe),t.hideArrow?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(m,{icon:"mdi-chevron-down",size:"20"})]))])],2)}}},[["__scopeId","data-v-a36629f1"]]),ke={class:"spacer"},P=d({__name:"Spacer",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",ke))}},[["__scopeId","data-v-370a82d1"]]),Be={class:"textarea-wrapper"},_e=["for"],be=["id","value","placeholder","rows","maxlength"],Se={key:1,class:"error-message"},A=d({__name:"TextArea",props:{id:{type:String,required:!1},label:{type:String,default:""},modelValue:{type:String,default:""},placeholder:{type:String,default:""},rows:{type:[String,Number],default:3},maxlength:{type:[String,Number],default:null},error:{type:String,default:""}},emits:["update:modelValue"],setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",Be,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"textarea-label"},e.toDisplayString(t.label),9,_e)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{id:t.id,value:t.modelValue,placeholder:t.placeholder,rows:t.rows,maxlength:t.maxlength,onInput:a[0]||(a[0]=o=>l.$emit("update:modelValue",o.target.value)),class:e.normalizeClass(["textarea-input",{"has-error":t.error}])},null,42,be),t.error?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-99d40ec4"]]);class $e{static newGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(l){const a=Math.random()*16|0;return(l=="x"?a:a&3|8).toString(16)})}static isValidGuid(){const l=/^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;return function(a){return a&&l.test(a)}}static isEmptyGuid(l){return l==="00000000-0000-0000-0000-000000000000"}static emptyGuid(){return"00000000-0000-0000-0000-000000000000"}}const Ve={class:"input-container"},xe=["id","type","value","autocomplete","maxlength"],we=["for"],Ce={class:"error-container"},F=d(e.defineComponent({__name:"TextField",props:{id:{type:String,default:()=>`textfield-${$e.newGuid()}`},label:{type:String,default:""},modelValue:{type:[String,Number],default:""},rules:{type:Array,default:()=>[]},type:{type:String,default:"text"},trim:{type:Boolean,default:!1},placeholder:{type:String,default:""},autocomplete:{type:String,default:"off"},maxlength:{type:[String,Number],default:void 0}},emits:["update:modelValue"],setup(t,{expose:l,emit:a}){const o=t,n=a,r=e.ref([]),s=e.ref(!0),m=e.inject("form",null),c=e.getCurrentInstance(),u=async()=>{r.value=[];let k=!0;for(const h of o.rules){const B=h(o.modelValue);B!==!0&&(k=!1,r.value.push(B))}return{valid:k,errors:r.value}},y=()=>{n("update:modelValue",""),f()},f=()=>{r.value=[],s.value=!0},g=k=>{const h=k.target;n("update:modelValue",h.value),s.value||u()},Ie=()=>{s.value=!1,o.trim&&typeof o.modelValue=="string"&&n("update:modelValue",o.modelValue.trim()),u()};return e.onMounted(()=>{m&&c&&m.register({id:o.id,validate:u,reset:y,resetValidation:f})}),e.onUnmounted(()=>{m&&c&&m.unregister({id:o.id})}),l({validate:u,reset:y,resetValidation:f,id:o.id,errors:r}),(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-field-wrapper",{"has-value":t.modelValue}])},[e.createElementVNode("div",Ve,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,placeholder:" ",onInput:g,onBlur:Ie,class:"text-field-input",autocomplete:t.autocomplete,maxlength:t.maxlength},null,40,xe),t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"text-field-label"},e.toDisplayString(t.placeholder?t.placeholder:t.label),9,we)):e.createCommentVNode("",!0),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["text-field-fieldset",{"has-error":r.value.length>0}])},[...h[0]||(h[0]=[e.createElementVNode("legend",{class:"text-field-legend"},null,-1)])],2)]),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(B,De)=>(e.openBlock(),e.createElementBlock("p",{key:De,class:"error-message"},e.toDisplayString(B),1))),128))])],2))}}),[["__scopeId","data-v-f4c602d7"]]),Ne=["aria-label"],Ee={class:"tooltip-content"},O=d({__name:"Tooltip",props:{text:{type:String,required:!0},location:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},disabled:{type:Boolean,default:!1}},setup(t){const l=t,a=e.ref(!1),o=()=>{l.disabled||(a.value=!0)},n=()=>{a.value=!1},r=e.computed(()=>["tooltip",`tooltip--${l.location}`]);return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"tooltip-container",onMouseenter:o,onMouseleave:n,onFocusin:o,onFocusout:n,role:"tooltip","aria-label":t.text},[e.renderSlot(s.$slots,"default",{},void 0,!0),e.createVNode(e.Transition,{name:"tooltip-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.value)},[e.createElementVNode("div",Ee,e.toDisplayString(t.text),1),m[0]||(m[0]=e.createElementVNode("div",{class:"tooltip-arrow"},null,-1))],2)):e.createCommentVNode("",!0)]),_:1})],40,Ne))}},[["__scopeId","data-v-66afe288"]]),j=d({__name:"Overlay",props:{modelValue:{type:Boolean,default:!1},contained:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;function n(){o("update:modelValue",!1)}return e.watch(()=>a.modelValue,r=>{!a.contained&&typeof document<"u"&&(document.body.style.overflow=r?"hidden":"")}),(r,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"overlay-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overlay",{"overlay--contained":t.contained}]),onClick:e.withModifiers(n,["self"])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3}))}},[["__scopeId","data-v-45f15f75"]]),R=t=>{t.component("Avatar",S),t.component("Button",$),t.component("Card",V),t.component("Chip",x),t.component("Column",w),t.component("DatePicker",C),t.component("Dialog",N),t.component("Divider",E),t.component("Icon",_),t.component("Overlay",j),t.component("Image",z),t.component("Input",I),t.component("NavigationDrawer",D),t.component("Progress",T),t.component("ProgressSpinner",b),t.component("Row",M),t.component("Select",q),t.component("Spacer",P),t.component("TextArea",A),t.component("TextField",F),t.component("Tooltip",O)},ze={install:R};i.Avatar=S,i.Button=$,i.Card=V,i.Chip=x,i.Column=w,i.DatePicker=C,i.Dialog=N,i.Divider=E,i.Icon=_,i.Image=z,i.Input=I,i.NavigationDrawer=D,i.Overlay=j,i.Progress=T,i.ProgressSpinner=b,i.Row=M,i.Select=q,i.Spacer=P,i.TextArea=A,i.TextField=F,i.Tooltip=O,i.default=ze,i.install=R,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|