npm - @davincihealthcare/elty-design-system-vue - Versions diffs - 2.8.0 → 2.9.1 - Mend

@davincihealthcare/elty-design-system-vue 2.8.0 → 2.9.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.

Files changed (830) hide show

package/dist/{style.css → src/style.css} RENAMED Viewed

	@@ -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-primary-pressed{--tw-border-opacity: 1;border-color:rgb(37 99 235 / 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-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,.text-primary-pressed{--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-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-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\: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\: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))}.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-primary-pressed:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.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-error-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(132 7 7 / var(--tw-bg-opacity))}.focus\:bg-neutral-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(209 215 226 / var(--tw-bg-opacity))}.focus\:bg-primary-light-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(233 239 253 / var(--tw-bg-opacity))}.focus\:bg-primary-pressed:focus{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.focus\:text-primary-pressed:focus{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-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\: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-secondary-light-active:active{--tw-bg-opacity: 1;background-color:rgb(243 248 248 / 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))}.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-primary-pressed{--tw-border-opacity: 1;border-color:rgb(37 99 235 / 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-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,.text-primary-pressed{--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-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-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\: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\: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))}.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-primary-pressed:active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / 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\: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))}.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}}

package/dist/src/table/ElMobileTable.vue.cjs2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("../ElListItem.vue.cjs2.js"),fe=require("../forms/ElInputText.vue.cjs2.js"),ye=require("../ElIconButton.vue.cjs2.js"),N=require("../ElButton.vue.cjs2.js"),ge=require("../ElTag.vue.cjs2.js"),G=require("../ElModal.vue.cjs2.js"),_e=require("../forms/ElInputSelect.vue.cjs2.js"),be=require("../forms/ElInputDate.vue.cjs2.js"),Ve=require("../ElAvatar.vue.cjs2.js"),ke=require("../_CustomTransition.vue.cjs2.js"),he=require("../ElSpinner.vue.cjs2.js"),xe=require("../ElIcon.vue.cjs2.js"),we={class:"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto"},Be={key:0,class:"flex flex-row items-center gap-4 pb-2"},Ce={class:"flex-grow"},Re={key:1,class:"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3"},Ee={class:"flex flex-row justify-start items-center"},Ne={class:"flex flex-row justify-center items-center"},Te={class:"text-neutral-darker font-normal text-sm"},Ae={class:"relative"},Fe={key:2,class:"pt-3 px-4"},Se={class:"font-semibold text-neutral-darker"},Ie={key:3,class:"m-0 flex flex-col flex-grow overflow-y-auto h-full"},De={key:4,class:"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3"},Oe=e.createElementVNode("div",{class:"flex flex-col gap-1 text-center"},[e.createElementVNode("span",{class:"text-lg font-semibold text-neutral-darker"},"Nessun risultato"),e.createElementVNode("p",{class:"text-neutral-lighter text-sm"},"Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.")],-1),je={key:5,class:"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4"},qe={key:0,class:"m-0 flex flex-col gap-5"},Le={class:"text-neutral-lighter"},Me={key:0},$e={key:1},Ue={key:2},ze={class:"flex flex-col gap-6"},Pe=e.defineComponent({__name:"ElMobileTable",props:{color:{},filters:{},loading:{type:Boolean},preventDefaultItemClick:{type:Boolean},selection:{},sortBy:{},itemsCountLabel:{type:Function},noItemsCountLabel:{type:Boolean},data:{}},emits:["destructive:click","bulk:click","item:click","selection:exit","rows-selected","filters-updated"],setup(H,{expose:J,emit:K}){var A,F,S,I,D,O,j,q,L,M,$,U,z,P;const t=H,f=e.ref(""),u=e.ref([]),m=e.ref(null),V=e.ref(!1),v=e.ref(0),B=e.ref(void 0);e.watch(f,(l,o)=>{B.value&&clearTimeout(B.value),B.value=setTimeout(()=>{o!==l&&R()},500)});const Q=e.computed(()=>f.value.trim().length>0\|\|Object.values(s.value).some(l=>l&&l.trim().length>0)\|\|v.value!==0),C=()=>u.value.map(l=>t.data[l]),y=l=>{var r;const o=(r=f.value)==null?void 0:r.trim();return o?l.split(" ").some(n=>n.toLowerCase().includes(o.toLowerCase())):!0},s=e.ref({avatar:((F=(A=t.filters.multiValue)==null?void 0:A.avatar)==null?void 0:F.initialValue)??"",mainText:((I=(S=t.filters.multiValue)==null?void 0:S.mainText)==null?void 0:I.initialValue)??"",secondaryRow:((O=(D=t.filters.multiValue)==null?void 0:D.secondaryRow)==null?void 0:O.initialValue)??"",tertiaryRow:((q=(j=t.filters.multiValue)==null?void 0:j.tertiaryRow)==null?void 0:q.initialValue)??"",amount:((M=(L=t.filters.multiValue)==null?void 0:L.amount)==null?void 0:M.initialValue)??"",tags:((U=($=t.filters.multiValue)==null?void 0:$.tags)==null?void 0:U.initialValue)??"",time:((P=(z=t.filters.multiValue)==null?void 0:z.time)==null?void 0:P.initialValue)??""}),h=e.ref({...s.value}),g=l=>Array.from(new Set(l)),b=l=>l!==void 0,W=e.computed(()=>{var l,o,r,n,c,p,i;return{mainText:(l=t.filters.multiValue)!=null&&l.mainText?t.filters.multiValue.mainText.selectOptions??g(t.data.map(a=>a.mainText.label)).map(a=>({value:a,label:a})):[],secondaryRow:(o=t.filters.multiValue)!=null&&o.secondaryRow?t.filters.multiValue.secondaryRow.selectOptions??g(t.data.map(a=>a.secondaryRow).filter(b)).map(a=>({value:a,label:a})):[],tertiaryRow:(r=t.filters.multiValue)!=null&&r.tertiaryRow?t.filters.multiValue.tertiaryRow.selectOptions??g(t.data.map(a=>a.tertiaryRow).filter(b)).map(a=>({value:a,label:a})):[],amount:(n=t.filters.multiValue)!=null&&n.amount?t.filters.multiValue.amount.selectOptions??g(t.data.map(a=>a.amount).filter(b)).map(a=>({value:a,label:a})):[],tags:(c=t.filters.multiValue)!=null&&c.tags?t.filters.multiValue.tags.selectOptions??g(t.data.flatMap(a=>(a.tags??[]).map(d=>d.text).filter(b))).map(a=>({value:a,label:a})):[],time:(p=t.filters.multiValue)!=null&&p.time?t.filters.multiValue.time.selectOptions??g(t.data.map(a=>a.time).filter(b)).map(a=>({value:a,label:a})):[],avatar:(i=t.filters.multiValue)!=null&&i.avatar?t.filters.multiValue.avatar.selectOptions??g(t.data.map(a=>{var d;return(d=a.avatar)==null?void 0:d.label}).filter(b)).map(a=>({value:a,label:a})):[]}}),_=e.computed(()=>{var o;let l=t.data.slice();if(t.filters.managed)return l;if(t.filters.freeSearch&&f.value.trim().length>0){const r=t.filters.freeSearch;l=l.filter(n=>r.filterOn.some(c=>{switch(c){case"avatar":return n.avatar&&n.avatar.label&&y(n.avatar.label);case"time":return n.time&&y(n.time);case"mainText":return n.mainText&&y(n.mainText.label);case"secondaryRow":return n.secondaryRow&&y(n.secondaryRow);case"tertiaryRow":return n.tertiaryRow&&y(n.tertiaryRow);case"amount":return n.amount&&y(n.amount);case"tags":return n.tags&&n.tags.some(p=>y(p.text))}}))}return t.filters.multiValue&&(t.filters.multiValue.mainText&&(l=l.filter(r=>!s.value.mainText\|\|s.value.mainText.length===0\|\|s.value.mainText.includes(r.sortableAndFilterableValue??r.mainText.label))),t.filters.multiValue.secondaryRow&&(l=l.filter(r=>!s.value.secondaryRow\|\|s.value.secondaryRow.length===0\|\|s.value.secondaryRow.includes(r.sortableAndFilterableValue??r.secondaryRow??""))),t.filters.multiValue.tertiaryRow&&(l=l.filter(r=>!s.value.tertiaryRow\|\|s.value.tertiaryRow.length===0\|\|s.value.tertiaryRow.includes(r.sortableAndFilterableValue??r.tertiaryRow??""))),t.filters.multiValue.amount&&(l=l.filter(r=>!s.value.amount\|\|s.value.amount.length===0\|\|s.value.amount.includes(r.sortableAndFilterableValue??r.amount??""))),t.filters.multiValue.tags&&(l=l.filter(r=>{var n;return!s.value.tags\|\|s.value.tags.length===0\|\|((n=r.tags)==null?void 0:n.some(c=>s.value.tags.includes(c.text)))})),t.filters.multiValue.avatar&&(l=l.filter(r=>{var n;return!s.value.avatar\|\|s.value.avatar.length===0\|\|s.value.avatar.includes(r.sortableAndFilterableValue??((n=r.avatar)==null?void 0:n.label)??"")}))),(o=t.filters.dateRange)!=null&&o.enabled&&(l=l.filter(r=>v.value?r.time&&new Date(r.time).getTime()>=v.value:!0)),t.sortBy&&(l=l.sort((r,n)=>{var p,i,a,d,w;let c=0;if(r.sortableAndFilterableValue&&n.sortableAndFilterableValue)c=r.sortableAndFilterableValue.localeCompare(n.sortableAndFilterableValue);else switch(t.sortBy.on){case"mainText":c=r.mainText.label.localeCompare(n.mainText.label);break;case"avatar":c=(((p=r.avatar)==null?void 0:p.label)??"").localeCompare(((i=n.avatar)==null?void 0:i.label)??"");break;case"time":case"secondaryRow":case"tertiaryRow":c=(r[t.sortBy.on]??"").localeCompare(n[t.sortBy.on]??"");break;case"amount":const me=parseFloat(r.amount??"0"),pe=parseFloat(n.amount??"0");c=me-pe;break;case"tags":c=(((a=r.tags)==null?void 0:a.map(E=>E.text).join(""))??"").localeCompare(((d=n.tags)==null?void 0:d.map(E=>E.text).join(""))??"");break}return((w=t.sortBy)==null?void 0:w.order)==="desc"&&(c*=-1),c})),l}),X=e.computed(()=>Object.fromEntries(Object.entries(t.filters.multiValue??{}).filter(([l,o])=>o.enabled))),Y=e.computed(()=>{var l;return((l=t.filters.dateRange)==null?void 0:l.enabled)\|\|Object.values(t.filters.multiValue??{}).some(o=>o.enabled)}),Z=e.computed(()=>Object.values(s.value).some(l=>l.length>0)\|\|v.value!==0),ee=l=>{var r;const o=l.map(n=>x({id:n}));((r=t.selection)==null?void 0:r.selectionMode)==="single"&&o.length>0&&(u.value=[o.at(0)]),u.value.push(...o),u.value=Array.from(new Set(u.value))},te=l=>{var o;((o=t.selection)==null?void 0:o.selectionMode)==="single"?u.value=[l]:(u.value.push(l),u.value=Array.from(new Set(u.value))),T("rows-selected",C())},le=l=>{u.value=u.value.filter(o=>o!==l)},x=l=>{const o=t.data.findIndex(r=>r.id===l.id);if(o===-1)throw new Error(`Item with id ${l.id} not found`);return o},ae=()=>{u.value=[]},re=()=>t.data,oe=()=>{V.value=!0},ne=l=>{m.value=l},k=()=>{m.value=null},ie=e.computed(()=>{var l;return(l=m.value)!=null&&l.actions?m.value.actions.primary:{label:"Chiudi",onClick:k}}),se=e.computed(()=>{var l,o,r,n;return(o=(l=m.value)==null?void 0:l.actions)!=null&&o.secondary?m.value.actions.secondary:(n=(r=m.value)==null?void 0:r.actions)!=null&&n.primary?{label:"Chiudi",onClick:k}:void 0}),ue=e.computed(()=>{var l,o;if((o=(l=m.value)==null?void 0:l.actions)!=null&&o.secondary)return{label:"Chiudi",onClick:k}}),ce=()=>{V.value=!1,s.value={...h.value},R()},de=()=>{s.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},v.value=0,h.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},R()},R=()=>{t.filters.managed&&T("filters-updated",{freeSearch:t.filters.freeSearch?f.value:void 0,fromDate:t.filters.dateRange?v.value:void 0,multiSelect:s.value})},T=K;return J({filteredData:_,selectRows:ee,unselectAllRows:ae,getDataRows:re,getSelectedRows:C,closeItemDetails:k}),(l,o)=>{var r,n,c,p;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",we,[(r=t.selection)!=null&&r.enabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("div",Ce,[t.filters.freeSearch?(e.openBlock(),e.createBlock(fe.default,{key:0,modelValue:f.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>f.value=i),placeholder:t.filters.freeSearch.placeholder??"Cerca","leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","placeholder"])):e.createCommentVNode("",!0)]),Y.value?(e.openBlock(),e.createBlock(ye.default,{key:0,badge:Z.value,"badge-color":t.color,icon:{name:"AdjustmentsVerticalIcon"},class:e.normalizeClass(t.color==="primary"?"text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active":"text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active"),onClick:oe},null,8,["badge","badge-color","class"])):e.createCommentVNode("",!0)])),(n=t.selection)!=null&&n.enabled?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("div",Ee,[e.createVNode(N.default,{error:"",variant:"tertiary",type:"button",label:`Elimina (${u.value.length})`,onClick:o[1]\|\|(o[1]=i=>l.$emit("destructive:click",C()))},null,8,["label"])]),e.createElementVNode("div",Ne,[e.createElementVNode("span",Te,[t.selection.selectedLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.selection.selectedLabel(u.value.length)),1)],64)):t.selection.selectionMode!=="single"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(u.value.length)+" Selezionati",1)],64)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),e.createVNode(ke.default,{name:"fade"},{default:e.withCtx(()=>[e.createElementVNode("div",Ae,[t.loading?(e.openBlock(),e.createBlock(he.default,{key:0,label:"Caricamento dati...",class:"p-4 absolute bg-neutral-surface w-full","extra-loading-msg-after-seconds":3})):e.createCommentVNode("",!0)])]),_:1}),Q.value&&l.noItemsCountLabel!==!0&&_.value.length!==0?(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("span",Se,e.toDisplayString(t.itemsCountLabel?t.itemsCountLabel(_.value.length):`${_.value.length} risultati per la tua ricerca`),1)])):e.createCommentVNode("",!0),_.value.length>0?(e.openBlock(),e.createElementBlock("ul",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,i=>{var a;return e.openBlock(),e.createBlock(ve.default,e.mergeProps({ref_for:!0},i,{key:i.id,color:t.color,"model-value":(a=t.selection)!=null&&a.enabled?u.value.includes(x(i)):void 0,"onUpdate:modelValue":d=>d?te(x(i)):le(x(i)),onClick:()=>{var d;l.$emit("item:click",i),!((d=t.selection)!=null&&d.enabled)&&!t.preventDefaultItemClick&&ne(i)}}),null,16,["color","model-value","onUpdate:modelValue","onClick"])}),128)),e.renderSlot(l.$slots,"after-list")])):!t.loading&&_.value.length===0?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(xe.default,{name:"MagnifyingGlassIcon",class:e.normalizeClass(["h-8 w-8",t.color==="primary"?"text-primary-active":"text-secondary-active"])},null,8,["class"]),Oe])):e.createCommentVNode("",!0),(c=t.selection)!=null&&c.enabled?(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(N.default,{size:"l",variant:"tertiary",label:"Annulla",onClick:o[2]\|\|(o[2]=i=>l.$emit("selection:exit"))}),(p=t.selection)!=null&&p.bulkActionButton?(e.openBlock(),e.createBlock(N.default,{key:0,variant:t.color,label:t.selection.bulkActionButton.label(u.value.length),disabled:u.value.length===0,size:"l",onClick:o[3]\|\|(o[3]=i=>l.$emit("bulk:click",u.value.map(a=>t.data[a])))},null,8,["variant","label","disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.createVNode(G.default,{size:"xs","is-open":m.value!==null,"header-icon":{name:"AdjustmentsVerticalIcon"},title:"Dettaglio",color:t.color,"primary-action":ie.value,"secondary-action":se.value,"tertiary-action":ue.value,onClosed:k},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("ul",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.details,(i,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:"flex flex-col gap-1"},[e.createElementVNode("span",Le,e.toDisplayString(i.label),1),i.value.type==="default"?(e.openBlock(),e.createElementBlock("span",Me,e.toDisplayString(i.value.text),1)):i.value.type==="tag"?(e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(ge.default,{text:i.value.text,color:i.value.color},null,8,["text","color"])])):i.value.type==="avatar"?(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(Ve.default,{label:i.value.label,picture:i.value.picture,size:"sm"},null,8,["label","picture"])])):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"]),e.createVNode(G.default,{"is-open":V.value,"onUpdate:isOpen":o[5]\|\|(o[5]=i=>V.value=i),size:"xs","header-icon":{name:"AdjustmentsVerticalIcon"},title:"Filtri",color:t.color,"primary-action":{label:"Applica filtri",onClick:ce},"secondary-action":t.filters.resetButton?{label:"Reset",onClick:de}:void 0,"tertiary-action":{label:"Chiudi",onClick:()=>{V.value=!1}}},{default:e.withCtx(()=>{var i;return[e.createElementVNode("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(X.value,(a,d)=>(e.openBlock(),e.createBlock(_e.default,{key:d,modelValue:h.value[d],"onUpdate:modelValue":w=>h.value[d]=w,options:W.value[d],label:a.label},null,8,["modelValue","onUpdate:modelValue","options","label"]))),128)),(i=t.filters.dateRange)!=null&&i.enabled?(e.openBlock(),e.createBlock(be.default,{key:0,modelValue:v.value,"onUpdate:modelValue":o[4]\|\|(o[4]=a=>v.value=a),label:t.filters.dateRange.label,placeholder:t.filters.dateRange.placeholder,"hidden-error-message":""},null,8,["modelValue","label","placeholder"])):e.createCommentVNode("",!0)])]}),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"])],64)}}});exports.default=Pe;
2	+ //# sourceMappingURL=ElMobileTable.vue.cjs2.js.map

package/dist/src/table/ElMobileTable.vue.cjs2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ElMobileTable.vue.cjs2.js","sources":["../../../src/table/ElMobileTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElListItem, { ElListItemProps } from '@/ElListItem.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport ElButton, { ElButtonProps } from '@/ElButton.vue';\nimport { computed, ref, watch } from 'vue';\nimport ElTag, { ElTagColor } from '@/ElTag.vue';\nimport ElModal from '@/ElModal.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElAvatar from '@/ElAvatar.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport { OptionType } from '@/types';\n\nexport type SelectOptions = OptionType[];\n\nexport type MobileTableFiltersStatus = {\n freeSearch?: string;\n fromDate?: number;\n multiSelect: {\n mainText?: string;\n secondaryRow?: string;\n tertiaryRow?: string;\n tags?: string;\n time?: string;\n amount?: string;\n avatar?: string;\n };\n};\n\nexport type MobileTableFilter = {\n freeSearch?: {\n placeholder?: string;\n filterOn: ('mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar')[];\n initialValue?: string;\n };\n multiValue?: {\n mainText?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n secondaryRow?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n tertiaryRow?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n amount?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n tags?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n time?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n avatar?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n };\n dateRange?: {\n enabled: boolean;\n label: string;\n initialValue?: number;\n placeholder?: string;\n };\n resetButton?: boolean;\n // if true filters won't be applied by the table (used for server side table)\n managed?: boolean;\n};\n\nexport type MobileTableRow = Omit<ElListItemProps, 'color'> & {\n id: string;\n rowNotSelectable?: boolean;\n relatedObject?: any;\n clickAction?: (payload: PointerEvent) => void;\n actions?: {\n primary: InstanceType<typeof ElButton>['$props'];\n secondary?: InstanceType<typeof ElButton>['$props'];\n };\n sortableAndFilterableValue?: string;\n details: {\n label: string;\n value:\n | { type?: 'default'; text: string }\n | { type: 'tag'; text: string; color?: ElTagColor }\n | { type: 'avatar'; label?: string; picture?: string };\n }[];\n};\n\nexport interface ElMobileTableProps {\n color: 'primary' | 'secondary';\n filters: MobileTableFilter;\n loading?: boolean;\n preventDefaultItemClick?: boolean;\n selection?: {\n enabled: boolean;\n selectionMode?: 'single' | 'multiple'; // defaults to multiple\n destructiveAction?: {\n enabled: boolean;\n button: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label?: (count: number) => string };\n };\n bulkActionButton: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label: (count: number) => string };\n selectedLabel?: (selectionCount: number) => string;\n cancelText?: (selectionCount: number) => string;\n };\n sortBy?: {\n on: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar';\n order: 'asc' | 'desc';\n };\n itemsCountLabel?: (count: number) => string;\n noItemsCountLabel?: boolean;\n data: MobileTableRow[];\n}\n\nconst props = defineProps<ElMobileTableProps>();\n\nconst search = ref<string>('');\nconst selectedItems = ref<number[]>([]);\nconst selectedItemToShow = ref<MobileTableRow | null>(null);\nconst filterModalOpen = ref(false);\nconst filterDateFrom = ref<number>(0);\nconst managedSearchDebounceTimeout = ref<ReturnType<typeof setTimeout> | undefined>(undefined);\n\nwatch(search, (newValue, oldValue) => {\n if (managedSearchDebounceTimeout.value) {\n clearTimeout(managedSearchDebounceTimeout.value);\n }\n managedSearchDebounceTimeout.value = setTimeout(() => {\n if (oldValue !== newValue) {\n emitFiltersUpdated();\n }\n }, 500);\n});\n\nconst filtersAreApplied = computed(() => {\n return (\n search.value.trim().length > 0 ||\n Object.values(multiValueFiltersValues.value).some(filter => filter && filter.trim().length > 0) ||\n filterDateFrom.value !== 0\n );\n});\n\nconst getSelectedRows = () => selectedItems.value.map(index => props.data[index]);\n\nconst matchesSearch = (value: string): boolean => {\n const searchText = search.value?.trim();\n if (!searchText) return true;\n return value.split(' ').some(part => part.toLowerCase().includes(searchText.toLowerCase()));\n};\n\nconst multiValueFiltersValues = ref<MobileTableFiltersStatus['multiSelect']>({\n avatar: props.filters.multiValue?.avatar?.initialValue ?? '',\n mainText: props.filters.multiValue?.mainText?.initialValue ?? '',\n secondaryRow: props.filters.multiValue?.secondaryRow?.initialValue ?? '',\n tertiaryRow: props.filters.multiValue?.tertiaryRow?.initialValue ?? '',\n amount: props.filters.multiValue?.amount?.initialValue ?? '',\n tags: props.filters.multiValue?.tags?.initialValue ?? '',\n time: props.filters.multiValue?.time?.initialValue ?? '',\n});\n\nconst multiValueFiltersModalValues = ref<MobileTableFiltersStatus['multiSelect']>({\n ...multiValueFiltersValues.value,\n});\n\nconst makeArrUnique = (arr: string[]): string[] => Array.from(new Set(arr));\nconst isDefined = <T,>(value: T | undefined): value is T => value !== undefined;\n\nconst multiValueAvailabeOptions = computed<{\n mainText: SelectOptions;\n secondaryRow: SelectOptions;\n tertiaryRow: SelectOptions;\n amount: SelectOptions;\n tags: SelectOptions;\n time: SelectOptions;\n avatar: SelectOptions;\n}>(() => {\n return {\n mainText: props.filters.multiValue?.mainText\n ? props.filters.multiValue.mainText.selectOptions ??\n makeArrUnique(props.data.map(item => item.mainText.label)).map(value => ({ value, label: value }))\n : [],\n secondaryRow: props.filters.multiValue?.secondaryRow\n ? props.filters.multiValue.secondaryRow.selectOptions ??\n makeArrUnique(props.data.map(item => item.secondaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n tertiaryRow: props.filters.multiValue?.tertiaryRow\n ? props.filters.multiValue.tertiaryRow.selectOptions ??\n makeArrUnique(props.data.map(item => item.tertiaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n amount: props.filters.multiValue?.amount\n ? props.filters.multiValue.amount.selectOptions ??\n makeArrUnique(props.data.map(item => item.amount).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n tags: props.filters.multiValue?.tags\n ? props.filters.multiValue.tags.selectOptions ??\n makeArrUnique(props.data.flatMap(item => (item.tags ?? []).map(tag => tag.text).filter(isDefined))).map(value => ({\n value,\n label: value,\n }))\n : [],\n time: props.filters.multiValue?.time\n ? props.filters.multiValue.time.selectOptions ??\n makeArrUnique(props.data.map(item => item.time).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n avatar: props.filters.multiValue?.avatar\n ? props.filters.multiValue.avatar.selectOptions ??\n makeArrUnique(props.data.map(item => item.avatar?.label).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n };\n});\n\nconst filteredData = computed(() => {\n let data = props.data.slice();\n if (props.filters.managed) return data;\n if (props.filters.freeSearch && search.value.trim().length > 0) {\n const searchParams = props.filters.freeSearch;\n data = data.filter(item =>\n searchParams.filterOn.some(filter => {\n switch (filter) {\n case 'avatar':\n return item.avatar && item.avatar.label && matchesSearch(item.avatar.label);\n case 'time':\n return item.time && matchesSearch(item.time);\n case 'mainText':\n return item.mainText && matchesSearch(item.mainText.label);\n case 'secondaryRow':\n return item.secondaryRow && matchesSearch(item.secondaryRow);\n case 'tertiaryRow':\n return item.tertiaryRow && matchesSearch(item.tertiaryRow);\n case 'amount':\n return item.amount && matchesSearch(item.amount);\n case 'tags':\n return item.tags && item.tags.some(tag => matchesSearch(tag.text));\n }\n }),\n );\n }\n\n if (props.filters.multiValue) {\n if (props.filters.multiValue.mainText) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.mainText ||\n multiValueFiltersValues.value.mainText.length === 0 ||\n multiValueFiltersValues.value.mainText.includes(item.sortableAndFilterableValue ?? item.mainText.label),\n );\n }\n if (props.filters.multiValue.secondaryRow) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.secondaryRow ||\n multiValueFiltersValues.value.secondaryRow.length === 0 ||\n multiValueFiltersValues.value.secondaryRow.includes(item.sortableAndFilterableValue ?? item.secondaryRow ?? ''),\n );\n }\n if (props.filters.multiValue.tertiaryRow) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.tertiaryRow ||\n multiValueFiltersValues.value.tertiaryRow.length === 0 ||\n multiValueFiltersValues.value.tertiaryRow.includes(item.sortableAndFilterableValue ?? item.tertiaryRow ?? ''),\n );\n }\n if (props.filters.multiValue.amount) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.amount ||\n multiValueFiltersValues.value.amount.length === 0 ||\n multiValueFiltersValues.value.amount.includes(item.sortableAndFilterableValue ?? item.amount ?? ''),\n );\n }\n if (props.filters.multiValue.tags) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.tags ||\n multiValueFiltersValues.value.tags.length === 0 ||\n item.tags?.some(tag => multiValueFiltersValues.value.tags!.includes(tag.text)),\n );\n }\n if (props.filters.multiValue.avatar) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.avatar ||\n multiValueFiltersValues.value.avatar.length === 0 ||\n multiValueFiltersValues.value.avatar.includes(item.sortableAndFilterableValue ?? item.avatar?.label ?? ''),\n );\n }\n }\n\n if (props.filters.dateRange?.enabled) {\n data = data.filter(item => {\n if (!filterDateFrom.value) return true;\n return item.time && new Date(item.time).getTime() >= filterDateFrom.value;\n });\n }\n\n if (props.sortBy) {\n data = data.sort((a, b) => {\n let result = 0;\n if (a.sortableAndFilterableValue && b.sortableAndFilterableValue) {\n result = a.sortableAndFilterableValue.localeCompare(b.sortableAndFilterableValue);\n } else {\n switch (props.sortBy!.on) {\n case 'mainText':\n result = a.mainText.label.localeCompare(b.mainText.label);\n break;\n case 'avatar':\n result = (a.avatar?.label ?? '').localeCompare(b.avatar?.label ?? '');\n break;\n case 'time':\n case 'secondaryRow':\n case 'tertiaryRow':\n result = (a[props.sortBy!.on] ?? '').localeCompare(b[props.sortBy!.on] ?? '');\n break;\n case 'amount':\n const numA = parseFloat(a.amount ?? '0');\n const numB = parseFloat(b.amount ?? '0');\n result = numA - numB;\n break;\n case 'tags':\n result = (a.tags?.map(tag => tag.text).join('') ?? '').localeCompare(b.tags?.map(tag => tag.text).join('') ?? '');\n break;\n }\n }\n if (props.sortBy?.order === 'desc') {\n result *= -1;\n }\n return result;\n });\n }\n\n return data;\n});\n\nconst enabledSelectFilters = computed(() => {\n return Object.fromEntries(Object.entries(props.filters.multiValue ?? {}).filter(([_, filter]) => filter.enabled));\n});\n\nconst showFiltersButton = computed(() => {\n return props.filters.dateRange?.enabled || Object.values(props.filters.multiValue ?? {}).some(filter => filter.enabled);\n});\n\nconst hasFiltersApplied = computed(() => {\n return Object.values(multiValueFiltersValues.value).some(filter => filter.length > 0) || filterDateFrom.value !== 0;\n});\n\nconst selectRows = (rowsIds: string[]) => {\n const indexes = rowsIds.map(id => getItemIndex({ id: id }));\n if (props.selection?.selectionMode === 'single' && indexes.length > 0) {\n selectedItems.value = [indexes.at(0)!];\n }\n selectedItems.value.push(...indexes);\n selectedItems.value = Array.from(new Set(selectedItems.value));\n};\n\nconst selectRow = (rowIndex: number) => {\n if (props.selection?.selectionMode === 'single') {\n selectedItems.value = [rowIndex];\n } else {\n selectedItems.value.push(rowIndex);\n selectedItems.value = Array.from(new Set(selectedItems.value));\n }\n emit('rows-selected', getSelectedRows());\n};\n\nconst deselectRow = (rowIndex: number) => {\n selectedItems.value = selectedItems.value.filter(index => index !== rowIndex);\n};\n\nconst getItemIndex = (item: { id: string }) => {\n const idx = props.data.findIndex(i => i.id === item.id);\n if (idx === -1) throw new Error(`Item with id ${item.id} not found`);\n return idx;\n};\n\nconst unselectAllRows = () => {\n selectedItems.value = [];\n};\n\nconst getDataRows = () => props.data;\n\nconst openFiltersModal = () => {\n filterModalOpen.value = true;\n};\n\nconst showItemDetails = (item: MobileTableRow) => {\n selectedItemToShow.value = item;\n};\n\nconst closeItemDetails = () => {\n selectedItemToShow.value = null;\n};\n\nconst detailsPrimaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>>(() => {\n if (selectedItemToShow.value?.actions) {\n return selectedItemToShow.value.actions.primary;\n } else {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n }\n});\nconst detailsSecondaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n if (selectedItemToShow.value?.actions?.secondary) {\n return selectedItemToShow.value.actions.secondary;\n } else if (selectedItemToShow.value?.actions?.primary) {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n } else {\n return undefined;\n }\n});\nconst detailsTertiaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n if (selectedItemToShow.value?.actions?.secondary) {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n } else {\n return undefined;\n }\n});\n\nconst applyFilters = () => {\n filterModalOpen.value = false;\n multiValueFiltersValues.value = { ...multiValueFiltersModalValues.value };\n emitFiltersUpdated();\n};\n\nconst resetFilters = () => {\n multiValueFiltersValues.value = {\n avatar: '',\n time: '',\n mainText: '',\n secondaryRow: '',\n tertiaryRow: '',\n amount: '',\n tags: '',\n };\n filterDateFrom.value = 0;\n multiValueFiltersModalValues.value = {\n avatar: '',\n time: '',\n mainText: '',\n secondaryRow: '',\n tertiaryRow: '',\n amount: '',\n tags: '',\n };\n emitFiltersUpdated();\n};\n\nconst emitFiltersUpdated = () => {\n if (props.filters.managed) {\n emit('filters-updated', {\n freeSearch: props.filters.freeSearch ? search.value : undefined,\n fromDate: props.filters.dateRange ? filterDateFrom.value : undefined,\n multiSelect: multiValueFiltersValues.value,\n });\n }\n};\n\nconst emit = defineEmits<{\n (event: 'destructive:click', selectedItems: MobileTableRow[]): void;\n (event: 'bulk:click', selectedItems: MobileTableRow[]): void;\n (event: 'item:click', item: MobileTableRow): void;\n (event: 'selection:exit'): void;\n (event: 'rows-selected', selectedItems: MobileTableRow[]): void;\n (event: 'filters-updated', filters: MobileTableFiltersStatus): void;\n}>();\n\ndefineExpose({\n filteredData,\n selectRows,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n closeItemDetails,\n});\n</script>\n\n<template>\n <div class=\"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto\">\n <div v-if=\"!props.selection?.enabled\" class=\"flex flex-row items-center gap-4 pb-2\">\n <div class=\"flex-grow\">\n <ElInputText\n v-if=\"props.filters.freeSearch\"\n v-model=\"search\"\n :placeholder=\"props.filters.freeSearch.placeholder ?? 'Cerca'\"\n :leading-icon=\"{ name: 'MagnifyingGlassIcon' }\"\n />\n </div>\n <ElIconButton\n v-if=\"showFiltersButton\"\n :badge=\"hasFiltersApplied\"\n :badge-color=\"props.color\"\n :icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n :class=\"\n props.color === 'primary'\n ? 'text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active'\n : 'text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active'\n \"\n @click=\"openFiltersModal\"\n />\n </div>\n\n <div v-if=\"props.selection?.enabled\" class=\"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3\">\n <div class=\"flex flex-row justify-start items-center\">\n <ElButton\n error\n variant=\"tertiary\"\n type=\"button\"\n :label=\"`Elimina (${selectedItems.length})`\"\n @click=\"$emit('destructive:click', getSelectedRows())\"\n />\n </div>\n <div class=\"flex flex-row justify-center items-center\">\n <span class=\"text-neutral-darker font-normal text-sm\">\n <template v-if=\"props.selection.selectedLabel\">\n {{ props.selection.selectedLabel(selectedItems.length) }}\n </template>\n <template v-else-if=\"props.selection.selectionMode !== 'single'\">{{ selectedItems.length }} Selezionati</template>\n </span>\n </div>\n </div>\n <slot />\n\n <CustomTransition name=\"fade\">\n <div class=\"relative\">\n <ElSpinner\n v-if=\"props.loading\"\n label=\"Caricamento dati...\"\n class=\"p-4 absolute bg-neutral-surface w-full\"\n :extra-loading-msg-after-seconds=\"3\"\n />\n </div>\n </CustomTransition>\n\n <div v-if=\"filtersAreApplied && noItemsCountLabel !== true && filteredData.length !== 0\" class=\"pt-3 px-4\">\n <span class=\"font-semibold text-neutral-darker\">{{\n props.itemsCountLabel ? props.itemsCountLabel(filteredData.length) : `${filteredData.length} risultati per la tua ricerca`\n }}</span>\n </div>\n\n <ul v-if=\"filteredData.length > 0\" class=\"m-0 flex flex-col flex-grow overflow-y-auto h-full\">\n <ElListItem\n v-for=\"item in filteredData\"\n v-bind=\"item\"\n :key=\"item.id\"\n :color=\"props.color\"\n :model-value=\"props.selection?.enabled ? selectedItems.includes(getItemIndex(item)) : undefined\"\n @update:model-value=\"v => (v ? selectRow(getItemIndex(item)) : deselectRow(getItemIndex(item)))\"\n @click=\"\n () => {\n $emit('item:click', item);\n if (!props.selection?.enabled && !props.preventDefaultItemClick) {\n showItemDetails(item);\n }\n }\n \"\n />\n <slot name=\"after-list\" />\n </ul>\n\n <div v-else-if=\"!props.loading && filteredData.length === 0\" class=\"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3\">\n <ElIcon\n name=\"MagnifyingGlassIcon\"\n class=\"h-8 w-8\"\n :class=\"props.color === 'primary' ? 'text-primary-active' : 'text-secondary-active'\"\n />\n <div class=\"flex flex-col gap-1 text-center\">\n <span class=\"text-lg font-semibold text-neutral-darker\">Nessun risultato</span>\n <p class=\"text-neutral-lighter text-sm\">Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.</p>\n </div>\n </div>\n\n <div v-if=\"props.selection?.enabled\" class=\"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4\">\n <ElButton size=\"l\" variant=\"tertiary\" label=\"Annulla\" @click=\"$emit('selection:exit')\" />\n <ElButton\n v-if=\"props.selection?.bulkActionButton\"\n :variant=\"props.color\"\n :label=\"props.selection.bulkActionButton.label(selectedItems.length)\"\n :disabled=\"selectedItems.length === 0\"\n size=\"l\"\n @click=\"\n $emit(\n 'bulk:click',\n selectedItems.map(index => props.data[index]),\n )\n \"\n />\n </div>\n </div>\n\n <ElModal\n size=\"xs\"\n :is-open=\"selectedItemToShow !== null\"\n :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n title=\"Dettaglio\"\n :color=\"props.color\"\n :primary-action=\"detailsPrimaryAction\"\n :secondary-action=\"detailsSecondaryAction\"\n :tertiary-action=\"detailsTertiaryAction\"\n @closed=\"closeItemDetails\"\n >\n <ul v-if=\"selectedItemToShow\" class=\"m-0 flex flex-col gap-5\">\n <li v-for=\"(item, i) in selectedItemToShow.details\" :key=\"i\" class=\"flex flex-col gap-1\">\n <span class=\"text-neutral-lighter\">{{ item.label }}</span>\n <span v-if=\"item.value.type === 'default'\">{{ item.value.text }}</span>\n <div v-else-if=\"item.value.type === 'tag'\">\n <ElTag :text=\"item.value.text\" :color=\"item.value.color\" />\n </div>\n <div v-else-if=\"item.value.type === 'avatar'\">\n <ElAvatar :label=\"item.value.label\" :picture=\"item.value.picture\" size=\"sm\" />\n </div>\n </li>\n </ul>\n </ElModal>\n\n <ElModal\n v-model:is-open=\"filterModalOpen\"\n size=\"xs\"\n :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n title=\"Filtri\"\n :color=\"props.color\"\n :primary-action=\"{\n label: 'Applica filtri',\n onClick: applyFilters,\n }\"\n :secondary-action=\"props.filters.resetButton ? { label: 'Reset', onClick: resetFilters } : undefined\"\n :tertiary-action=\"{\n label: 'Chiudi',\n onClick: () => {\n filterModalOpen = false;\n },\n }\"\n >\n <div class=\"flex flex-col gap-6\">\n <ElInputSelect\n v-for=\"(filter, key) in enabledSelectFilters\"\n :key=\"key\"\n v-model=\"multiValueFiltersModalValues[key as keyof typeof multiValueFiltersModalValues]\"\n :options=\"multiValueAvailabeOptions[key as keyof typeof multiValueAvailabeOptions]\"\n :label=\"filter.label\"\n />\n <ElInputDate\n v-if=\"props.filters.dateRange?.enabled\"\n v-model=\"filterDateFrom\"\n :label=\"props.filters.dateRange.label\"\n :placeholder=\"props.filters.dateRange.placeholder\"\n hidden-error-message\n />\n </div>\n </ElModal>\n</template>\n"],"names":["props","__props","search","ref","selectedItems","selectedItemToShow","filterModalOpen","filterDateFrom","managedSearchDebounceTimeout","watch","newValue","oldValue","emitFiltersUpdated","filtersAreApplied","computed","multiValueFiltersValues","filter","getSelectedRows","index","matchesSearch","value","searchText","_a","part","_b","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","_n","_m","multiValueFiltersModalValues","makeArrUnique","arr","isDefined","multiValueAvailabeOptions","item","tag","filteredData","data","searchParams","a","b","result","numA","numB","enabledSelectFilters","_","showFiltersButton","hasFiltersApplied","selectRows","rowsIds","indexes","id","getItemIndex","selectRow","rowIndex","emit","deselectRow","idx","i","unselectAllRows","getDataRows","openFiltersModal","showItemDetails","closeItemDetails","detailsPrimaryAction","detailsSecondaryAction","detailsTertiaryAction","applyFilters","resetFilters","__emit","__expose"],"mappings":"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"}

package/dist/src/table/ElMobileTable.vue.esm2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as Te,ref as h,watch as Fe,computed as y,openBlock as n,createElementBlock as m,Fragment as A,createElementVNode as v,createBlock as R,createCommentVNode as f,normalizeClass as le,createVNode as x,createTextVNode as ae,toDisplayString as $,renderSlot as re,withCtx as M,renderList as U,mergeProps as $e}from"vue";import Se from"../ElListItem.vue.esm2.js";import Be from"../forms/ElInputText.vue.esm2.js";import Ie from"../ElIconButton.vue.esm2.js";import z from"../ElButton.vue.esm2.js";import Oe from"../ElTag.vue.esm2.js";import oe from"../ElModal.vue.esm2.js";import je from"../forms/ElInputSelect.vue.esm2.js";import De from"../forms/ElInputDate.vue.esm2.js";import Le from"../ElAvatar.vue.esm2.js";import Me from"../_CustomTransition.vue.esm2.js";import Ue from"../ElSpinner.vue.esm2.js";import ze from"../ElIcon.vue.esm2.js";const Ee={class:"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto"},Ne={key:0,class:"flex flex-row items-center gap-4 pb-2"},Pe={class:"flex-grow"},qe={key:1,class:"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3"},Ge={class:"flex flex-row justify-start items-center"},He={class:"flex flex-row justify-center items-center"},Je={class:"text-neutral-darker font-normal text-sm"},Ke={class:"relative"},Qe={key:2,class:"pt-3 px-4"},We={class:"font-semibold text-neutral-darker"},Xe={key:3,class:"m-0 flex flex-col flex-grow overflow-y-auto h-full"},Ye={key:4,class:"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3"},Ze=v("div",{class:"flex flex-col gap-1 text-center"},[v("span",{class:"text-lg font-semibold text-neutral-darker"},"Nessun risultato"),v("p",{class:"text-neutral-lighter text-sm"},"Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.")],-1),et={key:5,class:"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4"},tt={key:0,class:"m-0 flex flex-col gap-5"},lt={class:"text-neutral-lighter"},at={key:0},rt={key:1},ot={key:2},it={class:"flex flex-col gap-6"},xt=Te({__name:"ElMobileTable",props:{color:{},filters:{},loading:{type:Boolean},preventDefaultItemClick:{type:Boolean},selection:{},sortBy:{},itemsCountLabel:{type:Function},noItemsCountLabel:{type:Boolean},data:{}},emits:["destructive:click","bulk:click","item:click","selection:exit","rows-selected","filters-updated"],setup(ie,{expose:se,emit:ne}){var N,P,q,G,H,J,K,Q,W,X,Y,Z,ee,te;const e=ie,w=h(""),u=h([]),p=h(null),T=h(!1),g=h(0),O=h(void 0);Fe(w,(t,r)=>{O.value&&clearTimeout(O.value),O.value=setTimeout(()=>{r!==t&&D()},500)});const ue=y(()=>w.value.trim().length>0\|\|Object.values(s.value).some(t=>t&&t.trim().length>0)\|\|g.value!==0),j=()=>u.value.map(t=>e.data[t]),V=t=>{var a;const r=(a=w.value)==null?void 0:a.trim();return r?t.split(" ").some(o=>o.toLowerCase().includes(r.toLowerCase())):!0},s=h({avatar:((P=(N=e.filters.multiValue)==null?void 0:N.avatar)==null?void 0:P.initialValue)??"",mainText:((G=(q=e.filters.multiValue)==null?void 0:q.mainText)==null?void 0:G.initialValue)??"",secondaryRow:((J=(H=e.filters.multiValue)==null?void 0:H.secondaryRow)==null?void 0:J.initialValue)??"",tertiaryRow:((Q=(K=e.filters.multiValue)==null?void 0:K.tertiaryRow)==null?void 0:Q.initialValue)??"",amount:((X=(W=e.filters.multiValue)==null?void 0:W.amount)==null?void 0:X.initialValue)??"",tags:((Z=(Y=e.filters.multiValue)==null?void 0:Y.tags)==null?void 0:Z.initialValue)??"",time:((te=(ee=e.filters.multiValue)==null?void 0:ee.time)==null?void 0:te.initialValue)??""}),S=h({...s.value}),_=t=>Array.from(new Set(t)),C=t=>t!==void 0,ce=y(()=>{var t,r,a,o,c,b,i;return{mainText:(t=e.filters.multiValue)!=null&&t.mainText?e.filters.multiValue.mainText.selectOptions??_(e.data.map(l=>l.mainText.label)).map(l=>({value:l,label:l})):[],secondaryRow:(r=e.filters.multiValue)!=null&&r.secondaryRow?e.filters.multiValue.secondaryRow.selectOptions??_(e.data.map(l=>l.secondaryRow).filter(C)).map(l=>({value:l,label:l})):[],tertiaryRow:(a=e.filters.multiValue)!=null&&a.tertiaryRow?e.filters.multiValue.tertiaryRow.selectOptions??_(e.data.map(l=>l.tertiaryRow).filter(C)).map(l=>({value:l,label:l})):[],amount:(o=e.filters.multiValue)!=null&&o.amount?e.filters.multiValue.amount.selectOptions??_(e.data.map(l=>l.amount).filter(C)).map(l=>({value:l,label:l})):[],tags:(c=e.filters.multiValue)!=null&&c.tags?e.filters.multiValue.tags.selectOptions??_(e.data.flatMap(l=>(l.tags??[]).map(d=>d.text).filter(C))).map(l=>({value:l,label:l})):[],time:(b=e.filters.multiValue)!=null&&b.time?e.filters.multiValue.time.selectOptions??_(e.data.map(l=>l.time).filter(C)).map(l=>({value:l,label:l})):[],avatar:(i=e.filters.multiValue)!=null&&i.avatar?e.filters.multiValue.avatar.selectOptions??_(e.data.map(l=>{var d;return(d=l.avatar)==null?void 0:d.label}).filter(C)).map(l=>({value:l,label:l})):[]}}),k=y(()=>{var r;let t=e.data.slice();if(e.filters.managed)return t;if(e.filters.freeSearch&&w.value.trim().length>0){const a=e.filters.freeSearch;t=t.filter(o=>a.filterOn.some(c=>{switch(c){case"avatar":return o.avatar&&o.avatar.label&&V(o.avatar.label);case"time":return o.time&&V(o.time);case"mainText":return o.mainText&&V(o.mainText.label);case"secondaryRow":return o.secondaryRow&&V(o.secondaryRow);case"tertiaryRow":return o.tertiaryRow&&V(o.tertiaryRow);case"amount":return o.amount&&V(o.amount);case"tags":return o.tags&&o.tags.some(b=>V(b.text))}}))}return e.filters.multiValue&&(e.filters.multiValue.mainText&&(t=t.filter(a=>!s.value.mainText\|\|s.value.mainText.length===0\|\|s.value.mainText.includes(a.sortableAndFilterableValue??a.mainText.label))),e.filters.multiValue.secondaryRow&&(t=t.filter(a=>!s.value.secondaryRow\|\|s.value.secondaryRow.length===0\|\|s.value.secondaryRow.includes(a.sortableAndFilterableValue??a.secondaryRow??""))),e.filters.multiValue.tertiaryRow&&(t=t.filter(a=>!s.value.tertiaryRow\|\|s.value.tertiaryRow.length===0\|\|s.value.tertiaryRow.includes(a.sortableAndFilterableValue??a.tertiaryRow??""))),e.filters.multiValue.amount&&(t=t.filter(a=>!s.value.amount\|\|s.value.amount.length===0\|\|s.value.amount.includes(a.sortableAndFilterableValue??a.amount??""))),e.filters.multiValue.tags&&(t=t.filter(a=>{var o;return!s.value.tags\|\|s.value.tags.length===0\|\|((o=a.tags)==null?void 0:o.some(c=>s.value.tags.includes(c.text)))})),e.filters.multiValue.avatar&&(t=t.filter(a=>{var o;return!s.value.avatar\|\|s.value.avatar.length===0\|\|s.value.avatar.includes(a.sortableAndFilterableValue??((o=a.avatar)==null?void 0:o.label)??"")}))),(r=e.filters.dateRange)!=null&&r.enabled&&(t=t.filter(a=>g.value?a.time&&new Date(a.time).getTime()>=g.value:!0)),e.sortBy&&(t=t.sort((a,o)=>{var b,i,l,d,I;let c=0;if(a.sortableAndFilterableValue&&o.sortableAndFilterableValue)c=a.sortableAndFilterableValue.localeCompare(o.sortableAndFilterableValue);else switch(e.sortBy.on){case"mainText":c=a.mainText.label.localeCompare(o.mainText.label);break;case"avatar":c=(((b=a.avatar)==null?void 0:b.label)??"").localeCompare(((i=o.avatar)==null?void 0:i.label)??"");break;case"time":case"secondaryRow":case"tertiaryRow":c=(a[e.sortBy.on]??"").localeCompare(o[e.sortBy.on]??"");break;case"amount":const Ce=parseFloat(a.amount??"0"),Ae=parseFloat(o.amount??"0");c=Ce-Ae;break;case"tags":c=(((l=a.tags)==null?void 0:l.map(L=>L.text).join(""))??"").localeCompare(((d=o.tags)==null?void 0:d.map(L=>L.text).join(""))??"");break}return((I=e.sortBy)==null?void 0:I.order)==="desc"&&(c*=-1),c})),t}),de=y(()=>Object.fromEntries(Object.entries(e.filters.multiValue??{}).filter(([t,r])=>r.enabled))),me=y(()=>{var t;return((t=e.filters.dateRange)==null?void 0:t.enabled)\|\|Object.values(e.filters.multiValue??{}).some(r=>r.enabled)}),fe=y(()=>Object.values(s.value).some(t=>t.length>0)\|\|g.value!==0),ve=t=>{var a;const r=t.map(o=>B({id:o}));((a=e.selection)==null?void 0:a.selectionMode)==="single"&&r.length>0&&(u.value=[r.at(0)]),u.value.push(...r),u.value=Array.from(new Set(u.value))},pe=t=>{var r;((r=e.selection)==null?void 0:r.selectionMode)==="single"?u.value=[t]:(u.value.push(t),u.value=Array.from(new Set(u.value))),E("rows-selected",j())},be=t=>{u.value=u.value.filter(r=>r!==t)},B=t=>{const r=e.data.findIndex(a=>a.id===t.id);if(r===-1)throw new Error(`Item with id ${t.id} not found`);return r},ye=()=>{u.value=[]},ge=()=>e.data,he=()=>{T.value=!0},xe=t=>{p.value=t},F=()=>{p.value=null},we=y(()=>{var t;return(t=p.value)!=null&&t.actions?p.value.actions.primary:{label:"Chiudi",onClick:F}}),Ve=y(()=>{var t,r,a,o;return(r=(t=p.value)==null?void 0:t.actions)!=null&&r.secondary?p.value.actions.secondary:(o=(a=p.value)==null?void 0:a.actions)!=null&&o.primary?{label:"Chiudi",onClick:F}:void 0}),_e=y(()=>{var t,r;if((r=(t=p.value)==null?void 0:t.actions)!=null&&r.secondary)return{label:"Chiudi",onClick:F}}),ke=()=>{T.value=!1,s.value={...S.value},D()},Re=()=>{s.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},g.value=0,S.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},D()},D=()=>{e.filters.managed&&E("filters-updated",{freeSearch:e.filters.freeSearch?w.value:void 0,fromDate:e.filters.dateRange?g.value:void 0,multiSelect:s.value})},E=ne;return se({filteredData:k,selectRows:ve,unselectAllRows:ye,getDataRows:ge,getSelectedRows:j,closeItemDetails:F}),(t,r)=>{var a,o,c,b;return n(),m(A,null,[v("div",Ee,[(a=e.selection)!=null&&a.enabled?f("",!0):(n(),m("div",Ne,[v("div",Pe,[e.filters.freeSearch?(n(),R(Be,{key:0,modelValue:w.value,"onUpdate:modelValue":r[0]\|\|(r[0]=i=>w.value=i),placeholder:e.filters.freeSearch.placeholder??"Cerca","leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","placeholder"])):f("",!0)]),me.value?(n(),R(Ie,{key:0,badge:fe.value,"badge-color":e.color,icon:{name:"AdjustmentsVerticalIcon"},class:le(e.color==="primary"?"text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active":"text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active"),onClick:he},null,8,["badge","badge-color","class"])):f("",!0)])),(o=e.selection)!=null&&o.enabled?(n(),m("div",qe,[v("div",Ge,[x(z,{error:"",variant:"tertiary",type:"button",label:`Elimina (${u.value.length})`,onClick:r[1]\|\|(r[1]=i=>t.$emit("destructive:click",j()))},null,8,["label"])]),v("div",He,[v("span",Je,[e.selection.selectedLabel?(n(),m(A,{key:0},[ae($(e.selection.selectedLabel(u.value.length)),1)],64)):e.selection.selectionMode!=="single"?(n(),m(A,{key:1},[ae($(u.value.length)+" Selezionati",1)],64)):f("",!0)])])])):f("",!0),re(t.$slots,"default"),x(Me,{name:"fade"},{default:M(()=>[v("div",Ke,[e.loading?(n(),R(Ue,{key:0,label:"Caricamento dati...",class:"p-4 absolute bg-neutral-surface w-full","extra-loading-msg-after-seconds":3})):f("",!0)])]),_:1}),ue.value&&t.noItemsCountLabel!==!0&&k.value.length!==0?(n(),m("div",Qe,[v("span",We,$(e.itemsCountLabel?e.itemsCountLabel(k.value.length):`${k.value.length} risultati per la tua ricerca`),1)])):f("",!0),k.value.length>0?(n(),m("ul",Xe,[(n(!0),m(A,null,U(k.value,i=>{var l;return n(),R(Se,$e({ref_for:!0},i,{key:i.id,color:e.color,"model-value":(l=e.selection)!=null&&l.enabled?u.value.includes(B(i)):void 0,"onUpdate:modelValue":d=>d?pe(B(i)):be(B(i)),onClick:()=>{var d;t.$emit("item:click",i),!((d=e.selection)!=null&&d.enabled)&&!e.preventDefaultItemClick&&xe(i)}}),null,16,["color","model-value","onUpdate:modelValue","onClick"])}),128)),re(t.$slots,"after-list")])):!e.loading&&k.value.length===0?(n(),m("div",Ye,[x(ze,{name:"MagnifyingGlassIcon",class:le(["h-8 w-8",e.color==="primary"?"text-primary-active":"text-secondary-active"])},null,8,["class"]),Ze])):f("",!0),(c=e.selection)!=null&&c.enabled?(n(),m("div",et,[x(z,{size:"l",variant:"tertiary",label:"Annulla",onClick:r[2]\|\|(r[2]=i=>t.$emit("selection:exit"))}),(b=e.selection)!=null&&b.bulkActionButton?(n(),R(z,{key:0,variant:e.color,label:e.selection.bulkActionButton.label(u.value.length),disabled:u.value.length===0,size:"l",onClick:r[3]\|\|(r[3]=i=>t.$emit("bulk:click",u.value.map(l=>e.data[l])))},null,8,["variant","label","disabled"])):f("",!0)])):f("",!0)]),x(oe,{size:"xs","is-open":p.value!==null,"header-icon":{name:"AdjustmentsVerticalIcon"},title:"Dettaglio",color:e.color,"primary-action":we.value,"secondary-action":Ve.value,"tertiary-action":_e.value,onClosed:F},{default:M(()=>[p.value?(n(),m("ul",tt,[(n(!0),m(A,null,U(p.value.details,(i,l)=>(n(),m("li",{key:l,class:"flex flex-col gap-1"},[v("span",lt,$(i.label),1),i.value.type==="default"?(n(),m("span",at,$(i.value.text),1)):i.value.type==="tag"?(n(),m("div",rt,[x(Oe,{text:i.value.text,color:i.value.color},null,8,["text","color"])])):i.value.type==="avatar"?(n(),m("div",ot,[x(Le,{label:i.value.label,picture:i.value.picture,size:"sm"},null,8,["label","picture"])])):f("",!0)]))),128))])):f("",!0)]),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"]),x(oe,{"is-open":T.value,"onUpdate:isOpen":r[5]\|\|(r[5]=i=>T.value=i),size:"xs","header-icon":{name:"AdjustmentsVerticalIcon"},title:"Filtri",color:e.color,"primary-action":{label:"Applica filtri",onClick:ke},"secondary-action":e.filters.resetButton?{label:"Reset",onClick:Re}:void 0,"tertiary-action":{label:"Chiudi",onClick:()=>{T.value=!1}}},{default:M(()=>{var i;return[v("div",it,[(n(!0),m(A,null,U(de.value,(l,d)=>(n(),R(je,{key:d,modelValue:S.value[d],"onUpdate:modelValue":I=>S.value[d]=I,options:ce.value[d],label:l.label},null,8,["modelValue","onUpdate:modelValue","options","label"]))),128)),(i=e.filters.dateRange)!=null&&i.enabled?(n(),R(De,{key:0,modelValue:g.value,"onUpdate:modelValue":r[4]\|\|(r[4]=l=>g.value=l),label:e.filters.dateRange.label,placeholder:e.filters.dateRange.placeholder,"hidden-error-message":""},null,8,["modelValue","label","placeholder"])):f("",!0)])]}),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"])],64)}}});export{xt as default};
2	+ //# sourceMappingURL=ElMobileTable.vue.esm2.js.map

package/dist/src/table/ElMobileTable.vue.esm2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ElMobileTable.vue.esm2.js","sources":["../../../src/table/ElMobileTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElListItem, { ElListItemProps } from '@/ElListItem.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport ElButton, { ElButtonProps } from '@/ElButton.vue';\nimport { computed, ref, watch } from 'vue';\nimport ElTag, { ElTagColor } from '@/ElTag.vue';\nimport ElModal from '@/ElModal.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElAvatar from '@/ElAvatar.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport { OptionType } from '@/types';\n\nexport type SelectOptions = OptionType[];\n\nexport type MobileTableFiltersStatus = {\n freeSearch?: string;\n fromDate?: number;\n multiSelect: {\n mainText?: string;\n secondaryRow?: string;\n tertiaryRow?: string;\n tags?: string;\n time?: string;\n amount?: string;\n avatar?: string;\n };\n};\n\nexport type MobileTableFilter = {\n freeSearch?: {\n placeholder?: string;\n filterOn: ('mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar')[];\n initialValue?: string;\n };\n multiValue?: {\n mainText?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n secondaryRow?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n tertiaryRow?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n amount?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n tags?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n time?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n avatar?: {\n enabled: boolean;\n label: string;\n selectOptions?: SelectOptions;\n initialValue?: string;\n };\n };\n dateRange?: {\n enabled: boolean;\n label: string;\n initialValue?: number;\n placeholder?: string;\n };\n resetButton?: boolean;\n // if true filters won't be applied by the table (used for server side table)\n managed?: boolean;\n};\n\nexport type MobileTableRow = Omit<ElListItemProps, 'color'> & {\n id: string;\n rowNotSelectable?: boolean;\n relatedObject?: any;\n clickAction?: (payload: PointerEvent) => void;\n actions?: {\n primary: InstanceType<typeof ElButton>['$props'];\n secondary?: InstanceType<typeof ElButton>['$props'];\n };\n sortableAndFilterableValue?: string;\n details: {\n label: string;\n value:\n | { type?: 'default'; text: string }\n | { type: 'tag'; text: string; color?: ElTagColor }\n | { type: 'avatar'; label?: string; picture?: string };\n }[];\n};\n\nexport interface ElMobileTableProps {\n color: 'primary' | 'secondary';\n filters: MobileTableFilter;\n loading?: boolean;\n preventDefaultItemClick?: boolean;\n selection?: {\n enabled: boolean;\n selectionMode?: 'single' | 'multiple'; // defaults to multiple\n destructiveAction?: {\n enabled: boolean;\n button: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label?: (count: number) => string };\n };\n bulkActionButton: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label: (count: number) => string };\n selectedLabel?: (selectionCount: number) => string;\n cancelText?: (selectionCount: number) => string;\n };\n sortBy?: {\n on: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar';\n order: 'asc' | 'desc';\n };\n itemsCountLabel?: (count: number) => string;\n noItemsCountLabel?: boolean;\n data: MobileTableRow[];\n}\n\nconst props = defineProps<ElMobileTableProps>();\n\nconst search = ref<string>('');\nconst selectedItems = ref<number[]>([]);\nconst selectedItemToShow = ref<MobileTableRow | null>(null);\nconst filterModalOpen = ref(false);\nconst filterDateFrom = ref<number>(0);\nconst managedSearchDebounceTimeout = ref<ReturnType<typeof setTimeout> | undefined>(undefined);\n\nwatch(search, (newValue, oldValue) => {\n if (managedSearchDebounceTimeout.value) {\n clearTimeout(managedSearchDebounceTimeout.value);\n }\n managedSearchDebounceTimeout.value = setTimeout(() => {\n if (oldValue !== newValue) {\n emitFiltersUpdated();\n }\n }, 500);\n});\n\nconst filtersAreApplied = computed(() => {\n return (\n search.value.trim().length > 0 ||\n Object.values(multiValueFiltersValues.value).some(filter => filter && filter.trim().length > 0) ||\n filterDateFrom.value !== 0\n );\n});\n\nconst getSelectedRows = () => selectedItems.value.map(index => props.data[index]);\n\nconst matchesSearch = (value: string): boolean => {\n const searchText = search.value?.trim();\n if (!searchText) return true;\n return value.split(' ').some(part => part.toLowerCase().includes(searchText.toLowerCase()));\n};\n\nconst multiValueFiltersValues = ref<MobileTableFiltersStatus['multiSelect']>({\n avatar: props.filters.multiValue?.avatar?.initialValue ?? '',\n mainText: props.filters.multiValue?.mainText?.initialValue ?? '',\n secondaryRow: props.filters.multiValue?.secondaryRow?.initialValue ?? '',\n tertiaryRow: props.filters.multiValue?.tertiaryRow?.initialValue ?? '',\n amount: props.filters.multiValue?.amount?.initialValue ?? '',\n tags: props.filters.multiValue?.tags?.initialValue ?? '',\n time: props.filters.multiValue?.time?.initialValue ?? '',\n});\n\nconst multiValueFiltersModalValues = ref<MobileTableFiltersStatus['multiSelect']>({\n ...multiValueFiltersValues.value,\n});\n\nconst makeArrUnique = (arr: string[]): string[] => Array.from(new Set(arr));\nconst isDefined = <T,>(value: T | undefined): value is T => value !== undefined;\n\nconst multiValueAvailabeOptions = computed<{\n mainText: SelectOptions;\n secondaryRow: SelectOptions;\n tertiaryRow: SelectOptions;\n amount: SelectOptions;\n tags: SelectOptions;\n time: SelectOptions;\n avatar: SelectOptions;\n}>(() => {\n return {\n mainText: props.filters.multiValue?.mainText\n ? props.filters.multiValue.mainText.selectOptions ??\n makeArrUnique(props.data.map(item => item.mainText.label)).map(value => ({ value, label: value }))\n : [],\n secondaryRow: props.filters.multiValue?.secondaryRow\n ? props.filters.multiValue.secondaryRow.selectOptions ??\n makeArrUnique(props.data.map(item => item.secondaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n tertiaryRow: props.filters.multiValue?.tertiaryRow\n ? props.filters.multiValue.tertiaryRow.selectOptions ??\n makeArrUnique(props.data.map(item => item.tertiaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n amount: props.filters.multiValue?.amount\n ? props.filters.multiValue.amount.selectOptions ??\n makeArrUnique(props.data.map(item => item.amount).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n tags: props.filters.multiValue?.tags\n ? props.filters.multiValue.tags.selectOptions ??\n makeArrUnique(props.data.flatMap(item => (item.tags ?? []).map(tag => tag.text).filter(isDefined))).map(value => ({\n value,\n label: value,\n }))\n : [],\n time: props.filters.multiValue?.time\n ? props.filters.multiValue.time.selectOptions ??\n makeArrUnique(props.data.map(item => item.time).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n avatar: props.filters.multiValue?.avatar\n ? props.filters.multiValue.avatar.selectOptions ??\n makeArrUnique(props.data.map(item => item.avatar?.label).filter(isDefined)).map(value => ({ value, label: value }))\n : [],\n };\n});\n\nconst filteredData = computed(() => {\n let data = props.data.slice();\n if (props.filters.managed) return data;\n if (props.filters.freeSearch && search.value.trim().length > 0) {\n const searchParams = props.filters.freeSearch;\n data = data.filter(item =>\n searchParams.filterOn.some(filter => {\n switch (filter) {\n case 'avatar':\n return item.avatar && item.avatar.label && matchesSearch(item.avatar.label);\n case 'time':\n return item.time && matchesSearch(item.time);\n case 'mainText':\n return item.mainText && matchesSearch(item.mainText.label);\n case 'secondaryRow':\n return item.secondaryRow && matchesSearch(item.secondaryRow);\n case 'tertiaryRow':\n return item.tertiaryRow && matchesSearch(item.tertiaryRow);\n case 'amount':\n return item.amount && matchesSearch(item.amount);\n case 'tags':\n return item.tags && item.tags.some(tag => matchesSearch(tag.text));\n }\n }),\n );\n }\n\n if (props.filters.multiValue) {\n if (props.filters.multiValue.mainText) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.mainText ||\n multiValueFiltersValues.value.mainText.length === 0 ||\n multiValueFiltersValues.value.mainText.includes(item.sortableAndFilterableValue ?? item.mainText.label),\n );\n }\n if (props.filters.multiValue.secondaryRow) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.secondaryRow ||\n multiValueFiltersValues.value.secondaryRow.length === 0 ||\n multiValueFiltersValues.value.secondaryRow.includes(item.sortableAndFilterableValue ?? item.secondaryRow ?? ''),\n );\n }\n if (props.filters.multiValue.tertiaryRow) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.tertiaryRow ||\n multiValueFiltersValues.value.tertiaryRow.length === 0 ||\n multiValueFiltersValues.value.tertiaryRow.includes(item.sortableAndFilterableValue ?? item.tertiaryRow ?? ''),\n );\n }\n if (props.filters.multiValue.amount) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.amount ||\n multiValueFiltersValues.value.amount.length === 0 ||\n multiValueFiltersValues.value.amount.includes(item.sortableAndFilterableValue ?? item.amount ?? ''),\n );\n }\n if (props.filters.multiValue.tags) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.tags ||\n multiValueFiltersValues.value.tags.length === 0 ||\n item.tags?.some(tag => multiValueFiltersValues.value.tags!.includes(tag.text)),\n );\n }\n if (props.filters.multiValue.avatar) {\n data = data.filter(\n item =>\n !multiValueFiltersValues.value.avatar ||\n multiValueFiltersValues.value.avatar.length === 0 ||\n multiValueFiltersValues.value.avatar.includes(item.sortableAndFilterableValue ?? item.avatar?.label ?? ''),\n );\n }\n }\n\n if (props.filters.dateRange?.enabled) {\n data = data.filter(item => {\n if (!filterDateFrom.value) return true;\n return item.time && new Date(item.time).getTime() >= filterDateFrom.value;\n });\n }\n\n if (props.sortBy) {\n data = data.sort((a, b) => {\n let result = 0;\n if (a.sortableAndFilterableValue && b.sortableAndFilterableValue) {\n result = a.sortableAndFilterableValue.localeCompare(b.sortableAndFilterableValue);\n } else {\n switch (props.sortBy!.on) {\n case 'mainText':\n result = a.mainText.label.localeCompare(b.mainText.label);\n break;\n case 'avatar':\n result = (a.avatar?.label ?? '').localeCompare(b.avatar?.label ?? '');\n break;\n case 'time':\n case 'secondaryRow':\n case 'tertiaryRow':\n result = (a[props.sortBy!.on] ?? '').localeCompare(b[props.sortBy!.on] ?? '');\n break;\n case 'amount':\n const numA = parseFloat(a.amount ?? '0');\n const numB = parseFloat(b.amount ?? '0');\n result = numA - numB;\n break;\n case 'tags':\n result = (a.tags?.map(tag => tag.text).join('') ?? '').localeCompare(b.tags?.map(tag => tag.text).join('') ?? '');\n break;\n }\n }\n if (props.sortBy?.order === 'desc') {\n result *= -1;\n }\n return result;\n });\n }\n\n return data;\n});\n\nconst enabledSelectFilters = computed(() => {\n return Object.fromEntries(Object.entries(props.filters.multiValue ?? {}).filter(([_, filter]) => filter.enabled));\n});\n\nconst showFiltersButton = computed(() => {\n return props.filters.dateRange?.enabled || Object.values(props.filters.multiValue ?? {}).some(filter => filter.enabled);\n});\n\nconst hasFiltersApplied = computed(() => {\n return Object.values(multiValueFiltersValues.value).some(filter => filter.length > 0) || filterDateFrom.value !== 0;\n});\n\nconst selectRows = (rowsIds: string[]) => {\n const indexes = rowsIds.map(id => getItemIndex({ id: id }));\n if (props.selection?.selectionMode === 'single' && indexes.length > 0) {\n selectedItems.value = [indexes.at(0)!];\n }\n selectedItems.value.push(...indexes);\n selectedItems.value = Array.from(new Set(selectedItems.value));\n};\n\nconst selectRow = (rowIndex: number) => {\n if (props.selection?.selectionMode === 'single') {\n selectedItems.value = [rowIndex];\n } else {\n selectedItems.value.push(rowIndex);\n selectedItems.value = Array.from(new Set(selectedItems.value));\n }\n emit('rows-selected', getSelectedRows());\n};\n\nconst deselectRow = (rowIndex: number) => {\n selectedItems.value = selectedItems.value.filter(index => index !== rowIndex);\n};\n\nconst getItemIndex = (item: { id: string }) => {\n const idx = props.data.findIndex(i => i.id === item.id);\n if (idx === -1) throw new Error(`Item with id ${item.id} not found`);\n return idx;\n};\n\nconst unselectAllRows = () => {\n selectedItems.value = [];\n};\n\nconst getDataRows = () => props.data;\n\nconst openFiltersModal = () => {\n filterModalOpen.value = true;\n};\n\nconst showItemDetails = (item: MobileTableRow) => {\n selectedItemToShow.value = item;\n};\n\nconst closeItemDetails = () => {\n selectedItemToShow.value = null;\n};\n\nconst detailsPrimaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>>(() => {\n if (selectedItemToShow.value?.actions) {\n return selectedItemToShow.value.actions.primary;\n } else {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n }\n});\nconst detailsSecondaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n if (selectedItemToShow.value?.actions?.secondary) {\n return selectedItemToShow.value.actions.secondary;\n } else if (selectedItemToShow.value?.actions?.primary) {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n } else {\n return undefined;\n }\n});\nconst detailsTertiaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n if (selectedItemToShow.value?.actions?.secondary) {\n return {\n label: 'Chiudi',\n onClick: closeItemDetails,\n };\n } else {\n return undefined;\n }\n});\n\nconst applyFilters = () => {\n filterModalOpen.value = false;\n multiValueFiltersValues.value = { ...multiValueFiltersModalValues.value };\n emitFiltersUpdated();\n};\n\nconst resetFilters = () => {\n multiValueFiltersValues.value = {\n avatar: '',\n time: '',\n mainText: '',\n secondaryRow: '',\n tertiaryRow: '',\n amount: '',\n tags: '',\n };\n filterDateFrom.value = 0;\n multiValueFiltersModalValues.value = {\n avatar: '',\n time: '',\n mainText: '',\n secondaryRow: '',\n tertiaryRow: '',\n amount: '',\n tags: '',\n };\n emitFiltersUpdated();\n};\n\nconst emitFiltersUpdated = () => {\n if (props.filters.managed) {\n emit('filters-updated', {\n freeSearch: props.filters.freeSearch ? search.value : undefined,\n fromDate: props.filters.dateRange ? filterDateFrom.value : undefined,\n multiSelect: multiValueFiltersValues.value,\n });\n }\n};\n\nconst emit = defineEmits<{\n (event: 'destructive:click', selectedItems: MobileTableRow[]): void;\n (event: 'bulk:click', selectedItems: MobileTableRow[]): void;\n (event: 'item:click', item: MobileTableRow): void;\n (event: 'selection:exit'): void;\n (event: 'rows-selected', selectedItems: MobileTableRow[]): void;\n (event: 'filters-updated', filters: MobileTableFiltersStatus): void;\n}>();\n\ndefineExpose({\n filteredData,\n selectRows,\n unselectAllRows,\n getDataRows,\n getSelectedRows,\n closeItemDetails,\n});\n</script>\n\n<template>\n <div class=\"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto\">\n <div v-if=\"!props.selection?.enabled\" class=\"flex flex-row items-center gap-4 pb-2\">\n <div class=\"flex-grow\">\n <ElInputText\n v-if=\"props.filters.freeSearch\"\n v-model=\"search\"\n :placeholder=\"props.filters.freeSearch.placeholder ?? 'Cerca'\"\n :leading-icon=\"{ name: 'MagnifyingGlassIcon' }\"\n />\n </div>\n <ElIconButton\n v-if=\"showFiltersButton\"\n :badge=\"hasFiltersApplied\"\n :badge-color=\"props.color\"\n :icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n :class=\"\n props.color === 'primary'\n ? 'text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active'\n : 'text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active'\n \"\n @click=\"openFiltersModal\"\n />\n </div>\n\n <div v-if=\"props.selection?.enabled\" class=\"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3\">\n <div class=\"flex flex-row justify-start items-center\">\n <ElButton\n error\n variant=\"tertiary\"\n type=\"button\"\n :label=\"`Elimina (${selectedItems.length})`\"\n @click=\"$emit('destructive:click', getSelectedRows())\"\n />\n </div>\n <div class=\"flex flex-row justify-center items-center\">\n <span class=\"text-neutral-darker font-normal text-sm\">\n <template v-if=\"props.selection.selectedLabel\">\n {{ props.selection.selectedLabel(selectedItems.length) }}\n </template>\n <template v-else-if=\"props.selection.selectionMode !== 'single'\">{{ selectedItems.length }} Selezionati</template>\n </span>\n </div>\n </div>\n <slot />\n\n <CustomTransition name=\"fade\">\n <div class=\"relative\">\n <ElSpinner\n v-if=\"props.loading\"\n label=\"Caricamento dati...\"\n class=\"p-4 absolute bg-neutral-surface w-full\"\n :extra-loading-msg-after-seconds=\"3\"\n />\n </div>\n </CustomTransition>\n\n <div v-if=\"filtersAreApplied && noItemsCountLabel !== true && filteredData.length !== 0\" class=\"pt-3 px-4\">\n <span class=\"font-semibold text-neutral-darker\">{{\n props.itemsCountLabel ? props.itemsCountLabel(filteredData.length) : `${filteredData.length} risultati per la tua ricerca`\n }}</span>\n </div>\n\n <ul v-if=\"filteredData.length > 0\" class=\"m-0 flex flex-col flex-grow overflow-y-auto h-full\">\n <ElListItem\n v-for=\"item in filteredData\"\n v-bind=\"item\"\n :key=\"item.id\"\n :color=\"props.color\"\n :model-value=\"props.selection?.enabled ? selectedItems.includes(getItemIndex(item)) : undefined\"\n @update:model-value=\"v => (v ? selectRow(getItemIndex(item)) : deselectRow(getItemIndex(item)))\"\n @click=\"\n () => {\n $emit('item:click', item);\n if (!props.selection?.enabled && !props.preventDefaultItemClick) {\n showItemDetails(item);\n }\n }\n \"\n />\n <slot name=\"after-list\" />\n </ul>\n\n <div v-else-if=\"!props.loading && filteredData.length === 0\" class=\"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3\">\n <ElIcon\n name=\"MagnifyingGlassIcon\"\n class=\"h-8 w-8\"\n :class=\"props.color === 'primary' ? 'text-primary-active' : 'text-secondary-active'\"\n />\n <div class=\"flex flex-col gap-1 text-center\">\n <span class=\"text-lg font-semibold text-neutral-darker\">Nessun risultato</span>\n <p class=\"text-neutral-lighter text-sm\">Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.</p>\n </div>\n </div>\n\n <div v-if=\"props.selection?.enabled\" class=\"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4\">\n <ElButton size=\"l\" variant=\"tertiary\" label=\"Annulla\" @click=\"$emit('selection:exit')\" />\n <ElButton\n v-if=\"props.selection?.bulkActionButton\"\n :variant=\"props.color\"\n :label=\"props.selection.bulkActionButton.label(selectedItems.length)\"\n :disabled=\"selectedItems.length === 0\"\n size=\"l\"\n @click=\"\n $emit(\n 'bulk:click',\n selectedItems.map(index => props.data[index]),\n )\n \"\n />\n </div>\n </div>\n\n <ElModal\n size=\"xs\"\n :is-open=\"selectedItemToShow !== null\"\n :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n title=\"Dettaglio\"\n :color=\"props.color\"\n :primary-action=\"detailsPrimaryAction\"\n :secondary-action=\"detailsSecondaryAction\"\n :tertiary-action=\"detailsTertiaryAction\"\n @closed=\"closeItemDetails\"\n >\n <ul v-if=\"selectedItemToShow\" class=\"m-0 flex flex-col gap-5\">\n <li v-for=\"(item, i) in selectedItemToShow.details\" :key=\"i\" class=\"flex flex-col gap-1\">\n <span class=\"text-neutral-lighter\">{{ item.label }}</span>\n <span v-if=\"item.value.type === 'default'\">{{ item.value.text }}</span>\n <div v-else-if=\"item.value.type === 'tag'\">\n <ElTag :text=\"item.value.text\" :color=\"item.value.color\" />\n </div>\n <div v-else-if=\"item.value.type === 'avatar'\">\n <ElAvatar :label=\"item.value.label\" :picture=\"item.value.picture\" size=\"sm\" />\n </div>\n </li>\n </ul>\n </ElModal>\n\n <ElModal\n v-model:is-open=\"filterModalOpen\"\n size=\"xs\"\n :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n title=\"Filtri\"\n :color=\"props.color\"\n :primary-action=\"{\n label: 'Applica filtri',\n onClick: applyFilters,\n }\"\n :secondary-action=\"props.filters.resetButton ? { label: 'Reset', onClick: resetFilters } : undefined\"\n :tertiary-action=\"{\n label: 'Chiudi',\n onClick: () => {\n filterModalOpen = false;\n },\n }\"\n >\n <div class=\"flex flex-col gap-6\">\n <ElInputSelect\n v-for=\"(filter, key) in enabledSelectFilters\"\n :key=\"key\"\n v-model=\"multiValueFiltersModalValues[key as keyof typeof multiValueFiltersModalValues]\"\n :options=\"multiValueAvailabeOptions[key as keyof typeof multiValueAvailabeOptions]\"\n :label=\"filter.label\"\n />\n <ElInputDate\n v-if=\"props.filters.dateRange?.enabled\"\n v-model=\"filterDateFrom\"\n :label=\"props.filters.dateRange.label\"\n :placeholder=\"props.filters.dateRange.placeholder\"\n hidden-error-message\n />\n </div>\n </ElModal>\n</template>\n"],"names":["props","__props","search","ref","selectedItems","selectedItemToShow","filterModalOpen","filterDateFrom","managedSearchDebounceTimeout","watch","newValue","oldValue","emitFiltersUpdated","filtersAreApplied","computed","multiValueFiltersValues","filter","getSelectedRows","index","matchesSearch","value","searchText","_a","part","_b","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","_n","_m","multiValueFiltersModalValues","makeArrUnique","arr","isDefined","multiValueAvailabeOptions","item","tag","filteredData","data","searchParams","b","result","numA","numB","enabledSelectFilters","_","showFiltersButton","hasFiltersApplied","selectRows","rowsIds","indexes","id","getItemIndex","selectRow","rowIndex","emit","deselectRow","idx","i","unselectAllRows","getDataRows","openFiltersModal","showItemDetails","closeItemDetails","detailsPrimaryAction","detailsSecondaryAction","detailsTertiaryAction","applyFilters","resetFilters","__emit","__expose"],"mappings":"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"}