@davincihealthcare/elty-design-system-vue 2.16.0 → 2.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/style.cjs +1 -1
- package/dist/src/style.css +1 -1
- package/dist/src/table/ElServerSideTable.vue.cjs2.js +1 -1
- package/dist/src/table/ElServerSideTable.vue.cjs2.js.map +1 -1
- package/dist/src/table/ElServerSideTable.vue.esm2.js +1 -1
- package/dist/src/table/ElServerSideTable.vue.esm2.js.map +1 -1
- package/package.json +1 -1
package/dist/src/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 360px){.container{max-width:360px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@media (min-width: 1920px){.container{max-width:1920px}}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.left-\[0\.125rem\]{left:.125rem}.right-0{right:0}.right-2{right:.5rem}.right-\[1px\]{right:1px}.right-\[2px\]{right:2px}.right-\[4px\]{right:4px}.right-\[5px\]{right:5px}.right-\[6px\]{right:6px}.top-0{top:0}.top-\[0\.125rem\]{top:.125rem}.top-\[2px\]{top:2px}.top-\[4px\]{top:4px}.top-\[5px\]{top:5px}.top-\[6px\]{top:6px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.m-10{margin:2.5rem}.-my-px{margin-top:-1px;margin-bottom:-1px}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mt-\[0\.15rem\]{margin-top:-.15rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-11{margin-right:2.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-5{margin-right:1.25rem}.mr-\[-2px\]{margin-right:-2px}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-\[0\.05rem\]{margin-top:.05rem}.mt-\[0\.1rem\]{margin-top:.1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-4{width:1rem;height:1rem}.\!h-12{height:3rem!important}.\!h-8{height:2rem!important}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[0\.15rem\]{height:.15rem}.h-\[0\.2rem\]{height:.2rem}.h-\[0\.7rem\]{height:.7rem}.h-\[0\.8rem\]{height:.8rem}.h-\[1\.125rem\]{height:1.125rem}.h-\[1\.375rem\]{height:1.375rem}.h-\[14px\]{height:14px}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[28px\]{height:28px}.h-\[44px\]{height:44px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-28{max-height:7rem}.max-h-50-screen{max-height:50vh}.max-h-80{max-height:20rem}.max-h-\[12\.5rem\]{max-height:12.5rem}.max-h-\[260px\]{max-height:260px}.max-h-\[80\%\]{max-height:80%}.max-h-\[9\.5rem\]{max-height:9.5rem}.max-h-\[inherit\]{max-height:inherit}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-10{min-height:2.5rem}.min-h-20{min-height:5rem}.min-h-6{min-height:1.5rem}.min-h-\[40px\]{min-height:40px}.\!w-12{width:3rem!important}.\!w-8{width:2rem!important}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[0\.35rem\]{width:.35rem}.w-\[0\.5rem\]{width:.5rem}.w-\[0\.6rem\]{width:.6rem}.w-\[1\.125rem\]{width:1.125rem}.w-\[1\.625rem\]{width:1.625rem}.w-\[100px\]{width:100px}.w-\[1280px\]{width:1280px}.w-\[14px\]{width:14px}.w-\[360px\]{width:360px}.w-\[37px\]{width:37px}.w-\[50px\]{width:50px}.w-\[55px\]{width:55px}.w-\[576px\]{width:576px}.w-\[768px\]{width:768px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-2{min-width:.5rem}.min-w-20{min-width:5rem}.min-w-36{min-width:9rem}.min-w-44{min-width:11rem}.min-w-52{min-width:13rem}.min-w-72{min-width:18rem}.min-w-8{min-width:2rem}.min-w-80{min-width:20rem}.min-w-\[120px\]{min-width:120px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-44{max-width:11rem}.max-w-72{max-width:18rem}.max-w-7xl{max-width:80rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-\[100px\]{max-width:100px}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.\!grow{flex-grow:1!important}.grow{flex-grow:1}.basis-64{flex-basis:16rem}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[8px_1fr\]{grid-template-columns:8px 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-\[2px\]{gap:2px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.\!border-\[1\.5px\]{border-width:1.5px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-x-\[1px\]{border-left-width:1px;border-right-width:1px}.\!border-b{border-bottom-width:1px!important}.border-b{border-bottom-width:1px}.border-b-\[0\.15rem\]{border-bottom-width:.15rem}.border-b-\[0\.2rem\]{border-bottom-width:.2rem}.border-l-0{border-left-width:0px}.border-r-\[0\.15rem\]{border-right-width:.15rem}.border-r-\[0\.2rem\]{border-right-width:.2rem}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.\!border-solid{border-style:solid!important}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-error{--tw-border-opacity: 1 !important;border-color:rgb(220 12 13 / var(--tw-border-opacity))!important}.\!border-neutral-200{--tw-border-opacity: 1 !important;border-color:rgb(209 215 226 / var(--tw-border-opacity))!important}.\!border-primary-active{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.\!border-secondary-active{--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important}.border-alpha-500{border-color:#fff6}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-brandBlue-500{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-brandBlue-800{--tw-border-opacity: 1;border-color:rgb(15 40 94 / var(--tw-border-opacity))}.border-brandGreen-500{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity))}.border-error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.border-error-hover{--tw-border-opacity: 1;border-color:rgb(176 11 10 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(107 190 146 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(8 146 73 / var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgb(104 117 131 / var(--tw-border-opacity))}.border-neutral-inactive{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.border-neutral-inverse{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-neutral-surface{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(230 95 25 / var(--tw-border-opacity))}.border-pink-500{--tw-border-opacity: 1;border-color:rgb(219 39 119 / var(--tw-border-opacity))}.border-primary{--tw-border-opacity: 1;border-color:rgb(15 40 94 / var(--tw-border-opacity))}.border-primary-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-primary-hover{--tw-border-opacity: 1;border-color:rgb(30 79 188 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity))}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(99 46 190 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(234 109 109 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(225 29 72 / var(--tw-border-opacity))}.border-secondary,.border-secondary-active{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.border-secondary-hover{--tw-border-opacity: 1;border-color:rgb(10 118 109 / var(--tw-border-opacity))}.border-teal-500{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(232 200 106 / var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(130 98 4 / var(--tw-border-opacity))}.border-b-neutral-surface{--tw-border-opacity: 1;border-bottom-color:rgb(209 215 226 / var(--tw-border-opacity))}.border-t-neutral-surface{--tw-border-opacity: 1;border-top-color:rgb(209 215 226 / var(--tw-border-opacity))}.\!bg-primary-light-active{--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.\!bg-secondary-light-active{--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.bg-alpha-100{background-color:#ffffff0d}.bg-alpha-200{background-color:#ffffff1a}.bg-alpha-300{background-color:#fff3}.bg-alpha-500{background-color:#fff6}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-brandBlue-100{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.bg-brandBlue-200{--tw-bg-opacity: 1;background-color:rgb(211 224 251 / var(--tw-bg-opacity))}.bg-brandBlue-300{--tw-bg-opacity: 1;background-color:rgb(168 193 247 / var(--tw-bg-opacity))}.bg-brandBlue-400{--tw-bg-opacity: 1;background-color:rgb(81 130 239 / var(--tw-bg-opacity))}.bg-brandBlue-50{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-brandBlue-500{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-brandGreen-100{--tw-bg-opacity: 1;background-color:rgb(231 244 243 / var(--tw-bg-opacity))}.bg-brandGreen-500{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-cyan-300{--tw-bg-opacity: 1;background-color:rgb(107 189 209 / var(--tw-bg-opacity))}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(57 167 193 / var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(230 244 247 / var(--tw-bg-opacity))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity: 1;background-color:rgb(220 12 13 / var(--tw-bg-opacity))}.bg-error-light-active,.bg-error-light-hover{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(107 190 146 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(57 168 109 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(230 244 237 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(8 146 73 / var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity: 1;background-color:rgb(149 144 239 / var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(114 107 234 / var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(237 237 252 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(221 227 235 / var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgb(180 187 199 / var(--tw-bg-opacity))}.bg-neutral-500{--tw-bg-opacity: 1;background-color:rgb(104 117 131 / var(--tw-bg-opacity))}.bg-neutral-active,.bg-neutral-hover{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.bg-neutral-inactive{--tw-bg-opacity: 1;background-color:rgb(221 227 235 / var(--tw-bg-opacity))}.bg-neutral-pressed{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.bg-neutral-surface{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-neutral-surface-raised{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity: 1;background-color:rgb(240 159 117 / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(235 127 71 / var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(253 239 232 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(230 95 25 / var(--tw-bg-opacity))}.bg-pink-300{--tw-bg-opacity: 1;background-color:rgb(233 125 173 / var(--tw-bg-opacity))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(226 82 146 / var(--tw-bg-opacity))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(251 233 241 / var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(15 40 94 / var(--tw-bg-opacity))}.bg-primary-active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-primary-light-active,.bg-primary-light-hover{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-primary-light-pressed{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.bg-purple-300{--tw-bg-opacity: 1;background-color:rgb(176 137 244 / var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(150 97 241 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(242 235 253 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(234 109 109 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(227 61 61 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(220 12 13 / var(--tw-bg-opacity))}.bg-rose-300{--tw-bg-opacity: 1;background-color:rgb(237 119 145 / var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(231 74 109 / var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(252 232 237 / var(--tw-bg-opacity))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity))}.bg-secondary-active{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-secondary-light-active,.bg-secondary-light-hover{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.bg-teal-300{--tw-bg-opacity: 1;background-color:rgb(94 234 212 / var(--tw-bg-opacity))}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(232 200 106 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(225 182 57 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(251 246 230 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(217 164 7 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-left{background-position:left}.bg-no-repeat{background-repeat:no-repeat}.fill-error{fill:#dc0c0d}.fill-neutral-darker{fill:#252931}.fill-neutral-inactive{fill:#b4bbc7}.fill-neutral-lighter{fill:#687583}.fill-primary-active{fill:#2563eb}.fill-secondary-active{fill:#0d9488}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pl-10{padding-left:2.5rem!important}.\!pl-3{padding-left:.75rem!important}.\!pl-\[86px\]{padding-left:86px!important}.\!pr-10{padding-right:2.5rem!important}.\!pr-8{padding-right:2rem!important}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-\[0px\]{padding-left:0}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.375rem\]{font-size:.375rem}.text-base{font-size:1rem;line-height:1.375rem}.text-lg{font-size:1.125rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.125rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-alpha-400{color:#ffffff4d}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-brandBlue-500{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-brandBlue-800{--tw-text-opacity: 1;color:rgb(15 40 94 / var(--tw-text-opacity))}.text-brandGreen-500{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity))}.text-brandGreen-700{--tw-text-opacity: 1;color:rgb(8 89 82 / var(--tw-text-opacity))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(5 87 107 / var(--tw-text-opacity))}.text-error,.text-error-active{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(8 146 73 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(5 88 44 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(47 42 137 / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-neutral-500{--tw-text-opacity: 1;color:rgb(104 117 131 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(77 85 97 / var(--tw-text-opacity))}.text-neutral-darker{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.text-neutral-inactive{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.text-neutral-inverse{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-neutral-lighter{--tw-text-opacity: 1;color:rgb(104 117 131 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(230 95 25 / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:rgb(138 57 15 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity: 1;color:rgb(131 23 71 / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(15 40 94 / var(--tw-text-opacity))}.text-primary-active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(99 46 190 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(74 35 142 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(132 7 7 / var(--tw-text-opacity))}.text-rose-500{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.text-rose-700{--tw-text-opacity: 1;color:rgb(135 17 43 / var(--tw-text-opacity))}.text-secondary,.text-secondary-active{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(130 98 4 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-outlined-error\/50{--tw-ring-color: rgb(220 12 13 / .5)}.ring-outlined-primary\/50{--tw-ring-color: rgb(37 99 235 / .5)}.ring-outlined-secondary\/50{--tw-ring-color: rgb(13 148 136 / .5)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.__X__border-neutro{--tw-border-opacity: 1;border-color:rgb(137 148 165 / var(--tw-border-opacity))}.__X__border-primary-light{--tw-border-opacity: 1;border-color:rgb(168 193 247 / var(--tw-border-opacity))}input.el-input.error,select.el-input.error,textarea.el-input.error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 12 13 / var(--tw-ring-opacity))}input.el-input.error::-moz-placeholder,select.el-input.error::-moz-placeholder,textarea.el-input.error::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error::placeholder,select.el-input.error::placeholder,textarea.el-input.error::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus),textarea.el-input.error:not(:focus){--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::-moz-placeholder,textarea.el-input.error:not(:focus)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::placeholder,textarea.el-input.error:not(:focus)::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error),textarea.el-input:not(:focus):not(.error),button.el-input:not(.empty):not(:focus):not(.error){border-color:rgb(15 40 94 / var(--tw-border-opacity));--tw-border-opacity: 1;border-color:rgb(168 193 247 / var(--tw-border-opacity))}input.el-input,select.el-input,textarea.el-input,button.el-input{display:block;height:44px;width:100%;min-width:3rem;align-items:center;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;text-align:left;font-size:1rem;line-height:1.375rem;--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}input.el-input::-moz-placeholder,select.el-input::-moz-placeholder,textarea.el-input::-moz-placeholder,button.el-input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input::placeholder,select.el-input::placeholder,textarea.el-input::placeholder,button.el-input::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input:disabled,select.el-input:disabled,textarea.el-input:disabled,button.el-input:disabled{cursor:not-allowed}input.el-input.error,select.el-input.error,button.el-input.error,textarea.el-input.error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error::-moz-placeholder,select.el-input.error::-moz-placeholder,button.el-input.error::-moz-placeholder,textarea.el-input.error::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error::placeholder,select.el-input.error::placeholder,button.el-input.error::placeholder,textarea.el-input.error::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:focus,select.el-input.error:focus,button.el-input.error:focus,textarea.el-input.error:focus{--tw-ring-color: rgb(220 12 13 / .5)}input.el-input.error:not(:focus),select.el-input.error:not(:focus),button.el-input.error:not(:focus),textarea.el-input.error:not(:focus){--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::-moz-placeholder,select.el-input.error:not(:focus)::-moz-placeholder,button.el-input.error:not(:focus)::-moz-placeholder,textarea.el-input.error:not(:focus)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::placeholder,select.el-input.error:not(:focus)::placeholder,button.el-input.error:not(:focus)::placeholder,textarea.el-input.error:not(:focus)::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(.error),select.el-input:not(.error),textarea.el-input:not(.error),button.el-input:not(.error){--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(.error):focus,select.el-input:not(.error):focus,textarea.el-input:not(.error):focus,button.el-input:not(.error):focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .5)}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error),textarea.el-input:not(:focus):not(.error),button.el-input:not(.empty):not(:focus):not(.error){--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error):-moz-placeholder-shown,textarea.el-input:not(:focus):not(.error):-moz-placeholder-shown,button.el-input:not(.empty):not(:focus):not(.error):-moz-placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error):placeholder-shown,textarea.el-input:not(:focus):not(.error):placeholder-shown,button.el-input:not(.empty):not(:focus):not(.error):placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.el-input-measure-unit::-webkit-outer-spin-button,.el-input-measure-unit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-measure-unit{-moz-appearance:textfield}.el-input-container.error select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C31A09' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.outlined-primary{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .5)}.outlined-secondary{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(13 148 136 / .5)}.outlined-error{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(220 12 13 / .5)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-x-fade-enter-active,.slide-y-fade-enter-active{transition:all .15s ease-out}.slide-x-fade-leave-active,.slide-y-fade-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.slide-x-fade-enter-from,.slide-x-fade-leave-to{transform:translate(20px);opacity:0}.slide-y-fade-enter-from,.slide-y-fade-leave-to{transform:translatey(-50%);opacity:0}.scale-enter-active,.scale-leave-active{transition:all .15s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.flip-x-enter,.flip-x-leave-to{transform:rotateY(-80deg);opacity:0}.flip-x-enter-active,.flip-x-leave-active{transition:transform .15s,opacity .15s}.expand-enter-active,.expand-leave-active{transition:all .15s ease-in-out;transform-origin:top}.expand-enter-from,.expand-leave-to{max-height:0;transform:scaleY(0)}.expand-enter-to,.expand-leave-from{max-height:100vh;transform:scaleY(1)}.slide-x-enter-from,.slide-x-leave-to{transform:translate(0)}.slide-x-enter-active,.slide-x-leave-active{transition:transform .15s;transform:translate(100%)}.slide-y-enter-from,.slide-y-leave-to{transform:translateY(0)}.slide-y-enter-active,.slide-y-leave-active{transition:transform .15s;transform:translateY(100%)}.swiper-button-next,.swiper-button-prev{display:none}.swiper .swiper-pagination{position:static;margin-top:.75rem}.swiper-pagination .swiper-pagination-bullet{width:.75rem;height:.75rem;border-color:#d1d7e2}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}.tox .tox-statusbar__path{flex-grow:0!important}.tox .tox-editor-header{border-bottom-width:1px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(209 215 226 / var(--tw-border-opacity))!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tox .tox-statusbar__right-container{display:flex!important;flex-grow:1!important;justify-content:center!important}.tox-statusbar{padding-left:.75rem!important;padding-right:.75rem!important}.tox-menubar,.tox-promotion{display:none!important}.tox-editor-header{padding-top:.25rem!important;padding-bottom:.25rem!important}.tox-toolbar-overlord{padding:0!important}.tox--error .tox .tox-edit-area__iframe{border-radius:.375rem!important;border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(220 12 13 / var(--tw-border-opacity))!important}.tox--primary .tox .tox-tbtn:hover{--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.tox--primary .tox .tox-tbtn--enabled{border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.tox--primary .tox .tox-edit-area:before{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.tox--secondary .tox .tox-tbtn:hover{--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.tox--secondary .tox .tox-tbtn--enabled{border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.tox--secondary .tox .tox-edit-area:before{--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important}.placeholder\:\!text-error::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(220 12 13 / var(--tw-text-opacity))!important}.placeholder\:\!text-error::placeholder{--tw-text-opacity: 1 !important;color:rgb(220 12 13 / var(--tw-text-opacity))!important}.placeholder\:text-neutral-inactive::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.placeholder\:text-neutral-inactive::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.placeholder-shown\:border-neutral-inactive:-moz-placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.placeholder-shown\:border-neutral-inactive:placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.focus-within\:border-error:focus-within{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.focus-within\:border-primary-active:focus-within{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.focus-within\:border-primary-pressed:focus-within{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.focus-within\:border-secondary-active:focus-within{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.focus-within\:border-secondary-pressed:focus-within{--tw-border-opacity: 1;border-color:rgb(8 89 82 / var(--tw-border-opacity))}.focus-within\:fill-primary-active:focus-within{fill:#2563eb}.focus-within\:fill-primary-pressed:focus-within{fill:#2563eb}.focus-within\:fill-secondary-active:focus-within{fill:#0d9488}.focus-within\:fill-secondary-pressed:focus-within{fill:#085952}.focus-within\:ring:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-outlined-error:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(220 12 13 / var(--tw-ring-opacity))}.focus-within\:ring-outlined-primary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity))}.focus-within\:ring-outlined-secondary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity))}.focus-within\:ring-opacity-50:focus-within{--tw-ring-opacity: .5}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-error-hover:hover{--tw-border-opacity: 1;border-color:rgb(176 11 10 / var(--tw-border-opacity))}.hover\:border-neutral-surface:hover{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(30 79 188 / var(--tw-border-opacity))}.hover\:border-secondary-hover:hover{--tw-border-opacity: 1;border-color:rgb(10 118 109 / var(--tw-border-opacity))}.hover\:border-yellow-500:hover{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.hover\:bg-alpha-100:hover{background-color:#ffffff0d}.hover\:bg-alpha-300:hover{background-color:#fff3}.hover\:bg-error-hover:hover{--tw-bg-opacity: 1;background-color:rgb(176 11 10 / var(--tw-bg-opacity))}.hover\:bg-error-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.hover\:bg-neutral-hover:hover{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(30 79 188 / var(--tw-bg-opacity))}.hover\:bg-primary-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.hover\:bg-secondary-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(174 131 6 / var(--tw-bg-opacity))}.hover\:fill-primary-hover:hover{fill:#1e4fbc}.hover\:text-error-hover:hover{--tw-text-opacity: 1;color:rgb(176 11 10 / var(--tw-text-opacity))}.hover\:text-neutral-darker:hover{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.hover\:text-primary-hover:hover{--tw-text-opacity: 1;color:rgb(30 79 188 / var(--tw-text-opacity))}.hover\:text-secondary-hover:hover{--tw-text-opacity: 1;color:rgb(10 118 109 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-yellow-500:hover{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.focus\:border:focus{border-width:1px}.focus\:border-0:focus{border-width:0px}.focus\:border-none:focus{border-style:none}.focus\:border-alpha-400:focus{border-color:#ffffff4d}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-alpha-100:focus{background-color:#ffffff0d}.focus\:bg-alpha-300:focus{background-color:#fff3}.focus\:bg-error-light-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(248 206 206 / var(--tw-bg-opacity))}.focus\:bg-neutral-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-outlined-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity))}.focus\:ring-outlined-primary\/50:focus{--tw-ring-color: rgb(37 99 235 / .5)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-neutral-surface:active{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.active\:border-primary-pressed:active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.active\:border-yellow-500:active{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.active\:bg-error-light-pressed:active{--tw-bg-opacity: 1;background-color:rgb(248 206 206 / var(--tw-bg-opacity))}.active\:bg-error-pressed:active{--tw-bg-opacity: 1;background-color:rgb(132 7 7 / var(--tw-bg-opacity))}.active\:bg-neutral-pressed:active{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.active\:bg-primary-light-active:active{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.active\:bg-primary-light-pressed:active{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.active\:bg-primary-pressed:active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.active\:bg-secondary-light-active:active{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.active\:bg-yellow-100:active{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.active\:bg-yellow-200:active{--tw-bg-opacity: 1;background-color:rgb(240 219 156 / var(--tw-bg-opacity))}.active\:bg-yellow-700:active{--tw-bg-opacity: 1;background-color:rgb(130 98 4 / var(--tw-bg-opacity))}.active\:fill-primary:active{fill:#0f285e}.active\:text-neutral-darker:active{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.active\:text-primary-pressed:active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.active\:text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.active\:text-yellow-500:active{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-error{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.group:hover .group-hover\:bg-primary-hover{--tw-bg-opacity: 1;background-color:rgb(30 79 188 / var(--tw-bg-opacity))}.group:hover .group-hover\:bg-secondary-hover{--tw-bg-opacity: 1;background-color:rgb(10 118 109 / var(--tw-bg-opacity))}.group:hover .group-hover\:text-primary-hover{--tw-text-opacity: 1;color:rgb(30 79 188 / var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary-hover{--tw-text-opacity: 1;color:rgb(10 118 109 / var(--tw-text-opacity))}.group:active .group-active\:bg-primary-pressed{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.group:active .group-active\:bg-secondary-pressed{--tw-bg-opacity: 1;background-color:rgb(8 89 82 / var(--tw-bg-opacity))}.group:active .group-active\:text-primary-pressed{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.group:active .group-active\:text-secondary-pressed{--tw-text-opacity: 1;color:rgb(8 89 82 / var(--tw-text-opacity))}@supports (overflow-wrap:anywhere){.supports-\[overflow-wrap\:anywhere\]\:\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){.supports-\[not\(overflow-wrap\:anywhere\)\]\:\[word-break\:break-word\]{word-break:break-word}}@media not all and (min-width: 640px){.max-sm\:overflow-scroll{overflow:scroll}.max-sm\:p-0{padding:0}.max-sm\:hide-scrollbar::-webkit-scrollbar{display:none}.max-sm\:hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@media (min-width: 640px){.sm\:min-w-80{min-width:20rem}.sm\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-\[100\%\]{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:overflow-x-auto{overflow-x:auto}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.125rem}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:bottom-0{bottom:0}.md\:my-8{margin-top:2rem;margin-bottom:2rem}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-3xl{max-width:48rem}.md\:max-w-80{max-width:20rem}.md\:justify-center{justify-content:center}.md\:p-7{padding:1.75rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-base{font-size:1rem;line-height:1.375rem}}@media (min-width: 1024px){.lg\:top-60{top:15rem}.lg\:flex{display:flex}.lg\:max-w-96{max-width:24rem}.lg\:gap-4{gap:1rem}.lg\:p-24{padding:6rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 360px){.container{max-width:360px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@media (min-width: 1920px){.container{max-width:1920px}}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.left-\[0\.125rem\]{left:.125rem}.right-0{right:0}.right-2{right:.5rem}.right-\[1px\]{right:1px}.right-\[2px\]{right:2px}.right-\[4px\]{right:4px}.right-\[5px\]{right:5px}.right-\[6px\]{right:6px}.top-0{top:0}.top-\[0\.125rem\]{top:.125rem}.top-\[2px\]{top:2px}.top-\[4px\]{top:4px}.top-\[5px\]{top:5px}.top-\[6px\]{top:6px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.m-10{margin:2.5rem}.-my-px{margin-top:-1px;margin-bottom:-1px}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mt-\[0\.15rem\]{margin-top:-.15rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-11{margin-right:2.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-5{margin-right:1.25rem}.mr-\[-2px\]{margin-right:-2px}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-\[0\.05rem\]{margin-top:.05rem}.mt-\[0\.1rem\]{margin-top:.1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-4{width:1rem;height:1rem}.\!h-12{height:3rem!important}.\!h-8{height:2rem!important}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[0\.15rem\]{height:.15rem}.h-\[0\.2rem\]{height:.2rem}.h-\[0\.7rem\]{height:.7rem}.h-\[0\.8rem\]{height:.8rem}.h-\[1\.125rem\]{height:1.125rem}.h-\[1\.375rem\]{height:1.375rem}.h-\[14px\]{height:14px}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[28px\]{height:28px}.h-\[44px\]{height:44px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-28{max-height:7rem}.max-h-50-screen{max-height:50vh}.max-h-80{max-height:20rem}.max-h-\[12\.5rem\]{max-height:12.5rem}.max-h-\[260px\]{max-height:260px}.max-h-\[80\%\]{max-height:80%}.max-h-\[9\.5rem\]{max-height:9.5rem}.max-h-\[inherit\]{max-height:inherit}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-10{min-height:2.5rem}.min-h-20{min-height:5rem}.min-h-6{min-height:1.5rem}.min-h-\[40px\]{min-height:40px}.\!w-12{width:3rem!important}.\!w-8{width:2rem!important}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[0\.35rem\]{width:.35rem}.w-\[0\.5rem\]{width:.5rem}.w-\[0\.6rem\]{width:.6rem}.w-\[1\.125rem\]{width:1.125rem}.w-\[1\.625rem\]{width:1.625rem}.w-\[100px\]{width:100px}.w-\[1280px\]{width:1280px}.w-\[14px\]{width:14px}.w-\[360px\]{width:360px}.w-\[37px\]{width:37px}.w-\[50px\]{width:50px}.w-\[55px\]{width:55px}.w-\[576px\]{width:576px}.w-\[768px\]{width:768px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-2{min-width:.5rem}.min-w-20{min-width:5rem}.min-w-36{min-width:9rem}.min-w-44{min-width:11rem}.min-w-52{min-width:13rem}.min-w-72{min-width:18rem}.min-w-8{min-width:2rem}.min-w-80{min-width:20rem}.min-w-\[120px\]{min-width:120px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-44{max-width:11rem}.max-w-72{max-width:18rem}.max-w-7xl{max-width:80rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-\[100px\]{max-width:100px}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.\!grow{flex-grow:1!important}.grow{flex-grow:1}.basis-64{flex-basis:16rem}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[8px_1fr\]{grid-template-columns:8px 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-\[2px\]{gap:2px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.\!border-\[1\.5px\]{border-width:1.5px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-x-\[1px\]{border-left-width:1px;border-right-width:1px}.\!border-b{border-bottom-width:1px!important}.border-b{border-bottom-width:1px}.border-b-\[0\.15rem\]{border-bottom-width:.15rem}.border-b-\[0\.2rem\]{border-bottom-width:.2rem}.border-l-0{border-left-width:0px}.border-r-\[0\.15rem\]{border-right-width:.15rem}.border-r-\[0\.2rem\]{border-right-width:.2rem}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.\!border-solid{border-style:solid!important}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-error{--tw-border-opacity: 1 !important;border-color:rgb(220 12 13 / var(--tw-border-opacity))!important}.\!border-neutral-200{--tw-border-opacity: 1 !important;border-color:rgb(209 215 226 / var(--tw-border-opacity))!important}.\!border-primary-active{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.\!border-secondary-active{--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important}.border-alpha-500{border-color:#fff6}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-brandBlue-500{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-brandBlue-800{--tw-border-opacity: 1;border-color:rgb(15 40 94 / var(--tw-border-opacity))}.border-brandGreen-500{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity))}.border-error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.border-error-hover{--tw-border-opacity: 1;border-color:rgb(176 11 10 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(107 190 146 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(8 146 73 / var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgb(104 117 131 / var(--tw-border-opacity))}.border-neutral-inactive{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.border-neutral-inverse{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-neutral-surface{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(230 95 25 / var(--tw-border-opacity))}.border-pink-500{--tw-border-opacity: 1;border-color:rgb(219 39 119 / var(--tw-border-opacity))}.border-primary{--tw-border-opacity: 1;border-color:rgb(15 40 94 / var(--tw-border-opacity))}.border-primary-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-primary-hover{--tw-border-opacity: 1;border-color:rgb(30 79 188 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity))}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(99 46 190 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(234 109 109 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(225 29 72 / var(--tw-border-opacity))}.border-secondary,.border-secondary-active{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.border-secondary-hover{--tw-border-opacity: 1;border-color:rgb(10 118 109 / var(--tw-border-opacity))}.border-teal-500{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(232 200 106 / var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(130 98 4 / var(--tw-border-opacity))}.border-b-neutral-surface{--tw-border-opacity: 1;border-bottom-color:rgb(209 215 226 / var(--tw-border-opacity))}.border-t-neutral-surface{--tw-border-opacity: 1;border-top-color:rgb(209 215 226 / var(--tw-border-opacity))}.\!bg-primary-light-active{--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.\!bg-secondary-light-active{--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.bg-alpha-100{background-color:#ffffff0d}.bg-alpha-200{background-color:#ffffff1a}.bg-alpha-300{background-color:#fff3}.bg-alpha-500{background-color:#fff6}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-brandBlue-100{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.bg-brandBlue-200{--tw-bg-opacity: 1;background-color:rgb(211 224 251 / var(--tw-bg-opacity))}.bg-brandBlue-300{--tw-bg-opacity: 1;background-color:rgb(168 193 247 / var(--tw-bg-opacity))}.bg-brandBlue-400{--tw-bg-opacity: 1;background-color:rgb(81 130 239 / var(--tw-bg-opacity))}.bg-brandBlue-50{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-brandBlue-500{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-brandGreen-100{--tw-bg-opacity: 1;background-color:rgb(231 244 243 / var(--tw-bg-opacity))}.bg-brandGreen-500{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-cyan-300{--tw-bg-opacity: 1;background-color:rgb(107 189 209 / var(--tw-bg-opacity))}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(57 167 193 / var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(230 244 247 / var(--tw-bg-opacity))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity: 1;background-color:rgb(220 12 13 / var(--tw-bg-opacity))}.bg-error-light-active,.bg-error-light-hover{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(107 190 146 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(57 168 109 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(230 244 237 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(8 146 73 / var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity: 1;background-color:rgb(149 144 239 / var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(114 107 234 / var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(237 237 252 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(221 227 235 / var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgb(180 187 199 / var(--tw-bg-opacity))}.bg-neutral-500{--tw-bg-opacity: 1;background-color:rgb(104 117 131 / var(--tw-bg-opacity))}.bg-neutral-active,.bg-neutral-hover{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.bg-neutral-inactive{--tw-bg-opacity: 1;background-color:rgb(221 227 235 / var(--tw-bg-opacity))}.bg-neutral-pressed{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.bg-neutral-surface{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-neutral-surface-raised{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity: 1;background-color:rgb(240 159 117 / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(235 127 71 / var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(253 239 232 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(230 95 25 / var(--tw-bg-opacity))}.bg-pink-300{--tw-bg-opacity: 1;background-color:rgb(233 125 173 / var(--tw-bg-opacity))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(226 82 146 / var(--tw-bg-opacity))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(251 233 241 / var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(15 40 94 / var(--tw-bg-opacity))}.bg-primary-active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-primary-light-active,.bg-primary-light-hover{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-primary-light-pressed{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.bg-purple-300{--tw-bg-opacity: 1;background-color:rgb(176 137 244 / var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(150 97 241 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(242 235 253 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(234 109 109 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(227 61 61 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(220 12 13 / var(--tw-bg-opacity))}.bg-rose-300{--tw-bg-opacity: 1;background-color:rgb(237 119 145 / var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(231 74 109 / var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(252 232 237 / var(--tw-bg-opacity))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity))}.bg-secondary-active{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity))}.bg-secondary-light-active,.bg-secondary-light-hover{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.bg-teal-300{--tw-bg-opacity: 1;background-color:rgb(94 234 212 / var(--tw-bg-opacity))}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(232 200 106 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(225 182 57 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(251 246 230 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(217 164 7 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-left{background-position:left}.bg-no-repeat{background-repeat:no-repeat}.fill-error{fill:#dc0c0d}.fill-neutral-darker{fill:#252931}.fill-neutral-inactive{fill:#b4bbc7}.fill-neutral-lighter{fill:#687583}.fill-primary-active{fill:#2563eb}.fill-secondary-active{fill:#0d9488}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pl-10{padding-left:2.5rem!important}.\!pl-3{padding-left:.75rem!important}.\!pl-\[86px\]{padding-left:86px!important}.\!pr-10{padding-right:2.5rem!important}.\!pr-8{padding-right:2rem!important}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[0px\]{padding-left:0}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.375rem\]{font-size:.375rem}.text-base{font-size:1rem;line-height:1.375rem}.text-lg{font-size:1.125rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.125rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-alpha-400{color:#ffffff4d}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-brandBlue-500{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-brandBlue-800{--tw-text-opacity: 1;color:rgb(15 40 94 / var(--tw-text-opacity))}.text-brandGreen-500{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity))}.text-brandGreen-700{--tw-text-opacity: 1;color:rgb(8 89 82 / var(--tw-text-opacity))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(5 87 107 / var(--tw-text-opacity))}.text-error,.text-error-active{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(8 146 73 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(5 88 44 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(47 42 137 / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-neutral-500{--tw-text-opacity: 1;color:rgb(104 117 131 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(77 85 97 / var(--tw-text-opacity))}.text-neutral-darker{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.text-neutral-inactive{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.text-neutral-inverse{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-neutral-lighter{--tw-text-opacity: 1;color:rgb(104 117 131 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(230 95 25 / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:rgb(138 57 15 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity: 1;color:rgb(131 23 71 / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(15 40 94 / var(--tw-text-opacity))}.text-primary-active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(99 46 190 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(74 35 142 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(132 7 7 / var(--tw-text-opacity))}.text-rose-500{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.text-rose-700{--tw-text-opacity: 1;color:rgb(135 17 43 / var(--tw-text-opacity))}.text-secondary,.text-secondary-active{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(130 98 4 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-outlined-error\/50{--tw-ring-color: rgb(220 12 13 / .5)}.ring-outlined-primary\/50{--tw-ring-color: rgb(37 99 235 / .5)}.ring-outlined-secondary\/50{--tw-ring-color: rgb(13 148 136 / .5)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.__X__border-neutro{--tw-border-opacity: 1;border-color:rgb(137 148 165 / var(--tw-border-opacity))}.__X__border-primary-light{--tw-border-opacity: 1;border-color:rgb(168 193 247 / var(--tw-border-opacity))}input.el-input.error,select.el-input.error,textarea.el-input.error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 12 13 / var(--tw-ring-opacity))}input.el-input.error::-moz-placeholder,select.el-input.error::-moz-placeholder,textarea.el-input.error::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error::placeholder,select.el-input.error::placeholder,textarea.el-input.error::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus),textarea.el-input.error:not(:focus){--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::-moz-placeholder,textarea.el-input.error:not(:focus)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::placeholder,textarea.el-input.error:not(:focus)::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error),textarea.el-input:not(:focus):not(.error),button.el-input:not(.empty):not(:focus):not(.error){border-color:rgb(15 40 94 / var(--tw-border-opacity));--tw-border-opacity: 1;border-color:rgb(168 193 247 / var(--tw-border-opacity))}input.el-input,select.el-input,textarea.el-input,button.el-input{display:block;height:44px;width:100%;min-width:3rem;align-items:center;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;text-align:left;font-size:1rem;line-height:1.375rem;--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}input.el-input::-moz-placeholder,select.el-input::-moz-placeholder,textarea.el-input::-moz-placeholder,button.el-input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input::placeholder,select.el-input::placeholder,textarea.el-input::placeholder,button.el-input::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input:disabled,select.el-input:disabled,textarea.el-input:disabled,button.el-input:disabled{cursor:not-allowed}input.el-input.error,select.el-input.error,button.el-input.error,textarea.el-input.error{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error::-moz-placeholder,select.el-input.error::-moz-placeholder,button.el-input.error::-moz-placeholder,textarea.el-input.error::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error::placeholder,select.el-input.error::placeholder,button.el-input.error::placeholder,textarea.el-input.error::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:focus,select.el-input.error:focus,button.el-input.error:focus,textarea.el-input.error:focus{--tw-ring-color: rgb(220 12 13 / .5)}input.el-input.error:not(:focus),select.el-input.error:not(:focus),button.el-input.error:not(:focus),textarea.el-input.error:not(:focus){--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity));padding-right:2.5rem;--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::-moz-placeholder,select.el-input.error:not(:focus)::-moz-placeholder,button.el-input.error:not(:focus)::-moz-placeholder,textarea.el-input.error:not(:focus)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input.el-input.error:not(:focus)::placeholder,select.el-input.error:not(:focus)::placeholder,button.el-input.error:not(:focus)::placeholder,textarea.el-input.error:not(:focus)::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(.error),select.el-input:not(.error),textarea.el-input:not(.error),button.el-input:not(.error){--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(.error):focus,select.el-input:not(.error):focus,textarea.el-input:not(.error):focus,button.el-input:not(.error):focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .5)}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error),textarea.el-input:not(:focus):not(.error),button.el-input:not(.empty):not(:focus):not(.error){--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error):-moz-placeholder-shown,textarea.el-input:not(:focus):not(.error):-moz-placeholder-shown,button.el-input:not(.empty):not(:focus):not(.error):-moz-placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}input:not([type=date]):not([type=datetime-local]):not([type=time]).el-input:not(:focus):not(.error):placeholder-shown,textarea.el-input:not(:focus):not(.error):placeholder-shown,button.el-input:not(.empty):not(:focus):not(.error):placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.el-input-measure-unit::-webkit-outer-spin-button,.el-input-measure-unit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-measure-unit{-moz-appearance:textfield}.el-input-container.error select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23C31A09' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.outlined-primary{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .5)}.outlined-secondary{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(13 148 136 / .5)}.outlined-error{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(220 12 13 / .5)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-x-fade-enter-active,.slide-y-fade-enter-active{transition:all .15s ease-out}.slide-x-fade-leave-active,.slide-y-fade-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.slide-x-fade-enter-from,.slide-x-fade-leave-to{transform:translate(20px);opacity:0}.slide-y-fade-enter-from,.slide-y-fade-leave-to{transform:translatey(-50%);opacity:0}.scale-enter-active,.scale-leave-active{transition:all .15s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.flip-x-enter,.flip-x-leave-to{transform:rotateY(-80deg);opacity:0}.flip-x-enter-active,.flip-x-leave-active{transition:transform .15s,opacity .15s}.expand-enter-active,.expand-leave-active{transition:all .15s ease-in-out;transform-origin:top}.expand-enter-from,.expand-leave-to{max-height:0;transform:scaleY(0)}.expand-enter-to,.expand-leave-from{max-height:100vh;transform:scaleY(1)}.slide-x-enter-from,.slide-x-leave-to{transform:translate(0)}.slide-x-enter-active,.slide-x-leave-active{transition:transform .15s;transform:translate(100%)}.slide-y-enter-from,.slide-y-leave-to{transform:translateY(0)}.slide-y-enter-active,.slide-y-leave-active{transition:transform .15s;transform:translateY(100%)}.swiper-button-next,.swiper-button-prev{display:none}.swiper .swiper-pagination{position:static;margin-top:.75rem}.swiper-pagination .swiper-pagination-bullet{width:.75rem;height:.75rem;border-color:#d1d7e2}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}.tox .tox-statusbar__path{flex-grow:0!important}.tox .tox-editor-header{border-bottom-width:1px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(209 215 226 / var(--tw-border-opacity))!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tox .tox-statusbar__right-container{display:flex!important;flex-grow:1!important;justify-content:center!important}.tox-statusbar{padding-left:.75rem!important;padding-right:.75rem!important}.tox-menubar,.tox-promotion{display:none!important}.tox-editor-header{padding-top:.25rem!important;padding-bottom:.25rem!important}.tox-toolbar-overlord{padding:0!important}.tox--error .tox .tox-edit-area__iframe{border-radius:.375rem!important;border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(220 12 13 / var(--tw-border-opacity))!important}.tox--primary .tox .tox-tbtn:hover{--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.tox--primary .tox .tox-tbtn--enabled{border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(244 248 255 / var(--tw-bg-opacity))!important}.tox--primary .tox .tox-edit-area:before{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.tox--secondary .tox .tox-tbtn:hover{--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.tox--secondary .tox .tox-tbtn--enabled{border-width:1.5px!important;border-style:solid!important;--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(243 248 248 / var(--tw-bg-opacity))!important}.tox--secondary .tox .tox-edit-area:before{--tw-border-opacity: 1 !important;border-color:rgb(13 148 136 / var(--tw-border-opacity))!important}.placeholder\:\!text-error::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(220 12 13 / var(--tw-text-opacity))!important}.placeholder\:\!text-error::placeholder{--tw-text-opacity: 1 !important;color:rgb(220 12 13 / var(--tw-text-opacity))!important}.placeholder\:text-neutral-inactive::-moz-placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.placeholder\:text-neutral-inactive::placeholder{--tw-text-opacity: 1;color:rgb(180 187 199 / var(--tw-text-opacity))}.placeholder-shown\:border-neutral-inactive:-moz-placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.placeholder-shown\:border-neutral-inactive:placeholder-shown{--tw-border-opacity: 1;border-color:rgb(180 187 199 / var(--tw-border-opacity))}.focus-within\:border-error:focus-within{--tw-border-opacity: 1;border-color:rgb(220 12 13 / var(--tw-border-opacity))}.focus-within\:border-primary-active:focus-within{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.focus-within\:border-primary-pressed:focus-within{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.focus-within\:border-secondary-active:focus-within{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity))}.focus-within\:border-secondary-pressed:focus-within{--tw-border-opacity: 1;border-color:rgb(8 89 82 / var(--tw-border-opacity))}.focus-within\:fill-primary-active:focus-within{fill:#2563eb}.focus-within\:fill-primary-pressed:focus-within{fill:#2563eb}.focus-within\:fill-secondary-active:focus-within{fill:#0d9488}.focus-within\:fill-secondary-pressed:focus-within{fill:#085952}.focus-within\:ring:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-outlined-error:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(220 12 13 / var(--tw-ring-opacity))}.focus-within\:ring-outlined-primary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity))}.focus-within\:ring-outlined-secondary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity))}.focus-within\:ring-opacity-50:focus-within{--tw-ring-opacity: .5}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-error-hover:hover{--tw-border-opacity: 1;border-color:rgb(176 11 10 / var(--tw-border-opacity))}.hover\:border-neutral-surface:hover{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(30 79 188 / var(--tw-border-opacity))}.hover\:border-secondary-hover:hover{--tw-border-opacity: 1;border-color:rgb(10 118 109 / var(--tw-border-opacity))}.hover\:border-yellow-500:hover{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.hover\:bg-alpha-100:hover{background-color:#ffffff0d}.hover\:bg-alpha-300:hover{background-color:#fff3}.hover\:bg-error-hover:hover{--tw-bg-opacity: 1;background-color:rgb(176 11 10 / var(--tw-bg-opacity))}.hover\:bg-error-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(255 244 243 / var(--tw-bg-opacity))}.hover\:bg-neutral-hover:hover{--tw-bg-opacity: 1;background-color:rgb(245 249 255 / var(--tw-bg-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(30 79 188 / var(--tw-bg-opacity))}.hover\:bg-primary-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.hover\:bg-secondary-light-hover:hover{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(174 131 6 / var(--tw-bg-opacity))}.hover\:fill-primary-hover:hover{fill:#1e4fbc}.hover\:text-error-hover:hover{--tw-text-opacity: 1;color:rgb(176 11 10 / var(--tw-text-opacity))}.hover\:text-neutral-darker:hover{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.hover\:text-primary-hover:hover{--tw-text-opacity: 1;color:rgb(30 79 188 / var(--tw-text-opacity))}.hover\:text-secondary-hover:hover{--tw-text-opacity: 1;color:rgb(10 118 109 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-yellow-500:hover{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.focus\:border:focus{border-width:1px}.focus\:border-0:focus{border-width:0px}.focus\:border-none:focus{border-style:none}.focus\:border-alpha-400:focus{border-color:#ffffff4d}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-alpha-100:focus{background-color:#ffffff0d}.focus\:bg-alpha-300:focus{background-color:#fff3}.focus\:bg-error-light-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(248 206 206 / var(--tw-bg-opacity))}.focus\:bg-neutral-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-outlined-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity))}.focus\:ring-outlined-primary\/50:focus{--tw-ring-color: rgb(37 99 235 / .5)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-neutral-surface:active{--tw-border-opacity: 1;border-color:rgb(209 215 226 / var(--tw-border-opacity))}.active\:border-primary-pressed:active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.active\:border-yellow-500:active{--tw-border-opacity: 1;border-color:rgb(217 164 7 / var(--tw-border-opacity))}.active\:bg-error-light-pressed:active{--tw-bg-opacity: 1;background-color:rgb(248 206 206 / var(--tw-bg-opacity))}.active\:bg-error-pressed:active{--tw-bg-opacity: 1;background-color:rgb(132 7 7 / var(--tw-bg-opacity))}.active\:bg-neutral-pressed:active{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.active\:bg-primary-light-active:active{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.active\:bg-primary-light-pressed:active{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.active\:bg-primary-pressed:active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.active\:bg-secondary-light-active:active{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / var(--tw-bg-opacity))}.active\:bg-yellow-100:active{--tw-bg-opacity: 1;background-color:rgb(247 237 205 / var(--tw-bg-opacity))}.active\:bg-yellow-200:active{--tw-bg-opacity: 1;background-color:rgb(240 219 156 / var(--tw-bg-opacity))}.active\:bg-yellow-700:active{--tw-bg-opacity: 1;background-color:rgb(130 98 4 / var(--tw-bg-opacity))}.active\:fill-primary:active{fill:#0f285e}.active\:text-neutral-darker:active{--tw-text-opacity: 1;color:rgb(37 41 49 / var(--tw-text-opacity))}.active\:text-primary-pressed:active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.active\:text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.active\:text-yellow-500:active{--tw-text-opacity: 1;color:rgb(217 164 7 / var(--tw-text-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-error{--tw-text-opacity: 1;color:rgb(220 12 13 / var(--tw-text-opacity))}.group:hover .group-hover\:bg-primary-hover{--tw-bg-opacity: 1;background-color:rgb(30 79 188 / var(--tw-bg-opacity))}.group:hover .group-hover\:bg-secondary-hover{--tw-bg-opacity: 1;background-color:rgb(10 118 109 / var(--tw-bg-opacity))}.group:hover .group-hover\:text-primary-hover{--tw-text-opacity: 1;color:rgb(30 79 188 / var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary-hover{--tw-text-opacity: 1;color:rgb(10 118 109 / var(--tw-text-opacity))}.group:active .group-active\:bg-primary-pressed{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.group:active .group-active\:bg-secondary-pressed{--tw-bg-opacity: 1;background-color:rgb(8 89 82 / var(--tw-bg-opacity))}.group:active .group-active\:text-primary-pressed{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.group:active .group-active\:text-secondary-pressed{--tw-text-opacity: 1;color:rgb(8 89 82 / var(--tw-text-opacity))}@supports (overflow-wrap:anywhere){.supports-\[overflow-wrap\:anywhere\]\:\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}}@supports not (overflow-wrap:anywhere){.supports-\[not\(overflow-wrap\:anywhere\)\]\:\[word-break\:break-word\]{word-break:break-word}}@media not all and (min-width: 640px){.max-sm\:overflow-scroll{overflow:scroll}.max-sm\:p-0{padding:0}.max-sm\:hide-scrollbar::-webkit-scrollbar{display:none}.max-sm\:hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@media (min-width: 640px){.sm\:min-w-80{min-width:20rem}.sm\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-\[100\%\]{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:overflow-x-auto{overflow-x:auto}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.125rem}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:bottom-0{bottom:0}.md\:my-8{margin-top:2rem;margin-bottom:2rem}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-3xl{max-width:48rem}.md\:max-w-80{max-width:20rem}.md\:justify-center{justify-content:center}.md\:p-7{padding:1.75rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-base{font-size:1rem;line-height:1.375rem}}@media (min-width: 1024px){.lg\:top-60{top:15rem}.lg\:flex{display:flex}.lg\:max-w-96{max-width:24rem}.lg\:gap-4{gap:1rem}.lg\:p-24{padding:6rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./ElServerSideTablePagination.vue.cjs2.js"),Q=require("../_CustomTransition.vue.cjs2.js"),x=require("../forms/ElInputCheckbox.vue.cjs2.js"),W=require("../forms/ElInputSelect.vue.cjs2.js"),Y=require("../forms/ElInputDate.vue.cjs2.js"),Z=require("../forms/ElInputText.vue.cjs2.js"),ee=require("../ElSpinner.vue.cjs2.js"),te=require("./ElTableCell.vue.cjs2.js"),le=require("../ElButton.vue.cjs2.js"),A=require("../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.cjs.js"),oe={class:"flex flex-col"},re={class:"overflow-x-auto"},ae={class:"inline-block min-w-full bg-white align-middle"},ne={class:"min-w-full"},se={class:"bg-neutral-surface-raised font-semibold"},ce={key:1,class:"w-7"},ue=["title","onClick"],ie={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"ml-1 inline-flex h-3 w-3",fill:"currentColor"},de={key:0,d:"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"},pe={key:1,d:"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z",title:"Ordine Decrescente"},fe={key:0},ge={key:0,scope:"col"},me={key:1,class:"flex flex-col"},_e={key:3,class:"flex justify-end"},ve={key:"loading"},we=["colspan"],Se={key:"tableFull",class:"bg-white"},ye={key:0,class:"flex h-20 items-center justify-center py-3"},ke=["data-cy"],Ee={key:"tableEmpty"},he=["colspan"],Be=e.defineComponent({__name:"ElServerSideTable",props:{columns:{},sortByCol:{default:-1},sortByColAsc:{type:Boolean,default:!1},noFilters:{type:Boolean},noFooter:{type:Boolean},rowsSelectionMode:{default:void 0},rowsSelectionDisabled:{type:Boolean},rowsPerPage:{default:15},dataController:{}},emits:["rows-selected","newPageSelected"],setup(T,{expose:F,emit:N}){const a=T,P=N,p=e.ref(!0),y=10,d=e.ref([]),k=e.ref(null);e.onMounted(async()=>{const t=await a.dataController({paginationStatus:{currentPage:0},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"firstLoad"});d.value=t.data,v.value=t.totalRows,p.value=!1});function D(){const t=e.ref(0),i=e.computed(()=>{var r;return((r=k.value)==null?void 0:r.currentPage)??0});return{newPageSelected:async r=>{p.value=!0,d.value=(await a.dataController({paginationStatus:{currentPage:r},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"paginate"})).data,p.value=!1},totalRowsCount:t,currentPage:i,goToFirstPage:()=>{var r;return(r=k.value)==null?void 0:r.goToPage(0,{doNotEmitEvent:!0})}}}function M(){const t=e.ref({currentlySortColIndex:a.sortByCol>-1?a.sortByCol:-1,arrows:[...new Array(y)].map((r,n)=>n===a.sortByCol?a.sortByColAsc:r)}),i=()=>{t.value={currentlySortColIndex:-1,arrows:[]}},o=e.computed(()=>({columnToSort:t.value.currentlySortColIndex,order:t.value.arrows[t.value.currentlySortColIndex]?"asc":"desc"}));return{sortStatus:t,toggleSortArrow:async r=>{t.value.currentlySortColIndex=r,t.value.arrows.splice(r,1,!t.value.arrows[r]),p.value=!0;try{const n=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:o.value,filterStatus:u.value,triggeredEvent:"sort"});d.value=n.data,v.value=n.totalRows}catch(n){console.error(n)}finally{p.value=!1}},currentSortStatus:o,resetSort:i}}function U(){const t=e.ref([]),i=e.ref(!1);e.onMounted(()=>{o(),A.watchDeep(t,async n=>{i.value?(l(n),i.value=!1):r(n)})});const o=()=>{var n;i.value=!0,t.value=new Array(y).fill(void 0);for(let s=0;s<y;s++){const c=(n=a.columns[s])==null?void 0:n.filter;c&&(c.type==="FREE_SEARCH"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"FREE_SEARCH",columnTitle:a.columns[s].title}):c.type==="MULTI_VALUE"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"MULTI_VALUE",columnTitle:a.columns[s].title}):c.type==="DATE_RANGE"&&t.value.splice(s,1,{id:c.id,dateFrom:c.initialValue??0,type:"DATE_RANGE",columnTitle:a.columns[s].title}))}},l=async n=>{console.log("applyFilters"),p.value=!0,$();const s=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:n,triggeredEvent:"filter"});d.value=s.data,v.value=s.totalRows,p.value=!1},r=A.useDebounceFn(l,500);return{filterStatus:t,resetFilters:o}}function L(){const t=e.ref([]),i=()=>{P("rows-selected",t.value)},o=m=>{r(m.map(f=>f.id))},l=m=>{const f=t.value.findIndex(g=>g.id===m);t.value.splice(f,1),i()},r=async m=>{a.rowsSelectionMode==="single"&&(t.value=[],await e.nextTick());const f=d.value.filter(g=>m.includes(g.id));a.rowsSelectionMode==="single"&&(f.length=Math.min(1,f.length));for(const g of f)t.value.some(_=>_.id===g.id)||t.value.push(g);i()},n=()=>{t.value=[],i()},s=()=>d.value,c=()=>t.value,S=e.computed(()=>t.value.length>0&&t.value.length===d.value.length);return{selectedRows:t,rowsSelected:o,rowUnselected:l,selectRows:r,unselectAllRows:n,getDataRows:s,getSelectedRows:c,allRowsSelected:S}}const{selectedRows:C,rowsSelected:V,rowUnselected:I,selectRows:q,unselectAllRows:E,getDataRows:z,getSelectedRows:O,allRowsSelected:R}=L(),{filterStatus:u,resetFilters:h}=U(),{sortStatus:b,toggleSortArrow:G,currentSortStatus:w,resetSort:j}=M(),{newPageSelected:H,totalRowsCount:v,currentPage:B,goToFirstPage:$}=D(),X=async()=>{j(),h(),E()},J=async()=>{p.value=!0;const t=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"trigger"});d.value=t.data,v.value=t.totalRows,p.value=!1};return e.watch(()=>a.columns,()=>h(),{deep:!0,immediate:!0}),F({selectRows:q,resetAllAndFetch:X,unselectAllRows:E,getDataRows:z,getSelectedRows:O,triggerDataController:J}),(t,i)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",re,[e.createElementVNode("div",ae,[e.createElementVNode("table",ne,[e.createElementVNode("thead",null,[e.createElementVNode("tr",se,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider",{"cursor-pointer":t.rowsSelectionMode==="multiple"}])},[t.rowsSelectionMode==="multiple"?(e.openBlock(),e.createBlock(x.default,{key:0,"model-value":e.unref(R),disabled:t.rowsSelectionDisabled,size:"xxs",onClick:i[0]||(i[0]=()=>e.unref(R)?e.unref(E)():e.unref(V)(d.value))},null,8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",ce))],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(o,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider",[o.alignRight?"text-right":"text-left",o.noSort?"cursor-default":"cursor-pointer"]]),title:o.noSort?"Colonna non ordinabile":e.unref(b).arrows[l]?"Ordine crescente":"Ordine decrescente",onClick:r=>!o.noSort&&e.unref(G)(l)},[e.createTextVNode(e.toDisplayString(o.title)+" ",1),o.noSort?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",ie,[e.unref(b).arrows[l]?(e.openBlock(),e.createElementBlock("path",de)):(e.openBlock(),e.createElementBlock("path",pe))]))],10,ue))),128))]),e.unref(u).length>0&&!t.noFilters?(e.openBlock(),e.createElementBlock("tr",fe,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",ge)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(o,l)=>{var r,n,s,c,S,m,f,g;return e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider"},[((r=o.filter)==null?void 0:r.type)==="FREE_SEARCH"&&((n=e.unref(u)[l])==null?void 0:n.type)==="FREE_SEARCH"?(e.openBlock(),e.createBlock(Z.default,{key:0,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,placeholder:((s=o.filter)==null?void 0:s.placeholder)||"Cerca","hidden-error-message":!0,"leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):((c=o.filter)==null?void 0:c.type)==="DATE_RANGE"&&((S=e.unref(u)[l])==null?void 0:S.type)==="DATE_RANGE"?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(Y.default,{modelValue:e.unref(u)[l].dateFrom,"onUpdate:modelValue":_=>e.unref(u)[l].dateFrom=_,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue"])])):((m=o.filter)==null?void 0:m.type)==="MULTI_VALUE"&&((f=e.unref(u)[l])==null?void 0:f.type)==="MULTI_VALUE"?(e.openBlock(),e.createBlock(W.default,{key:2,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,class:"flex flex-col",type:"autocomplete",options:o.filter.selectOptions,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue","options"])):((g=o.filter)==null?void 0:g.type)==="RESET_FILTERS_BUTTON"?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(le.default,{label:"Azzera filtri",variant:"tertiary",size:"xs",onClick:e.unref(h)},null,8,["onClick"])])):e.createCommentVNode("",!0)])}),128))])):e.createCommentVNode("",!0)]),e.createVNode(Q.default,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("tbody",ve,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1},[e.createVNode(ee.default,{label:"Caricamento dati...",class:"p-4","extra-loading-msg-after-seconds":3})],8,we)])])):d.value.length>0?(e.openBlock(),e.createElementBlock("tbody",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id,class:e.normalizeClass(["transition duration-150 ease-in-out border-t border-neutral-surface",{"bg-neutral-surface-raised":t.rowsSelectionMode&&e.unref(C).find(l=>l.id===o.id)}]),"data-cy":"table-row"},[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("td",ye,[e.createVNode(x.default,{"model-value":!!e.unref(C).find(l=>l.id===o.id),disabled:t.rowsSelectionDisabled,size:"xxs","onUpdate:modelValue":l=>l?e.unref(V)([o]):e.unref(I)(o.id)},null,8,["model-value","disabled","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.cells,(l,r)=>(e.openBlock(),e.createElementBlock("td",{key:r,class:"max-w-sm px-2.5 py-2.5","data-cy":l.type==="default"&&l.mainText.trim().replaceAll(" ","").replaceAll(",","")},[e.createVNode(te.default,{cell:l},null,8,["cell"])],8,ke))),128))],2))),128))])):d.value.length===0?(e.openBlock(),e.createElementBlock("tbody",Ee,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1,class:"p-4 font-light text-neutral-darker"},[e.renderSlot(t.$slots,"no-data-message",{},()=>[e.createTextVNode(" nessun dato trovato ")])],8,he)])])):e.createCommentVNode("",!0)]),_:3})])])]),e.createVNode(K.default,{ref_key:"pagination",ref:k,"total-rows-count":e.unref(v),"rows-per-page":a.rowsPerPage,"hide-footer":a.noFooter,"onUpdate:currentPage":e.unref(H)},null,8,["total-rows-count","rows-per-page","hide-footer","onUpdate:currentPage"])]))}});exports.default=Be;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./ElServerSideTablePagination.vue.cjs2.js"),Q=require("../_CustomTransition.vue.cjs2.js"),x=require("../forms/ElInputCheckbox.vue.cjs2.js"),W=require("../forms/ElInputSelect.vue.cjs2.js"),Y=require("../forms/ElInputDate.vue.cjs2.js"),Z=require("../forms/ElInputText.vue.cjs2.js"),ee=require("../ElSpinner.vue.cjs2.js"),te=require("./ElTableCell.vue.cjs2.js"),le=require("../ElButton.vue.cjs2.js"),A=require("../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.cjs.js"),oe={class:"flex flex-col"},re={class:"overflow-x-auto"},ae={class:"inline-block min-w-full bg-white align-middle"},ne={class:"min-w-full"},se={class:"bg-neutral-surface-raised font-semibold"},ce={key:1,class:"w-7"},ue=["title","onClick"],ie={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"ml-1 inline-flex h-3 w-3",fill:"currentColor"},de={key:0,d:"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"},pe={key:1,d:"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z",title:"Ordine Decrescente"},fe={key:0},ge={key:0,scope:"col"},me={key:1,class:"flex flex-col"},_e={key:3,class:"flex justify-end"},ve={key:"loading"},we=["colspan"],Se={key:"tableFull",class:"bg-white"},ye={key:0,class:"flex h-20 items-center justify-center py-3"},ke=["data-cy"],Ee={key:"tableEmpty"},he=["colspan"],Be=e.defineComponent({__name:"ElServerSideTable",props:{columns:{},sortByCol:{default:-1},sortByColAsc:{type:Boolean,default:!1},noFilters:{type:Boolean},noFooter:{type:Boolean},rowsSelectionMode:{default:void 0},rowsSelectionDisabled:{type:Boolean},rowsPerPage:{default:15},dataController:{}},emits:["rows-selected","newPageSelected"],setup(T,{expose:F,emit:N}){const a=T,P=N,p=e.ref(!0),y=10,d=e.ref([]),k=e.ref(null);e.onMounted(async()=>{const t=await a.dataController({paginationStatus:{currentPage:0},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"firstLoad"});d.value=t.data,v.value=t.totalRows,p.value=!1});function D(){const t=e.ref(0),i=e.computed(()=>{var r;return((r=k.value)==null?void 0:r.currentPage)??0});return{newPageSelected:async r=>{p.value=!0,d.value=(await a.dataController({paginationStatus:{currentPage:r},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"paginate"})).data,p.value=!1},totalRowsCount:t,currentPage:i,goToFirstPage:()=>{var r;return(r=k.value)==null?void 0:r.goToPage(0,{doNotEmitEvent:!0})}}}function M(){const t=e.ref({currentlySortColIndex:a.sortByCol>-1?a.sortByCol:-1,arrows:[...new Array(y)].map((r,n)=>n===a.sortByCol?a.sortByColAsc:r)}),i=()=>{t.value={currentlySortColIndex:-1,arrows:[]}},o=e.computed(()=>({columnToSort:t.value.currentlySortColIndex,order:t.value.arrows[t.value.currentlySortColIndex]?"asc":"desc"}));return{sortStatus:t,toggleSortArrow:async r=>{t.value.currentlySortColIndex=r,t.value.arrows.splice(r,1,!t.value.arrows[r]),p.value=!0;try{const n=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:o.value,filterStatus:u.value,triggeredEvent:"sort"});d.value=n.data,v.value=n.totalRows}catch(n){console.error(n)}finally{p.value=!1}},currentSortStatus:o,resetSort:i}}function U(){const t=e.ref([]),i=e.ref(!1);e.onMounted(()=>{o(),A.watchDeep(t,async n=>{i.value?(l(n),i.value=!1):r(n)})});const o=()=>{var n;i.value=!0,t.value=new Array(y).fill(void 0);for(let s=0;s<y;s++){const c=(n=a.columns[s])==null?void 0:n.filter;c&&(c.type==="FREE_SEARCH"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"FREE_SEARCH",columnTitle:a.columns[s].title}):c.type==="MULTI_VALUE"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"MULTI_VALUE",columnTitle:a.columns[s].title}):c.type==="DATE_RANGE"&&t.value.splice(s,1,{id:c.id,dateFrom:c.initialValue??0,type:"DATE_RANGE",columnTitle:a.columns[s].title}))}},l=async n=>{console.log("applyFilters"),p.value=!0,$();const s=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:n,triggeredEvent:"filter"});d.value=s.data,v.value=s.totalRows,p.value=!1},r=A.useDebounceFn(l,500);return{filterStatus:t,resetFilters:o}}function L(){const t=e.ref([]),i=()=>{P("rows-selected",t.value)},o=m=>{r(m.map(f=>f.id))},l=m=>{const f=t.value.findIndex(g=>g.id===m);t.value.splice(f,1),i()},r=async m=>{a.rowsSelectionMode==="single"&&(t.value=[],await e.nextTick());const f=d.value.filter(g=>m.includes(g.id));a.rowsSelectionMode==="single"&&(f.length=Math.min(1,f.length));for(const g of f)t.value.some(_=>_.id===g.id)||t.value.push(g);i()},n=()=>{t.value=[],i()},s=()=>d.value,c=()=>t.value,S=e.computed(()=>t.value.length>0&&t.value.length===d.value.length);return{selectedRows:t,rowsSelected:o,rowUnselected:l,selectRows:r,unselectAllRows:n,getDataRows:s,getSelectedRows:c,allRowsSelected:S}}const{selectedRows:C,rowsSelected:V,rowUnselected:I,selectRows:q,unselectAllRows:E,getDataRows:z,getSelectedRows:O,allRowsSelected:R}=L(),{filterStatus:u,resetFilters:h}=U(),{sortStatus:b,toggleSortArrow:G,currentSortStatus:w,resetSort:j}=M(),{newPageSelected:H,totalRowsCount:v,currentPage:B,goToFirstPage:$}=D(),X=async()=>{j(),h(),E()},J=async()=>{p.value=!0;const t=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"trigger"});d.value=t.data,v.value=t.totalRows,p.value=!1};return e.watch(()=>a.columns,()=>h(),{deep:!0,immediate:!0}),F({selectRows:q,resetAllAndFetch:X,unselectAllRows:E,getDataRows:z,getSelectedRows:O,triggerDataController:J}),(t,i)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",re,[e.createElementVNode("div",ae,[e.createElementVNode("table",ne,[e.createElementVNode("thead",null,[e.createElementVNode("tr",se,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider",{"cursor-pointer":t.rowsSelectionMode==="multiple"}])},[t.rowsSelectionMode==="multiple"?(e.openBlock(),e.createBlock(x.default,{key:0,"model-value":e.unref(R),disabled:t.rowsSelectionDisabled,size:"xxs",onClick:i[0]||(i[0]=()=>e.unref(R)?e.unref(E)():e.unref(V)(d.value))},null,8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",ce))],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(o,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider",[o.alignRight?"text-right":"text-left",o.noSort?"cursor-default":"cursor-pointer"]]),title:o.noSort?"Colonna non ordinabile":e.unref(b).arrows[l]?"Ordine crescente":"Ordine decrescente",onClick:r=>!o.noSort&&e.unref(G)(l)},[e.createTextVNode(e.toDisplayString(o.title)+" ",1),o.noSort?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",ie,[e.unref(b).arrows[l]?(e.openBlock(),e.createElementBlock("path",de)):(e.openBlock(),e.createElementBlock("path",pe))]))],10,ue))),128))]),e.unref(u).length>0&&!t.noFilters?(e.openBlock(),e.createElementBlock("tr",fe,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",ge)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(o,l)=>{var r,n,s,c,S,m,f,g;return e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider"},[((r=o.filter)==null?void 0:r.type)==="FREE_SEARCH"&&((n=e.unref(u)[l])==null?void 0:n.type)==="FREE_SEARCH"?(e.openBlock(),e.createBlock(Z.default,{key:0,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,placeholder:((s=o.filter)==null?void 0:s.placeholder)||"Cerca","hidden-error-message":!0,"leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):((c=o.filter)==null?void 0:c.type)==="DATE_RANGE"&&((S=e.unref(u)[l])==null?void 0:S.type)==="DATE_RANGE"?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(Y.default,{modelValue:e.unref(u)[l].dateFrom,"onUpdate:modelValue":_=>e.unref(u)[l].dateFrom=_,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue"])])):((m=o.filter)==null?void 0:m.type)==="MULTI_VALUE"&&((f=e.unref(u)[l])==null?void 0:f.type)==="MULTI_VALUE"?(e.openBlock(),e.createBlock(W.default,{key:2,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,class:"flex flex-col",type:"autocomplete",options:o.filter.selectOptions,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue","options"])):((g=o.filter)==null?void 0:g.type)==="RESET_FILTERS_BUTTON"?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(le.default,{label:"Azzera filtri",variant:"tertiary",size:"xs",onClick:e.unref(h)},null,8,["onClick"])])):e.createCommentVNode("",!0)])}),128))])):e.createCommentVNode("",!0)]),e.createVNode(Q.default,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("tbody",ve,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1},[e.createVNode(ee.default,{label:"Caricamento dati...",class:"p-4","extra-loading-msg-after-seconds":3})],8,we)])])):d.value.length>0?(e.openBlock(),e.createElementBlock("tbody",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id,class:e.normalizeClass(["transition duration-150 ease-in-out border-t border-neutral-surface",{"bg-neutral-surface-raised":t.rowsSelectionMode&&e.unref(C).find(l=>l.id===o.id)}]),"data-cy":"table-row"},[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("td",ye,[e.createVNode(x.default,{"model-value":!!e.unref(C).find(l=>l.id===o.id),disabled:t.rowsSelectionDisabled,size:"xxs","onUpdate:modelValue":l=>l?e.unref(V)([o]):e.unref(I)(o.id)},null,8,["model-value","disabled","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.cells,(l,r)=>(e.openBlock(),e.createElementBlock("td",{key:r,class:"max-w-sm pl-4 pr-2.5 py-2.5","data-cy":l.type==="default"&&l.mainText.trim().replaceAll(" ","").replaceAll(",","")},[e.createVNode(te.default,{cell:l},null,8,["cell"])],8,ke))),128))],2))),128))])):d.value.length===0?(e.openBlock(),e.createElementBlock("tbody",Ee,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1,class:"p-4 font-light text-neutral-darker"},[e.renderSlot(t.$slots,"no-data-message",{},()=>[e.createTextVNode(" nessun dato trovato ")])],8,he)])])):e.createCommentVNode("",!0)]),_:3})])])]),e.createVNode(K.default,{ref_key:"pagination",ref:k,"total-rows-count":e.unref(v),"rows-per-page":a.rowsPerPage,"hide-footer":a.noFooter,"onUpdate:currentPage":e.unref(H)},null,8,["total-rows-count","rows-per-page","hide-footer","onUpdate:currentPage"])]))}});exports.default=Be;
|
|
2
2
|
//# sourceMappingURL=ElServerSideTable.vue.cjs2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElServerSideTable.vue.cjs2.js","sources":["../../../src/table/ElServerSideTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TableColumn {\n title: string;\n filter?: TableColumnFilter;\n alignRight?: boolean;\n noSort?: boolean;\n}\n\nexport type TableColumnFilter =\n | TableColumnFilterFreeSearch\n | TableColumnFilterDateRange\n | TableColumnFilterMultiValue\n | TableColumnFilterResetButton;\n\nexport type TableColumnFilterFreeSearch = {\n id?: string;\n type: Extract<FilterType, 'FREE_SEARCH'>;\n placeholder?: string;\n initialValue?: string;\n};\n\nexport type TableColumnFilterDateRange = {\n id?: string;\n type: Extract<FilterType, 'DATE_RANGE'>;\n placeholder?: string;\n initialValue?: number;\n};\n\nexport type TableColumnFilterMultiValue = {\n id?: string;\n type: Extract<FilterType, 'MULTI_VALUE'>;\n selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];\n initialValue?: string;\n};\n\nexport type TableColumnFilterResetButton = {\n type: 'RESET_FILTERS_BUTTON';\n};\n\nexport interface DataControls {\n sortStatus: SortStatus;\n paginationStatus: {\n currentPage: number;\n };\n filterStatus: FilterStatus[];\n triggeredEvent: 'paginate' | 'filter' | 'sort' | 'firstLoad' | 'trigger';\n}\n\nexport interface SortStatus {\n columnToSort: number;\n order: 'asc' | 'desc';\n}\n\nexport interface ServerSideTableProps {\n columns: TableColumn[];\n sortByCol?: number; // initial sort by column\n sortByColAsc?: boolean; // initial sort by column should be in Ascending order\n noFilters?: boolean;\n noFooter?: boolean;\n rowsSelectionMode?: 'single' | 'multiple';\n rowsSelectionDisabled?: boolean;\n rowsPerPage?: number;\n dataController: (args: DataControls) => Promise<{ data: DataRow[]; totalRows: number }>;\n}\n\nexport type FilterStatus = TextFilterStatus | DateFilterStatus | undefined;\n\nexport type TextFilterStatus = {\n id?: string;\n textSearch: string;\n columnTitle: string;\n type: Extract<FilterType, 'FREE_SEARCH' | 'MULTI_VALUE'>;\n};\n\nexport type DateFilterStatus = {\n id?: string;\n dateFrom: number;\n columnTitle: string;\n type: Extract<FilterType, 'DATE_RANGE'>;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\nimport ElServerSideTablePagination from '@/table/ElServerSideTablePagination.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElInputCheckbox from '@/forms/ElInputCheckbox.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElTableCell from '@/table/ElTableCell.vue';\nimport ElButton from '@/ElButton.vue';\nimport { watchDeep, useDebounceFn } from '@vueuse/core';\nimport { DataRow, FilterType } from '@/table/commonTypes';\n\nconst props = withDefaults(defineProps<ServerSideTableProps>(), {\n sortByCol: -1,\n sortByColAsc: false,\n rowsSelectionMode: undefined,\n rowsPerPage: 15,\n});\n\nconst emit = defineEmits<{\n (event: 'rows-selected', rows: DataRow[]): void;\n (event: 'newPageSelected', pageNumber: number): void;\n}>();\n\nconst loading = ref(true);\n\nconst MAX_COLS = 10;\n\nconst currentPageDataRows = ref<DataRow[]>([]);\n\nconst pagination = ref<InstanceType<typeof ElServerSideTablePagination> | null>(null);\n\nonMounted(async () => {\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: 0,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'firstLoad',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n});\n\nfunction usePagination() {\n const totalRowsCount = ref(0);\n const currentPage = computed(() => pagination.value?.currentPage ?? 0);\n\n const goToFirstPage = () => pagination.value?.goToPage(0, { doNotEmitEvent: true });\n\n const newPageSelected = async (newPage: number) => {\n loading.value = true;\n currentPageDataRows.value = (\n await props.dataController({\n paginationStatus: {\n currentPage: newPage,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'paginate',\n })\n ).data;\n loading.value = false;\n };\n\n return {\n newPageSelected,\n totalRowsCount,\n currentPage,\n goToFirstPage,\n };\n}\n\nfunction useSorting() {\n const sortStatus = ref<{\n currentlySortColIndex: number;\n arrows: boolean[];\n }>({\n currentlySortColIndex: props.sortByCol > -1 ? props.sortByCol : -1,\n arrows: [...new Array(MAX_COLS)].map((v, i) => (i === props.sortByCol ? props.sortByColAsc : v)),\n });\n\n const resetSort = () => {\n sortStatus.value = {\n currentlySortColIndex: -1,\n arrows: [],\n };\n };\n const currentSortStatus = computed<DataControls['sortStatus']>(() => {\n return {\n columnToSort: sortStatus.value.currentlySortColIndex,\n order: sortStatus.value.arrows[sortStatus.value.currentlySortColIndex] ? 'asc' : 'desc',\n };\n });\n\n const toggleSortArrow = async (colIndex: number) => {\n sortStatus.value.currentlySortColIndex = colIndex;\n sortStatus.value.arrows.splice(colIndex, 1, !sortStatus.value.arrows[colIndex]);\n loading.value = true;\n try {\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'sort',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n } catch (error) {\n // TODO handle error\n console.error(error);\n } finally {\n loading.value = false;\n }\n };\n\n return {\n sortStatus,\n toggleSortArrow,\n currentSortStatus,\n resetSort,\n };\n}\n\nfunction useFilters() {\n const filterStatus = ref<FilterStatus[]>([]);\n const isResettingFilters = ref(false);\n\n onMounted(() => {\n resetFilters();\n watchDeep(filterStatus, async filters => {\n if (isResettingFilters.value) {\n applyFilters(filters);\n isResettingFilters.value = false;\n } else {\n applyFiltersDebounced(filters);\n }\n });\n });\n\n const resetFilters = () => {\n isResettingFilters.value = true;\n\n filterStatus.value = new Array<FilterStatus>(MAX_COLS).fill(undefined);\n for (let i = 0; i < MAX_COLS; i++) {\n const filter = props.columns[i]?.filter;\n\n if (filter) {\n if (filter.type === 'FREE_SEARCH') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n textSearch: filter.initialValue ?? '',\n type: 'FREE_SEARCH',\n columnTitle: props.columns[i].title,\n });\n } else if (filter.type === 'MULTI_VALUE') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n textSearch: filter.initialValue ?? '',\n type: 'MULTI_VALUE',\n columnTitle: props.columns[i].title,\n });\n } else if (filter.type === 'DATE_RANGE') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n dateFrom: filter.initialValue ?? 0,\n type: 'DATE_RANGE',\n columnTitle: props.columns[i].title,\n });\n }\n }\n }\n };\n\n const applyFilters = async (filters: FilterStatus[]) => {\n console.log('applyFilters');\n loading.value = true;\n goToFirstPage();\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filters,\n triggeredEvent: 'filter',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n };\n\n const applyFiltersDebounced = useDebounceFn(applyFilters, 500);\n\n return {\n filterStatus,\n resetFilters,\n };\n}\n\nfunction useRowsSelection() {\n const selectedRows = ref<typeof currentPageDataRows.value>([]);\n\n const emitRowsSelected = () => {\n emit('rows-selected', selectedRows.value);\n };\n\n const rowsSelected = (rows: DataRow[]) => {\n selectRows(rows.map(r => r.id));\n };\n\n const rowUnselected = (rowId: string) => {\n const index = selectedRows.value.findIndex(r => r.id === rowId);\n selectedRows.value.splice(index, 1);\n emitRowsSelected();\n };\n\n // select the rows with the given ids, possibly in addition to the rows that are already selected\n const selectRows = async (rowsIds: string[]) => {\n if (props.rowsSelectionMode === 'single') {\n selectedRows.value = [];\n await nextTick();\n }\n const rowsToSelect = currentPageDataRows.value.filter(r => rowsIds.includes(r.id));\n if (props.rowsSelectionMode === 'single') {\n rowsToSelect.length = Math.min(1, rowsToSelect.length);\n }\n\n for (const row of rowsToSelect) {\n if (!selectedRows.value.some(r => r.id === row.id)) {\n selectedRows.value.push(row);\n }\n }\n\n emitRowsSelected();\n };\n\n const unselectAllRows = () => {\n selectedRows.value = [];\n emitRowsSelected();\n };\n\n const getDataRows = (): DataRow[] => currentPageDataRows.value;\n const getSelectedRows = (): DataRow[] => selectedRows.value;\n\n const allRowsSelected = computed(() => {\n return selectedRows.value.length > 0 && selectedRows.value.length === currentPageDataRows.value.length;\n });\n\n return {\n selectedRows,\n rowsSelected,\n rowUnselected,\n selectRows,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n allRowsSelected,\n };\n}\n\nconst { selectedRows, rowsSelected, rowUnselected, selectRows, unselectAllRows, getDataRows, getSelectedRows, allRowsSelected } =\n useRowsSelection();\nconst { filterStatus, resetFilters } = useFilters();\nconst { sortStatus, toggleSortArrow, currentSortStatus, resetSort } = useSorting();\nconst { newPageSelected, totalRowsCount, currentPage, goToFirstPage } = usePagination();\n\nconst resetAllAndFetch = async () => {\n // Resetting filters and sort will trigger the dataController\n resetSort();\n resetFilters();\n unselectAllRows();\n};\n\nconst triggerDataController = async () => {\n loading.value = true;\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'trigger',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n};\n\nwatch(\n () => props.columns,\n () => resetFilters(),\n { deep: true, immediate: true },\n);\n\ndefineExpose({\n selectRows,\n resetAllAndFetch,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n triggerDataController,\n});\n</script>\n\n<template>\n <div class=\"flex flex-col\">\n <div class=\"overflow-x-auto\">\n <div class=\"inline-block min-w-full bg-white align-middle\">\n <table class=\"min-w-full\">\n <thead>\n <tr class=\"bg-neutral-surface-raised font-semibold\">\n <th\n v-if=\"rowsSelectionMode\"\n scope=\"col\"\n class=\"bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider\"\n :class=\"{ 'cursor-pointer': rowsSelectionMode === 'multiple' }\"\n >\n <ElInputCheckbox\n v-if=\"rowsSelectionMode === 'multiple'\"\n :model-value=\"allRowsSelected\"\n :disabled=\"rowsSelectionDisabled\"\n size=\"xxs\"\n @click=\"() => (allRowsSelected ? unselectAllRows() : rowsSelected(currentPageDataRows))\"\n />\n <div v-else class=\"w-7\" />\n </th>\n <th\n v-for=\"(col, index) in props.columns\"\n :key=\"index\"\n scope=\"col\"\n class=\"bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider\"\n :class=\"[col.alignRight ? 'text-right' : 'text-left', !col.noSort ? 'cursor-pointer' : 'cursor-default']\"\n :title=\"!col.noSort ? (sortStatus.arrows[index] ? 'Ordine crescente' : 'Ordine decrescente') : 'Colonna non ordinabile'\"\n @click=\"!col.noSort && toggleSortArrow(index)\"\n >\n {{ col.title }}\n\n <!-- //////////////////// SORT //////////////////////////// -->\n <svg\n v-if=\"!col.noSort\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n class=\"ml-1 inline-flex h-3 w-3\"\n fill=\"currentColor\"\n >\n <path\n v-if=\"sortStatus.arrows[index]\"\n d=\"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z\"\n />\n <path\n v-else\n d=\"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z\"\n title=\"Ordine Decrescente\"\n />\n </svg>\n </th>\n </tr>\n <!-- ///////////////////// FILTERS ///////////////////////// -->\n <tr v-if=\"filterStatus.length > 0 && !noFilters\">\n <th v-if=\"rowsSelectionMode\" scope=\"col\" />\n <th\n v-for=\"(col, index) in columns\"\n :key=\"index\"\n scope=\"col\"\n class=\"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider\"\n >\n <!-- FILTER: TEXT SEARCH -->\n <ElInputText\n v-if=\"col.filter?.type === 'FREE_SEARCH' && filterStatus[index]?.type === 'FREE_SEARCH'\"\n v-model=\"(filterStatus[index] as TextFilterStatus).textSearch\"\n :placeholder=\"col.filter?.placeholder || 'Cerca'\"\n :hidden-error-message=\"true\"\n :leading-icon=\"{\n name: 'MagnifyingGlassIcon',\n }\"\n />\n\n <!-- FILTER: DATE RANGE -->\n <div v-else-if=\"col.filter?.type === 'DATE_RANGE' && filterStatus[index]?.type === 'DATE_RANGE'\" class=\"flex flex-col\">\n <ElInputDate v-model=\"(filterStatus[index] as DateFilterStatus).dateFrom\" :hidden-error-message=\"true\" />\n </div>\n\n <!-- FILTER: MULTIPLE VALUES -->\n <ElInputSelect\n v-else-if=\"col.filter?.type === 'MULTI_VALUE' && filterStatus[index]?.type === 'MULTI_VALUE'\"\n v-model=\"(filterStatus[index] as TextFilterStatus).textSearch\"\n class=\"flex flex-col\"\n type=\"autocomplete\"\n :options=\"col.filter.selectOptions\"\n :hidden-error-message=\"true\"\n />\n\n <!-- TODO: change with new button when it'll be available in DS version 2 -->\n <!-- FILTER: RESET -->\n\n <div v-else-if=\"col.filter?.type === 'RESET_FILTERS_BUTTON'\" class=\"flex justify-end\">\n <ElButton label=\"Azzera filtri\" variant=\"tertiary\" size=\"xs\" @click=\"resetFilters\" />\n </div>\n </th>\n </tr>\n </thead>\n <CustomTransition name=\"fade\">\n <tbody v-if=\"loading\" key=\"loading\">\n <tr>\n <td :colspan=\"props.columns.length + 1\">\n <ElSpinner label=\"Caricamento dati...\" class=\"p-4\" :extra-loading-msg-after-seconds=\"3\" />\n </td>\n </tr>\n </tbody>\n <tbody v-else-if=\"currentPageDataRows.length > 0\" key=\"tableFull\" class=\"bg-white\">\n <tr\n v-for=\"row in currentPageDataRows\"\n :key=\"row.id\"\n class=\"transition duration-150 ease-in-out border-t border-neutral-surface\"\n :class=\"{\n 'bg-neutral-surface-raised': rowsSelectionMode && selectedRows.find(x => x.id === row.id),\n }\"\n data-cy=\"table-row\"\n >\n <!-- ROWS SELECTION -->\n <td v-if=\"rowsSelectionMode\" class=\"flex h-20 items-center justify-center py-3\">\n <ElInputCheckbox\n :model-value=\"!!selectedRows.find(r => r.id === row.id)\"\n :disabled=\"rowsSelectionDisabled\"\n size=\"xxs\"\n @update:model-value=\"val => (val ? rowsSelected([row]) : rowUnselected(row.id))\"\n />\n </td>\n\n <!-- ///////////////////// DATA CELLS ///////////////////////// -->\n <td\n v-for=\"(cell, i) in row.cells\"\n :key=\"i\"\n class=\"max-w-sm px-2.5 py-2.5\"\n :data-cy=\"cell.type === 'default' && cell.mainText.trim().replaceAll(' ', '').replaceAll(',', '')\"\n >\n <!-- TODO data-cy should stay inside ElTableCell -->\n <ElTableCell :cell=\"cell\" />\n </td>\n </tr>\n </tbody>\n <tbody v-else-if=\"currentPageDataRows.length === 0\" key=\"tableEmpty\">\n <tr>\n <td :colspan=\"props.columns.length + 1\" class=\"p-4 font-light text-neutral-darker\">\n <slot name=\"no-data-message\"> nessun dato trovato </slot>\n </td>\n </tr>\n </tbody>\n </CustomTransition>\n </table>\n </div>\n </div>\n\n <!-- Footer -->\n <ElServerSideTablePagination\n ref=\"pagination\"\n :total-rows-count=\"totalRowsCount\"\n :rows-per-page=\"props.rowsPerPage\"\n :hide-footer=\"props.noFooter\"\n @update:current-page=\"newPageSelected\"\n />\n </div>\n</template>\n"],"names":["props","__props","emit","__emit","loading","ref","MAX_COLS","currentPageDataRows","pagination","onMounted","newData","currentSortStatus","filterStatus","totalRowsCount","usePagination","currentPage","computed","_a","newPage","useSorting","sortStatus","v","i","resetSort","colIndex","error","useFilters","isResettingFilters","resetFilters","filters","applyFilters","applyFiltersDebounced","filter","goToFirstPage","useDebounceFn","useRowsSelection","selectedRows","emitRowsSelected","rowsSelected","rows","selectRows","r","rowUnselected","rowId","index","rowsIds","nextTick","rowsToSelect","row","unselectAllRows","getDataRows","getSelectedRows","allRowsSelected","toggleSortArrow","newPageSelected","resetAllAndFetch","triggerDataController","watch","__expose"],"mappings":"03DAgGA,MAAMA,EAAQC,EAORC,EAAOC,EAKPC,EAAUC,MAAI,EAAI,EAElBC,EAAW,GAEXC,EAAsBF,MAAe,CAAA,CAAE,EAEvCG,EAAaH,MAA6D,IAAI,EAEpFI,EAAAA,UAAU,SAAY,CACd,MAAAC,EAAU,MAAMV,EAAM,eAAe,CACzC,iBAAkB,CAChB,YAAa,CACf,EACA,WAAYW,EAAkB,MAC9B,aAAcC,EAAa,MAC3B,eAAgB,WAAA,CACjB,EACDL,EAAoB,MAAQG,EAAQ,KACpCG,EAAe,MAAQH,EAAQ,UAC/BN,EAAQ,MAAQ,EAAA,CACjB,EAED,SAASU,GAAgB,CACjBD,MAAAA,EAAiBR,MAAI,CAAC,EACtBU,EAAcC,EAAAA,SAAS,IAAM,OAAA,QAAAC,EAAAT,EAAW,QAAX,YAAAS,EAAkB,cAAe,EAAC,EAmB9D,MAAA,CACL,gBAhBsB,MAAOC,GAAoB,CACjDd,EAAQ,MAAQ,GACIG,EAAA,OAClB,MAAMP,EAAM,eAAe,CACzB,iBAAkB,CAChB,YAAakB,CACf,EACA,WAAYP,EAAkB,MAC9B,aAAcC,EAAa,MAC3B,eAAgB,UACjB,CAAA,GACD,KACFR,EAAQ,MAAQ,EAAA,EAKhB,eAAAS,EACA,YAAAE,EACA,cArBoB,WAAM,OAAAE,EAAAT,EAAW,QAAX,YAAAS,EAAkB,SAAS,EAAG,CAAE,eAAgB,EAAA,GAqB1E,CAEJ,CAEA,SAASE,GAAa,CACpB,MAAMC,EAAaf,EAAAA,IAGhB,CACD,sBAAuBL,EAAM,UAAY,GAAKA,EAAM,UAAY,GAChE,OAAQ,CAAC,GAAG,IAAI,MAAMM,CAAQ,CAAC,EAAE,IAAI,CAACe,EAAGC,IAAOA,IAAMtB,EAAM,UAAYA,EAAM,aAAeqB,CAAE,CAAA,CAChG,EAEKE,EAAY,IAAM,CACtBH,EAAW,MAAQ,CACjB,sBAAuB,GACvB,OAAQ,CAAC,CAAA,CACX,EAEIT,EAAoBK,EAAAA,SAAqC,KACtD,CACL,aAAcI,EAAW,MAAM,sBAC/B,MAAOA,EAAW,MAAM,OAAOA,EAAW,MAAM,qBAAqB,EAAI,MAAQ,MAAA,EAEpF,EAyBM,MAAA,CACL,WAAAA,EACA,gBAzBsB,MAAOI,GAAqB,CAClDJ,EAAW,MAAM,sBAAwBI,EACzCJ,EAAW,MAAM,OAAO,OAAOI,EAAU,EAAG,CAACJ,EAAW,MAAM,OAAOI,CAAQ,CAAC,EAC9EpB,EAAQ,MAAQ,GACZ,GAAA,CACI,MAAAM,EAAU,MAAMV,EAAM,eAAe,CACzC,iBAAkB,CAChB,YAAae,EAAY,KAC3B,EACA,WAAYJ,EAAkB,MAC9B,aAAcC,EAAa,MAC3B,eAAgB,MAAA,CACjB,EACDL,EAAoB,MAAQG,EAAQ,KACpCG,EAAe,MAAQH,EAAQ,gBACxBe,EAAO,CAEd,QAAQ,MAAMA,CAAK,CAAA,QACnB,CACArB,EAAQ,MAAQ,EAClB,CAAA,EAMA,kBAAAO,EACA,UAAAY,CAAA,CAEJ,CAEA,SAASG,GAAa,CACdd,MAAAA,EAAeP,MAAoB,CAAA,CAAE,EACrCsB,EAAqBtB,MAAI,EAAK,EAEpCI,EAAAA,UAAU,IAAM,CACdmB,IACUhB,YAAAA,EAAc,MAAMiB,GAAW,CACnCF,EAAmB,OACrBG,EAAaD,CAAO,EACpBF,EAAmB,MAAQ,IAE3BI,EAAsBF,CAAO,CAC/B,CACD,CAAA,CACF,EAED,MAAMD,EAAe,IAAM,OACzBD,EAAmB,MAAQ,GAE3Bf,EAAa,MAAQ,IAAI,MAAoBN,CAAQ,EAAE,KAAK,MAAS,EACrE,QAASgB,EAAI,EAAGA,EAAIhB,EAAUgB,IAAK,CACjC,MAAMU,GAASf,EAAAjB,EAAM,QAAQsB,CAAC,IAAf,YAAAL,EAAkB,OAE7Be,IACEA,EAAO,OAAS,cAClBpB,EAAa,MAAM,OAAOU,EAAG,EAAG,CAC9B,GAAIU,EAAO,GACX,WAAYA,EAAO,cAAgB,GACnC,KAAM,cACN,YAAahC,EAAM,QAAQsB,CAAC,EAAE,KAAA,CAC/B,EACQU,EAAO,OAAS,cACzBpB,EAAa,MAAM,OAAOU,EAAG,EAAG,CAC9B,GAAIU,EAAO,GACX,WAAYA,EAAO,cAAgB,GACnC,KAAM,cACN,YAAahC,EAAM,QAAQsB,CAAC,EAAE,KAAA,CAC/B,EACQU,EAAO,OAAS,cACzBpB,EAAa,MAAM,OAAOU,EAAG,EAAG,CAC9B,GAAIU,EAAO,GACX,SAAUA,EAAO,cAAgB,EACjC,KAAM,aACN,YAAahC,EAAM,QAAQsB,CAAC,EAAE,KAAA,CAC/B,EAGP,CAAA,EAGIQ,EAAe,MAAOD,GAA4B,CACtD,QAAQ,IAAI,cAAc,EAC1BzB,EAAQ,MAAQ,GACF6B,IACR,MAAAvB,EAAU,MAAMV,EAAM,eAAe,CACzC,iBAAkB,CAChB,YAAae,EAAY,KAC3B,EACA,WAAYJ,EAAkB,MAC9B,aAAckB,EACd,eAAgB,QAAA,CACjB,EACDtB,EAAoB,MAAQG,EAAQ,KACpCG,EAAe,MAAQH,EAAQ,UAC/BN,EAAQ,MAAQ,EAAA,EAGZ2B,EAAwBG,EAAAA,cAAcJ,EAAc,GAAG,EAEtD,MAAA,CACL,aAAAlB,EACA,aAAAgB,CAAA,CAEJ,CAEA,SAASO,GAAmB,CACpBC,MAAAA,EAAe/B,MAAsC,CAAA,CAAE,EAEvDgC,EAAmB,IAAM,CACxBnC,EAAA,gBAAiBkC,EAAa,KAAK,CAAA,EAGpCE,EAAgBC,GAAoB,CACxCC,EAAWD,EAAK,IAASE,GAAAA,EAAE,EAAE,CAAC,CAAA,EAG1BC,EAAiBC,GAAkB,CACvC,MAAMC,EAAQR,EAAa,MAAM,UAAeK,GAAAA,EAAE,KAAOE,CAAK,EAC9DP,EAAa,MAAM,OAAOQ,EAAO,CAAC,EACjBP,GAAA,EAIbG,EAAa,MAAOK,GAAsB,CAC1C7C,EAAM,oBAAsB,WAC9BoC,EAAa,MAAQ,GACrB,MAAMU,EAAS,SAAA,GAEX,MAAAC,EAAexC,EAAoB,MAAM,UAAYsC,EAAQ,SAASJ,EAAE,EAAE,CAAC,EAC7EzC,EAAM,oBAAsB,WAC9B+C,EAAa,OAAS,KAAK,IAAI,EAAGA,EAAa,MAAM,GAGvD,UAAWC,KAAOD,EACXX,EAAa,MAAM,QAAUK,EAAE,KAAOO,EAAI,EAAE,GAC/CZ,EAAa,MAAM,KAAKY,CAAG,EAIdX,GAAA,EAGbY,EAAkB,IAAM,CAC5Bb,EAAa,MAAQ,GACJC,GAAA,EAGba,EAAc,IAAiB3C,EAAoB,MACnD4C,EAAkB,IAAiBf,EAAa,MAEhDgB,EAAkBpC,EAAAA,SAAS,IACxBoB,EAAa,MAAM,OAAS,GAAKA,EAAa,MAAM,SAAW7B,EAAoB,MAAM,MACjG,EAEM,MAAA,CACL,aAAA6B,EACA,aAAAE,EACA,cAAAI,EACA,WAAAF,EACA,gBAAAS,EACA,YAAAC,EACA,gBAAAC,EACA,gBAAAC,CAAA,CAEJ,CAEM,KAAA,CAAE,aAAAhB,EAAc,aAAAE,EAAc,cAAAI,EAAe,WAAAF,EAAY,gBAAAS,EAAiB,YAAAC,EAAa,gBAAAC,EAAiB,gBAAAC,CAAgB,EAC5HjB,EAAiB,EACb,CAAE,aAAAvB,EAAc,aAAAgB,CAAa,EAAIF,EAAW,EAC5C,CAAE,WAAAN,EAAY,gBAAAiC,EAAiB,kBAAA1C,EAAmB,UAAAY,CAAA,EAAcJ,IAChE,CAAE,gBAAAmC,EAAiB,eAAAzC,EAAgB,YAAAE,EAAa,cAAAkB,CAAA,EAAkBnB,IAElEyC,EAAmB,SAAY,CAEzBhC,IACGK,IACGqB,GAAA,EAGZO,EAAwB,SAAY,CACxCpD,EAAQ,MAAQ,GACV,MAAAM,EAAU,MAAMV,EAAM,eAAe,CACzC,iBAAkB,CAChB,YAAae,EAAY,KAC3B,EACA,WAAYJ,EAAkB,MAC9B,aAAcC,EAAa,MAC3B,eAAgB,SAAA,CACjB,EACDL,EAAoB,MAAQG,EAAQ,KACpCG,EAAe,MAAQH,EAAQ,UAC/BN,EAAQ,MAAQ,EAAA,EAGlBqD,OAAAA,EAAA,MACE,IAAMzD,EAAM,QACZ,IAAM4B,EAAa,EACnB,CAAE,KAAM,GAAM,UAAW,EAAK,CAAA,EAGnB8B,EAAA,CACX,WAAAlB,EACA,iBAAAe,EACA,gBAAAN,EACA,YAAAC,EACA,gBAAAC,EACA,sBAAAK,CAAA,CACD"}
|
|
1
|
+
{"version":3,"file":"ElServerSideTable.vue.cjs2.js","sources":["../../../src/table/ElServerSideTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TableColumn {\n title: string;\n filter?: TableColumnFilter;\n alignRight?: boolean;\n noSort?: boolean;\n}\n\nexport type TableColumnFilter =\n | TableColumnFilterFreeSearch\n | TableColumnFilterDateRange\n | TableColumnFilterMultiValue\n | TableColumnFilterResetButton;\n\nexport type TableColumnFilterFreeSearch = {\n id?: string;\n type: Extract<FilterType, 'FREE_SEARCH'>;\n placeholder?: string;\n initialValue?: string;\n};\n\nexport type TableColumnFilterDateRange = {\n id?: string;\n type: Extract<FilterType, 'DATE_RANGE'>;\n placeholder?: string;\n initialValue?: number;\n};\n\nexport type TableColumnFilterMultiValue = {\n id?: string;\n type: Extract<FilterType, 'MULTI_VALUE'>;\n selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];\n initialValue?: string;\n};\n\nexport type TableColumnFilterResetButton = {\n type: 'RESET_FILTERS_BUTTON';\n};\n\nexport interface DataControls {\n sortStatus: SortStatus;\n paginationStatus: {\n currentPage: number;\n };\n filterStatus: FilterStatus[];\n triggeredEvent: 'paginate' | 'filter' | 'sort' | 'firstLoad' | 'trigger';\n}\n\nexport interface SortStatus {\n columnToSort: number;\n order: 'asc' | 'desc';\n}\n\nexport interface ServerSideTableProps {\n columns: TableColumn[];\n sortByCol?: number; // initial sort by column\n sortByColAsc?: boolean; // initial sort by column should be in Ascending order\n noFilters?: boolean;\n noFooter?: boolean;\n rowsSelectionMode?: 'single' | 'multiple';\n rowsSelectionDisabled?: boolean;\n rowsPerPage?: number;\n dataController: (args: DataControls) => Promise<{ data: DataRow[]; totalRows: number }>;\n}\n\nexport type FilterStatus = TextFilterStatus | DateFilterStatus | undefined;\n\nexport type TextFilterStatus = {\n id?: string;\n textSearch: string;\n columnTitle: string;\n type: Extract<FilterType, 'FREE_SEARCH' | 'MULTI_VALUE'>;\n};\n\nexport type DateFilterStatus = {\n id?: string;\n dateFrom: number;\n columnTitle: string;\n type: Extract<FilterType, 'DATE_RANGE'>;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\nimport ElServerSideTablePagination from '@/table/ElServerSideTablePagination.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElInputCheckbox from '@/forms/ElInputCheckbox.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElTableCell from '@/table/ElTableCell.vue';\nimport ElButton from '@/ElButton.vue';\nimport { watchDeep, useDebounceFn } from '@vueuse/core';\nimport { DataRow, FilterType } from '@/table/commonTypes';\n\nconst props = withDefaults(defineProps<ServerSideTableProps>(), {\n sortByCol: -1,\n sortByColAsc: false,\n rowsSelectionMode: undefined,\n rowsPerPage: 15,\n});\n\nconst emit = defineEmits<{\n (event: 'rows-selected', rows: DataRow[]): void;\n (event: 'newPageSelected', pageNumber: number): void;\n}>();\n\nconst loading = ref(true);\n\nconst MAX_COLS = 10;\n\nconst currentPageDataRows = ref<DataRow[]>([]);\n\nconst pagination = ref<InstanceType<typeof ElServerSideTablePagination> | null>(null);\n\nonMounted(async () => {\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: 0,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'firstLoad',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n});\n\nfunction usePagination() {\n const totalRowsCount = ref(0);\n const currentPage = computed(() => pagination.value?.currentPage ?? 0);\n\n const goToFirstPage = () => pagination.value?.goToPage(0, { doNotEmitEvent: true });\n\n const newPageSelected = async (newPage: number) => {\n loading.value = true;\n currentPageDataRows.value = (\n await props.dataController({\n paginationStatus: {\n currentPage: newPage,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'paginate',\n })\n ).data;\n loading.value = false;\n };\n\n return {\n newPageSelected,\n totalRowsCount,\n currentPage,\n goToFirstPage,\n };\n}\n\nfunction useSorting() {\n const sortStatus = ref<{\n currentlySortColIndex: number;\n arrows: boolean[];\n }>({\n currentlySortColIndex: props.sortByCol > -1 ? props.sortByCol : -1,\n arrows: [...new Array(MAX_COLS)].map((v, i) => (i === props.sortByCol ? props.sortByColAsc : v)),\n });\n\n const resetSort = () => {\n sortStatus.value = {\n currentlySortColIndex: -1,\n arrows: [],\n };\n };\n const currentSortStatus = computed<DataControls['sortStatus']>(() => {\n return {\n columnToSort: sortStatus.value.currentlySortColIndex,\n order: sortStatus.value.arrows[sortStatus.value.currentlySortColIndex] ? 'asc' : 'desc',\n };\n });\n\n const toggleSortArrow = async (colIndex: number) => {\n sortStatus.value.currentlySortColIndex = colIndex;\n sortStatus.value.arrows.splice(colIndex, 1, !sortStatus.value.arrows[colIndex]);\n loading.value = true;\n try {\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'sort',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n } catch (error) {\n // TODO handle error\n console.error(error);\n } finally {\n loading.value = false;\n }\n };\n\n return {\n sortStatus,\n toggleSortArrow,\n currentSortStatus,\n resetSort,\n };\n}\n\nfunction useFilters() {\n const filterStatus = ref<FilterStatus[]>([]);\n const isResettingFilters = ref(false);\n\n onMounted(() => {\n resetFilters();\n watchDeep(filterStatus, async filters => {\n if (isResettingFilters.value) {\n applyFilters(filters);\n isResettingFilters.value = false;\n } else {\n applyFiltersDebounced(filters);\n }\n });\n });\n\n const resetFilters = () => {\n isResettingFilters.value = true;\n\n filterStatus.value = new Array<FilterStatus>(MAX_COLS).fill(undefined);\n for (let i = 0; i < MAX_COLS; i++) {\n const filter = props.columns[i]?.filter;\n\n if (filter) {\n if (filter.type === 'FREE_SEARCH') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n textSearch: filter.initialValue ?? '',\n type: 'FREE_SEARCH',\n columnTitle: props.columns[i].title,\n });\n } else if (filter.type === 'MULTI_VALUE') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n textSearch: filter.initialValue ?? '',\n type: 'MULTI_VALUE',\n columnTitle: props.columns[i].title,\n });\n } else if (filter.type === 'DATE_RANGE') {\n filterStatus.value.splice(i, 1, {\n id: filter.id,\n dateFrom: filter.initialValue ?? 0,\n type: 'DATE_RANGE',\n columnTitle: props.columns[i].title,\n });\n }\n }\n }\n };\n\n const applyFilters = async (filters: FilterStatus[]) => {\n console.log('applyFilters');\n loading.value = true;\n goToFirstPage();\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filters,\n triggeredEvent: 'filter',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n };\n\n const applyFiltersDebounced = useDebounceFn(applyFilters, 500);\n\n return {\n filterStatus,\n resetFilters,\n };\n}\n\nfunction useRowsSelection() {\n const selectedRows = ref<typeof currentPageDataRows.value>([]);\n\n const emitRowsSelected = () => {\n emit('rows-selected', selectedRows.value);\n };\n\n const rowsSelected = (rows: DataRow[]) => {\n selectRows(rows.map(r => r.id));\n };\n\n const rowUnselected = (rowId: string) => {\n const index = selectedRows.value.findIndex(r => r.id === rowId);\n selectedRows.value.splice(index, 1);\n emitRowsSelected();\n };\n\n // select the rows with the given ids, possibly in addition to the rows that are already selected\n const selectRows = async (rowsIds: string[]) => {\n if (props.rowsSelectionMode === 'single') {\n selectedRows.value = [];\n await nextTick();\n }\n const rowsToSelect = currentPageDataRows.value.filter(r => rowsIds.includes(r.id));\n if (props.rowsSelectionMode === 'single') {\n rowsToSelect.length = Math.min(1, rowsToSelect.length);\n }\n\n for (const row of rowsToSelect) {\n if (!selectedRows.value.some(r => r.id === row.id)) {\n selectedRows.value.push(row);\n }\n }\n\n emitRowsSelected();\n };\n\n const unselectAllRows = () => {\n selectedRows.value = [];\n emitRowsSelected();\n };\n\n const getDataRows = (): DataRow[] => currentPageDataRows.value;\n const getSelectedRows = (): DataRow[] => selectedRows.value;\n\n const allRowsSelected = computed(() => {\n return selectedRows.value.length > 0 && selectedRows.value.length === currentPageDataRows.value.length;\n });\n\n return {\n selectedRows,\n rowsSelected,\n rowUnselected,\n selectRows,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n allRowsSelected,\n };\n}\n\nconst { selectedRows, rowsSelected, rowUnselected, selectRows, unselectAllRows, getDataRows, getSelectedRows, allRowsSelected } =\n useRowsSelection();\nconst { filterStatus, resetFilters } = useFilters();\nconst { sortStatus, toggleSortArrow, currentSortStatus, resetSort } = useSorting();\nconst { newPageSelected, totalRowsCount, currentPage, goToFirstPage } = usePagination();\n\nconst resetAllAndFetch = async () => {\n // Resetting filters and sort will trigger the dataController\n resetSort();\n resetFilters();\n unselectAllRows();\n};\n\nconst triggerDataController = async () => {\n loading.value = true;\n const newData = await props.dataController({\n paginationStatus: {\n currentPage: currentPage.value,\n },\n sortStatus: currentSortStatus.value,\n filterStatus: filterStatus.value,\n triggeredEvent: 'trigger',\n });\n currentPageDataRows.value = newData.data;\n totalRowsCount.value = newData.totalRows;\n loading.value = false;\n};\n\nwatch(\n () => props.columns,\n () => resetFilters(),\n { deep: true, immediate: true },\n);\n\ndefineExpose({\n selectRows,\n resetAllAndFetch,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n triggerDataController,\n});\n</script>\n\n<template>\n <div class=\"flex flex-col\">\n <div class=\"overflow-x-auto\">\n <div class=\"inline-block min-w-full bg-white align-middle\">\n <table class=\"min-w-full\">\n <thead>\n <tr class=\"bg-neutral-surface-raised font-semibold\">\n <th\n v-if=\"rowsSelectionMode\"\n scope=\"col\"\n class=\"bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider\"\n :class=\"{ 'cursor-pointer': rowsSelectionMode === 'multiple' }\"\n >\n <ElInputCheckbox\n v-if=\"rowsSelectionMode === 'multiple'\"\n :model-value=\"allRowsSelected\"\n :disabled=\"rowsSelectionDisabled\"\n size=\"xxs\"\n @click=\"() => (allRowsSelected ? unselectAllRows() : rowsSelected(currentPageDataRows))\"\n />\n <div v-else class=\"w-7\" />\n </th>\n <th\n v-for=\"(col, index) in props.columns\"\n :key=\"index\"\n scope=\"col\"\n class=\"bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider\"\n :class=\"[col.alignRight ? 'text-right' : 'text-left', !col.noSort ? 'cursor-pointer' : 'cursor-default']\"\n :title=\"!col.noSort ? (sortStatus.arrows[index] ? 'Ordine crescente' : 'Ordine decrescente') : 'Colonna non ordinabile'\"\n @click=\"!col.noSort && toggleSortArrow(index)\"\n >\n {{ col.title }}\n\n <!-- //////////////////// SORT //////////////////////////// -->\n <svg\n v-if=\"!col.noSort\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n class=\"ml-1 inline-flex h-3 w-3\"\n fill=\"currentColor\"\n >\n <path\n v-if=\"sortStatus.arrows[index]\"\n d=\"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z\"\n />\n <path\n v-else\n d=\"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z\"\n title=\"Ordine Decrescente\"\n />\n </svg>\n </th>\n </tr>\n <!-- ///////////////////// FILTERS ///////////////////////// -->\n <tr v-if=\"filterStatus.length > 0 && !noFilters\">\n <th v-if=\"rowsSelectionMode\" scope=\"col\" />\n <th\n v-for=\"(col, index) in columns\"\n :key=\"index\"\n scope=\"col\"\n class=\"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider\"\n >\n <!-- FILTER: TEXT SEARCH -->\n <ElInputText\n v-if=\"col.filter?.type === 'FREE_SEARCH' && filterStatus[index]?.type === 'FREE_SEARCH'\"\n v-model=\"(filterStatus[index] as TextFilterStatus).textSearch\"\n :placeholder=\"col.filter?.placeholder || 'Cerca'\"\n :hidden-error-message=\"true\"\n :leading-icon=\"{\n name: 'MagnifyingGlassIcon',\n }\"\n />\n\n <!-- FILTER: DATE RANGE -->\n <div v-else-if=\"col.filter?.type === 'DATE_RANGE' && filterStatus[index]?.type === 'DATE_RANGE'\" class=\"flex flex-col\">\n <ElInputDate v-model=\"(filterStatus[index] as DateFilterStatus).dateFrom\" :hidden-error-message=\"true\" />\n </div>\n\n <!-- FILTER: MULTIPLE VALUES -->\n <ElInputSelect\n v-else-if=\"col.filter?.type === 'MULTI_VALUE' && filterStatus[index]?.type === 'MULTI_VALUE'\"\n v-model=\"(filterStatus[index] as TextFilterStatus).textSearch\"\n class=\"flex flex-col\"\n type=\"autocomplete\"\n :options=\"col.filter.selectOptions\"\n :hidden-error-message=\"true\"\n />\n\n <!-- TODO: change with new button when it'll be available in DS version 2 -->\n <!-- FILTER: RESET -->\n\n <div v-else-if=\"col.filter?.type === 'RESET_FILTERS_BUTTON'\" class=\"flex justify-end\">\n <ElButton label=\"Azzera filtri\" variant=\"tertiary\" size=\"xs\" @click=\"resetFilters\" />\n </div>\n </th>\n </tr>\n </thead>\n <CustomTransition name=\"fade\">\n <tbody v-if=\"loading\" key=\"loading\">\n <tr>\n <td :colspan=\"props.columns.length + 1\">\n <ElSpinner label=\"Caricamento dati...\" class=\"p-4\" :extra-loading-msg-after-seconds=\"3\" />\n </td>\n </tr>\n </tbody>\n <tbody v-else-if=\"currentPageDataRows.length > 0\" key=\"tableFull\" class=\"bg-white\">\n <tr\n v-for=\"row in currentPageDataRows\"\n :key=\"row.id\"\n class=\"transition duration-150 ease-in-out border-t border-neutral-surface\"\n :class=\"{\n 'bg-neutral-surface-raised': rowsSelectionMode && selectedRows.find(x => x.id === row.id),\n }\"\n data-cy=\"table-row\"\n >\n <!-- ROWS SELECTION -->\n <td v-if=\"rowsSelectionMode\" class=\"flex h-20 items-center justify-center py-3\">\n <ElInputCheckbox\n :model-value=\"!!selectedRows.find(r => r.id === row.id)\"\n :disabled=\"rowsSelectionDisabled\"\n size=\"xxs\"\n @update:model-value=\"val => (val ? rowsSelected([row]) : rowUnselected(row.id))\"\n />\n </td>\n\n <!-- ///////////////////// DATA CELLS ///////////////////////// -->\n <td\n v-for=\"(cell, i) in row.cells\"\n :key=\"i\"\n class=\"max-w-sm pl-4 pr-2.5 py-2.5\"\n :data-cy=\"cell.type === 'default' && cell.mainText.trim().replaceAll(' ', '').replaceAll(',', '')\"\n >\n <!-- TODO data-cy should stay inside ElTableCell -->\n <ElTableCell :cell=\"cell\" />\n </td>\n </tr>\n </tbody>\n <tbody v-else-if=\"currentPageDataRows.length === 0\" key=\"tableEmpty\">\n <tr>\n <td :colspan=\"props.columns.length + 1\" class=\"p-4 font-light text-neutral-darker\">\n <slot name=\"no-data-message\"> nessun dato trovato </slot>\n </td>\n </tr>\n </tbody>\n </CustomTransition>\n </table>\n </div>\n </div>\n\n <!-- Footer -->\n <ElServerSideTablePagination\n ref=\"pagination\"\n :total-rows-count=\"totalRowsCount\"\n :rows-per-page=\"props.rowsPerPage\"\n :hide-footer=\"props.noFooter\"\n @update:current-page=\"newPageSelected\"\n />\n </div>\n</template>\n"],"names":["props","__props","emit","__emit","loading","ref","MAX_COLS","currentPageDataRows","pagination","onMounted","newData","currentSortStatus","filterStatus","totalRowsCount","usePagination","currentPage","computed","_a","newPage","useSorting","sortStatus","v","i","resetSort","colIndex","error","useFilters","isResettingFilters","resetFilters","filters","applyFilters","applyFiltersDebounced","filter","goToFirstPage","useDebounceFn","useRowsSelection","selectedRows","emitRowsSelected","rowsSelected","rows","selectRows","r","rowUnselected","rowId","index","rowsIds","nextTick","rowsToSelect","row","unselectAllRows","getDataRows","getSelectedRows","allRowsSelected","toggleSortArrow","newPageSelected","resetAllAndFetch","triggerDataController","watch","__expose"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineComponent as ne,ref as y,onMounted as N,watch as ie,openBlock as
|
|
1
|
+
import{defineComponent as ne,ref as y,onMounted as N,watch as ie,openBlock as o,createElementBlock as s,createElementVNode as v,normalizeClass as U,createBlock as D,unref as r,createCommentVNode as h,Fragment as A,renderList as b,createTextVNode as z,toDisplayString as ue,createVNode as R,withCtx as ce,renderSlot as de,computed as M,nextTick as pe}from"vue";import ge from"./ElServerSideTablePagination.vue.esm2.js";import fe from"../_CustomTransition.vue.esm2.js";import O from"../forms/ElInputCheckbox.vue.esm2.js";import me from"../forms/ElInputSelect.vue.esm2.js";import we from"../forms/ElInputDate.vue.esm2.js";import ve from"../forms/ElInputText.vue.esm2.js";import Se from"../ElSpinner.vue.esm2.js";import ye from"./ElTableCell.vue.esm2.js";import _e from"../ElButton.vue.esm2.js";import{watchDeep as he,useDebounceFn as Re}from"../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.esm.js";const Ce={class:"flex flex-col"},ke={class:"overflow-x-auto"},Ee={class:"inline-block min-w-full bg-white align-middle"},Ae={class:"min-w-full"},be={class:"bg-neutral-surface-raised font-semibold"},xe={key:1,class:"w-7"},Fe=["title","onClick"],Ve={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"ml-1 inline-flex h-3 w-3",fill:"currentColor"},Pe={key:0,d:"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"},Te={key:1,d:"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z",title:"Ordine Decrescente"},Ue={key:0},De={key:0,scope:"col"},Me={key:1,class:"flex flex-col"},Be={key:3,class:"flex justify-end"},Le={key:"loading"},$e=["colspan"],Ie={key:"tableFull",class:"bg-white"},Ne={key:0,class:"flex h-20 items-center justify-center py-3"},ze=["data-cy"],Oe={key:"tableEmpty"},Ge=["colspan"],tt=ne({__name:"ElServerSideTable",props:{columns:{},sortByCol:{default:-1},sortByColAsc:{type:Boolean,default:!1},noFilters:{type:Boolean},noFooter:{type:Boolean},rowsSelectionMode:{default:void 0},rowsSelectionDisabled:{type:Boolean},rowsPerPage:{default:15},dataController:{}},emits:["rows-selected","newPageSelected"],setup(G,{expose:H,emit:j}){const n=G,X=j,f=y(!0),x=10,g=y([]),F=y(null);N(async()=>{const e=await n.dataController({paginationStatus:{currentPage:0},sortStatus:k.value,filterStatus:d.value,triggeredEvent:"firstLoad"});g.value=e.data,C.value=e.totalRows,f.value=!1});function q(){const e=y(0),p=M(()=>{var a;return((a=F.value)==null?void 0:a.currentPage)??0});return{newPageSelected:async a=>{f.value=!0,g.value=(await n.dataController({paginationStatus:{currentPage:a},sortStatus:k.value,filterStatus:d.value,triggeredEvent:"paginate"})).data,f.value=!1},totalRowsCount:e,currentPage:p,goToFirstPage:()=>{var a;return(a=F.value)==null?void 0:a.goToPage(0,{doNotEmitEvent:!0})}}}function J(){const e=y({currentlySortColIndex:n.sortByCol>-1?n.sortByCol:-1,arrows:[...new Array(x)].map((a,i)=>i===n.sortByCol?n.sortByColAsc:a)}),p=()=>{e.value={currentlySortColIndex:-1,arrows:[]}},l=M(()=>({columnToSort:e.value.currentlySortColIndex,order:e.value.arrows[e.value.currentlySortColIndex]?"asc":"desc"}));return{sortStatus:e,toggleSortArrow:async a=>{e.value.currentlySortColIndex=a,e.value.arrows.splice(a,1,!e.value.arrows[a]),f.value=!0;try{const i=await n.dataController({paginationStatus:{currentPage:T.value},sortStatus:l.value,filterStatus:d.value,triggeredEvent:"sort"});g.value=i.data,C.value=i.totalRows}catch(i){console.error(i)}finally{f.value=!1}},currentSortStatus:l,resetSort:p}}function K(){const e=y([]),p=y(!1);N(()=>{l(),he(e,async i=>{p.value?(t(i),p.value=!1):a(i)})});const l=()=>{var i;p.value=!0,e.value=new Array(x).fill(void 0);for(let u=0;u<x;u++){const c=(i=n.columns[u])==null?void 0:i.filter;c&&(c.type==="FREE_SEARCH"?e.value.splice(u,1,{id:c.id,textSearch:c.initialValue??"",type:"FREE_SEARCH",columnTitle:n.columns[u].title}):c.type==="MULTI_VALUE"?e.value.splice(u,1,{id:c.id,textSearch:c.initialValue??"",type:"MULTI_VALUE",columnTitle:n.columns[u].title}):c.type==="DATE_RANGE"&&e.value.splice(u,1,{id:c.id,dateFrom:c.initialValue??0,type:"DATE_RANGE",columnTitle:n.columns[u].title}))}},t=async i=>{console.log("applyFilters"),f.value=!0,ae();const u=await n.dataController({paginationStatus:{currentPage:T.value},sortStatus:k.value,filterStatus:i,triggeredEvent:"filter"});g.value=u.data,C.value=u.totalRows,f.value=!1},a=Re(t,500);return{filterStatus:e,resetFilters:l}}function Q(){const e=y([]),p=()=>{X("rows-selected",e.value)},l=S=>{a(S.map(m=>m.id))},t=S=>{const m=e.value.findIndex(w=>w.id===S);e.value.splice(m,1),p()},a=async S=>{n.rowsSelectionMode==="single"&&(e.value=[],await pe());const m=g.value.filter(w=>S.includes(w.id));n.rowsSelectionMode==="single"&&(m.length=Math.min(1,m.length));for(const w of m)e.value.some(_=>_.id===w.id)||e.value.push(w);p()},i=()=>{e.value=[],p()},u=()=>g.value,c=()=>e.value,E=M(()=>e.value.length>0&&e.value.length===g.value.length);return{selectedRows:e,rowsSelected:l,rowUnselected:t,selectRows:a,unselectAllRows:i,getDataRows:u,getSelectedRows:c,allRowsSelected:E}}const{selectedRows:B,rowsSelected:L,rowUnselected:W,selectRows:Y,unselectAllRows:V,getDataRows:Z,getSelectedRows:ee,allRowsSelected:$}=Q(),{filterStatus:d,resetFilters:P}=K(),{sortStatus:I,toggleSortArrow:te,currentSortStatus:k,resetSort:le}=J(),{newPageSelected:oe,totalRowsCount:C,currentPage:T,goToFirstPage:ae}=q(),re=async()=>{le(),P(),V()},se=async()=>{f.value=!0;const e=await n.dataController({paginationStatus:{currentPage:T.value},sortStatus:k.value,filterStatus:d.value,triggeredEvent:"trigger"});g.value=e.data,C.value=e.totalRows,f.value=!1};return ie(()=>n.columns,()=>P(),{deep:!0,immediate:!0}),H({selectRows:Y,resetAllAndFetch:re,unselectAllRows:V,getDataRows:Z,getSelectedRows:ee,triggerDataController:se}),(e,p)=>(o(),s("div",Ce,[v("div",ke,[v("div",Ee,[v("table",Ae,[v("thead",null,[v("tr",be,[e.rowsSelectionMode?(o(),s("th",{key:0,scope:"col",class:U(["bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider",{"cursor-pointer":e.rowsSelectionMode==="multiple"}])},[e.rowsSelectionMode==="multiple"?(o(),D(O,{key:0,"model-value":r($),disabled:e.rowsSelectionDisabled,size:"xxs",onClick:p[0]||(p[0]=()=>r($)?r(V)():r(L)(g.value))},null,8,["model-value","disabled"])):(o(),s("div",xe))],2)):h("",!0),(o(!0),s(A,null,b(n.columns,(l,t)=>(o(),s("th",{key:t,scope:"col",class:U(["bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider",[l.alignRight?"text-right":"text-left",l.noSort?"cursor-default":"cursor-pointer"]]),title:l.noSort?"Colonna non ordinabile":r(I).arrows[t]?"Ordine crescente":"Ordine decrescente",onClick:a=>!l.noSort&&r(te)(t)},[z(ue(l.title)+" ",1),l.noSort?h("",!0):(o(),s("svg",Ve,[r(I).arrows[t]?(o(),s("path",Pe)):(o(),s("path",Te))]))],10,Fe))),128))]),r(d).length>0&&!e.noFilters?(o(),s("tr",Ue,[e.rowsSelectionMode?(o(),s("th",De)):h("",!0),(o(!0),s(A,null,b(e.columns,(l,t)=>{var a,i,u,c,E,S,m,w;return o(),s("th",{key:t,scope:"col",class:"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider"},[((a=l.filter)==null?void 0:a.type)==="FREE_SEARCH"&&((i=r(d)[t])==null?void 0:i.type)==="FREE_SEARCH"?(o(),D(ve,{key:0,modelValue:r(d)[t].textSearch,"onUpdate:modelValue":_=>r(d)[t].textSearch=_,placeholder:((u=l.filter)==null?void 0:u.placeholder)||"Cerca","hidden-error-message":!0,"leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):((c=l.filter)==null?void 0:c.type)==="DATE_RANGE"&&((E=r(d)[t])==null?void 0:E.type)==="DATE_RANGE"?(o(),s("div",Me,[R(we,{modelValue:r(d)[t].dateFrom,"onUpdate:modelValue":_=>r(d)[t].dateFrom=_,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue"])])):((S=l.filter)==null?void 0:S.type)==="MULTI_VALUE"&&((m=r(d)[t])==null?void 0:m.type)==="MULTI_VALUE"?(o(),D(me,{key:2,modelValue:r(d)[t].textSearch,"onUpdate:modelValue":_=>r(d)[t].textSearch=_,class:"flex flex-col",type:"autocomplete",options:l.filter.selectOptions,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue","options"])):((w=l.filter)==null?void 0:w.type)==="RESET_FILTERS_BUTTON"?(o(),s("div",Be,[R(_e,{label:"Azzera filtri",variant:"tertiary",size:"xs",onClick:r(P)},null,8,["onClick"])])):h("",!0)])}),128))])):h("",!0)]),R(fe,{name:"fade"},{default:ce(()=>[f.value?(o(),s("tbody",Le,[v("tr",null,[v("td",{colspan:n.columns.length+1},[R(Se,{label:"Caricamento dati...",class:"p-4","extra-loading-msg-after-seconds":3})],8,$e)])])):g.value.length>0?(o(),s("tbody",Ie,[(o(!0),s(A,null,b(g.value,l=>(o(),s("tr",{key:l.id,class:U(["transition duration-150 ease-in-out border-t border-neutral-surface",{"bg-neutral-surface-raised":e.rowsSelectionMode&&r(B).find(t=>t.id===l.id)}]),"data-cy":"table-row"},[e.rowsSelectionMode?(o(),s("td",Ne,[R(O,{"model-value":!!r(B).find(t=>t.id===l.id),disabled:e.rowsSelectionDisabled,size:"xxs","onUpdate:modelValue":t=>t?r(L)([l]):r(W)(l.id)},null,8,["model-value","disabled","onUpdate:modelValue"])])):h("",!0),(o(!0),s(A,null,b(l.cells,(t,a)=>(o(),s("td",{key:a,class:"max-w-sm pl-4 pr-2.5 py-2.5","data-cy":t.type==="default"&&t.mainText.trim().replaceAll(" ","").replaceAll(",","")},[R(ye,{cell:t},null,8,["cell"])],8,ze))),128))],2))),128))])):g.value.length===0?(o(),s("tbody",Oe,[v("tr",null,[v("td",{colspan:n.columns.length+1,class:"p-4 font-light text-neutral-darker"},[de(e.$slots,"no-data-message",{},()=>[z(" nessun dato trovato ")])],8,Ge)])])):h("",!0)]),_:3})])])]),R(ge,{ref_key:"pagination",ref:F,"total-rows-count":r(C),"rows-per-page":n.rowsPerPage,"hide-footer":n.noFooter,"onUpdate:currentPage":r(oe)},null,8,["total-rows-count","rows-per-page","hide-footer","onUpdate:currentPage"])]))}});export{tt as default};
|
|
2
2
|
//# sourceMappingURL=ElServerSideTable.vue.esm2.js.map
|