@jsg-developer/vue-pack 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ @keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jsgd-modal-overlay-enter-active{animation:fadeIn .3s ease-out}.jsgd-modal-overlay-leave-active{animation:fadeIn .2s ease-in reverse}.jsgd-modal-container-enter-active{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.jsgd-modal-container-leave-active{animation:slideUp .2s cubic-bezier(.16,1,.3,1) reverse}.jsgd-form-field-enter-active{animation:slideIn .4s ease-out}.jsgd-form-field-move{transition:transform .4s ease}.jsgd-form-field-leave-active{position:absolute}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.success-animation{animation:successPulse .5s ease-in-out}.jsgd-modal-scrollbar::-webkit-scrollbar{width:8px}.jsgd-modal-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.jsgd-modal-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .3s ease}.jsgd-modal-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes subtle-glow{0%,to{text-shadow:0 0 5px transparent}50%{text-shadow:0 0 10px color-mix(in srgb,#64748b 25%,transparent)}}@media(prefers-color-scheme:dark){@keyframes subtle-glow{50%{text-shadow:0 0 10px color-mix(in srgb,#94a3b8 25%,transparent)}}}.field-wrapper .base-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity));font-weight:500;text-transform:capitalize}@media(prefers-color-scheme:dark){.field-wrapper .base-label{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity))}}.prose-content{--un-text-opacity:1;color:rgb(51 65 85 / var(--un-text-opacity));line-height:1.625}@media(prefers-color-scheme:dark){.prose-content{--un-text-opacity:1;color:rgb(226 232 240 / var(--un-text-opacity))}}.prose-content :deep(p),.prose-content :deep(ul),.prose-content :deep(ol){margin-bottom:1rem}.prose-content :deep(a){--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));text-decoration-line:underline}.prose-content :deep(img){max-width:100%;border-radius:.375rem}.prose-content :deep(code){border-radius:.125rem;--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity));padding:.125rem .25rem}@media(prefers-color-scheme:dark){.prose-content :deep(code){--un-bg-opacity:1;background-color:rgb(51 65 85 / var(--un-bg-opacity))}}.prose-content :deep(pre){overflow-x:auto;border-radius:.375rem;--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity));padding:1rem}@media(prefers-color-scheme:dark){.prose-content :deep(pre){--un-bg-opacity:1;background-color:rgb(51 65 85 / var(--un-bg-opacity))}}.option-group-item-label{font-size:1rem!important;line-height:1.5rem!important;--un-text-opacity:1 !important;color:rgb(30 41 59 / var(--un-text-opacity))!important;font-weight:600!important}@media(prefers-color-scheme:dark){.option-group-item-label{--un-text-opacity:1 !important;color:rgb(226 232 240 / var(--un-text-opacity))!important}}.option-group-divider{margin-bottom:1rem;border-top-width:1px;--un-border-opacity:1;border-color:rgb(203 213 225 / var(--un-border-opacity))}@media(prefers-color-scheme:dark){.option-group-divider{--un-border-opacity:1;border-color:rgb(71 85 105 / var(--un-border-opacity))}}@keyframes fadeIn-a78353a9{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a78353a9{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn-a78353a9{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom-a78353a9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-a78353a9{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rotate-a78353a9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-a78353a9]{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay-enter-active[data-v-a78353a9]{animation:fadeIn-a78353a9 .3s ease-out}.modal-overlay-leave-active[data-v-a78353a9]{animation:fadeIn-a78353a9 .2s ease-in reverse}.modal-container[data-v-a78353a9]{width:100%;height:100%;display:flex;flex-direction:column;max-height:100vh;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #ffffff80;overflow:hidden;position:relative}.modal-container[data-v-a78353a9]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:1}.modal-container.mobile-view[data-v-a78353a9]{border-radius:0;max-height:100vh;height:100vh}.modal-container-enter-active[data-v-a78353a9]{animation:slideUp-a78353a9 .4s cubic-bezier(.16,1,.3,1)}.modal-container-leave-active[data-v-a78353a9]{animation:slideUp-a78353a9 .2s cubic-bezier(.16,1,.3,1) reverse}@media(min-width:768px){.modal-container[data-v-a78353a9]{height:auto;width:90%;max-width:700px;max-height:90vh}}@media(min-width:1024px){.modal-container[data-v-a78353a9]{width:80%;max-width:800px}}@media(min-width:1280px){.modal-container[data-v-a78353a9]{max-width:900px}}.modal-header[data-v-a78353a9]{padding:1.5rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;position:relative;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0}.header-content[data-v-a78353a9]{display:flex;justify-content:space-between;align-items:center}.title-section[data-v-a78353a9]{display:flex;align-items:center;gap:.75rem}.icon-container[data-v-a78353a9]{background:#fff3;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromBottom-a78353a9 .5s ease-out}.modal-title[data-v-a78353a9]{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:slideInFromBottom-a78353a9 .5s ease-out .1s both}.close-btn[data-v-a78353a9]{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromBottom-a78353a9 .5s ease-out .2s both}.close-btn[data-v-a78353a9]:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.modal-body[data-v-a78353a9]{flex:1 1 0%;overflow-y:auto;padding:2rem;background-color:#fff;position:relative}.form-fields-container[data-v-a78353a9]{display:flex;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;border-radius:12px;flex-direction:column;gap:0}.form-fields-container[data-v-a78353a9]>.field-wrapper:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-footer[data-v-a78353a9]{padding:1.5rem 2rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;position:relative;flex-shrink:0}.footer-buttons[data-v-a78353a9]{display:flex;justify-content:flex-end;gap:1rem}.btn[data-v-a78353a9]{padding:.875rem 1.75rem;border-radius:12px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.btn[data-v-a78353a9]:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn[data-v-a78353a9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn[data-v-a78353a9]:hover:not(:disabled):before{left:100%}.btn-content[data-v-a78353a9]{display:flex;align-items:center;gap:.5rem;transition:opacity .3s ease}.btn-primary[data-v-a78353a9]{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 6px #6366f140}.btn-primary[data-v-a78353a9]:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 8px 15px #6366f159;transform:translateY(-2px)}.btn-primary[data-v-a78353a9]:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px #6366f140}.modal-body[data-v-a78353a9]::-webkit-scrollbar{width:8px}.modal-body[data-v-a78353a9]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-body[data-v-a78353a9]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .3s ease}.modal-body[data-v-a78353a9]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:767px){.modal-overlay[data-v-a78353a9]{padding:0}.modal-header[data-v-a78353a9]{padding:1.25rem 1.5rem}.modal-body[data-v-a78353a9]{padding:1.5rem}.modal-footer[data-v-a78353a9]{padding:1.25rem 1.5rem}.footer-buttons[data-v-a78353a9]{flex-direction:column;gap:.75rem}.btn[data-v-a78353a9]{width:100%;justify-content:center;padding:1rem 1.5rem}.title-section[data-v-a78353a9]{flex-direction:column;gap:.5rem;text-align:center}.icon-container[data-v-a78353a9]{width:36px;height:36px}.modal-title[data-v-a78353a9]{font-size:1.25rem}}@media(max-width:480px){.modal-header[data-v-a78353a9]{padding:1rem 1.25rem}.modal-body[data-v-a78353a9],.form-fields-container[data-v-a78353a9]{padding:1.25rem}.modal-footer[data-v-a78353a9]{padding:1rem 1.25rem}}@media(prefers-color-scheme:dark){.modal-container[data-v-a78353a9]{background:linear-gradient(145deg,#1e293b,#0f172a);color:#f1f5f9}.modal-body[data-v-a78353a9]{background-color:#1e293b}.form-fields-container[data-v-a78353a9]{border-color:#334155;background-color:#0f172a;box-shadow:0 4px 12px #0003}.modal-footer[data-v-a78353a9]{background-color:#0f172a;border-top-color:#334155}.modal-body[data-v-a78353a9]::-webkit-scrollbar-track{background:#334155}.modal-body[data-v-a78353a9]::-webkit-scrollbar-thumb{background:#475569}.modal-body[data-v-a78353a9]::-webkit-scrollbar-thumb:hover{background:#64748b}}.image-preview-overlay[data-v-a78353a9]{z-index:100}.image-preview-content[data-v-a78353a9]{max-width:90vw;max-height:90vh;border-radius:16px;background-color:#fff;box-shadow:0 25px 50px -12px #0006;animation:slideUp-a78353a9 .4s cubic-bezier(.16,1,.3,1)}@media(prefers-color-scheme:dark){.image-preview-content[data-v-a78353a9]{background-color:#1e293b}}@media(prefers-reduced-motion:reduce){.modal-overlay-enter-active[data-v-a78353a9],.modal-overlay-leave-active[data-v-a78353a9],.modal-container-enter-active[data-v-a78353a9],.modal-container-leave-active[data-v-a78353a9],.form-field-enter-active[data-v-a78353a9],.form-field-move[data-v-a78353a9],.btn[data-v-a78353a9]:before,.close-btn[data-v-a78353a9],.btn[data-v-a78353a9]{animation:none;transition:none}.btn[data-v-a78353a9]:hover:not(:disabled){transform:none}}.tooltip-wrapper[data-v-4ef7aaf7]{display:inline-flex;cursor:pointer}:root{--tooltip-bg: #1f2937;--tooltip-text: #f9fafb;--tooltip-hotkey-text: #cbd5e1;--tooltip-hotkey-bg: #4b5563;--tooltip-shadow: rgba(0, 0, 0, .15);--tooltip-radius: .75rem;--tooltip-transition: .2s}@media(prefers-color-scheme:dark){:root{--tooltip-bg: #283448;--tooltip-text: #f1f5f9;--tooltip-hotkey-text: #94a3b8;--tooltip-hotkey-bg: #475569;--tooltip-shadow: rgba(0, 0, 0, .4);--tooltip-neon-border-color: rgba(96, 165, 250, .5);--tooltip-neon-glow-color: rgba(96, 165, 250, .2)}}.tooltip-bubble{position:fixed;z-index:1000;display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 1rem;background-color:var(--tooltip-bg);color:var(--tooltip-text);border-radius:var(--tooltip-radius);box-shadow:0 4px 15px -2px var(--tooltip-shadow);width:max-content;max-width:300px;pointer-events:none}.tooltip-transition-enter-active,.tooltip-transition-leave-active{transition:opacity var(--tooltip-transition) ease,transform var(--tooltip-transition) ease}.tooltip-transition-enter-from,.tooltip-transition-leave-to{opacity:0;transform:translateY(8px)}.tooltip-transition-enter-to,.tooltip-transition-leave-from{opacity:1;transform:translateY(0)}@media(prefers-color-scheme:dark){.tooltip-bubble{box-shadow:0 4px 20px -2px var(--tooltip-shadow),inset 0 0 0 1px var(--tooltip-neon-border-color),0 0 12px var(--tooltip-neon-glow-color)}}.tooltip-text-content{font-size:.875rem;font-weight:500;line-height:1.4;white-space:pre-wrap}.tooltip-text-content p{margin:0;padding:0}.tooltip-bubble:after{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--tooltip-bg)}.tooltip-bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--tooltip-bg)}.tooltip-right:after{top:50%;right:100%;transform:translateY(-50%);border-right-color:var(--tooltip-bg)}.tooltip-left:after{top:50%;left:100%;transform:translateY(-50%);border-left-color:var(--tooltip-bg)}.tooltip-hotkey{padding:.125rem .375rem;background-color:var(--tooltip-hotkey-bg);color:var(--tooltip-hotkey-text);font-size:.75rem;border-radius:4px}@keyframes spin-2ec15644{to{transform:rotate(360deg)}}@keyframes popIn-2ec15644{0%{transform:scale(.6);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.spinner[data-v-2ec15644]{background:conic-gradient(from 90deg at 50% 50%,transparent 0%,#4f46e5 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0)}@keyframes fadeIn-d74c76a7{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-d74c76a7{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes revealContent{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rich-text-editor-wrapper[data-v-b9f7410b]{--bg-main: #ffffff;--bg-toolbar: #f9fafb;--bg-maximized: rgba(255, 255, 255, .95);--text-primary: #111827;--text-label: #374151;--text-secondary: #6b7280;--text-inverted: #ffffff;--text-error: #ef4444;--border-color: #e5e7eb;--border-color-focus: #3b82f6;--border-color-error: #fecaca;--accent-color: #3b82f6;--shadow-color: rgba(0, 0, 0, .05);--focus-ring-color: rgba(59, 130, 246, .2);--scrollbar-track-color: transparent;--scrollbar-thumb-color: #d1d5db;--scrollbar-thumb-hover-color: #9ca3af;--radius-lg: .75rem;--radius-md: .5rem;--transition-speed: .25s}@media(prefers-color-scheme:dark){.rich-text-editor-wrapper[data-v-b9f7410b]{--bg-main: #1f2937;--bg-toolbar: #374151;--bg-maximized: rgba(15, 23, 42, .95);--text-primary: #f3f4f6;--text-label: #d1d5db;--text-secondary: #9ca3af;--text-error: #fca5a5;--border-color: #4b5563;--border-color-focus: #60a5fa;--border-color-error: #7f1d1d;--accent-color: #60a5fa;--shadow-color: rgba(0, 0, 0, .3);--focus-ring-color: rgba(96, 165, 250, .25);--scrollbar-thumb-color: #4b5563;--scrollbar-thumb-hover-color: #6b7280}}.rich-text-editor-wrapper[data-v-b9f7410b]{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:1.5rem;transition:all var(--transition-speed) ease}.rich-text-editor-wrapper.editor-maximized[data-v-b9f7410b]{position:fixed;inset:0;z-index:9999;padding:2rem;box-sizing:border-box;background-color:var(--bg-maximized);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn-b9f7410b .3s ease-out}.editor-maximized .quill-editor-container[data-v-b9f7410b]{flex-grow:1;height:auto}.quill-label[data-v-b9f7410b]{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-label);transition:color var(--transition-speed) ease}.quill-label.has-error[data-v-b9f7410b]{color:var(--text-error)}.quill-editor-container[data-v-b9f7410b]{height:250px;display:flex;flex-direction:column;transition:border-color var(--transition-speed) ease}[data-v-b9f7410b] .ql-snow{border:1px solid var(--border-color)!important;border-radius:var(--radius-lg);font-family:inherit;color:var(--text-primary);background-color:var(--bg-main);box-shadow:var(--shadow-sm)}.quill-editor-container.has-error[data-v-b9f7410b] .ql-snow{border-color:var(--border-error)!important}[data-v-b9f7410b] .ql-container.ql-snow:focus-within{border-color:var(--border-color-focus)!important;box-shadow:0 0 0 4px var(--focus-ring-color)}[data-v-b9f7410b] .ql-toolbar.ql-snow{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-bottom:1px solid var(--border-color)!important;background-color:var(--bg-toolbar);padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}[data-v-b9f7410b] .ql-formats{margin-right:0!important}[data-v-b9f7410b] .ql-container.ql-snow{flex-grow:1;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:none!important;overflow:hidden}[data-v-b9f7410b] .ql-editor{font-size:1rem;line-height:1.6}[data-v-b9f7410b] .ql-editor.ql-blank:before{color:var(--text-secondary);font-style:normal}[data-v-b9f7410b] .ql-toolbar.ql-snow .ql-formats button,[data-v-b9f7410b] .ql-toolbar.ql-snow .ql-picker-label{color:var(--text-primary)!important}[data-v-b9f7410b] .ql-toolbar.ql-snow .ql-stroke{stroke:var(--text-primary)!important}[data-v-b9f7410b] .ql-toolbar.ql-snow .ql-fill{fill:var(--text-primary)!important}[data-v-b9f7410b] .ql-snow .ql-picker-label:hover,[data-v-b9f7410b] .ql-snow button:hover{color:var(--accent-color)!important}[data-v-b9f7410b] .ql-snow .ql-picker-label:hover .ql-stroke,[data-v-b9f7410b] .ql-snow button:hover .ql-stroke{stroke:var(--accent-color)!important}[data-v-b9f7410b] .ql-snow .ql-picker-label:hover .ql-fill,[data-v-b9f7410b] .ql-snow button:hover .ql-fill{fill:var(--accent-color)!important}[data-v-b9f7410b] .ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:var(--border-color)!important}[data-v-b9f7410b] .ql-snow .ql-picker-options{background-color:var(--bg-main)!important;border-color:var(--border-color)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.maximize-button[data-v-b9f7410b]{transition:color var(--transition-speed) ease}[data-v-b9f7410b] .ql-editor::-webkit-scrollbar{width:8px}[data-v-b9f7410b] .ql-editor::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}[data-v-b9f7410b] .ql-editor::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:4px}[data-v-b9f7410b] .ql-editor::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.error-message[data-v-b9f7410b]{font-size:.875rem;color:var(--text-error);margin-top:.5rem;animation:fadeIn-b9f7410b .3s ease-out}@keyframes fadeIn-b9f7410b{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.rich-text-editor-wrapper.editor-maximized[data-v-b9f7410b]{padding:.5rem}.quill-label[data-v-b9f7410b],.error-message[data-v-b9f7410b]{font-size:.875rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.table-scroll-container::-webkit-scrollbar,.jsgd-overflow-auto::-webkit-scrollbar{width:8px;height:8px}.table-scroll-container::-webkit-scrollbar-track,.jsgd-overflow-auto::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb,.jsgd-overflow-auto::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.table-scroll-container::-webkit-scrollbar-thumb:hover,.jsgd-overflow-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.jsgd-i-mdi-alert-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-alert-decagram{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m23 12l-2.44-2.78l.34-3.68l-3.61-.82l-1.89-3.18L12 3L8.6 1.54L6.71 4.72l-3.61.81l.34 3.68L1 12l2.44 2.78l-.34 3.69l3.61.82l1.89 3.18L12 21l3.4 1.46l1.89-3.18l3.61-.82l-.34-3.68zm-10 5h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-calendar{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-calendar-clock{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15 13h1.5v2.82l2.44 1.41l-.75 1.3L15 16.69zm4-5H5v11h4.67c-.43-.91-.67-1.93-.67-3a7 7 0 0 1 7-7c1.07 0 2.09.24 3 .67zM5 21a2 2 0 0 1-2-2V5c0-1.11.89-2 2-2h1V1h2v2h8V1h2v2h1a2 2 0 0 1 2 2v6.1c1.24 1.26 2 2.99 2 4.9a7 7 0 0 1-7 7c-1.91 0-3.64-.76-4.9-2zm11-9.85A4.85 4.85 0 0 0 11.15 16c0 2.68 2.17 4.85 4.85 4.85A4.85 4.85 0 0 0 20.85 16c0-2.68-2.17-4.85-4.85-4.85'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-check-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-check-decagram{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m23 12l-2.44-2.78l.34-3.68l-3.61-.82l-1.89-3.18L12 3L8.6 1.54L6.71 4.72l-3.61.81l.34 3.68L1 12l2.44 2.78l-.34 3.69l3.61.82l1.89 3.18L12 21l3.4 1.46l1.89-3.18l3.61-.82l-.34-3.68zm-13 5l-4-4l1.41-1.41L10 14.17l6.59-6.59L18 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-clock-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-link-variant{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.98 2.98 0 0 0 0-4.24a2.98 2.98 0 0 0-4.24 0l-3.53 3.53a2.98 2.98 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.98 2.98 0 0 0 0 4.24a2.98 2.98 0 0 0 4.24 0l3.53-3.53a2.98 2.98 0 0 0 0-4.24a.973.973 0 0 1 0-1.42'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-i-mdi-lock-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10zm0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.jsgd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.jsgd-pointer-events-none{pointer-events:none}.disabled\:jsgd-pointer-events-none:disabled{pointer-events:none}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-absolute::-webkit-calendar-picker-indicator,.jsgd-absolute{position:absolute}.jsgd-fixed{position:fixed}.jsgd-relative{position:relative}.before\:jsgd-absolute:before{position:absolute}.jsgd-inset-0{inset:0}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-right-3::-webkit-calendar-picker-indicator,.jsgd-right-3{right:.75rem}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-top-1\/2::-webkit-calendar-picker-indicator,.jsgd-top-1\/2{top:50%}.jsgd-left-\[calc\(100\%-1\.75rem\)\]{left:calc(100% - 1.75rem)}.jsgd-left-1{left:.25rem}.jsgd-left-1\/2{left:50%}.jsgd-left-3{left:.75rem}.jsgd-right-\[-0\.25rem\]{right:-.25rem}.jsgd-right-2{right:.5rem}.jsgd-right-4{right:1rem}.jsgd-top-\[-0\.25rem\]{top:-.25rem}.jsgd-top-\[-2\.25rem\]{top:-2.25rem}.jsgd-top-2{top:.5rem}.jsgd-top-4{top:1rem}.hover\:before\:jsgd-left-full:hover:before{left:100%}.before\:jsgd-left-\[-100\%\]:before{left:-100%}.before\:jsgd-left-0:before{left:0}.before\:jsgd-right-0:before{right:0}.before\:jsgd-top-0:before{top:0}.jsgd-z-10{z-index:10}.jsgd-z-100{z-index:100}.jsgd-z-20{z-index:20}.jsgd-z-200{z-index:200}.jsgd-z-36{z-index:36}.before\:jsgd-z-10:before{z-index:10}.jsgd-grid{display:grid}.jsgd-grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.jsgd-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.jsgd-m-0{margin:0}.jsgd-mx-0{margin-left:0;margin-right:0}.jsgd-mb-10{margin-bottom:2.5rem}.jsgd-mb-2{margin-bottom:.5rem}.jsgd-mb-3{margin-bottom:.75rem}.jsgd-mb-4{margin-bottom:1rem}.jsgd-mb-6{margin-bottom:1.5rem}.jsgd-mb-8{margin-bottom:2rem}.jsgd-ml-1{margin-left:.25rem}.jsgd-ml-4{margin-left:1rem}.jsgd-mr-1{margin-right:.25rem}.jsgd-mt-\[-1px\]{margin-top:-1px}.jsgd-mt-1{margin-top:.25rem}.jsgd-mt-2{margin-top:.5rem}.jsgd-mt-4{margin-top:1rem}.jsgd-mt-5{margin-top:1.25rem}.jsgd-mt-6{margin-top:1.5rem}.last\:jsgd-mb-0:last-child{margin-bottom:0}.jsgd-box-border{box-sizing:border-box}.jsgd-block{display:block}.jsgd-inline-block{display:inline-block}.jsgd-hidden{display:none}.jsgd-aspect-square{aspect-ratio:1/1}.jsgd-aspect-video{aspect-ratio:16/9}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-h-6::-webkit-calendar-picker-indicator,.jsgd-h-6{height:1.5rem}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-w-6::-webkit-calendar-picker-indicator,.jsgd-w-6{width:1.5rem}.jsgd-h-\[4\.5rem\]{height:4.5rem}.jsgd-h-0{height:0}.jsgd-h-10{height:2.5rem}.jsgd-h-12{height:3rem}.jsgd-h-14{height:3.5rem}.jsgd-h-16{height:4rem}.jsgd-h-24{height:6rem}.jsgd-h-3\.5{height:.875rem}.jsgd-h-4{height:1rem}.jsgd-h-48{height:12rem}.jsgd-h-5{height:1.25rem}.jsgd-h-7{height:1.75rem}.jsgd-h-8{height:2rem}.jsgd-h-9{height:2.25rem}.jsgd-h-full{height:100%}.jsgd-h-screen{height:100vh}.jsgd-max-h-16{max-height:4rem}.jsgd-max-h-64{max-height:16rem}.jsgd-max-h-screen{max-height:100vh}.jsgd-max-w-\[200px\]{max-width:200px}.jsgd-max-w-\[300px\]{max-width:300px}.jsgd-max-w-48{max-width:12rem}.jsgd-max-w-full{max-width:100%}.jsgd-max-w-md{max-width:28rem}.jsgd-max-w-sm{max-width:24rem}.jsgd-min-h-\[3\.5rem\]{min-height:3.5rem}.jsgd-min-h-\[8rem\]{min-height:8rem}.jsgd-min-w-\[100px\]{min-width:100px}.jsgd-min-w-\[120px\]{min-width:120px}.jsgd-min-w-\[250px\]{min-width:250px}.jsgd-min-w-0{min-width:0}.jsgd-min-w-10{min-width:2.5rem}.jsgd-w-\[4\.5rem\]{width:4.5rem}.jsgd-w-\[90\%\]{width:90%}.jsgd-w-0{width:0}.jsgd-w-10{width:2.5rem}.jsgd-w-12{width:3rem}.jsgd-w-14{width:3.5rem}.jsgd-w-16{width:4rem}.jsgd-w-24{width:6rem}.jsgd-w-3\.5{width:.875rem}.jsgd-w-4{width:1rem}.jsgd-w-48{width:12rem}.jsgd-w-5{width:1.25rem}.jsgd-w-7{width:1.75rem}.jsgd-w-8{width:2rem}.jsgd-w-9{width:2.25rem}.jsgd-w-full{width:100%}.before\:jsgd-h-full:before{height:100%}.before\:jsgd-h-px:before{height:1px}.before\:jsgd-w-full:before{width:100%}.jsgd-flex{display:flex}.jsgd-inline-flex{display:inline-flex}.jsgd-flex-1{flex:1 1 0%}.jsgd-shrink-0{flex-shrink:0}.jsgd-flex-grow{flex-grow:1}.jsgd-flex-col{flex-direction:column}.jsgd-flex-wrap{flex-wrap:wrap}.jsgd-border-collapse{border-collapse:collapse}.-jsgd-translate-x-1\/2{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-jsgd-translate-y-1\/2,.\[\&\:\:-webkit-calendar-picker-indicator\]\:-jsgd-translate-y-1\/2::-webkit-calendar-picker-indicator{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:-jsgd-translate-y-0\.5:hover{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:-jsgd-translate-y-px:hover{--un-translate-y:-1px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\:jsgd-translate-y-0:active{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.jsgd-rotate-180,.hover\:jsgd-rotate-180:hover{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:jsgd-rotate-90:hover{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.jsgd-scale-50{--un-scale-x:.5;--un-scale-y:.5;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:jsgd-scale-105:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:jsgd-scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.jsgd-group:hover .group-hover\:jsgd-scale-100{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.jsgd-transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.disabled\:jsgd-transform-none:disabled{transform:none}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jsgd-animate-\[fadeIn_250ms_ease-out\]{animation:fadeIn .25s ease-out}.jsgd-animate-\[fadeIn_300ms_ease-out\]{animation:fadeIn .3s ease-out}.jsgd-animate-\[fadeIn_400ms_ease-out\]{animation:fadeIn .4s ease-out}.jsgd-animate-\[popIn_0\.4s_ease-out_backwards\]{animation:popIn .4s ease-out backwards}.jsgd-animate-\[popIn_300ms_ease-out_backwards\]{animation:popIn .3s ease-out backwards}.jsgd-animate-\[popIn_400ms_cubic-bezier\(0\.16\,1\,0\.3\,1\)_backwards\]{animation:popIn .4s cubic-bezier(.16,1,.3,1) backwards}.jsgd-animate-\[pulse_2s_infinite\]{animation:pulse 2s infinite}.jsgd-animate-\[revealContent_400ms_ease-out\]{animation:revealContent .4s ease-out}.jsgd-animate-\[rotate_1s_linear_infinite\]{animation:rotate 1s linear infinite}.jsgd-animate-\[scaleIn_250ms_cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.jsgd-animate-\[scaleIn_400ms_150ms_ease-out_backwards\]{animation:scaleIn .4s .15s ease-out backwards}.jsgd-animate-\[slideDownFade_200ms_ease-out\]{animation:slideDownFade .2s ease-out}.jsgd-animate-\[slideIn_0\.3s_ease-out\],.jsgd-animate-\[slideIn_300ms_ease-out\]{animation:slideIn .3s ease-out}.jsgd-animate-\[slideIn_500ms_ease-out_backwards\]{animation:slideIn .5s ease-out backwards}.jsgd-animate-\[slideInFade_500ms_ease-out_backwards\]{animation:slideInFade .5s ease-out backwards}.jsgd-animate-\[slideInFromBottom_0\.5s_ease-out_0\.1s_both\]{animation:slideInFromBottom .5s ease-out .1s both}.jsgd-animate-\[slideInFromBottom_0\.5s_ease-out_0\.2s_both\]{animation:slideInFromBottom .5s ease-out .2s both}.jsgd-animate-\[slideInFromBottom_0\.5s_ease-out\]{animation:slideInFromBottom .5s ease-out}.jsgd-animate-\[slideUpFade_400ms_ease-out\]{animation:slideUpFade .4s ease-out}.jsgd-animate-\[slideUpFade_500ms_ease-out_backwards\]{animation:slideUpFade .5s ease-out backwards}.jsgd-animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.jsgd-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.jsgd-animate-spin{animation:spin 1s linear infinite}.jsgd-cursor-default{cursor:default}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-cursor-pointer::-webkit-calendar-picker-indicator,.jsgd-cursor-pointer{cursor:pointer}.jsgd-cursor-text{cursor:text}.jsgd-cursor-not-allowed{cursor:not-allowed}.disabled\:jsgd-cursor-not-allowed:disabled{cursor:not-allowed}.jsgd-resize-y{resize:vertical}.disabled\:jsgd-resize-none:disabled{resize:none}.jsgd-list-disc{list-style-type:disc}.jsgd-list-inside{list-style-position:inside}.jsgd-list-none{list-style-type:none}.\[\&\:\:-webkit-inner-spin-button\]\:jsgd-appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:jsgd-appearance-none::-webkit-outer-spin-button,.jsgd-appearance-none{-webkit-appearance:none;appearance:none}.jsgd-place-items-center{place-items:center}.jsgd-items-start{align-items:flex-start}.jsgd-items-center{align-items:center}.jsgd-justify-end{justify-content:flex-end}.jsgd-justify-center{justify-content:center}.jsgd-justify-between{justify-content:space-between}.jsgd-gap-1{gap:.25rem}.jsgd-gap-1\.5{gap:.375rem}.jsgd-gap-2{gap:.5rem}.jsgd-gap-3{gap:.75rem}.jsgd-gap-4{gap:1rem}.jsgd-gap-5{gap:1.25rem}.jsgd-gap-6{gap:1.5rem}.jsgd-gap-x-4{column-gap:1rem}.jsgd-gap-y-1{row-gap:.25rem}.jsgd-overflow-auto{overflow:auto}.jsgd-overflow-hidden{overflow:hidden}.jsgd-overflow-visible{overflow:visible}.jsgd-overflow-x-auto{overflow-x:auto}.jsgd-overflow-y-auto{overflow-y:auto}.jsgd-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jsgd-text-ellipsis{text-overflow:ellipsis}.jsgd-whitespace-nowrap{white-space:nowrap}.jsgd-break-words{overflow-wrap:break-word}.jsgd-border,.jsgd-border-1{border-width:1px}.jsgd-border-1\.5{border-width:1.5px}.jsgd-border-2{border-width:2px}.jsgd-border-4{border-width:4px}.\!jsgd-border-l-4{border-left-width:4px!important}.jsgd-border-b{border-bottom-width:1px}.jsgd-border-l-20{border-left-width:20px}.jsgd-border-t,.jsgd-border-t-1{border-top-width:1px}.jsgd-border-t-0{border-top-width:0px}.last\:jsgd-border-b-0:last-child{border-bottom-width:0px}.\!jsgd-border-slate-400{--un-border-opacity:1 !important;border-color:rgb(148 163 184 / var(--un-border-opacity))!important}.has-\[\:checked\]\:jsgd-border-blue-500:has(:checked),.jsgd-border-blue-500,.jsgd-peer:checked~.peer-checked\:jsgd-border-blue-500{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.jsgd-border-green-200{--un-border-opacity:1;border-color:rgb(187 247 208 / var(--un-border-opacity))}.jsgd-border-red-200{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity))}.jsgd-border-red-300{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity))}.jsgd-border-red-400{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity))}.jsgd-border-slate-200{--un-border-opacity:1;border-color:rgb(226 232 240 / var(--un-border-opacity))}.jsgd-border-slate-300{--un-border-opacity:1;border-color:rgb(203 213 225 / var(--un-border-opacity))}.jsgd-border-slate-50{--un-border-opacity:1;border-color:rgb(248 250 252 / var(--un-border-opacity))}.jsgd-border-slate-700{--un-border-opacity:1;border-color:rgb(51 65 85 / var(--un-border-opacity))}.jsgd-border-transparent{border-color:transparent}.jsgd-border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity))}.checked\:jsgd-border-blue-500:checked{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.focus-within\:jsgd-border-blue-500:focus-within{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.hover\:jsgd-border-blue-500:hover{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.focus\:jsgd-border-blue-500:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.focus-visible\:jsgd-border-blue-500:focus-visible{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.\[\&\:\:-moz-color-swatch\]\:jsgd-rounded-\[5px\]::-moz-color-swatch,.\[\&\:\:-webkit-color-swatch\]\:jsgd-rounded-\[5px\]::-webkit-color-swatch{border-radius:5px}.jsgd-rounded{border-radius:.25rem}.jsgd-rounded-2xl{border-radius:1rem}.jsgd-rounded-full{border-radius:9999px}.jsgd-rounded-lg{border-radius:.5rem}.jsgd-rounded-md{border-radius:.375rem}.jsgd-rounded-none{border-radius:0}.jsgd-rounded-sm{border-radius:.125rem}.jsgd-rounded-xl{border-radius:.75rem}.jsgd-rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.jsgd-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.\[\&\:\:-moz-color-swatch\]\:jsgd-border-none::-moz-color-swatch,.\[\&\:\:-webkit-color-swatch\]\:jsgd-border-none::-webkit-color-swatch,.jsgd-border-none{border-style:none}.jsgd-border-dashed{border-style:dashed}.jsgd-border-solid{border-style:solid}.has-\[\:checked\]\:jsgd-bg-blue-50\/50:has(:checked){background-color:#eff6ff80}.jsgd-bg-black\/70{background-color:#000000b3}.jsgd-bg-blue-100{--un-bg-opacity:1;background-color:rgb(219 234 254 / var(--un-bg-opacity))}.jsgd-bg-blue-50{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity))}.jsgd-bg-blue-500,.jsgd-peer:checked~.peer-checked\:jsgd-bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.jsgd-bg-blue-500\/10{background-color:#3b82f61a}.jsgd-bg-blue-600{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.jsgd-bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity))}.jsgd-bg-green-200{--un-bg-opacity:1;background-color:rgb(187 247 208 / var(--un-bg-opacity))}.jsgd-bg-green-50{--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity))}.jsgd-bg-green-500{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity))}.jsgd-bg-green-500\/10{background-color:#22c55e1a}.jsgd-bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.jsgd-bg-red-200{--un-bg-opacity:1;background-color:rgb(254 202 202 / var(--un-bg-opacity))}.jsgd-bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity))}.jsgd-bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity))}.jsgd-bg-red-500\/10{background-color:#ef44441a}.jsgd-bg-red-500\/80{background-color:#ef4444cc}.jsgd-bg-slate-100{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity))}.jsgd-bg-slate-200{--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity))}.jsgd-bg-slate-300{--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}.jsgd-bg-slate-50{--un-bg-opacity:1;background-color:rgb(248 250 252 / var(--un-bg-opacity))}.jsgd-bg-slate-500\/10{background-color:#64748b1a}.jsgd-bg-slate-900\/60{background-color:#0f172a99}.jsgd-bg-slate-900\/70{background-color:#0f172ab3}.jsgd-bg-transparent{background-color:transparent}.jsgd-bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.jsgd-bg-white\/20{background-color:#fff3}.jsgd-bg-white\/95{background-color:#fffffff2}.checked\:jsgd-bg-blue-500:checked{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.hover\:jsgd-bg-blue-500:hover{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.hover\:jsgd-bg-blue-600:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.hover\:jsgd-bg-blue-700:hover{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.hover\:jsgd-bg-green-600:hover{--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.hover\:jsgd-bg-red-500:hover{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity))}.hover\:jsgd-bg-red-600:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity))}.hover\:jsgd-bg-slate-100:hover{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity))}.hover\:jsgd-bg-slate-300:hover{--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}.hover\:jsgd-bg-slate-50:hover{--un-bg-opacity:1;background-color:rgb(248 250 252 / var(--un-bg-opacity))}.hover\:jsgd-bg-slate-500:hover{--un-bg-opacity:1;background-color:rgb(100 116 139 / var(--un-bg-opacity))}.hover\:jsgd-bg-white:hover{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:jsgd-bg-white\/30:hover{background-color:#ffffff4d}.disabled\:jsgd-bg-slate-100:disabled{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity))}.disabled\:jsgd-bg-slate-200:disabled{--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity))}.disabled\:jsgd-bg-slate-400:disabled{--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}.jsgd-from-blue-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.jsgd-from-emerald-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(16 185 129 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(16 185 129 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.jsgd-from-green-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(34 197 94 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(34 197 94 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.jsgd-from-indigo-600{--un-gradient-from-position:0%;--un-gradient-from:rgb(79 70 229 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(79 70 229 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.jsgd-from-red-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(239 68 68 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(239 68 68 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.jsgd-from-white{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.hover\:jsgd-from-emerald-600:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(5 150 105 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(5 150 105 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.hover\:jsgd-from-red-600:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(220 38 38 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(220 38 38 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.before\:jsgd-from-transparent:before{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.before\:jsgd-via-white\/20:before{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / .2) var(--un-gradient-via-position), var(--un-gradient-to)}.before\:jsgd-via-white\/30:before{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / .3) var(--un-gradient-via-position), var(--un-gradient-to)}.before\:jsgd-via-white\/80:before{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / .8) var(--un-gradient-via-position), var(--un-gradient-to)}.jsgd-to-blue-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.jsgd-to-emerald-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(5 150 105 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.jsgd-to-red-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(220 38 38 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.jsgd-to-rose-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(225 29 72 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.jsgd-to-slate-50{--un-gradient-to-position:100%;--un-gradient-to:rgb(248 250 252 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.jsgd-to-violet-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(124 58 237 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.hover\:jsgd-to-emerald-700:hover{--un-gradient-to-position:100%;--un-gradient-to:rgb(4 120 87 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.hover\:jsgd-to-red-700:hover{--un-gradient-to-position:100%;--un-gradient-to:rgb(185 28 28 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.before\:jsgd-to-transparent:before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position)}.jsgd-bg-gradient-to-br{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.before\:jsgd-bg-gradient-to-r:before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.jsgd-object-cover{object-fit:cover}.jsgd-object-contain{object-fit:contain}.\[\&\:\:-webkit-color-swatch-wrapper\]\:jsgd-p-0::-webkit-color-swatch-wrapper,.jsgd-p-0{padding:0}.jsgd-p-1{padding:.25rem}.jsgd-p-2{padding:.5rem}.jsgd-p-3{padding:.75rem}.jsgd-p-4{padding:1rem}.jsgd-p-5{padding:1.25rem}.jsgd-p-6{padding:1.5rem}.jsgd-p-8{padding:2rem}.jsgd-px-1{padding-left:.25rem;padding-right:.25rem}.jsgd-px-2{padding-left:.5rem;padding-right:.5rem}.jsgd-px-3{padding-left:.75rem;padding-right:.75rem}.jsgd-px-4{padding-left:1rem;padding-right:1rem}.jsgd-px-5{padding-left:1.25rem;padding-right:1.25rem}.jsgd-px-6{padding-left:1.5rem;padding-right:1.5rem}.jsgd-px-7{padding-left:1.75rem;padding-right:1.75rem}.jsgd-px-8{padding-left:2rem;padding-right:2rem}.jsgd-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.jsgd-py-1{padding-top:.25rem;padding-bottom:.25rem}.jsgd-py-16{padding-top:4rem;padding-bottom:4rem}.jsgd-py-2{padding-top:.5rem;padding-bottom:.5rem}.jsgd-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.jsgd-py-3{padding-top:.75rem;padding-bottom:.75rem}.jsgd-py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.jsgd-py-8{padding-top:2rem;padding-bottom:2rem}.\!jsgd-pl-3{padding-left:.75rem!important}.jsgd-pb-\[5px\]{padding-bottom:5px}.jsgd-pb-6{padding-bottom:1.5rem}.jsgd-pb-8{padding-bottom:2rem}.jsgd-pl-1{padding-left:.25rem}.jsgd-pl-10{padding-left:2.5rem}.jsgd-pl-11{padding-left:2.75rem}.jsgd-pl-4{padding-left:1rem}.jsgd-pl-5{padding-left:1.25rem}.jsgd-pr-10{padding-right:2.5rem}.jsgd-pr-3{padding-right:.75rem}.jsgd-pr-4{padding-right:1rem}.jsgd-pt-16{padding-top:4rem}.jsgd-pt-4{padding-top:1rem}.last\:jsgd-pb-0:last-child{padding-bottom:0}.jsgd-text-center{text-align:center}.jsgd-text-left{text-align:left}.jsgd-text-right{text-align:right}.\!jsgd-text-base{font-size:1rem!important;line-height:1.5rem!important}.\!jsgd-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.jsgd-text-2xl{font-size:1.5rem;line-height:2rem}.jsgd-text-base{font-size:1rem;line-height:1.5rem}.jsgd-text-lg{font-size:1.125rem;line-height:1.75rem}.jsgd-text-sm{font-size:.875rem;line-height:1.25rem}.jsgd-text-xl{font-size:1.25rem;line-height:1.75rem}.jsgd-text-xs{font-size:.75rem;line-height:1rem}.before\:jsgd-text-lg:before{font-size:1.125rem;line-height:1.75rem}.before\:jsgd-text-xl:before{font-size:1.25rem;line-height:1.75rem}.\!jsgd-text-slate-800{--un-text-opacity:1 !important;color:rgb(30 41 59 / var(--un-text-opacity))!important}.\!jsgd-text-slate-900{--un-text-opacity:1 !important;color:rgb(15 23 42 / var(--un-text-opacity))!important}.\[\&\:\:marker\]\:jsgd-text-green-500::marker,.jsgd-text-green-500{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity))}.\[\&\:\:marker\]\:jsgd-text-red-500::marker,.jsgd-text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.jsgd-text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.jsgd-text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}.jsgd-text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity))}.jsgd-text-blue-800{--un-text-opacity:1;color:rgb(30 64 175 / var(--un-text-opacity))}.jsgd-text-emerald-500{--un-text-opacity:1;color:rgb(16 185 129 / var(--un-text-opacity))}.jsgd-text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.jsgd-text-green-800{--un-text-opacity:1;color:rgb(22 101 52 / var(--un-text-opacity))}.jsgd-text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.jsgd-text-red-800{--un-text-opacity:1;color:rgb(153 27 27 / var(--un-text-opacity))}.jsgd-text-slate-400{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity))}.jsgd-text-slate-500{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity))}.jsgd-text-slate-600{--un-text-opacity:1;color:rgb(71 85 105 / var(--un-text-opacity))}.jsgd-text-slate-700{--un-text-opacity:1;color:rgb(51 65 85 / var(--un-text-opacity))}.jsgd-text-slate-800{--un-text-opacity:1;color:rgb(30 41 59 / var(--un-text-opacity))}.jsgd-text-slate-900{--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity))}.jsgd-text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:jsgd-text-blue-500:hover{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.hover\:jsgd-text-slate-800:hover{--un-text-opacity:1;color:rgb(30 41 59 / var(--un-text-opacity))}.hover\:jsgd-text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.disabled\:jsgd-text-slate-500:disabled{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity))}.\!jsgd-font-semibold{font-weight:600!important}.jsgd-font-bold{font-weight:700}.jsgd-font-medium{font-weight:500}.jsgd-font-semibold{font-weight:600}.jsgd-leading-none{line-height:1}.jsgd-leading-relaxed{line-height:1.625}.before\:jsgd-leading-none:before{line-height:1}.jsgd-tracking-wider{letter-spacing:.05em}.jsgd-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.jsgd-uppercase{text-transform:uppercase}.jsgd-capitalize{text-transform:capitalize}.jsgd-italic{font-style:italic}.jsgd-underline,.hover\:jsgd-underline:hover{text-decoration-line:underline}.jsgd-underline-offset-2{text-underline-offset:2px}.jsgd-group:has(:checked) .group-has-\[\:checked\]\:jsgd-opacity-100,.jsgd-opacity-100,.jsgd-group:hover .group-hover\:jsgd-opacity-100{opacity:1}.\[\&\:\:-webkit-calendar-picker-indicator\]\:jsgd-opacity-0::-webkit-calendar-picker-indicator,.jsgd-opacity-0{opacity:0}.jsgd-opacity-10{opacity:.1}.jsgd-opacity-50{opacity:.5}.jsgd-opacity-60{opacity:.6}.jsgd-opacity-70{opacity:.7}.jsgd-group:hover .group-hover\:jsgd-opacity-20{opacity:.2}.disabled\:jsgd-opacity-50:disabled{opacity:.5}.disabled\:jsgd-opacity-60:disabled{opacity:.6}.disabled\:jsgd-opacity-70:disabled{opacity:.7}.jsgd-shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-\[0_0_0_1px\]{--un-shadow:0 0 0 1px var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-green-500\/20{--un-shadow-color:rgb(34 197 94 / .2) }.jsgd-shadow-inner{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-red-500\/20{--un-shadow-color:rgb(239 68 68 / .2) }.jsgd-shadow-slate-300{--un-shadow-opacity:1;--un-shadow-color:rgb(203 213 225 / var(--un-shadow-opacity)) }.jsgd-shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:jsgd-shadow-green-500\/30:hover{--un-shadow-color:rgb(34 197 94 / .3) }.hover\:jsgd-shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:jsgd-shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:jsgd-shadow-red-500\/30:hover{--un-shadow-color:rgb(239 68 68 / .3) }.hover\:jsgd-shadow-xl:hover{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.jsgd-outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:jsgd-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:jsgd-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-within\:jsgd-ring-4:focus-within{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:jsgd-ring-3:focus{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:jsgd-ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:jsgd-ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-within\:jsgd-ring-blue-500\/20:focus-within{--un-ring-color:rgb(59 130 246 / .2) }.focus-within\:jsgd-ring-red-500\/20:focus-within{--un-ring-color:rgb(239 68 68 / .2) }.focus\:jsgd-ring-blue-500\/10:focus{--un-ring-color:rgb(59 130 246 / .1) }.focus\:jsgd-ring-blue-500\/20:focus{--un-ring-color:rgb(59 130 246 / .2) }.focus\:jsgd-ring-red-500\/20:focus{--un-ring-color:rgb(239 68 68 / .2) }.focus-visible\:jsgd-ring-blue-500\/20:focus-visible{--un-ring-color:rgb(59 130 246 / .2) }.focus-visible\:jsgd-ring-blue-500\/30:focus-visible{--un-ring-color:rgb(59 130 246 / .3) }.focus-visible\:jsgd-ring-red-500\/20:focus-visible{--un-ring-color:rgb(239 68 68 / .2) }.jsgd-backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.jsgd-backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.jsgd-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jsgd-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jsgd-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jsgd-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:jsgd-transition-\[left\]:before{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.jsgd-duration-100{transition-duration:.1s}.jsgd-duration-200{transition-duration:.2s}.jsgd-duration-300{transition-duration:.3s}.before\:jsgd-duration-600:before{transition-duration:.6s}.jsgd-ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.jsgd-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.jsgd-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.jsgd-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:jsgd-content-\[\'\'\]:before{content:""}.before\:jsgd-content-\[\'\+\'\]:before{content:"+"}@media(max-width:640px){.max-\[640px\]\:jsgd-w-full{width:100%}.max-\[640px\]\:jsgd-flex-col{flex-direction:column}.max-\[640px\]\:jsgd-items-start{align-items:flex-start}.max-\[640px\]\:jsgd-justify-end{justify-content:flex-end}.max-\[640px\]\:jsgd-gap-4{gap:1rem}.max-\[640px\]\:jsgd-border-t-1{border-top-width:1px}.max-\[640px\]\:jsgd-border-slate-200{--un-border-opacity:1;border-color:rgb(226 232 240 / var(--un-border-opacity))}.max-\[640px\]\:jsgd-border-solid{border-style:solid}.max-\[640px\]\:jsgd-p-4{padding:1rem}.max-\[640px\]\:jsgd-pt-2{padding-top:.5rem}}@media(min-width:480px){.min-\[480px\]\:jsgd-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:512px){.min-\[512px\]\:jsgd-flex-row{flex-direction:row}.min-\[512px\]\:jsgd-flex-col{flex-direction:column}.min-\[512px\]\:jsgd-items-center{align-items:center}.min-\[512px\]\:jsgd-justify-between{justify-content:space-between}}@media(prefers-color-scheme:dark){.dark\:\!jsgd-border-slate-600{--un-border-opacity:1 !important;border-color:rgb(71 85 105 / var(--un-border-opacity))!important}.dark\:has-\[\:checked\]\:jsgd-border-blue-400:has(:checked),.dark\:jsgd-border-blue-400{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark\:jsgd-border-blue-600{--un-border-opacity:1;border-color:rgb(37 99 235 / var(--un-border-opacity))}.dark\:jsgd-border-green-700{--un-border-opacity:1;border-color:rgb(21 128 61 / var(--un-border-opacity))}.dark\:jsgd-border-red-400{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity))}.dark\:jsgd-border-red-500{--un-border-opacity:1;border-color:rgb(239 68 68 / var(--un-border-opacity))}.dark\:jsgd-border-red-700{--un-border-opacity:1;border-color:rgb(185 28 28 / var(--un-border-opacity))}.dark\:jsgd-border-red-800{--un-border-opacity:1;border-color:rgb(153 27 27 / var(--un-border-opacity))}.dark\:jsgd-border-slate-500{--un-border-opacity:1;border-color:rgb(100 116 139 / var(--un-border-opacity))}.dark\:jsgd-border-slate-600{--un-border-opacity:1;border-color:rgb(71 85 105 / var(--un-border-opacity))}.dark\:jsgd-border-slate-700{--un-border-opacity:1;border-color:rgb(51 65 85 / var(--un-border-opacity))}.dark\:jsgd-border-slate-800{--un-border-opacity:1;border-color:rgb(30 41 59 / var(--un-border-opacity))}.dark\:checked\:jsgd-border-blue-600:checked{--un-border-opacity:1;border-color:rgb(37 99 235 / var(--un-border-opacity))}.dark\:focus-within\:jsgd-border-blue-400:focus-within{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark\:hover\:jsgd-border-blue-400:hover{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark\:focus\:jsgd-border-blue-400:focus{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark\:focus-visible\:jsgd-border-blue-400:focus-visible{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark\:has-\[\:checked\]\:jsgd-bg-blue-900\/20:has(:checked),.dark\:jsgd-bg-blue-900\/20{background-color:#1e3a8a33}.dark\:jsgd-bg-blue-500,.jsgd-peer:checked~.dark\:peer-checked\:jsgd-bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.dark\:jsgd-bg-blue-600{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.dark\:jsgd-bg-blue-900{--un-bg-opacity:1;background-color:rgb(30 58 138 / var(--un-bg-opacity))}.dark\:jsgd-bg-blue-900\/30{background-color:#1e3a8a4d}.dark\:jsgd-bg-green-500{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity))}.dark\:jsgd-bg-green-800\/30{background-color:#1665344d}.dark\:jsgd-bg-green-800\/50{background-color:#16653480}.dark\:jsgd-bg-green-900{--un-bg-opacity:1;background-color:rgb(20 83 45 / var(--un-bg-opacity))}.dark\:jsgd-bg-green-900\/50{background-color:#14532d80}.dark\:jsgd-bg-red-600{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity))}.dark\:jsgd-bg-red-800\/30{background-color:#991b1b4d}.dark\:jsgd-bg-red-800\/50{background-color:#991b1b80}.dark\:jsgd-bg-red-900{--un-bg-opacity:1;background-color:rgb(127 29 29 / var(--un-bg-opacity))}.dark\:jsgd-bg-red-900\/10{background-color:#7f1d1d1a}.dark\:jsgd-bg-red-900\/50{background-color:#7f1d1d80}.dark\:jsgd-bg-slate-700{--un-bg-opacity:1;background-color:rgb(51 65 85 / var(--un-bg-opacity))}.dark\:jsgd-bg-slate-800{--un-bg-opacity:1;background-color:rgb(30 41 59 / var(--un-bg-opacity))}.dark\:jsgd-bg-slate-800\/50{background-color:#1e293b80}.dark\:jsgd-bg-slate-800\/95{background-color:#1e293bf2}.dark\:jsgd-bg-slate-900{--un-bg-opacity:1;background-color:rgb(15 23 42 / var(--un-bg-opacity))}.dark\:jsgd-bg-transparent{background-color:transparent}.dark\:checked\:jsgd-bg-blue-600:checked{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-blue-400:hover{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-blue-500:hover{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-blue-600:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-green-400:hover{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-red-500:hover{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-red-600:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-slate-400:hover{--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-slate-600:hover{--un-bg-opacity:1;background-color:rgb(71 85 105 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-slate-700:hover{--un-bg-opacity:1;background-color:rgb(51 65 85 / var(--un-bg-opacity))}.dark\:hover\:jsgd-bg-slate-800:hover{--un-bg-opacity:1;background-color:rgb(30 41 59 / var(--un-bg-opacity))}.dark\:disabled\:jsgd-bg-slate-600:disabled{--un-bg-opacity:1;background-color:rgb(71 85 105 / var(--un-bg-opacity))}.dark\:disabled\:jsgd-bg-slate-700:disabled{--un-bg-opacity:1;background-color:rgb(51 65 85 / var(--un-bg-opacity))}.dark\:disabled\:jsgd-bg-slate-800:disabled{--un-bg-opacity:1;background-color:rgb(30 41 59 / var(--un-bg-opacity))}.dark\:jsgd-from-blue-600{--un-gradient-from-position:0%;--un-gradient-from:rgb(37 99 235 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.dark\:jsgd-from-red-600{--un-gradient-from-position:0%;--un-gradient-from:rgb(220 38 38 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(220 38 38 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.dark\:jsgd-from-slate-800{--un-gradient-from-position:0%;--un-gradient-from:rgb(30 41 59 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(30 41 59 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.dark\:jsgd-to-blue-700{--un-gradient-to-position:100%;--un-gradient-to:rgb(29 78 216 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.dark\:jsgd-to-red-700{--un-gradient-to-position:100%;--un-gradient-to:rgb(185 28 28 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.dark\:jsgd-to-slate-900{--un-gradient-to-position:100%;--un-gradient-to:rgb(15 23 42 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.dark\:\!jsgd-text-slate-100{--un-text-opacity:1 !important;color:rgb(241 245 249 / var(--un-text-opacity))!important}.dark\:\!jsgd-text-slate-200{--un-text-opacity:1 !important;color:rgb(226 232 240 / var(--un-text-opacity))!important}.dark\:jsgd-text-blue-200{--un-text-opacity:1;color:rgb(191 219 254 / var(--un-text-opacity))}.dark\:jsgd-text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity))}.dark\:jsgd-text-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.dark\:jsgd-text-emerald-400{--un-text-opacity:1;color:rgb(52 211 153 / var(--un-text-opacity))}.dark\:jsgd-text-green-200{--un-text-opacity:1;color:rgb(187 247 208 / var(--un-text-opacity))}.dark\:jsgd-text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.dark\:jsgd-text-red-200{--un-text-opacity:1;color:rgb(254 202 202 / var(--un-text-opacity))}.dark\:jsgd-text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.dark\:jsgd-text-slate-100{--un-text-opacity:1;color:rgb(241 245 249 / var(--un-text-opacity))}.dark\:jsgd-text-slate-200{--un-text-opacity:1;color:rgb(226 232 240 / var(--un-text-opacity))}.dark\:jsgd-text-slate-300{--un-text-opacity:1;color:rgb(203 213 225 / var(--un-text-opacity))}.dark\:jsgd-text-slate-400{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity))}.dark\:jsgd-text-slate-500{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity))}.dark\:jsgd-text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.dark\:hover\:jsgd-text-blue-300:hover{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity))}.dark\:hover\:jsgd-text-slate-100:hover{--un-text-opacity:1;color:rgb(241 245 249 / var(--un-text-opacity))}.dark\:hover\:jsgd-text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.dark\:disabled\:jsgd-text-slate-400:disabled{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity))}.dark\:jsgd-shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.2\)\]{--un-shadow:0 0 0 1px var(--un-shadow-color, rgba(255, 255, 255, .2));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.dark\:jsgd-shadow-blue-900\/50{--un-shadow-color:rgb(30 58 138 / .5) }.dark\:jsgd-shadow-slate-600{--un-shadow-opacity:1;--un-shadow-color:rgb(71 85 105 / var(--un-shadow-opacity)) }.dark\:focus-within\:jsgd-ring-blue-400\/25:focus-within{--un-ring-color:rgb(96 165 250 / .25) }.dark\:focus-within\:jsgd-ring-red-400\/25:focus-within{--un-ring-color:rgb(248 113 113 / .25) }.dark\:focus\:jsgd-ring-blue-400\/25:focus{--un-ring-color:rgb(96 165 250 / .25) }.dark\:focus\:jsgd-ring-red-400\/25:focus{--un-ring-color:rgb(248 113 113 / .25) }.dark\:focus-visible\:jsgd-ring-blue-400\/25:focus-visible{--un-ring-color:rgb(96 165 250 / .25) }.dark\:focus-visible\:jsgd-ring-red-400\/25:focus-visible{--un-ring-color:rgb(248 113 113 / .25) }}@media(prefers-color-scheme:dark){@media(max-width:640px){.dark\:max-\[640px\]\:jsgd-border-slate-600{--un-border-opacity:1;border-color:rgb(71 85 105 / var(--un-border-opacity))}}}@media(max-width:639.9px){.max-sm\:jsgd-left-4{left:1rem}}@media(min-width:640px){.sm\:jsgd-max-w-md{max-width:28rem}}@media(min-width:768px){.md\:jsgd-grid{display:grid}.md\:jsgd-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:jsgd-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:jsgd-inline{display:inline}.md\:jsgd-contents{display:contents}.md\:jsgd-h-auto{height:auto}.md\:jsgd-h-full{height:100%}.md\:jsgd-max-h-\[90vh\]{max-height:90vh}.md\:jsgd-max-w-\[700px\]{max-width:700px}.md\:jsgd-w-\[90\%\]{width:90%}.md\:jsgd-flex-row{flex-direction:row}.md\:jsgd-table-cell{display:table-cell}.md\:jsgd-items-start{align-items:flex-start}.md\:jsgd-self-end{align-self:flex-end}.md\:jsgd-gap-3{gap:.75rem}.md\:jsgd-gap-x-6{column-gap:1.5rem}.md\:jsgd-gap-y-4{row-gap:1rem}.md\:jsgd-rounded-2xl{border-radius:1rem}.md\:jsgd-p-4{padding:1rem}.md\:jsgd-p-6{padding:1.5rem}.md\:jsgd-p-8{padding:2rem}.md\:jsgd-px-8{padding-left:2rem;padding-right:2rem}.md\:jsgd-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:jsgd-text-left{text-align:left}.md\:jsgd-text-2xl{font-size:1.5rem;line-height:2rem}.md\:jsgd-text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.lg\:jsgd-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:jsgd-max-w-\[800px\]{max-width:800px}.lg\:jsgd-w-\[80\%\]{width:80%}}@media(min-width:1280px){.xl\:jsgd-max-w-\[900px\]{max-width:900px}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsg-developer/vue-pack",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "private": false,
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "type": "module",
@@ -26,7 +26,7 @@
26
26
  "import": "./dist/init.es.js",
27
27
  "require": "./dist/init.cjs.js"
28
28
  },
29
- "./style.css": "./dist/jsgd-vue-pack.css"
29
+ "./style.css": "./dist/vue-pack.css"
30
30
  },
31
31
  "engines": {
32
32
  "node": "^20.19.0 || >=22.12.0"
@@ -42,12 +42,14 @@
42
42
  "uno:build": "unocss \"src/**/*.{vue,ts,js}\" -o src/style.css"
43
43
  },
44
44
  "dependencies": {
45
+ "@iconify-json/mdi": "^1.2.3",
45
46
  "dompurify": "^3.2.6",
46
47
  "lodash.isequal": "^4.5.0"
47
48
  },
48
49
  "peerDependencies": {
49
50
  "vue": "^3.5.18",
50
- "zod": "^4.0.10"
51
+ "zod": "^4.0.10",
52
+ "quill": "^2.0.3"
51
53
  },
52
54
  "devDependencies": {
53
55
  "@tsconfig/node21": "^21.0.5",
@@ -58,10 +60,10 @@
58
60
  "@vue/tsconfig": "^0.7.0",
59
61
  "npm-run-all2": "^8.0.4",
60
62
  "prettier": "3.6.2",
61
- "quill": "^2.0.3",
62
63
  "rollup-plugin-copy": "^3.5.0",
63
64
  "rollup-plugin-license": "^3.6.0",
64
65
  "typescript": "5.6",
66
+ "unocss": "^0.61.0",
65
67
  "vite": "^7.0.6",
66
68
  "vite-plugin-dts": "^4.5.4",
67
69
  "vite-plugin-vue-devtools": "^8.0.0",
@@ -1 +0,0 @@
1
- "use strict";const e=require("vue"),$=require("./TabelData.vue_vue_type_style_index_0_scoped_76b9b7a6_lang-jjKlGR9H.cjs"),De=["src","alt"],Ce=e.defineComponent({__name:"BaseImage",props:{src:{},alt:{}},setup(t){return(r,l)=>(e.openBlock(),e.createElementBlock("img",e.mergeProps({src:t.src,alt:t.alt,loading:"lazy",decoding:"async",class:"image-cover"},r.$attrs),null,16,De))}}),Me=$._export_sfc(Ce,[["__scopeId","data-v-42adc665"]]),$e={class:"base-label"},xe=e.defineComponent({__name:"BaseLabel",props:{label:{}},setup(t){return(r,l)=>(e.openBlock(),e.createElementBlock("label",$e,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]))}}),S=$._export_sfc(xe,[["__scopeId","data-v-1f7d7c4b"]]);function de(t="id-ID",r="Asia/Jakarta"){let l=t,o=r;try{typeof navigator<"u"&&(l=navigator.language||t),o=Intl.DateTimeFormat().resolvedOptions().timeZone||r}catch{}return{locale:l,timeZone:o}}function me(t,r="id-ID"){const l=Intl.DateTimeFormat.supportedLocalesOf([t]);return l.length>0?l[0]:r}function fe(t){return t instanceof Date&&!isNaN(t.getTime())}const ve=t=>{try{if(!t)return"-";const r=new Date(t);if(!fe(r))return t;const{locale:l,timeZone:o}=de();return r.toLocaleDateString(me(l),{weekday:"long",year:"numeric",month:"long",day:"numeric",timeZone:o})}catch{return t}},ke=t=>{try{if(!t)return"-";const r=new Date(`1970-01-01T${t}`);if(!fe(r))return t;const{locale:l,timeZone:o}=de();return r.toLocaleTimeString(me(l),{hour:"2-digit",minute:"2-digit",timeZone:o})}catch{return t}},he=t=>{try{if(!t)return"-";const r=new Date(t);if(!fe(r))return t;const{locale:l,timeZone:o}=de();return r.toLocaleString(me(l),{weekday:"short",year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",timeZone:o})}catch{return t}},Ae=["id"],Te={key:0},Se={class:"field-value"},Oe={key:1},je=["innerHTML"],Ie={key:1,class:"field-value"},Le={key:2},Fe=["innerHTML"],Ke={key:1,class:"field-value"},He={key:3},Pe={class:"password-wrapper"},ze={class:"password-text"},Re={key:4},Ue={class:"field-value"},We={key:5},Ze={class:"field-value"},qe={key:6},Ge={class:"field-value"},Qe={key:7},Je={key:8},Xe={key:0},Ye=["href"],et={key:1,class:"file-info"},tt={class:"file-size"},nt=["href"],at={key:1,class:"no-value"},ot={key:9},lt={key:0,class:"file-array-container"},it=["href"],st={key:1,class:"file-info"},rt={class:"file-size"},ct=["href"],dt={key:1,class:"no-value"},ut={key:10},mt={class:"field-value"},ft={key:11},yt={class:"field-value"},vt={key:12},kt=["href"],ht={key:13},gt={class:"field-value"},pt={key:14},bt={key:0,class:"object-container"},Bt={key:1,class:"no-value"},wt={key:15},Et={key:0},Vt=["src"],Nt={key:1,class:"no-value"},_t={key:16},Dt={key:0,class:"image-array-container"},Ct=["src","alt","onClick"],Mt={key:1,class:"no-value"},$t={key:17},xt={class:"color-container"},At=["title","onClick"],Tt={key:1,class:"no-value"},St={key:18},Ot={class:"field-value"},jt={key:19},It={key:0,class:"array-object-container"},Lt={key:1,class:"no-value"},Ft={key:1,class:"field-wrapper"},Kt={class:"option-group-grid"},Ht=e.defineComponent({__name:"FieldDetailRenderer",props:{field:{},fieldKey:{},formData:{},requiredText:{},valueNullView:{type:Boolean},optionalText:{},lang:{}},emits:["image-click"],setup(t,{emit:r}){const l=e.ref(!1),o=t,i=r,n=e.computed(()=>o.formData?.[o.fieldKey]),u=e.computed(()=>{const y=n.value;return o.valueNullView&&o.field.type!=="optionGroupSchema"?!0:y!=null&&y!==""}),m=e.inject("TableComponents",{labels:e.ref($.defaultTextLabelsMap[o.lang??"en"])}).labels,a=e.computed(()=>{let y=o.field.label||o.fieldKey||"";return o.field.type==="optionGroupSchema"?o.field.label??"":y}),p=y=>y instanceof File,_=y=>URL.createObjectURL(y),O=y=>{navigator.clipboard.writeText(y).then(()=>console.log("Copied:",y)).catch(console.error)};return(y,A)=>u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"field-wrapper",id:t.fieldKey},[t.field.type==="text"?(e.openBlock(),e.createElementBlock("div",Te,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",Se,e.toDisplayString(n.value||"-"),1)])):t.field.type==="richText"?(e.openBlock(),e.createElementBlock("div",Oe,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"prose-content",innerHTML:n.value},null,8,je)):(e.openBlock(),e.createElementBlock("p",Ie,"-"))])):t.field.type==="textArea"?(e.openBlock(),e.createElementBlock("div",Le,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"prose-content",innerHTML:n.value},null,8,Fe)):(e.openBlock(),e.createElementBlock("p",Ke,"-"))])):t.field.type==="password"?(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("div",Pe,[e.createElementVNode("p",ze,e.toDisplayString(l.value?n.value??"-":n.value?"•".repeat(String(n.value).length):"-"),1),n.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"toggle-visibility-button",onClick:A[0]||(A[0]=w=>l.value=!l.value)},e.toDisplayString(l.value?"Hide":"Show"),1)):e.createCommentVNode("",!0)])])):t.field.type==="date"?(e.openBlock(),e.createElementBlock("div",Re,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",Ue,e.toDisplayString(n.value?e.unref(ve)(n.value):"-"),1)])):t.field.type==="time"?(e.openBlock(),e.createElementBlock("div",We,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",Ze,e.toDisplayString(n.value?e.unref(ke)(n.value):"-"),1)])):t.field.type==="dateTime"?(e.openBlock(),e.createElementBlock("div",qe,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",Ge,e.toDisplayString(n.value?e.unref(he)(n.value):"-"),1)])):t.field.type==="toggle"?(e.openBlock(),e.createElementBlock("div",Qe,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",{class:e.normalizeClass(["toggle-badge",n.value?"active":"inactive"])},e.toDisplayString(n.value?e.unref(m).btn.toogle.active:e.unref(m).btn.toogle.inactive)+" ⦿ ",3)])):t.field.type==="file"?(e.openBlock(),e.createElementBlock("div",Je,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),n.value?(e.openBlock(),e.createElementBlock("div",Xe,[typeof n.value=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:n.value,target:"_blank",rel:"noopener noreferrer",class:"file-link"},e.toDisplayString(n.value.split("/").pop()||n.value),9,Ye)):p(n.value)?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("span",null,e.toDisplayString(n.value.name),1),e.createElementVNode("span",tt,"("+e.toDisplayString((n.value.size/1024).toFixed(1))+" KB)",1),e.createElementVNode("a",{href:_(n.value),target:"_blank",rel:"noopener noreferrer",class:"file-preview-link"}," Preview ",8,nt)])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",at,"-"))])):t.field.type==="fileArray"?(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),Array.isArray(n.value)&&n.value.length?(e.openBlock(),e.createElementBlock("div",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C},[typeof w=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,href:w,target:"_blank",rel:"noopener noreferrer",class:"file-link"},e.toDisplayString(w.split("/").pop()||w),9,it)):p(w)?(e.openBlock(),e.createElementBlock("div",st,[e.createElementVNode("span",null,e.toDisplayString(w.name),1),e.createElementVNode("span",rt,"("+e.toDisplayString((w.size/1024).toFixed(1))+" KB)",1),e.createElementVNode("a",{href:_(w),target:"_blank",rel:"noopener noreferrer",class:"file-preview-link"}," Preview ",8,ct)])):e.createCommentVNode("",!0)]))),128))])):(e.openBlock(),e.createElementBlock("div",dt,"-"))])):t.field.type==="number"?(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",mt,e.toDisplayString(n.value??"-"),1)])):t.field.type==="email"?(e.openBlock(),e.createElementBlock("div",ft,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",yt,e.toDisplayString(n.value??"-"),1)])):t.field.type==="url"?(e.openBlock(),e.createElementBlock("div",vt,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("a",{href:n.value,target:"_blank",rel:"noopener noreferrer",class:"url-link"},e.toDisplayString(n.value??"-"),9,kt)])):t.field.type==="tag"?(e.openBlock(),e.createElementBlock("div",ht,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",gt,e.toDisplayString(n.value??"-"),1)])):t.field.type==="object"?(e.openBlock(),e.createElementBlock("div",pt,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),n.value&&typeof n.value=="object"&&Object.keys(n.value).length?(e.openBlock(),e.createElementBlock("div",bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.field.schema,(w,C)=>(e.openBlock(),e.createBlock(e.unref(ae),{key:C,field:w,"field-key":C,"form-data":n.value,"value-null-view":t.valueNullView,"optional-text":t.optionalText,"required-text":t.requiredText,onImageClick:A[1]||(A[1]=j=>i("image-click",j))},null,8,["field","field-key","form-data","value-null-view","optional-text","required-text"]))),128))])):(e.openBlock(),e.createElementBlock("div",Bt,"-"))])):t.field.type==="image"?(e.openBlock(),e.createElementBlock("div",wt,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),n.value?(e.openBlock(),e.createElementBlock("div",Et,[e.createElementVNode("img",{src:n.value,alt:"Image",class:"image-preview-single",onClick:A[2]||(A[2]=w=>i("image-click",n.value))},null,8,Vt)])):(e.openBlock(),e.createElementBlock("div",Nt,"-"))])):t.field.type==="imageArray"?(e.openBlock(),e.createElementBlock("div",_t,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),Array.isArray(n.value)&&n.value.length?(e.openBlock(),e.createElementBlock("div",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C},[e.createElementVNode("img",{src:w,alt:`Image ${C+1}`,class:"image-preview-multi",onClick:j=>i("image-click",w)},null,8,Ct)]))),128))])):(e.openBlock(),e.createElementBlock("div",Mt,"-"))])):t.field.type==="color"?(e.openBlock(),e.createElementBlock("div",$t,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("div",xt,[Array.isArray(n.value)&&n.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:"color-swatch",style:e.normalizeStyle({backgroundColor:w}),title:w,onClick:j=>O(w)},null,12,At))),128)):(e.openBlock(),e.createElementBlock("div",Tt,"-"))])])):t.field.type==="select"?(e.openBlock(),e.createElementBlock("div",St,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),e.createElementVNode("p",Ot,e.toDisplayString(n.value||"-"),1)])):t.field.type==="arrayObject"?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(e.unref(S),{label:a.value},null,8,["label"]),Array.isArray(n.value)&&n.value.length?(e.openBlock(),e.createElementBlock("div",It,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:"array-object-item"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.field.schema,(j,x)=>(e.openBlock(),e.createBlock(e.unref(ae),{key:x,field:j,"field-key":x,"form-data":w,"value-null-view":t.valueNullView,"optional-text":t.optionalText,"required-text":t.requiredText,onImageClick:A[3]||(A[3]=h=>i("image-click",h))},null,8,["field","field-key","form-data","value-null-view","optional-text","required-text"]))),128))]))),128))])):(e.openBlock(),e.createElementBlock("div",Lt,"-"))])):e.createCommentVNode("",!0)],8,Ae)):t.field.type==="optionGroupSchema"?(e.openBlock(),e.createElementBlock("div",Ft,[t.formData[t.fieldKey]||a.value?(e.openBlock(),e.createBlock(e.unref(S),{key:0,label:t.formData[t.fieldKey]?a.value+":"+(t.formData[t.fieldKey]??""):a.value,class:"option-group-main-label"},null,8,["label"])):e.createCommentVNode("",!0),e.createElementVNode("div",Kt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.field.options,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:"option-group-item"},[e.createVNode(e.unref(S),{label:C,class:"option-group-item-label"},null,8,["label"]),A[5]||(A[5]=e.createElementVNode("hr",{class:"option-group-divider"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w,(j,x)=>(e.openBlock(),e.createBlock(e.unref(ae),{key:x,field:j,"field-key":x,"form-data":t.formData,"value-null-view":t.valueNullView,"optional-text":t.optionalText,"required-text":t.requiredText,onImageClick:A[4]||(A[4]=h=>i("image-click",h))},null,8,["field","field-key","form-data","value-null-view","optional-text","required-text"]))),128))]))),128))])])):e.createCommentVNode("",!0)}}),ae=$._export_sfc(Ht,[["__scopeId","data-v-77044b61"]]),Pt=["src","alt"],zt=e.defineComponent({__name:"ImagePreview",props:{imageUrl:{},watermarkUrl:{default:"https://res.cloudinary.com/doyufai9q/image/upload/v1754227461/Logo_transparent_b6qrek.png"},watermarkSize:{default:4},alt:{default:""}},setup(t){const r=t,l=e.ref(null),o=e.ref(!0),i=u=>new Promise((c,m)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>c(a),a.onerror=p=>m(p),a.src=u}),n=(u,c)=>{const m=document.createElement("canvas"),a=m.getContext("2d");if(!a)return console.error("Gagal mendapatkan konteks canvas 2D."),u.src;m.width=u.width,m.height=u.height,a.drawImage(u,0,0);const p=u.width/r.watermarkSize,_=c.height/c.width*p,O=u.width-p-10,y=u.height-_-10;return a.globalAlpha=.8,a.drawImage(c,O,y,p,_),a.globalAlpha=1,m.toDataURL("image/png")};return e.onMounted(async()=>{try{const u=await i(r.imageUrl),c=await i(r.watermarkUrl);l.value=n(u,c)}catch(u){console.error("Gagal menerapkan watermark, menampilkan gambar asli:",u),l.value=r.imageUrl}finally{o.value=!1}}),(u,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:"skeleton-loader"},u.$attrs),null,16)):e.createCommentVNode("",!0),!o.value&&l.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:1,loading:"lazy",src:l.value,alt:r.alt},u.$attrs),null,16,Pt)):e.createCommentVNode("",!0)],64))}}),Rt=$._export_sfc(zt,[["__scopeId","data-v-bc2fb469"]]),Ut={class:"modal-header"},Wt={class:"header-content"},Zt={class:"title-section"},qt={class:"modal-title"},Gt={class:"modal-body"},Qt={class:"form-fields-container"},Jt={class:"modal-footer"},Xt={class:"footer-buttons"},Yt={class:"btn-content"},en=["src"],tn=e.defineComponent({__name:"ModalDetailData",props:{schema:{},formData:{},valueNullView:{type:Boolean},title:{},closeText:{},requiredText:{},optionalText:{},lang:{}},emits:["close"],setup(t,{emit:r}){const l=r,o=e.ref(!1),i=e.ref(""),n=()=>l("close"),u=a=>{i.value=a,o.value=!0},c=e.ref(!1),m=()=>{c.value=window.innerWidth<768};return e.onMounted(()=>{m(),window.addEventListener("resize",m)}),e.onUnmounted(()=>{window.removeEventListener("resize",m)}),(a,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"modal-overlay",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal-overlay",onClick:e.withModifiers(n,["self"])},[e.createVNode(e.Transition,{name:"modal-container",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"mobile-view":c.value}])},[e.createElementVNode("div",Ut,[e.createElementVNode("div",Wt,[e.createElementVNode("div",Zt,[p[1]||(p[1]=e.createElementVNode("div",{class:"icon-container"},[e.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M10 3H6C4.89543 3 4 3.89543 4 5V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V5C20 3.89543 19.1046 3 18 3H14M10 3V6C10 6.55228 10.4477 7 11 7H13C13.5523 7 14 6.55228 14 6V3M10 3V1M14 3V1M9 11H15M9 15H15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("h2",qt,e.toDisplayString(t.title??"Detail Data"),1)]),e.createElementVNode("button",{class:"close-btn",onClick:n,"aria-label":"Close"},[...p[2]||(p[2]=[e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])])])]),e.createElementVNode("div",Gt,[e.createElementVNode("div",Qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema,(_,O)=>(e.openBlock(),e.createBlock(e.unref(ae),{key:O,field:_,"field-key":O,"form-data":t.formData,"required-text":t.requiredText,"optional-text":t.optionalText,"value-null-view":t.valueNullView,onImageClick:u,lang:t.lang},null,8,["field","field-key","form-data","required-text","optional-text","value-null-view","lang"]))),128))])]),e.createElementVNode("div",Jt,[e.createElementVNode("div",Xt,[e.createElementVNode("button",{type:"button",onClick:n,class:"btn btn-primary"},[e.createElementVNode("span",Yt,[p[3]||(p[3]=e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M6 18L18 6M6 6L18 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)),e.createTextVNode(" "+e.toDisplayString(t.closeText??"Close"),1)])])])])],2)]),_:1})])]),_:1}),e.createVNode(e.Transition,{name:"modal-overlay",appear:""},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"modal-overlay image-preview-overlay",onClick:p[0]||(p[0]=_=>o.value=!1)},[e.createVNode(e.Transition,{name:"modal-container",appear:""},{default:e.withCtx(()=>[e.createElementVNode("img",{src:i.value,alt:"Preview",class:"image-preview-content"},null,8,en)]),_:1})])):e.createCommentVNode("",!0)]),_:1})],64))}}),ge=$._export_sfc(tn,[["__scopeId","data-v-a78353a9"]]),nn=["innerHTML"],an=e.defineComponent({__name:"SafeHtml",props:{html:{}},setup(t){const r=t,l=e.computed(()=>$.purify.sanitize(r.html));return(o,i)=>t.html?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:l.value},null,8,nn)):e.createCommentVNode("",!0)}}),on={class:"alert-icon","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 20 20"},ln={key:0,d:"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"},sn={key:1,d:"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z"},rn={class:"sr-only"},cn={class:"alert-title"},dn={class:"alert-messages"},un=e.defineComponent({__name:"AlertApp",setup(t,{expose:r}){const l=e.ref([]),o=e.ref([]),i=e.ref([]);let n=0;function u(){let m=0;i.value=o.value.map(a=>{const p=a?.offsetHeight||0,_=m;return m+=p+10,_})}function c(m){m.id=n++,m.show=!1,l.value.push(m),e.nextTick(()=>{m.show=!0,u()}),setTimeout(()=>{m.show=!1,e.nextTick(()=>{u(),setTimeout(()=>{l.value=l.value.filter(a=>a.id!==m.id),e.nextTick(u)},200)})},5e3)}return e.watch(l,()=>{e.nextTick(u)}),r({addAlert:c}),(m,a)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(p,_)=>(e.openBlock(),e.createElementBlock("div",{key:p.id,ref_for:!0,ref_key:"alertRefs",ref:o,class:e.normalizeClass(["alert-container",p.type==="error"?"alert-error":"alert-success"]),style:e.normalizeStyle({top:`${i.value[_]??0}px`,transform:`translateX(${p.show?"0":"200%"})`}),role:"alert"},[(e.openBlock(),e.createElementBlock("svg",on,[p.type==="error"?(e.openBlock(),e.createElementBlock("path",ln)):(e.openBlock(),e.createElementBlock("path",sn))])),e.createElementVNode("span",rn,e.toDisplayString(p.type==="error"?"Error":"Success"),1),e.createElementVNode("div",null,[e.createElementVNode("span",cn,e.toDisplayString(p.title),1),e.createElementVNode("ul",dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.messages,(O,y)=>(e.openBlock(),e.createElementBlock("li",{key:y},e.toDisplayString(O),1))),128))])])],6))),128))}}),pe=$._export_sfc(un,[["__scopeId","data-v-005a57aa"]]),mn=["aria-labelledby"],fn={id:"dialog-title",class:"dialog-title"},yn={id:"dialog-desc",class:"dialog-message"},vn={class:"button-container"},kn=e.defineComponent({__name:"WarningForm",props:{title:{default:"Warning Title"},message:{default:"Warning Message"},isGreen:{type:Boolean,default:!1}},emits:["confirm","close"],setup(t,{emit:r}){const l=t,o=r;return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:"warning-overlay",onKeydown:n[2]||(n[2]=e.withKeys(u=>o("close"),["esc"]))},[e.createElementVNode("div",{class:"warning-dialog",role:"dialog","aria-modal":"true","aria-labelledby":l.title},[e.createElementVNode("h2",fn,e.toDisplayString(l.title),1),e.createElementVNode("p",yn,e.toDisplayString(l.message),1),e.createElementVNode("div",vn,[e.createElementVNode("button",{class:e.normalizeClass(["btn btn-confirm",l.isGreen?"btn-green":"btn-red"]),onClick:n[0]||(n[0]=u=>o("confirm"))}," Ya ",2),e.createElementVNode("button",{class:"btn btn-cancel",onClick:n[1]||(n[1]=u=>o("close"))},"Tidak")])],8,mn)],32))}}),ue=$._export_sfc(kn,[["__scopeId","data-v-a8d3c182"]]);async function ce(t,r,l,o){const i={};for(const[n,u]of Object.entries(r)){const c=u?.type;if(c==="select"&&u.DB_NAME&&!u.optionsIsNumber){const a=t[u.baseKey?.base??n];if(a!==null){const p=await $.getItemById(u.DB_NAME,a);i[n]=p[u.baseKey.name??"name"]??""}else i[n]="";continue}if(c==="object"){const a=t[n]||{};i[n]=await ce(t[n]||{},u.schema||{},a,u.baseKey?.base??"id");continue}if(c==="optionGroupSchema"&&u.options){if(u.withValue){const a=t[n];i[n]=await oe(a)}for(const[a,p]of Object.entries(u.options))for(const[_,O]of Object.entries(p)){const y=O,A=t[_];if(y.type==="optionGroupSchema"&&y.options){const w=await ce(t,{[_]:y},l,o);Object.assign(i,w);continue}if(y.type==="object"){i[_]=await ce(t[_]||{},y.schema||{},t[_]||{},y.baseKey?.base??"id");continue}if(y.type==="select"&&y.DB_NAME&&!y.optionsIsNumber){const w=t[y.baseKey?.base??_];if(w!=null){const C=y.DB_NAME,j=await $.getItemById(C,w);i[_]=j[y.baseKey?.name??"name"]??void 0}else i[_]=void 0}else i[_]=oe(A)}continue}const m=t[n];i[n]=oe(m)}return l&&t?.[o??"id"]&&(i[o??"id"]=t?.[o??"id"]),i}async function le(t,r){const l={};console.log(t);for(const[o,i]of Object.entries(r)){const n=i?.type,u=t[i.baseKey?.base??o];if(n==="select"&&i.optionsView&&i.options&&u){const c=i.options.findIndex(m=>m===u);if(!i.optionsView[c]&&i.DB_NAME&&i.baseKey.name){const a=(await $.getItemById(i.DB_NAME,u))[i.baseKey.name];l[o]=a}else l[o]=i.optionsView[c]??u;continue}if(n==="object"){l[o]=await le(u||{},i.schema||{});continue}if(n==="optionGroupSchema"){const c=[];for(const[a,p]of Object.entries(i.options))c.push(p);const m=await be(t,c);Object.assign(l,m);continue}if(n==="arrayObject"){const c=[];for(const m of u){const a=await le(m,i.schema||{});c.push(a)}l[o]=c;continue}l[o]=oe(u)}return l}async function be(t,r){const l={};for(const o of r)for(const[i,n]of Object.entries(o)){const u=n?.type,c=t[n.baseKey?.base??i];if(u==="select"&&n.optionsView&&n.options&&c){const m=n.options.findIndex(a=>a===c);if(!n.optionsView[m]&&n.DB_NAME&&n.baseKey.name){const p=(await $.getItemById(n.DB_NAME,c))[n.baseKey.name];l[i]=p}else l[i]=n.optionsView[m]??c}else if(u==="optionGroupSchema"){const m=[];for(const[p,_]of Object.entries(n.options))m.push(_);const a=await be(t,m);Object.assign(l,a)}else if(u==="object")l[i]=await le(c||{},n.schema||{});else if(u==="arrayObject"){const m=[];for(const a of c){const p=await le(a,n.schema||{});m.push(p)}l[i]=m;continue}else l[i]=oe(c)}return l}function oe(t,r){return t??null}function Y(t){const r=e.toRaw(t),l=Array.isArray(r)?[]:{};if(Array.isArray(r))return r.map(o=>o!==null&&typeof o=="object"&&!(o instanceof File||o instanceof Blob||o instanceof Date)&&!Array.isArray(o)?Y(o):o);for(const o in r){const i=r[o];i===void 0?l[o]=null:i instanceof File||i instanceof Blob||i instanceof Date?l[o]=i:typeof i=="string"&&(i.trim()===""||i==="<p><br></p>")||typeof i=="number"&&i===0?l[o]=null:Array.isArray(i)?l[o]=i.map(n=>n!==null&&typeof n=="object"&&!(n instanceof File||n instanceof Blob||n instanceof Date)&&!Array.isArray(n)?Y(n):n):typeof i=="object"&&i!==null?l[o]=Y(i):l[o]=i}return l}function Be(t){return t?typeof t=="string"?/\.(jpg|jpeg|png|webp|avif|gif|svg)$/.test(t.toLowerCase())||t.startsWith("data:image/")||t.startsWith("blob:"):t instanceof File||typeof t=="object"&&t.type?.startsWith("image/"):!1}function ye(t){return typeof t=="string"?t:t instanceof File||typeof t=="object"&&t.url?t.url||URL.createObjectURL(t):""}function hn(t){return Array.isArray(t)&&t.every(r=>Be(r))}function gn(t){return Array.isArray(t)?t.every(r=>we(r)):!1}function we(t){return typeof t!="string"?!1:/^#([0-9A-F]{3}){1,2}$/i.test(t)||/^rgb(a?)\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d\.]+\s*)?\)$/i.test(t)||/^hsl(a?)\(\s*\d+\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%\s*(,\s*[\d\.]+\s*)?\)$/i.test(t)?!0:["red","blue","green","yellow","orange","purple","pink","brown","black","white","gray","cyan","magenta","lime","maroon","navy","olive","teal","silver","aqua"].includes(t.toLowerCase())}function pn(t){return/<\/?[a-z][\s\S]*>/i.test(t)}function bn(t){return Object.keys(t).reduce((r,l)=>(l!=="id"&&(r[l]=t[l]),r),{})}function Bn(t,r,l,o,i,n,u,c){const m=e.ref({});async function a(x){o.value?.show("loading",n.message.process.loading);try{const h=await u(t.data,x);if(c.isUpdate.value=Number(x),!h){o.value?.show("error",n.message.notFound);return}const I=t.base.schema.update??t.base.schema.global??{};if(m.value=await ce(h,I,c.isUpdate.value,t.keys?.idKey??"id"),t.base?.justTabel||t.manual?.update||!t.endPoints?.update){r("edit",m.value,x),o.value?.hide();return}c.FormModalOpen.value=!0,o.value?.hide()}catch(h){const I=typeof h=="string"?h:h instanceof Error?h.message:JSON.stringify(h,Object.getOwnPropertyNames(h));o.value?.show("error",I||"An unknown error occurred")}}function p(){if(t.base?.justTabel||t.manual?.create||!t.endPoints?.create){r("create");return}c.isUpdate.value=null,c.FormModalOpen.value=!0}async function _(x){o.value?.show("loading",n.message.process.loading);try{const h=await u(t.data,x);if(c.isUpdate.value=Number(x),!h){o.value?.show("error",n.message.notFound);return}if(m.value=await le(h,t.base?.schema.display??t.base?.schema.global??{}),t.base.justTabel||t.manual?.display){r("show",m.value,x),o.value?.hide();return}c.detailItemModal.value=!0,o.value?.hide()}catch(h){o.value?.show("error",JSON.stringify(h))}}function O(x){c.idData.value=x,c.showWarningModel.value=!0}function y(){c.showWarningModelSelected.value=!0}function A(){c.showWarningModel.value=!1,c.showWarningModelSelected.value=!1,c.FormModalOpen.value=!1,c.detailItemModal.value=!1,m.value={},c.isUpdate.value=null}const w=async x=>{const h=c.isUpdate.value!==null,I=h?t.endPoints?.update:t.endPoints?.create,F=h?t.validation?.update||null:t.validation?.create||null,W=h?"update":"create",K=h?n.message.success.update:n.message.success.create,H=h?n.message.error.update:n.message.error.create;if(!I){o.value?.show("error",h?n.message.error.update:n.message.error.create);return}if(Array.isArray(c.dataChildDelete.value)&&c.dataChildDelete.value.length>0&&h){const L=t.base.schema.update??t.base.schema.global??{};let T="",R,q=await u(t.data,c.isUpdate.value),X,ee,te=!0;for(const U in L){const P=L[U];if(P.type==="arrayObject"){T=U,R=P.endPoint?.deleteMany??t.endPoints?.deleteMany,X=P.DB_NAME??t.base.source.DB_NAME,ee=P.deleteValidation??t.validation?.delete??void 0,te=!0;break}}if(Array.isArray(m.value[T]))for(let U=0;U<c.dataChildDelete.value.length;U++){const P=c.dataChildDelete.value[U];t.keys?.idKey,m.value[T]=m.value[T].filter(z=>z?.[t.keys?.idKey??"id"]!==P),q&&Array.isArray(q[T])&&(q[T]=q[T].filter(z=>z?.[t.keys?.idKey??"id"]!==P))}const Z=$.isEqual(Y(x),Y(e.toRaw(m.value))),G=await j(c.dataChildDelete.value,R,ee,X,te);if(G?.response&&Z){o.value?.show("success",n.message.success.delete),await $.updateItemInStore(X,Y(e.toRaw(q))),await l(),A();return}else if(!G?.response){o.value?.show("error",G.message);return}}try{o.value?.show("loading",h?n.message.process.update:n.message.process.create);const L=h?t.submitOption?.update?.authType??t.submitOption?.global?.authType??"cookie":t.submitOption?.create?.authType??t.submitOption?.global?.authType??"cookie",T=h?t.submitOption?.update?.token??t.submitOption?.global?.token??void 0:t.submitOption?.create?.token??t.submitOption?.global?.token??void 0,R=h?t.submitOption?.update?.customHeaders??t.submitOption?.global?.customHeaders??void 0:t.submitOption?.create?.customHeaders??t.submitOption?.global?.customHeaders??void 0;await $.submitData({data:Y(x),oldData:h?Y(e.toRaw(m.value)):void 0,validation:F??void 0,endpoint:I,mode:W,token:T,authType:L,customHeaders:R,db:t.base.source.DB_NAME,...h?t.submitOption?.update??t.submitOption?.global:t.submitOption?.create??t.submitOption?.global}),t.base.dataTabelCustomDisplay?r("refreshData"):l(),o.value?.show("success",K),A()}catch(L){i("error",H,Object.entries(L).map(([T,R])=>`${T} : ${R}`)),o.value?.show("error",H)}};async function C(x,h,I,F,W=!0){if(t.base.justTabel||t.manual?.delete||!t.endPoints?.delete){r("delete",x);return}if(h=h??t.endPoints?.delete,I=I??t.validation?.delete,F=F??t.base?.source.DB_NAME??void 0,!h){o.value?.show("error",n.message.error.delete);return}const K={[t.keys?.idKey??"id"]:x};try{o.value?.show("loading",n.message.process.delete);const H=t.submitOption?.delete?.authType??t.submitOption?.global?.authType??"cookie",L=t.submitOption?.delete?.token??t.submitOption?.global?.token??void 0,T=t.submitOption?.delete?.customHeaders??t.submitOption?.global?.customHeaders??void 0;await $.submitData({data:K,validation:I??void 0,endpoint:h,mode:"delete",token:L,authType:H,customHeaders:T,db:F,deleteDataDB:W,...t.submitOption?.delete??t.submitOption?.global}),t.base?.dataTabelCustomDisplay?r("refreshData"):l(),o.value?.show("success",n.message.success.delete)}catch(H){i("error",n.message.error.delete,Object.entries(H).map(([L,T])=>`${L} : ${T}`)),o.value?.show("error",n.message.error.delete)}finally{A()}}async function j(x,h,I,F,W=!0){if(t.base?.justTabel||t.manual?.delete||!t.endPoints?.delete){r("deleteMany",x);return}if(h=h??t.endPoints?.deleteMany,I=I??t.validation?.deleteMany,F=F??t.base?.source.DB_NAME??void 0,!h){o.value?.show("error",n.message.error.deleteMany);return}try{o.value?.show("loading",n.message.process.deleteMany);const K=t.submitOption?.delete?.authType??t.submitOption?.global?.authType??"cookie",H=t.submitOption?.delete?.token??t.submitOption?.global?.token??void 0,L=t.submitOption?.delete?.customHeaders??t.submitOption?.global?.customHeaders??void 0,T=await $.submitData({data:{[t.keys?.idsKey??"ids"]:x},validation:I??void 0,endpoint:h,mode:"delete",db:F,authType:K,token:H,customHeaders:L,deleteDataDB:W});return c.selectedItems.value=[],t.base?.dataTabelCustomDisplay?(r("refreshData"),o.value?.show("success",n.message.success.deleteMany),A(),T):(await l(),o.value?.show("success",n.message.success.deleteMany),A(),T)}catch(K){i("error",n.message.error.deleteMany,Object.entries(K).map(([H,L])=>`${H} : ${L}`)),o.value?.show("error",n.message.error.deleteMany)}}return{initialData:m,openEditModal:a,openCreateModal:p,openShowModal:_,openWarningDeleteData:O,openWarningDeleteSelectedData:y,closeModal:A,submitFormData:w,DeleteData:C,DeleteSeletedData:j}}function wn(t,r,l,o){const i=e.ref(""),n=e.ref(1),u=e.ref([]),c=e.ref(!1),m=e.ref(!1),a=e.ref(!1),p=e.ref(null),_=e.ref(null),O=e.ref("asc"),y=e.ref(!1),A=e.ref(!1),w=e.ref(null),C=e.ref(null),j=e.computed(()=>t.pagination?.itemsPerPage??10),x=e.computed(()=>t.pagination?.maxVisiblePages??5);e.ref(null),e.ref("none");const h=e.computed(()=>{const d=t.keys?.idKey;return t.data.find(E=>E?.[d??"id"]===p.value)||{}}),I=e.computed(()=>{const d=t.keys?.idKey??"id",E=t.keys?.nameKey??"name";return t.data.filter(D=>u.value.includes(D[d])).map(D=>D[E]).join(", ")}),F=e.computed(()=>{let d=(t.base.data??[]).filter(E=>Object.values(E).some(D=>String(D).toLowerCase().includes(i.value.toLowerCase())));return _.value&&d.sort((E,D)=>{let g=E[_.value],B=D[_.value];return typeof g=="string"&&(g=g.toLowerCase()),typeof B=="string"&&(B=B.toLowerCase()),g<B?O.value==="asc"?-1:1:g>B?O.value==="asc"?1:-1:0}),d}),W=e.computed(()=>{const d=(n.value-1)*j.value;return F.value.slice(d,d+j.value)}),K=e.computed(()=>Math.ceil(F.value.length/j.value)),H=e.computed(()=>{const d=[],E=K.value,D=n.value,g=x.value;if(E<=g+2){for(let k=1;k<=E;k++)d.push(k);return d}d.push(1);let B=Math.max(2,D-2),f=Math.min(E-1,D+2);B>2&&d.push("...");for(let k=B;k<=f;k++)d.push(k);return f<E-1&&d.push("..."),d.push(E),d});function L(){u.value=c.value?W.value.map(d=>d?.[t.keys?.idKey??"id"]):[]}function T(d){_.value===d?O.value=O.value==="desc"?"asc":"desc":(_.value=d,O.value="desc")}function R(){n.value>1&&n.value--}function q(){n.value<K.value&&n.value++}async function X(){if(t.base.source.DB_NAME){const d=await $.getFromIndexedDB(t.base.source.DB_NAME);if(t.base.source.connect?.length){const E={};return await Promise.all(t.base.source.connect.map(async D=>{E[D.DB_NAME]=await $.getFromIndexedDB(D.DB_NAME)})),d.map(D=>{let g={...D};for(const B of t.base.source.connect){const f=B.key,k=B.connectKey,V=(E[B.DB_NAME]||[]).filter(M=>z(M,k)===z(D,f));g[B.DB_NAME]=V.length>0?V:null}return g})}return d}else if(t.base.source.fetchApi?.getAll){const d=t.submitOption?.delete?.authType??t.submitOption?.global?.authType??"cookie",E=t.submitOption?.delete?.token??t.submitOption?.global?.token,D=t.submitOption?.delete?.customHeaders??t.submitOption?.global?.customHeaders,g=await $.submitData({mode:"get",endpoint:t.base.source.fetchApi?.getAll,db:t.base.source.DB_NAME,authType:d,token:E,customHeaders:D});if(t.base.source.fetchApi.connect?.length){const B={};return await Promise.all(t.base.source.fetchApi.connect.map(async f=>{const k=await $.submitData({mode:"get",endpoint:f.url,db:t.base.source.DB_NAME,authType:d,token:E,customHeaders:D}),V=f.valueKey??f.url??f.key;B[V]=k.data??[]})),!g.data||!Array.isArray(g.data)?g.data:g.data.map(f=>{let k={...f};for(const V of t.base.source.fetchApi.connect){const M=V.key,N=V.connectKey,s=V.valueKey??V.url??V.key,v=(B[s]||[]).filter(b=>z(b,N)===z(f,M));k[s]=v.length>0?v:null}return k})}return g.data??[]}else return}async function ee(d,E){if(d.connect?.withDB)return await $.getItemById(d.connect.withDB.DB_NAME,E);if(d.connect?.withFetch){const D=t.submitOption?.delete?.authType??t.submitOption?.global?.authType??"cookie",g=t.submitOption?.delete?.token??t.submitOption?.global?.token??void 0,B=t.submitOption?.delete?.customHeaders??t.submitOption?.global?.customHeaders??void 0,f=await $.submitData({mode:"get",endpoint:d.connect?.withFetch.url+"/"+E,db:t.base.source.DB_NAME,authType:D,token:g,customHeaders:B});if(f.data)return f.data}else return}async function te(d,E){return d.find(D=>D[t.keys?.idKey??"id"]==E)}let Z=!0,G=null;async function U(){if(Z&&l.value?.show("loading",o.message.process.loading),t.base?.dataTabelCustomDisplay&&t.base?.dataTabelCustomDisplay.length!==0){t.base.data=t.base.dataTabelCustomDisplay,t.data=await X(),await P(),Z&&(l.value?.hide(),Z=!1);return}const d=await X();if(t.data=d,await P(),Array.isArray(d)){const g=t.keys?.idKey??"id";d.sort((B,f)=>B.updatedAt&&f.updatedAt?new Date(f.updatedAt).getTime()-new Date(B.updatedAt).getTime():(f[g]??0)-(B[g]??0)),t.data=d}else{Z&&(l.value?.hide(),Z=!1);return}const E=t.keys?.idKey,D=t.base.headersTabelDisplay?.length===0||t.base.headersTabelDisplay===void 0;t.base.data=await Promise.all(d.map(async g=>{const B={};if(E&&g[E]!=null&&(B[E]=g[E],D&&(!t.base.headersTabelDisplay?.includes(E)||t.base.headersTabelDisplay===void 0)&&(t.base.headersTabelDisplay=[])),t.base.dataTabelDisplay)for(const[f,k]of Object.entries(t.base.dataTabelDisplay))if(typeof k=="string"){const V=z(g,k);B[f]=Array.isArray(V)?V.map(M=>Q(M)):Q(V??"-"),D&&!t.base.headersTabelDisplay?.includes(f)&&t.base.headersTabelDisplay?.push(f)}else{let V=z(g,k.valueKey);if((k.connect?.withDB||k.connect?.withFetch)&&V)if(Array.isArray(V)){const M=await Promise.all(V.map(async N=>{const s=await ee(k,N);return s?s[k.connect?.withDB?.valueKey??k.connect?.withFetch?.valueKey]:N}));B[f]=M.map(N=>Q(N))}else{const M=await ee(k,V);M&&(V=M[k.connect.withDB?.valueKey??k.connect.withFetch?.valueKey]),B[f]=Q(V)}else B[f]=Q(V);D&&!t.base.headersTabelDisplay?.includes(f)&&t.base.headersTabelDisplay?.push(f)}else{let f=0;for(const[k,V]of Object.entries(g)){if(k===E)continue;if(f>=8)break;const M=ne(k);B[M]=Q(V),D&&!t.base.headersTabelDisplay?.includes(M)&&t.base.headersTabelDisplay?.push(M),f++}}return B})),Z&&(l.value?.hide(),Z=!1),t.base?.source?.fetchApi?.autoRefresh?.time&&(G&&clearTimeout(G),G=setTimeout(()=>{U()},t.base.source.fetchApi.autoRefresh.time))}async function P(){const d={global:t.base.schema.global??{},create:t.base.schema.create??{},update:t.base.schema.update??{},display:t.base.schema.display??{}},E=f=>({authType:t.submitOption?.[f]?.authType??t.submitOption?.global?.authType??"cookie",token:t.submitOption?.[f]?.token??t.submitOption?.global?.token,customHeaders:t.submitOption?.[f]?.customHeaders??t.submitOption?.global?.customHeaders}),D=async f=>{const k=f.options?.valueKey??"id",V=f.options?.viewKey??"name";let M;if(f.options?.url&&(M=await $.submitData({mode:"get",endpoint:f.options.url,...E("get")}),Array.isArray(M?.data)&&(f.options=M.data.map(N=>N[k])??[],f.options?.viewKey?f.optionsView=M.map(N=>N[V])??[]:f.optionsView=M.map(N=>N[k])??[])),f.options?.DB_NAME){const N=f.options?.DB_NAME??f.optionsView?.DB_NAME;if(M=await $.getFromIndexedDB(N),Array.isArray(M)){const s=f.options;s?.DB_NAME&&(f.options=M.map(v=>v[k])??[]),s?.viewKey?f.optionsView=M.map(v=>v[V])??[]:f.optionsView=M.map(v=>v[k])??[]}}},g=(f,k)=>{t.data&&f.validate?.duplicate===!0&&(f.validate.duplicate=t.data.map(V=>V[k])??[])};async function B(f){for(const[k,V]of Object.entries(f)){const M=V?.type;if(M==="select"&&await D(V),M==="text"&&g(V,k),M==="optionGroupSchema"){const N=V?.options??{};for(const[s,v]of Object.entries(N))await B(v)}M==="arrayObject"&&V.schema&&await B(V.schema),M==="object"&&V.schema&&await B(V.schema)}}for(const[f,k]of Object.entries(d))k&&await B(k)}function z(d,E){if(!(!d||typeof E!="string"))try{const D=E.replace(/\[(\d+)\]/g,".$1").split(".");let g=d;for(const B of D){if(g==null)return;if(Array.isArray(g)){const f=Number(B);isNaN(f)?(g=g.map(k=>k?.[B]).filter(k=>k!==void 0),g.some(k=>Array.isArray(k))&&(g=g.flat()),g.length===1&&(g=g[0])):g=g[f]}else g=g?.[B]}return g}catch{return"-"}}function ne(d){return d.replace(/([A-Z])/g," $1").replace(/[_\-]/g," ").replace(/\s+/g," ").trim().replace(/\w\S*/g,E=>E.charAt(0).toUpperCase()+E.slice(1).toLowerCase())}function Q(d){if(Array.isArray(d)){if(d.length===0)return"Empty";if(typeof d[0]=="string")return d.join(", ");if(typeof d[0]=="object")return`${d.length} item`}return typeof d=="object"&&d!==null?Object.keys(d).length>0?"Objek":"Empty":d!=null?String(d):"—"}return{searchQuery:i,currentPage:n,selectedItems:u,selectAll:c,showWarningModel:m,showWarningModelSelected:a,idData:p,sortField:_,sortDirection:O,FormModalOpen:y,detailItemModal:A,isUpdate:w,dataChildDelete:C,selectedItem:h,selectedItemNames:I,filteredData:F,paginatedData:W,totalPages:K,visiblePages:H,toggleAll:L,sortBy:T,prevPage:R,nextPage:q,summarizeValue:Q,setUpData:U,getValueByPath:z,toTitleCase:ne,GetDataById:te}}const Ee={idKey:"id",idsKey:"ids"},Ve={btnInfoActive:!0,searchQueryActive:!0,sortable:!0,createActive:!0,updateActive:!0,deleteActive:!0,deleteManyActive:!0,displayActive:!0},En={create:!1,update:!1,delete:!1,deleteMany:!1,display:!1},Ne={itemsPerPage:5,maxVisiblePages:5},_e={create:void 0,update:void 0,delete:void 0,deleteMany:void 0},Vn={create:void 0,update:void 0,delete:void 0,deleteMany:void 0},Nn={global:{authType:"cookie"}},_n={class:"table-container"},Dn={class:"table-wrapper"},Cn={class:"table-header"},Mn={class:"header-top"},$n={class:"header-actions"},xn={class:"action-buttons"},An=["disabled"],Tn={class:"header-search"},Sn={key:0,class:"search-container"},On=["placeholder"],jn={key:0,class:"selection-indicator"},In={class:"selection-count"},Ln={key:0,class:"empty-state"},Fn={class:"empty-title"},Kn={class:"empty-description"},Hn={key:1,class:"table-content"},Pn={class:"table-scroll-container"},zn={class:"data-table"},Rn={class:"table-header-row"},Un={class:"checkbox-column"},Wn={class:"header-content"},Zn=["onClick"],qn={class:"actions-column"},Gn={class:"table-body"},Qn={class:"checkbox-cell"},Jn=["value"],Xn=["innerHTML"],Yn={key:1,class:"status-badge"},ea={key:2,class:"text-cell datetime-cell"},ta={key:3,class:"text-cell date-cell"},na={key:4,class:"text-cell time-cell"},aa={key:5,class:"image-cell"},oa={class:"image-container"},la=["src","alt"],ia={key:6,class:"color-array-cell"},sa=["title"],ra={key:0,class:"color-count"},ca={key:7,class:"color-cell"},da=["title"],ua={key:8,class:"image-array-cell"},ma=["src","alt"],fa={key:0,class:"image-count"},ya={key:9,class:"array-cell"},va={key:10,class:"text-cell"},ka={class:"actions-cell"},ha={class:"action-buttons-group"},ga=["onClick"],pa={class:"action-text"},ba=["onClick"],Ba={class:"action-text"},wa=["onClick"],Ea={class:"action-text"},Va={class:"pagination-container"},Na={class:"pagination-info"},_a={class:"pagination-controls"},Da=["disabled"],Ca={class:"pagination-pages"},Ma=["onClick","disabled"],$a=["disabled"],xa=e.defineComponent({__name:"TabelData",props:{base:{},keys:{default:()=>Ee},formDesign:{},submitOption:{},feature:{default:()=>Ve},pagination:{default:()=>Ne},validation:{default:()=>_e},manual:{},endPoints:{}},emits:["refreshData","edit","create","show","delete","deleteMany"],setup(t,{emit:r}){const l=N=>typeof N=="string"&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(N),o=N=>typeof N=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(N),i=N=>typeof N=="string"&&/^\d{2}:\d{2}$/.test(N);function n(N,s="en"){try{const v=new Date(N),b=s==="id"?"id-ID":s;return new Intl.DateTimeFormat(b,{dateStyle:"medium",timeStyle:"short"}).format(v)}catch{return N}}function u(N,s="en"){try{const v=new Date(`${N}T00:00:00`),b=s==="id"?"id-ID":s;return new Intl.DateTimeFormat(b,{dateStyle:"medium"}).format(v)}catch{return N}}function c(N,s="en"){try{const[v,b]=N.split(":"),J=new Date;J.setHours(parseInt(v,10),parseInt(b,10),0,0);const ie=s==="id"?"id-ID":s;return new Intl.DateTimeFormat(ie,{timeStyle:"short"}).format(J)}catch{return N}}const m=t,a=e.ref({...m}),p=r,_=e.ref(null),O=e.ref(),y=e.computed(()=>$.defaultTextLabelsMap[m.base?.lang??"en"]),{searchQuery:A,currentPage:w,selectedItems:C,selectAll:j,showWarningModel:x,showWarningModelSelected:h,idData:I,FormModalOpen:F,detailItemModal:W,isUpdate:K,dataChildDelete:H,selectedItem:L,filteredData:T,paginatedData:R,totalPages:q,visiblePages:X,selectedItemNames:ee,toggleAll:te,sortBy:Z,prevPage:G,nextPage:U,setUpData:P,GetDataById:z}=wn(a.value,p,_,y.value),{initialData:ne,openEditModal:Q,openCreateModal:d,openShowModal:E,openWarningDeleteData:D,openWarningDeleteSelectedData:g,closeModal:B,submitFormData:f,DeleteData:k,DeleteSeletedData:V}=Bn(a.value,p,P,_,M,y.value,z,{selectedItems:C,idData:I,isUpdate:K,FormModalOpen:F,detailItemModal:W,dataChildDelete:H,showWarningModel:x,showWarningModelSelected:h});e.watch(C,N=>{j.value=N.length===R.value.length&&R.value.length>0}),e.watch(A,()=>{w.value=1}),e.watch(()=>m.base.dataTabelCustomDisplay||m.base.schema,async()=>{Object.assign(a.value,{...m}),C.value=[],await P()}),e.onMounted(async()=>{Object.assign(a.value,{...m}),await P()}),e.provide("TableComponents",{ShowAlert:M,loader:_,labels:y});function M(N,s,v){const b={type:N,title:s,messages:v};O.value?.addAlert(b)}return(N,s)=>(e.openBlock(),e.createElementBlock("div",_n,[e.createVNode(e.unref($.Loader),{ref_key:"loader",ref:_},null,512),e.unref(x)?(e.openBlock(),e.createBlock(e.unref(ue),{key:0,title:y.value.warning.delete,message:`${e.unref(L).name??e.unref(L)[a.value?.keys?.nameKey??a.value?.keys?.idKey??"id"]}`,onConfirm:s[0]||(s[0]=()=>{e.unref(I)!==null&&e.unref(k)(e.unref(I))}),onClose:e.unref(B)},null,8,["title","message","onClose"])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createBlock(e.unref(ue),{key:1,title:y.value.warning.deleteMany,message:e.unref(ee),onConfirm:s[1]||(s[1]=()=>e.unref(V)(e.unref(C))),onClose:e.unref(B)},null,8,["title","message","onClose"])):e.createCommentVNode("",!0),e.unref(W)?(e.openBlock(),e.createBlock(e.unref(ge),{key:2,title:y.value?.title?.display,"close-text":y.value?.btn?.close,schema:a.value?.base?.schema.display??a.value?.base?.schema.global??{},"form-data":e.unref(ne)??{},"value-null-view":!0,onClose:e.unref(B)},null,8,["title","close-text","schema","form-data","onClose"])):e.createCommentVNode("",!0),e.createVNode(e.unref(pe),{ref_key:"alert",ref:O},null,512),e.unref(F)?(e.openBlock(),e.createBlock($.FormModal,{key:3,id:e.unref(K)??null,"is-update":!!e.unref(K),schema:e.unref(K)?a.value.base.schema.update??a.value.base.schema.global:a.value.base.schema.create??a.value.base.schema.global,"initial-data":e.unref(K)?e.unref(ne):void 0,lang:a.value.base.lang??"en",onCancel:s[2]||(s[2]=v=>F.value=!1),onDataChildRemove:s[3]||(s[3]=v=>H.value=v),onSubmit:e.unref(f)},null,8,["id","is-update","schema","initial-data","lang","onSubmit"])):e.createCommentVNode("",!0),e.createElementVNode("div",Dn,[e.createElementVNode("div",Cn,[e.createElementVNode("div",Mn,[e.createElementVNode("div",$n,[e.createElementVNode("div",xn,[a.value?.feature?.createActive?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s[4]||(s[4]=v=>e.unref(d)()),class:"btn btn-primary"},[s[14]||(s[14]=e.createElementVNode("span",{class:"btn-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M12 5V19M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createTextVNode(" "+e.toDisplayString(y.value?.btn?.add),1)])):e.createCommentVNode("",!0),e.unref(C).length>0&&a.value?.feature?.deleteManyActive?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:s[5]||(s[5]=v=>e.unref(g)()),class:e.normalizeClass(["btn btn-danger",{disabled:e.unref(C).length===0}]),disabled:e.unref(C).length===0},[s[15]||(s[15]=e.createElementVNode("span",{class:"btn-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createTextVNode(" "+e.toDisplayString(y.value?.btn?.deleteMany),1)],10,An)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Tn,[a.value?.feature?.searchQueryActive?(e.openBlock(),e.createElementBlock("div",Sn,[s[16]||(s[16]=e.createElementVNode("div",{class:"search-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M21 21L16.514 16.506M19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[6]||(s[6]=v=>e.isRef(A)?A.value=v:null),type:"text",placeholder:y.value?.search||"Search...",class:"search-input",onKeyup:s[7]||(s[7]=e.withKeys(v=>w.value=1,["enter"]))},null,40,On),[[e.vModelText,e.unref(A)]])])):e.createCommentVNode("",!0)])]),e.unref(C).length>0?(e.openBlock(),e.createElementBlock("div",jn,[e.createElementVNode("span",In,e.toDisplayString(e.unref(C).length),1),e.createTextVNode(" "+e.toDisplayString(e.unref(C).length===1?y.value.selection.selectedOne??"item is selected":y.value.selection.selected??"items are selected"),1)])):e.createCommentVNode("",!0)]),e.unref(T).length===0?(e.openBlock(),e.createElementBlock("div",Ln,[s[18]||(s[18]=e.createElementVNode("div",{class:"empty-icon"},[e.createElementVNode("svg",{width:"64",height:"64",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M3 7V17C3 18.1046 3.89543 19 5 19H19C20.1046 19 21 18.1046 21 17V9C21 7.89543 20.1046 7 19 7H3ZM3 7V5C3 3.89543 3.89543 3 5 3H9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}),e.createElementVNode("path",{d:"M15 13C15 14.6569 13.6569 16 12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13Z",stroke:"currentColor","stroke-width":"2"})])],-1)),e.createElementVNode("h3",Fn,e.toDisplayString(y.value?.message?.notFound),1),e.createElementVNode("p",Kn,e.toDisplayString(y.value?.message?.notFoundDesc||"No data available"),1),a.value?.feature?.createActive?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s[8]||(s[8]=v=>e.unref(d)()),class:"btn btn-primary empty-action"},[s[17]||(s[17]=e.createElementVNode("span",{class:"btn-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M12 5V19M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createTextVNode(" "+e.toDisplayString(y.value?.btn?.add),1)])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Hn,[e.createElementVNode("div",Pn,[e.createElementVNode("table",zn,[e.createElementVNode("thead",Rn,[e.createElementVNode("tr",null,[e.createElementVNode("th",Un,[a.value?.feature?.deleteManyActive?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"checkbox",onChange:s[9]||(s[9]=(...v)=>e.unref(te)&&e.unref(te)(...v)),"onUpdate:modelValue":s[10]||(s[10]=v=>e.isRef(j)?j.value=v:null),class:"checkbox-input"},null,544)),[[e.vModelCheckbox,e.unref(j)]]):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value?.base.headersTabelDisplay,(v,b)=>(e.openBlock(),e.createElementBlock("th",{key:v,class:e.normalizeClass(["table-header-cell",{"hidden-mobile":b>0}])},[e.createElementVNode("div",Wn,[e.createTextVNode(e.toDisplayString(v)+" ",1),a.value?.feature?.sortable?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:J=>e.unref(Z)(v),class:"sort-button"},[...s[19]||(s[19]=[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M8 9L12 5L16 9M16 15L12 19L8 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],8,Zn)):e.createCommentVNode("",!0)])],2))),128)),e.createElementVNode("th",qn,e.toDisplayString(y.value?.action||"Actions"),1)])]),e.createElementVNode("tbody",Gn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(R),v=>(e.openBlock(),e.createElementBlock("tr",{key:v?.[a.value?.keys?.idKey??"id"],class:"table-row"},[e.createElementVNode("td",Qn,[a.value?.feature?.deleteManyActive?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"checkbox","onUpdate:modelValue":s[11]||(s[11]=b=>e.isRef(C)?C.value=b:null),value:v?.[a.value?.keys?.idKey??"id"],class:"checkbox-input"},null,8,Jn)),[[e.vModelCheckbox,e.unref(C)]]):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(bn)(v),(b,J,ie)=>(e.openBlock(),e.createElementBlock("td",{key:J,class:e.normalizeClass(["table-cell",{"hidden-mobile":ie>0,"primary-cell":ie===0}])},[e.unref(pn)(b)?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:b,class:"html-content"},null,8,Xn)):J==="status"||J==="active"?(e.openBlock(),e.createElementBlock("div",Yn,[e.createElementVNode("span",{class:e.normalizeClass({"status-active":b,"status-inactive":!b})},e.toDisplayString(b?y.value?.btn.toogle?.active||"Active":y.value?.btn.toogle?.inactive||"Inactive"),3)])):l(b)?(e.openBlock(),e.createElementBlock("div",ea,[s[20]||(s[20]=e.createElementVNode("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",class:"cell-icon"},[e.createElementVNode("path",{d:"M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M12 15H12.01M12 18H12.01M16 15H16.01M16 18H16.01M8 15H8.01M8 18H8.01",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)),e.createElementVNode("span",null,e.toDisplayString(n(b,a.value.base.lang??"en")),1)])):o(b)?(e.openBlock(),e.createElementBlock("div",ta,[s[21]||(s[21]=e.createElementVNode("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",class:"cell-icon"},[e.createElementVNode("path",{d:"M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)),e.createElementVNode("span",null,e.toDisplayString(u(b,a.value.base.lang??"en")),1)])):i(b)?(e.openBlock(),e.createElementBlock("div",na,[s[22]||(s[22]=e.createElementVNode("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",class:"cell-icon"},[e.createElementVNode("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M12 6V12L16 14",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)),e.createElementVNode("span",null,e.toDisplayString(c(b,a.value.base.lang??"en")),1)])):e.unref(Be)(b)?(e.openBlock(),e.createElementBlock("div",aa,[e.createElementVNode("div",oa,[e.createElementVNode("img",{src:e.unref(ye)(b),class:"image-preview",alt:`Preview ${J}`},null,8,la)])])):e.unref(gn)(b)?(e.openBlock(),e.createElementBlock("div",ia,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.slice(0,3),(se,re)=>(e.openBlock(),e.createElementBlock("div",{key:re,style:e.normalizeStyle({backgroundColor:se}),class:"color-chip",title:se},null,12,sa))),128)),b.length>3?(e.openBlock(),e.createElementBlock("span",ra,"+"+e.toDisplayString(b.length-3),1)):e.createCommentVNode("",!0)])):e.unref(we)(b)?(e.openBlock(),e.createElementBlock("div",ca,[e.createElementVNode("div",{style:e.normalizeStyle({backgroundColor:b}),class:"color-chip single",title:b},null,12,da)])):e.unref(hn)(b)?(e.openBlock(),e.createElementBlock("div",ua,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.slice(0,3),(se,re)=>(e.openBlock(),e.createElementBlock("div",{key:re,class:"image-container small"},[e.createElementVNode("img",{src:e.unref(ye)(se),class:"image-preview",alt:`Preview ${J}-${re}`},null,8,ma)]))),128)),b.length>3?(e.openBlock(),e.createElementBlock("span",fa,"+"+e.toDisplayString(b.length-3),1)):e.createCommentVNode("",!0)])):Array.isArray(b)?(e.openBlock(),e.createElementBlock("div",ya,e.toDisplayString(b.join(", ")),1)):(e.openBlock(),e.createElementBlock("div",va,e.toDisplayString(b),1))],2))),128)),e.createElementVNode("td",ka,[e.createElementVNode("div",ha,[a.value?.feature?.updateActive?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b=>e.unref(Q)(v?.[a.value?.keys?.idKey??"id"]),class:"action-btn btn-edit"},[s[23]||(s[23]=e.createElementVNode("span",{class:"action-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M11 5H6C4.89543 5 4 5.89543 4 7V18C4 19.1046 4.89543 20 6 20H17C18.1046 20 19 19.1046 19 18V13M17.5858 3.58579C18.3668 2.80474 19.6332 2.80474 20.4142 3.58579C21.1953 4.36683 21.1953 5.63316 20.4142 6.41421L11.8284 15H9L9 12.1716L17.5858 3.58579Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",pa,e.toDisplayString(y.value?.btn?.update),1)],8,ga)):e.createCommentVNode("",!0),a.value?.feature?.deleteActive?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:b=>e.unref(D)(v?.[a.value?.keys?.idKey??"id"]),class:"action-btn btn-delete"},[s[24]||(s[24]=e.createElementVNode("span",{class:"action-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createElementVNode("span",Ba,e.toDisplayString(y.value?.btn?.remove),1)],8,ba)):e.createCommentVNode("",!0),a.value?.feature?.displayActive?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:b=>e.unref(E)(v?.[a.value?.keys?.idKey??"id"]),class:"action-btn btn-view"},[s[25]||(s[25]=e.createElementVNode("span",{class:"action-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z",stroke:"currentColor","stroke-width":"2"}),e.createElementVNode("path",{d:"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",stroke:"currentColor","stroke-width":"2"})])],-1)),e.createElementVNode("span",Ea,e.toDisplayString(y.value?.btn?.display),1)],8,wa)):e.createCommentVNode("",!0)])])]))),128))])])]),e.createElementVNode("div",Va,[e.createElementVNode("div",Na,e.toDisplayString(a.value?.pagination?.indicator?.displayingText||"Showing")+" "+e.toDisplayString((e.unref(w)-1)*(a.value?.pagination?.itemsPerPage??5)+1)+" - "+e.toDisplayString(Math.min(e.unref(w)*(a.value?.pagination?.itemsPerPage??5),e.unref(T).length))+" of "+e.toDisplayString(e.unref(T).length)+" "+e.toDisplayString(a.value?.pagination?.indicator?.dataText||"")+" data ",1),e.createElementVNode("div",_a,[e.createElementVNode("button",{onClick:s[12]||(s[12]=(...v)=>e.unref(G)&&e.unref(G)(...v)),disabled:e.unref(w)===1,class:"pagination-btn pagination-prev"},[s[26]||(s[26]=e.createElementVNode("span",{class:"btn-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1)),e.createTextVNode(" "+e.toDisplayString(y.value?.btn?.prev||"Previous"),1)],8,Da),e.createElementVNode("div",Ca,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(X),v=>(e.openBlock(),e.createElementBlock("button",{key:v+"",onClick:b=>typeof v=="number"&&(w.value=v),disabled:v==="...",class:e.normalizeClass([{"page-active":e.unref(w)===v,"page-ellipsis":v==="..."},"page-btn"])},e.toDisplayString(v),11,Ma))),128))]),e.createElementVNode("button",{onClick:s[13]||(s[13]=(...v)=>e.unref(U)&&e.unref(U)(...v)),disabled:e.unref(w)===e.unref(q)||e.unref(q)===0,class:"pagination-btn pagination-next"},[e.createTextVNode(e.toDisplayString(y.value?.btn?.next||"Next")+" ",1),s[27]||(s[27]=e.createElementVNode("span",{class:"btn-icon"},[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none"},[e.createElementVNode("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1))],8,$a)])])]))])]))}}),Aa=$._export_sfc(xa,[["__scopeId","data-v-76b9b7a6"]]);exports.AlertApp=pe;exports.BaseImage=Me;exports.BaseLabel=S;exports.FieldDetailRenderer=ae;exports.ImagePreview=Rt;exports.ModalDetailData=ge;exports.TabelData=Aa;exports.WarningForm=ue;exports._sfc_main=an;exports.defaultEndpoints=Vn;exports.defaultFeatureToggles=Ve;exports.defaultKeys=Ee;exports.defaultManualControl=En;exports.defaultPagination=Ne;exports.defaultSubmitAuth=Nn;exports.defaultValidation=_e;exports.formatDate=ve;exports.formatDateTime=he;exports.formatTime=ke;exports.getClientLocaleAndTimeZone=de;