@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/style.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v3.4.9 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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:rgba(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:rgba(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: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\!bottom-\[80px\]{bottom:80px!important}.-top-\[10px\]{top:-10px}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.start-2{inset-inline-start:.5rem}.top-0{top:0}.top-\[45\%\]{top:45%}.\!z-\[9982\]{z-index:9982!important}.z-10{z-index:10}.col-start-2{grid-column-start:2}.\!m-0{margin:0!important}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.\!mt-0{margin-top:0!important}.-mr-8{margin-right:-2rem}.-mt-1\.5{margin-top:-.375rem}.mb-2\.5{margin-bottom:.625rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-\[6px\]{margin-top:6px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-2{height:.5rem;width:.5rem}.\!h-4{height:1rem!important}.\!h-6{height:1.5rem!important}.\!h-8{height:2rem!important}.\!h-\[70px\]{height:70px!important}.\!h-auto{height:auto!important}.\!h-max{height:-moz-max-content!important;height:max-content!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[10px\]{height:10px}.h-\[125px\]{height:125px}.h-\[13\.33px\]{height:13.33px}.h-\[14px\]{height:14px}.h-\[22px\]{height:22px}.h-\[26\.8px\]{height:26.8px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[42px\]{height:42px}.h-\[60px\]{height:60px}.h-\[6px\]{height:6px}.h-\[80px\]{height:80px}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\!max-h-\[94vh\]{max-height:94vh!important}.max-h-20{max-height:5rem}.max-h-72{max-height:18rem}.max-h-\[300px\]{max-height:300px}.max-h-\[71px\]{max-height:71px}.\!min-h-0{min-height:0!important}.\!min-h-\[67px\]{min-height:67px!important}.min-h-\[100px\]{min-height:100px}.\!w-0{width:0!important}.\!w-4{width:1rem!important}.\!w-6{width:1.5rem!important}.\!w-8{width:2rem!important}.\!w-\[14px\]{width:14px!important}.\!w-\[39px\]{width:39px!important}.\!w-\[400px\]{width:400px!important}.\!w-\[50px\]{width:50px!important}.\!w-\[600px\]{width:600px!important}.\!w-\[70px\]{width:70px!important}.\!w-fit{width:-moz-fit-content!important;width:fit-content!important}.\!w-full{width:100%!important}.\!w-max{width:-moz-max-content!important;width:max-content!important}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[1\%\]{width:1%}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[13\.33px\]{width:13.33px}.w-\[22px\]{width:22px}.w-\[269px\]{width:269px}.w-\[30px\]{width:30px}.w-\[342px\]{width:342px}.w-\[400px\]{width:400px}.w-\[42px\]{width:42px}.w-\[520px\]{width:520px}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[69px\]{width:69px}.w-\[6px\]{width:6px}.w-\[76px\]{width:76px}.w-\[800px\]{width:800px}.w-\[80px\]{width:80px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.\!min-w-0{min-width:0!important}.\!min-w-4{min-width:1rem!important}.min-w-\[400px\]{min-width:400px}.min-w-\[min\(500px\2c 98vw\)\]{min-width:min(500px,98vw)}.\!max-w-\[250px\]{max-width:250px!important}.max-w-\[121px\]{max-width:121px}.max-w-\[125px\]{max-width:125px}.max-w-\[80px\]{max-width:80px}.max-w-\[98vw\]{max-width:98vw}.flex-1{flex:1 1 0%}.\!shrink-0{flex-shrink:0!important}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-75{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.\!cursor-auto{cursor:auto!important}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr\2c max-content\]{grid-template-columns:1fr max-content}.grid-cols-\[auto\2c max-content\]{grid-template-columns:auto max-content}.grid-cols-\[max-content\2c 1fr\2c max-content\]{grid-template-columns:max-content 1fr max-content}.grid-cols-\[max-content\2c 1fr\]{grid-template-columns:max-content 1fr}.grid-cols-\[max-content\2c auto\]{grid-template-columns:max-content auto}.grid-cols-\[max-content\2c max-content\2c auto\]{grid-template-columns:max-content max-content auto}.grid-cols-\[max-content\2c max-content\]{grid-template-columns:max-content max-content}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-\[max-content\2c auto\]{grid-template-rows:max-content auto}.grid-rows-\[repeat\(5\2c max-content\)\]{grid-template-rows:repeat(5,max-content)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.\!items-center{align-items:center!important}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.\!justify-center{justify-content:center!important}.justify-center{justify-content:center}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.\!gap-0{gap:0!important}.\!gap-1{gap:.25rem!important}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[18px\]{gap:18px}.gap-\[1px\]{gap:1px}.gap-\[6px\]{gap:6px}.\!gap-x-3{-moz-column-gap:.75rem!important;column-gap:.75rem!important}.\!gap-y-4{row-gap:1rem!important}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}.gap-y-1{row-gap:.25rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-visible{overflow-x:visible}.\!overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[50px\]{border-radius:50px}.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{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[0\.5px\]{border-width:.5px}.border-\[2px\]{border-width:2px}.border-y{border-bottom-width:1px;border-top-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-r{border-right-width:1px}.border-none{border-style:none}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-inherit{border-color:inherit}.\!bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}.\!bg-transparent{background-color:transparent!important}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-inherit{background-color:inherit}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-3{padding:.75rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[9\.52px\]{padding:9.52px}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!py-0{padding-bottom:0!important;padding-top:0!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[21px\]{padding-left:21px;padding-right:21px}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\[4\.5px\]{padding-bottom:4.5px;padding-top:4.5px}.py-\[5px\]{padding-bottom:5px;padding-top:5px}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pl-3{padding-left:.75rem}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1\.5{padding-right:.375rem}.pr-4{padding-right:1rem}.ps-\[6px\]{padding-inline-start:6px}.pt-0\.5{padding-top:.125rem}.pt-1\.5{padding-top:.375rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.\!text-\[10px\]{font-size:10px!important}.\!text-\[9px\]{font-size:9px!important}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.\!font-light{font-weight:300!important}.\!font-normal{font-weight:400!important}.\!font-semibold{font-weight:600!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.\!leading-3{line-height:.75rem!important}.\!leading-6{line-height:1.5rem!important}.\!leading-\[18px\]{line-height:18px!important}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-\[14px\]{line-height:14px}.leading-\[16\.39px\]{line-height:16.39px}.leading-\[19\.12px\]{line-height:19.12px}.leading-\[21\.86px\]{line-height:21.86px}.leading-none{line-height:1}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-tight{letter-spacing:-.025em}.text-\[\#0000EE\]{--tw-text-opacity:1;color:rgb(0 0 238/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\!no-underline{text-decoration-line:none!important}.no-underline{text-decoration-line:none}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.\!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 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[-2px_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[-2px_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:-2px 2px 2px rgba(0,0,0,.25);--tw-shadow-colored:-2px 2px 2px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-offset-0{outline-offset:0}.\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring{--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)}.ring,.ring-1{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)}.ring-\[0\.5px\]{--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(0.5px + 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-inset{--tw-ring-inset:inset}.\!ring-white{--tw-ring-opacity:1!important;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))!important}.ring-offset-0{--tw-ring-offset-width:0px}.blur{--tw-blur:blur(8px)}.blur,.invert{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)}.invert{--tw-invert:invert(100%)}.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-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.content-\[\'\|\'\]{--tw-content:"|";content:var(--tw-content)}.before\:ml-1:before{content:var(--tw-content);margin-left:.25rem}.before\:mr-1:before{content:var(--tw-content);margin-right:.25rem}.before\:content-\[\'\2022\'\]:before{--tw-content:"•";content:var(--tw-content)}.first\:rounded-l-md:first-child{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.last\:rounded-r-md:last-child{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.last\:border-r:last-child{border-right-width:1px}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-opacity-0:hover{--tw-bg-opacity:0}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-offset-0:focus{outline-offset:0}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0}.focus-visible\:ring-0:focus-visible{--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(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)}@media (prefers-color-scheme:dark){.dark\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark\:\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:\!ring-white{--tw-ring-opacity:1!important;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))!important}}.\[\&\>\[data-wv-section\=input-image-trigger\]\]\:hover\:opacity-100:hover>[data-wv-section=input-image-trigger]{opacity:1}.\[\&\>div\]\:hidden>div{display:none}.\[\&\>span\]\:hover\:opacity-30:hover>span{opacity:.3}.\[\&\[aria-selected\=\'true\'\]\]\:text-white[aria-selected=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\[\&\[data-in-range\=\'true\'\]\]\:rounded-\[0\][data-in-range=true]{border-radius:0}.\[\&_\*\:has\(code\)\]\:my-\[0\.25rem\] :has(code){margin-bottom:.25rem;margin-top:.25rem}.\[\&_\*\]\:outline-none *{outline:2px solid transparent;outline-offset:2px}.\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child:before{pointer-events:none}.\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child:before{float:left}.\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child:before{height:0}.\[\&_\.is-editor-empty\:first-child\:\:before\]\:font-normal .is-editor-empty:first-child:before{font-weight:400}.\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.\[\&_\.separator\:\:after\]\:text-xl .separator:after{font-size:1.25rem;line-height:1.75rem}.\[\&_\.separator\:\:after\]\:font-thin .separator:after{font-weight:100}.\[\&_\.separator\:\:after\]\:content-\[\'\|\'\] .separator:after{--tw-content:"|";content:var(--tw-content)}.\[\&_\.separator\]\:h-6 .separator{height:1.5rem}.\[\&_a\]\:cursor-pointer a{cursor:pointer}.\[\&_a\]\:hover\:underline:hover a{text-decoration-line:underline}.\[\&_b\]\:font-bold b{font-weight:700}.\[\&_code\]\:rounded-md code{border-radius:.375rem}.\[\&_code\]\:p-\[0\.25em_0\.3em\] code{padding:.25em .3em}.\[\&_code\]\:text-\[0\.85rem\] code{font-size:.85rem}.\[\&_i\]\:h-2 i{height:.5rem}.\[\&_i\]\:h-5 i{height:1.25rem}.\[\&_i\]\:h-6 i{height:1.5rem}.\[\&_i\]\:h-\[7px\] i{height:7px}.\[\&_i\]\:w-2 i{width:.5rem}.\[\&_i\]\:w-5 i{width:1.25rem}.\[\&_i\]\:w-6 i{width:1.5rem}.\[\&_i\]\:w-\[11px\] i{width:11px}.\[\&_img\.ProseMirror-selectednode\]\:\!rounded-sm img.ProseMirror-selectednode{border-radius:.125rem!important}.\[\&_img\.ProseMirror-selectednode\]\:\!outline-\[0\.5px\] img.ProseMirror-selectednode{outline-width:.5px!important}.\[\&_img\.ProseMirror-selectednode\]\:\!outline-offset-1 img.ProseMirror-selectednode{outline-offset:1px!important}.\[\&_img\]\:my-2 img{margin-bottom:.5rem;margin-top:.5rem}.\[\&_li\]\:pl-0 li{padding-left:0}.\[\&_li\]\:pl-0\.5 li{padding-left:.125rem}.\[\&_li\]\:before\:ml-\[-12px\] li:before{content:var(--tw-content);margin-left:-12px}.\[\&_li\]\:before\:inline-block li:before{content:var(--tw-content);display:inline-block}.\[\&_li\]\:before\:w-\[12px\] li:before{content:var(--tw-content);width:12px}.\[\&_li\]\:before\:content-\[\'\2022\'\] li:before{--tw-content:"•";content:var(--tw-content)}.\[\&_span\]\:leading-\[22px\] span{line-height:22px}.\[\&_strong\]\:font-bold strong{font-weight:700}
-[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}[data-v-afd5b24a] .custom-scrollbar .simplebar-scrollbar{pointer-events:auto!important}[data-v-afd5b24a] .custom-scrollbar .simplebar-track{pointer-events:auto}[data-v-afd5b24a] .custom-scrollbar .simplebar-scrollbar:before{background:silver;opacity:1;left:4px;right:4px}[data-v-afd5b24a] .custom-scrollbar .simplebar-scrollbar:hover:before,[data-v-afd5b24a] .custom-scrollbar .simplebar-scrollbar:active:before{background:#8c8c8c}[data-v-afd5b24a] .custom-scrollbar .simplebar-content-wrapper,[data-v-afd5b24a] .custom-scrollbar .simplebar-wrapper{padding-bottom:12px!important;border-radius:8px}[data-v-afd5b24a] .custom-scrollbar .simplebar-track.simplebar-vertical{width:0px}[data-v-afd5b24a] .custom-scrollbar .simplebar-track.simplebar-horizontal{height:10px}.cropper-event-notification[data-v-9031c32d]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-9031c32d]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}[data-v-e0751051] .custom-scrollbar .simplebar-scrollbar{pointer-events:auto!important}[data-v-e0751051] .custom-scrollbar .simplebar-track{pointer-events:auto}[data-v-e0751051] .custom-scrollbar .simplebar-scrollbar:before{background:silver;opacity:1;left:4px;right:4px}[data-v-e0751051] .custom-scrollbar .simplebar-scrollbar:hover:before,[data-v-e0751051] .custom-scrollbar .simplebar-scrollbar:active:before{background:#8c8c8c}[data-v-e0751051] .custom-scrollbar .simplebar-content-wrapper,[data-v-e0751051] .custom-scrollbar .simplebar-wrapper{padding-bottom:12px!important;border-radius:8px}[data-v-e0751051] .custom-scrollbar .simplebar-track.simplebar-vertical{width:0px}[data-v-e0751051] .custom-scrollbar .simplebar-track.simplebar-horizontal{height:10px}.cropper-event-notification[data-v-6f59d31e]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-6f59d31e]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}
 

package/tabmenu/index.es.js

@@ -1,7 +1,8 @@
-import { defineComponent as a, createBlock as o, openBlock as r, unref as i } from "vue";
-import { s as p } from "../vendor/@wangs-ui/core/dist/esm/index-DCkh3cGv.es.js";
-import { N as u } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-const f = /* @__PURE__ */ a({
+import { defineComponent as l, computed as m, createBlock as p, openBlock as d, unref as a } from "vue";
+import { s } from "../vendor/@wangs-ui/core/dist/esm/index-DCkh3cGv.es.js";
+import { N as f } from "../vendor/@wangs-ui/vue/dist/index.es.js";
+import { u as v } from "../plugins/basei18n.es.js";
+const B = /* @__PURE__ */ l({
   __name: "TabMenu",
   props: {
     menu: {},
@@ -12,18 +13,22 @@ const f = /* @__PURE__ */ a({
     pt: {}
   },
   emits: ["tabChange", "update:activeIndex"],
-  setup(d) {
-    return (e, n) => (r(), o(i(u), {
+  setup(i) {
+    const o = i, { t: r } = v(), u = m(() => {
+      const e = o.model || o.menu;
+      return e == null ? void 0 : e.map((n) => ({ ...n, label: r(n.label) }));
+    });
+    return (e, n) => (d(), p(a(f), {
       "active-index": e.activeIndex,
-      model: e.model || e.menu,
+      model: u.value,
       type: e.type,
       "use-trailing-line": e.useTrailingLine,
       onTabChange: n[0] || (n[0] = (t) => e.$emit("tabChange", t)),
       "onUpdate:activeIndex": n[1] || (n[1] = (t) => e.$emit("update:activeIndex", t)),
-      onVnodeBeforeMount: n[2] || (n[2] = (t) => i(p)("WANGS-TAB-MENU", e.$preset.tabmenu))
+      onVnodeBeforeMount: n[2] || (n[2] = (t) => a(s)("WANGS-TAB-MENU", e.$preset.tabmenu))
     }, null, 8, ["active-index", "model", "type", "use-trailing-line"]));
   }
 });
 export {
-  f as _
+  B as _
 };

package/tagtype/index.es.js

@@ -1,36 +1,39 @@
-import { defineComponent as u, computed as r, createElementBlock as a, openBlock as s, Fragment as g, renderList as m, normalizeClass as o, createVNode as d, createTextVNode as f, toDisplayString as v } from "vue";
-import { m as _ } from "../utils/mergePropsWithDefaults.util.es.js";
-import { u as x } from "../plugins/WangsVue.es.js";
-import { _ as y } from "../icon/index.es.js";
-const k = {
+import { defineComponent as _, computed as p, createElementBlock as n, openBlock as r, Fragment as x, renderList as y, normalizeClass as u, createVNode as k, createTextVNode as C, toDisplayString as N } from "vue";
+import { m as T } from "../utils/mergePropsWithDefaults.util.es.js";
+import { u as h } from "../plugins/WangsVue.es.js";
+import { _ as w } from "../icon/index.es.js";
+const B = {
   class: "text-[10px] leading-3 tracking-[0.03em] flex gap-1",
   "data-wv-name": "tagtype"
-}, C = ["data-wv-section"], D = /* @__PURE__ */ u({
+}, D = ["data-wv-section"], P = /* @__PURE__ */ _({
   __name: "TagType",
   props: {
     type: {},
     useNfc: { type: Boolean, default: void 0 }
   },
-  setup(c) {
-    const i = c, { defaultProps: l } = x("TagType"), t = r(() => _(i, l)), p = r(() => [
-      {
-        tag: "rfid",
-        active: t.value.type.includes("RFID")
-      },
-      {
-        tag: "nfc",
-        active: t.value.type.includes("NFC"),
-        visible: t.value.useNfc
-      },
-      {
-        tag: "qr",
-        active: t.value.type.includes("QR")
-      }
-    ].filter((n) => n.visible !== !1));
-    return (n, N) => (s(), a("span", k, [
-      (s(!0), a(g, null, m(p.value, (e) => (s(), a("span", {
+  setup(g) {
+    const m = g, { defaultProps: d } = h("TagType"), t = p(() => T(m, d)), f = p(() => {
+      var a, s, e, o, c, i, l;
+      return [
+        {
+          tag: "rfid",
+          active: (s = (a = t.value) == null ? void 0 : a.type) == null ? void 0 : s.includes("RFID")
+        },
+        {
+          tag: "nfc",
+          active: (o = (e = t.value) == null ? void 0 : e.type) == null ? void 0 : o.includes("NFC"),
+          visible: (c = t.value) == null ? void 0 : c.useNfc
+        },
+        {
+          tag: "qr",
+          active: (l = (i = t.value) == null ? void 0 : i.type) == null ? void 0 : l.includes("QR")
+        }
+      ].filter((v) => v.visible !== !1);
+    });
+    return (a, s) => (r(), n("span", B, [
+      (r(!0), n(x, null, y(f.value, (e) => (r(), n("span", {
         key: e.tag,
-        class: o([
+        class: u([
           "inline-flex items-center gap-[1px]",
           {
             "text-primary-700 dark:text-primary-300": e.active,
@@ -39,15 +42,15 @@ const k = {
         ]),
         "data-wv-section": e.tag
       }, [
-        d(y, {
-          class: o({ "!w-[14px]": e.tag === "rfid" }),
+        k(w, {
+          class: u({ "!w-[14px]": e.tag === "rfid" }),
           icon: e.tag
         }, null, 8, ["class", "icon"]),
-        f(" " + v(e.tag.toUpperCase()), 1)
-      ], 10, C))), 128))
+        C(" " + N(e.tag.toUpperCase()), 1)
+      ], 10, D))), 128))
     ]));
   }
 });
 export {
-  D as _
+  P as _
 };

package/textarea/index.es.js

@@ -4,7 +4,7 @@ import { u as P } from "../plugins/WangsVue.es.js";
 import { s as k } from "../vendor/primevue/textarea/textarea.esm.es.js";
 import { _ as w } from "../fieldwrapper/index.es.js";
 import { _ as N } from "../validatormessage/index.es.js";
-const $ = /* @__PURE__ */ b({
+const _ = /* @__PURE__ */ b({
   __name: "Textarea",
   props: {
     modelValue: {},
@@ -90,7 +90,7 @@ const $ = /* @__PURE__ */ b({
           "auto-resize": e.autoResize,
           disabled: e.disabled,
           maxlength: e.preventInputOnMaxLength ? e.maxlength : void 0,
-          placeholder: c.value,
+          placeholder: e.$t(c.value),
           rows: e.rows,
           onBlur: h,
           "onUpdate:modelValue": l[1] || (l[1] = (o) => n("update:modelValue", o))
@@ -104,5 +104,5 @@ const $ = /* @__PURE__ */ b({
   }
 });
 export {
-  $ as _
+  _
 };

package/toggledarkmode/store/index.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export interface LoadingStore {
+  darkMode: Ref<boolean>;
+  toggleDarkMode: (state: boolean) => void;
+}
+declare const useDarkStore: () => LoadingStore;
+export default useDarkStore;

package/toggleswitch/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, inject as w, computed as C, createBlock as p, openBlock as s, normalizeProps as c, guardReactiveProps as b, unref as o, withCtx as S, createElementVNode as u, createElementBlock as _, createCommentVNode as f, mergeProps as d, withModifiers as x, toDisplayString as P, h as L } from "vue";
+import { defineComponent as B, inject as w, computed as C, createBlock as p, openBlock as s, normalizeProps as c, guardReactiveProps as b, unref as o, withCtx as S, createElementVNode as u, createElementBlock as _, createCommentVNode as f, mergeProps as d, withModifiers as P, toDisplayString as x, h as L } from "vue";
 import { _ as j } from "../icon/index.es.js";
 const D = ["data-p-disabled", "data-p-highlight"], E = ["id", "aria-checked", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "readonly", "tabindex"], N = /* @__PURE__ */ B({
   __name: "ToggleSwitch",
@@ -44,7 +44,7 @@ const D = ["data-p-disabled", "data-p-highlight"], E = ["id", "aria-checked", "a
         u("span", d(o(t).root({ props: e }), {
           "data-p-disabled": e.disabled,
           "data-p-highlight": i.value,
-          onClick: l[0] || (l[0] = x(() => {
+          onClick: l[0] || (l[0] = P(() => {
           }, ["stop"])),
           "data-wv-name": "toggleswitch"
         }), [
@@ -71,7 +71,7 @@ const D = ["data-p-disabled", "data-p-highlight"], E = ["id", "aria-checked", "a
         e.label ? (s(), _("span", d({
           key: 0,
           "data-wv-section": "labeltext"
-        }, o(t).labeltext), P(a.label), 17)) : f("", !0),
+        }, o(t).labeltext), x(a.$t(a.label)), 17)) : f("", !0),
         a.tooltip ? (s(), p(j, d({
           key: 1,
           info: a.tooltip,

package/treesearchinput/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, resolveDirective as f, createElementBlock as h, openBlock as w, normalizeClass as r, createVNode as o, withDirectives as x, unref as g } from "vue";
+import { defineComponent as u, resolveDirective as f, createElementBlock as h, openBlock as w, normalizeClass as r, createVNode as o, withDirectives as g, unref as x } from "vue";
 import { s as v } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
 import { _ as s } from "../icon/index.es.js";
-const _ = {
+const k = {
   class: /* @__PURE__ */ r([
     "relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center",
     "rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:!ring-white"
@@ -14,29 +14,29 @@ const _ = {
   },
   emits: ["update:modelValue"],
   setup(i, { emit: c }) {
-    const n = i, d = c, m = (e) => {
+    const n = i, d = c, p = (e) => {
       e.key === "Enter" && e.preventDefault();
     }, a = (e) => {
       d("update:modelValue", e);
     };
     return (e, t) => {
-      const p = f("focus");
-      return w(), h("div", _, [
+      const m = f("focus");
+      return w(), h("div", k, [
         o(s, {
           class: "w-4 h-4 shrink-0 grow-0 !text-general-400 dark:!text-white",
           icon: "search"
         }),
-        x(o(g(v), {
+        g(o(x(v), {
           class: r([
             "w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200"
           ]),
           "model-value": n.modelValue,
+          placeholder: e.$t("Search"),
           onInput: t[0] || (t[0] = (l) => a(l.target.value)),
-          onKeydown: m,
-          autocomplete: "off",
-          placeholder: "Search"
-        }, null, 8, ["model-value"]), [
-          [p]
+          onKeydown: p,
+          autocomplete: "off"
+        }, null, 8, ["model-value", "placeholder"]), [
+          [m]
         ]),
         o(s, {
           class: r([

package/username/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, createElementBlock as u, openBlock as a, mergeProps as i, createBlock as d, withDirectives as M, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as U, toDisplayString as p, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
+import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, createElementBlock as u, openBlock as t, mergeProps as i, createBlock as d, withDirectives as M, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as $, toDisplayString as p, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
 import { t as K } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
 import { u as L } from "../plugins/WangsVue.es.js";
 import { m as Q } from "../utils/mergePropsWithDefaults.util.es.js";
-import { g as _ } from "../utils/object.util.es.js";
+import { g as j } from "../utils/object.util.es.js";
 import { f as X } from "../utils/textFormatter.util.es.js";
-import { s as $ } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
+import { s as U } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
 import { _ as Y } from "../icon/index.es.js";
-import { _ as j } from "../image/index.es.js";
+import { _ } from "../image/index.es.js";
 import { _ as Z } from "../overlaypanel/index.es.js";
 const ee = { key: 0 }, me = /* @__PURE__ */ A({
   __name: "UserName",
@@ -23,16 +23,16 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
   },
   setup(z) {
     const r = z, { locale: E, defaultProps: T } = L("UserName"), n = h(() => Q(r, T)), f = N(!1), s = N(), g = N(!1), w = H(), m = h(
-      () => _(
+      () => j(
         r.user ?? {},
         n.value.userNameField
       )
     ), D = h(() => n.value.formatUserName ? X(m.value) : m.value), W = async () => {
-      var t, e, y;
+      var e, a, y;
       if (!s.value && r.fetchDetailOnPanelShow)
         try {
           f.value = !0;
-          const o = await ((y = (e = n.value).getUserDetail) == null ? void 0 : y.call(e, (t = r.user) == null ? void 0 : t._id));
+          const o = await ((y = (a = n.value).getUserDetail) == null ? void 0 : y.call(a, (e = r.user) == null ? void 0 : e._id));
           s.value = o;
         } catch (o) {
           console.error(o);
@@ -41,39 +41,39 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
         }
       else r.fetchDetailOnPanelShow || (s.value = r.user);
     };
-    return (t, e) => {
+    return (e, a) => {
       const y = I("tooltip");
-      return Object.keys(r.user ?? {}).length < 1 ? (a(), u("span", ee, " - ")) : (a(), u("span", i({
+      return Object.keys(r.user ?? {}).length < 1 ? (t(), u("span", ee, " - ")) : (t(), u("span", i({
         key: 1,
-        onClick: e[4] || (e[4] = //@ts-ignore
+        onClick: a[4] || (a[4] = //@ts-ignore
         (...o) => {
           var l, c;
           return ((l = w.value) == null ? void 0 : l.toggle) && ((c = w.value) == null ? void 0 : c.toggle(...o));
         })
-      }, t.$preset.username.root, {
+      }, e.$preset.username.root, {
         "data-wv-name": "username",
         "data-wv-section": "root"
       }), [
-        n.value.type == "picture" ? (a(), d(j, {
+        n.value.type == "picture" ? (t(), d(_, {
           key: 0,
           preview: m.value !== void 0,
-          src: v(_)(
+          src: v(j)(
             r.user ?? {},
             n.value.profilePictureField
           ),
-          onClick: e[0] || (e[0] = F((o) => {
+          onClick: a[0] || (a[0] = F((o) => {
             var l;
             m.value || (l = w.value) == null || l.toggle(o);
           }, ["stop"])),
           rounded: "",
           size: "small"
-        }, null, 8, ["preview", "src"])) : (a(), d(Y, {
+        }, null, 8, ["preview", "src"])) : (t(), d(Y, {
           key: 1,
           class: "text-general-300 dark:text-grayscale-700 text-base",
           icon: "user"
         })),
-        n.value.showUserName ? M((a(), u("span", i({ key: 2 }, t.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
-          U(p(D.value), 1)
+        n.value.showUserName ? M((t(), u("span", i({ key: 2 }, e.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
+          $(p(D.value), 1)
         ], 16)), [
           [
             y,
@@ -82,7 +82,7 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
             { top: !0 }
           ]
         ]) : P("", !0),
-        Object.keys(r.user ?? {}).length > 1 ? (a(), d(Z, {
+        Object.keys(r.user ?? {}).length > 1 ? (t(), d(Z, {
           key: 3,
           ref_key: "miniProfile",
           ref: w,
@@ -90,48 +90,48 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
           onShow: W
         }, {
           default: R(() => {
-            var o, l, c, b, B, C, x, O;
+            var o, l, c, b, B, C, O, S;
             return [
-              k("div", i(t.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
-                k("div", i(t.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
-                q(j, {
+              k("div", i(e.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
+                k("div", i(e.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
+                q(_, {
                   src: ((o = s.value) == null ? void 0 : o.profilePicture) ?? ((l = s.value) == null ? void 0 : l.profilePictureBig),
                   width: 60,
-                  onHide: e[1] || (e[1] = (S) => g.value = !1),
-                  onShow: e[2] || (e[2] = (S) => g.value = !0),
+                  onHide: a[1] || (a[1] = (V) => g.value = !1),
+                  onShow: a[2] || (a[2] = (V) => g.value = !0),
                   class: "w-[60px] h-[60px]",
                   rounded: ""
                 }, null, 8, ["src"]),
-                f.value ? (a(), d(v($), {
+                f.value ? (t(), d(v(U), {
                   key: 1,
                   height: "29px",
                   width: "100px"
-                })) : (a(), u("div", G(i({ key: 0 }, t.$preset.username.panel.detailwrapper)), [
-                  k("h4", i(t.$preset.username.panel.username, { "data-wv-section": "username" }), [
-                    U(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
-                    (b = s.value) != null && b.nickName ? (a(), u(J, { key: 0 }, [
-                      U(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
+                })) : (t(), u("div", G(i({ key: 0 }, e.$preset.username.panel.detailwrapper)), [
+                  k("h4", i(e.$preset.username.panel.username, { "data-wv-section": "username" }), [
+                    $(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
+                    (b = s.value) != null && b.nickName ? (t(), u(J, { key: 0 }, [
+                      $(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
                     ], 64)) : P("", !0)
                   ], 16),
-                  k("span", i(t.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
+                  k("span", i(e.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
                 ], 16)),
-                f.value ? (a(), d(v($), {
+                f.value ? (t(), d(v(U), {
                   key: 3,
                   height: "12px",
                   width: "60px"
-                })) : (a(), u("span", i({ key: 2 }, t.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((x = s.value) == null ? void 0 : x.division) + " / " + p((O = s.value) == null ? void 0 : O.position), 17)),
-                f.value ? (a(), d(v($), {
+                })) : (t(), u("span", i({ key: 2 }, e.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((O = s.value) == null ? void 0 : O.division) + " / " + p((S = s.value) == null ? void 0 : S.position), 17)),
+                f.value ? (t(), d(v(U), {
                   key: 5,
                   width: "75px"
-                })) : (a(), u("a", i({
+                })) : (t(), u("a", i({
                   key: 4,
-                  onClick: e[3] || (e[3] = F((S) => {
-                    var V;
+                  onClick: a[3] || (a[3] = F((V) => {
+                    var x;
                     return v(K)(
-                      n.value.detailUserPath.replace("{userId}", (V = r.user) == null ? void 0 : V._id)
+                      n.value.detailUserPath.replace("{userId}", (x = r.user) == null ? void 0 : x._id)
                     );
                   }, ["stop"]))
-                }, t.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(v(E).detailUserAnchorText), 17))
+                }, e.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(e.$t(v(E).detailUserAnchorText)), 17))
               ], 16)
             ];
           }),

package/utils/baseToast.util.es.js

@@ -1,44 +1,45 @@
 import { e as G } from "../event-bus/index.es.js";
-import { u as M } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
-import { u as A } from "../vendor/lodash-es/uniqueId.es.js";
-const w = ({ icons: i, template: r } = {}) => {
-  const t = M();
+import { u as A } from "../plugins/basei18n.es.js";
+import { u as I } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
+import { u as N } from "../vendor/lodash-es/uniqueId.es.js";
+const { t: R } = A(), q = ({ icons: t, template: s } = {}) => {
+  const i = I();
   return {
-    add: (e) => {
+    add: (o) => {
       var n, c, f;
       const {
         message: a,
         customMessage: v,
-        error: s,
+        error: r,
         severity: g,
-        life: l,
+        life: m,
         group: d = "default-toast",
-        ...m
-      } = e;
+        ...l
+      } = o;
       let u = "";
-      s instanceof Error && s && s.isAxiosError && (u = s.code === "ERR_NETWORK" ? (r == null ? void 0 : r.additionalMessage) ?? "" : "");
-      const o = s ? "error" : g ?? "success", E = ((f = (c = (n = r == null ? void 0 : r.severity) == null ? void 0 : n[o]) == null ? void 0 : c.replace("{message}", a)) == null ? void 0 : f.replace("{additionalMessage}", u)) || a, y = m.icon ?? (i == null ? void 0 : i[o]);
-      t.add({
-        severity: o,
-        detail: v ? a : E,
-        life: l ?? 3e3,
+      r instanceof Error && r && r.isAxiosError && (u = r.code === "ERR_NETWORK" ? (s == null ? void 0 : s.additionalMessage) ?? "" : "");
+      const e = r ? "error" : g ?? "success", E = ((f = (c = (n = s == null ? void 0 : s.severity) == null ? void 0 : n[e]) == null ? void 0 : c.replace("{message}", a)) == null ? void 0 : f.replace("{additionalMessage}", u)) || a, y = l.icon ?? (t == null ? void 0 : t[e]), M = v ? a : E;
+      i.add({
+        severity: e,
+        detail: R(M),
+        life: m ?? 3e3,
         group: d
       }), G.emit("toast:add", {
-        messageId: A(),
-        ...e,
-        severity: o,
+        messageId: N(),
+        ...o,
+        severity: e,
         group: d,
         icon: y
       });
     },
-    removeGroup: (e) => {
-      t.removeGroup(e);
+    removeGroup: (o) => {
+      i.removeGroup(o);
     },
     removeAllGroups: () => {
-      t.removeAllGroups();
+      i.removeAllGroups();
     }
   };
 };
 export {
-  w as u
+  q as u
 };

package/utils/index.es.js

@@ -1,3 +1,2 @@
 import "./role.util.es.js";
-import "../event-bus/index.es.js";
-import "vue";
+import "./baseToast.util.es.js";

package/utils/textFormatter.util.d.ts

@@ -27,3 +27,35 @@ export declare const getInitialsBy3FirstLetter: (
  * @returns {string} The label prefixed with the appropriate article ("a" or "an").
  */
 export declare const formatVowelSoundLabel: (label?: string) => string;
+/**
+ * Format text with custom operators into HTML.
+ *
+ * Rules (ignore \(backslash) operator):
+ * - \|text| → \<b>text\</b>
+ * - \*text* → \<i>text\</i>
+ * - \_text_ → \<u>text\</u>
+ * - \~text~ → \<s>text\</s>
+ * - Unpaired operator will be ignored
+ * - Supports nested formatting
+ * - Supports escaping using backslash (e.g., \\|text|)
+ *
+ * @param input - The raw string containing custom formatting operators.
+ * @returns The formatted HTML string.
+ *
+ * @example
+ * formatMarkupToHtml("Hello |Udin|");
+ * → "Hello <b>Udin</b>"
+ *
+ * @example
+ * formatMarkupToHtml("|hello *bro*|");
+ * → "<b>hello <i>bro</i></b>"
+ *
+ * @example
+ * formatMarkupToHtml("Hello |Udin");
+ * → "Hello |Udin"
+ *
+ * @example
+ * formatMarkupToHtml("ini \\|bukan bold|");
+ * → "ini |bukan bold|"
+ */
+export declare const formatMarkupToHtml: (input: string) => string;