@fewangsit/wangsvue 1.5.186-alpha.0 → 1.5.186
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/dropdown/Dropdown.vue.d.ts +1 -1
- package/components/tree/helpers/filterNodeKeys.helper.d.ts +16 -0
- package/components/tree/helpers/flattenTreeNodeChildren.helper.d.ts +6 -0
- package/components/tree/helpers/index.d.ts +3 -0
- package/package.json +1 -1
- package/plugins/translation.d.ts +37 -0
- package/style.css +1 -1
- package/utils/index.d.ts +1 -1
- package/utils/toast.util.d.ts +81 -7
- package/wangsvue.es.js +23740 -26398
- package/wangsvue.system.js +120 -138
- package/utils/translation.util.d.ts +0 -15
|
@@ -130,7 +130,7 @@ export interface DropdownProps {
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
export interface DropdownSlots {
|
|
133
|
-
'value': Slot<{ value: string }>;
|
|
133
|
+
'value': Slot<{ value: string; originalValue: any }>;
|
|
134
134
|
'option': Slot<{ option: DropdownOption }>;
|
|
135
135
|
'addon-left': Slot;
|
|
136
136
|
'addon-right': Slot;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TreeSelectionKeys } from 'primevue/tree';
|
|
2
|
+
/**
|
|
3
|
+
* Parse selection keys into array of keys.
|
|
4
|
+
*
|
|
5
|
+
* @param nodeKeys - A collection of selected node keys.
|
|
6
|
+
* @param includeNodeAllKey - Whether to include the "-1" key (representing "All").
|
|
7
|
+
*/
|
|
8
|
+
export declare const parseNodeKeys: (nodeKeys: TreeSelectionKeys, includeNodeAllKey?: boolean) => number[];
|
|
9
|
+
/**
|
|
10
|
+
* Filters a collection of selected node keys based on specific criteria.
|
|
11
|
+
*
|
|
12
|
+
* @param nodeKeys - A collection of selected node keys.
|
|
13
|
+
* @param includeNodeAllKey - Whether to include the "-1" key (representing "All").
|
|
14
|
+
* @returns A new collection of filtered node keys.
|
|
15
|
+
*/
|
|
16
|
+
export declare const filterNodeKeys: (nodeKeys: TreeSelectionKeys, includeNodeAllKey?: boolean) => TreeSelectionKeys;
|
package/package.json
CHANGED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { App, Ref } from 'vue';
|
|
2
|
+
export type Locale = 'en_US' | 'id_ID';
|
|
3
|
+
export interface I18n {
|
|
4
|
+
/**
|
|
5
|
+
* Locale message translation
|
|
6
|
+
*
|
|
7
|
+
* @param key - The translation key
|
|
8
|
+
* @param params - A values of named interpolation
|
|
9
|
+
*
|
|
10
|
+
* @returns translation message
|
|
11
|
+
* @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
|
|
12
|
+
*/
|
|
13
|
+
t: (key: string, params?: Record<string, any>) => string;
|
|
14
|
+
/**
|
|
15
|
+
* Change the locale dynamically
|
|
16
|
+
*
|
|
17
|
+
* @param newLocale - The locale to switch to
|
|
18
|
+
*/
|
|
19
|
+
setLocale: (newLocale: Locale) => Promise<void>;
|
|
20
|
+
/**
|
|
21
|
+
* Get the current locale
|
|
22
|
+
*
|
|
23
|
+
* @returns Current locale
|
|
24
|
+
*/
|
|
25
|
+
locale: Ref<Locale>;
|
|
26
|
+
}
|
|
27
|
+
export declare const useI18n: () => I18n;
|
|
28
|
+
declare const _default: {
|
|
29
|
+
install: (app: App) => void;
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
32
|
+
declare module 'vue' {
|
|
33
|
+
interface ComponentCustomProperties {
|
|
34
|
+
$i18n: I18n;
|
|
35
|
+
$t: I18n['t'];
|
|
36
|
+
}
|
|
37
|
+
}
|
package/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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;-webkit-tap-highlight-color:transparent}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}.\!pointer-events-none{pointer-events:none!important}.-left-\[3px\]{left:-3px}.z-\[3205\]{z-index:3205}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mb-2{margin-bottom:.5rem!important}.-mt-1{margin-top:-.25rem}.mb-3{margin-bottom:.75rem}.ml-\[2px\]{margin-left:2px}.ml-\[34px\]{margin-left:34px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.\!flex{display:flex!important}.inline-flex{display:inline-flex}.list-item{display:list-item}.\!size-6{width:1.5rem!important;height:1.5rem!important}.\!size-auto{width:auto!important;height:auto!important}.size-\[10px\]{width:10px;height:10px}.size-\[30px\]{width:30px;height:30px}.\!h-0{height:0px!important}.\!h-12{height:3rem!important}.\!h-5{height:1.25rem!important}.\!h-\[0\.000000001px\]{height:.000000001px!important}.\!h-\[24px\]{height:24px!important}.\!h-\[30px\]{height:30px!important}.\!h-\[90vh\]{height:90vh!important}.\!h-auto{height:auto!important}.h-32{height:8rem}.h-40{height:10rem}.h-64{height:16rem}.h-\[20px\]{height:20px}.h-\[366\.52px\]{height:366.52px}.h-\[400px\]{height:400px}.h-\[46px\]{height:46px}.h-\[4px\]{height:4px}.h-\[568px\]{height:568px}.h-\[70px\]{height:70px}.h-\[73px\]{height:73px}.h-\[calc\(90vh-50px\)\]{height:calc(90vh - 50px)}.max-h-\[250px\]{max-height:250px}.max-h-\[306px\]{max-height:306px}.\!min-h-8{min-height:2rem!important}.min-h-\[70px\]{min-height:70px}.\!w-12{width:3rem!important}.\!w-5{width:1.25rem!important}.\!w-\[0\.0000000001px\]{width:.0000000001px!important}.\!w-\[110px\]{width:110px!important}.\!w-\[150px\]{width:150px!important}.\!w-\[154px\]{width:154px!important}.\!w-\[165px\]{width:165px!important}.\!w-\[24px\]{width:24px!important}.\!w-\[30px\]{width:30px!important}.\!w-auto{width:auto!important}.w-0{width:0px}.w-16{width:4rem}.w-2\/5{width:40%}.w-24{width:6rem}.w-4\/5{width:80%}.w-44{width:11rem}.w-52{width:13rem}.w-96{width:24rem}.w-\[116px\]{width:116px}.w-\[20px\]{width:20px}.w-\[20vw\]{width:20vw}.w-\[230px\]{width:230px}.w-\[235px\]{width:235px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[428px\]{width:428px}.w-\[600px\]{width:600px}.w-\[70px\]{width:70px}.w-\[800px\]{width:800px}.w-\[932px\]{width:932px}.\!min-w-6{min-width:1.5rem!important}.\!min-w-8{min-width:2rem!important}.\!min-w-\[150px\]{min-width:150px!important}.\!min-w-\[170px\]{min-width:170px!important}.\!min-w-\[30px\]{min-width:30px!important}.\!min-w-\[70px\]{min-width:70px!important}.min-w-\[125px\]{min-width:125px}.\!max-w-none{max-width:none!important}.max-w-\[200px\]{max-width:200px}.max-w-\[430px\]{max-width:430px}.max-w-\[600px\]{max-width:600px}.flex-none{flex:none}.rotate-90{--tw-rotate: 90deg;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))}.\!cursor-default{cursor:default!important}.\!resize-none{resize:none!important}.list-inside{list-style-position:inside}.grid-flow-col{grid-auto-flow:column}.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\,1fr\,1fr\,auto\]{grid-template-columns:1fr 1fr 1fr auto}.grid-cols-\[1fr\,auto\]{grid-template-columns:1fr auto}.grid-cols-\[3fr\,2fr\,5fr\,1fr\,auto\,30px\]{grid-template-columns:3fr 2fr 5fr 1fr auto 30px}.grid-cols-\[40px\,auto\,1fr\]{grid-template-columns:40px auto 1fr}.grid-cols-\[90px\,auto\,1fr\]{grid-template-columns:90px auto 1fr}.grid-cols-\[auto\,1fr\,auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[max-content\,150px\,max-content\,max-content\]{grid-template-columns:max-content 150px max-content max-content}.grid-cols-subgrid{grid-template-columns:subgrid}.place-items-end{place-items:end}.place-items-center{place-items:center}.content-center{align-content:center}.justify-stretch{justify-content:stretch}.\!gap-2{gap:.5rem!important}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.place-self-end{place-self:end}.self-stretch{align-self:stretch}.\!overflow-visible{overflow:visible!important}.overflow-x-hidden{overflow-x:hidden}.\!overflow-y-hidden{overflow-y:hidden!important}.\!text-wrap{text-wrap:wrap!important}.text-wrap{text-wrap:wrap}.\!text-nowrap{text-wrap:nowrap!important}.text-nowrap{text-wrap:nowrap}.\!rounded-md{border-radius:.375rem!important}.rounded-\[8px\]{border-radius:8px}.\!border-0{border-width:0px!important}.border,.border-\[1px\]{border-width:1px}.\!border-b{border-bottom-width:1px!important}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.\!border-none{border-style:none!important}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-\[\#F8F7EE\]{--tw-bg-opacity: 1;background-color:rgb(248 247 238 / var(--tw-bg-opacity))}.bg-lime-100{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity))}.\!p-0\.5{padding:.125rem!important}.\!p-1{padding:.25rem!important}.p-0{padding:0}.p-\[1px\]{padding:1px}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[1\.5px\]{padding-left:1.5px;padding-right:1.5px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[5\.4px\]{padding-top:5.4px;padding-bottom:5.4px}.\!pb-0{padding-bottom:0!important}.\!pl-6{padding-left:1.5rem!important}.\!pr-6{padding-right:1.5rem!important}.\!pt-0{padding-top:0!important}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-12{padding-left:3rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.\!text-left{text-align:left!important}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[14px\]{font-size:14px}.text-\[24px\]{font-size:24px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.\!font-medium{font-weight:500!important}.font-bold{font-weight:700}.\!leading-4{line-height:1rem!important}.\!text-black{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity))!important}.text-\[\#009384\]{--tw-text-opacity: 1;color:rgb(0 147 132 / var(--tw-text-opacity))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!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)!important}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:\!font-semibold::-moz-placeholder{font-weight:600!important}.placeholder\:\!font-semibold::placeholder{font-weight:600!important}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:mt-1\.5:before{content:var(--tw-content);margin-top:.375rem}.first\:\!pb-1:first-child{padding-bottom:.25rem!important}.first\:\!pt-0:first-child{padding-top:0!important}.first\:\!pt-1:first-child{padding-top:.25rem!important}.last\:\!pb-0:last-child{padding-bottom:0!important}.last\:\!pt-1:last-child{padding-top:.25rem!important}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.hover\:p-1:hover{padding:.25rem}.focus\:px-2:focus{padding-left:.5rem;padding-right:.5rem}.focus\:outline-1:focus{outline-width:1px}.disabled\:placeholder\:\!opacity-60:disabled::-moz-placeholder{opacity:.6!important}.disabled\:placeholder\:\!opacity-60:disabled::placeholder{opacity:.6!important}.\[\&_iframe\]\:flex-grow iframe{flex-grow: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: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;-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}*,: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: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-\[10px\]{top:-10px}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-\[45\%\]{top:45%}.z-30{z-index:30}.z-50{z-index:50}.z-\[9999999\]{z-index:9999999}.\!m-0{margin:0!important}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.\!mt-0{margin-top:0!important}.-mt-1\.5{margin-top:-.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.\!h-4{height:1rem!important}.\!h-6{height:1.5rem!important}.\!h-8{height:2rem!important}.\!h-\[70px\]{height:70px!important}.\!h-max{height:-moz-max-content!important;height:max-content!important}.h-10{height:2.5rem}.h-2\.5{height:.625rem}.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-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[29px\]{height:29px}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[60px\]{height:60px}.h-\[75vh\]{height:75vh}.h-\[80px\]{height:80px}.h-\[90vh\]{height:90vh}.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-72{max-height:18rem}.max-h-\[300px\]{max-height:300px}.max-h-\[75vh\]{max-height:75vh}.min-h-\[100px\]{min-height:100px}.min-h-\[30px\]{min-height:30px}.min-h-\[50vh\]{min-height:50vh}.\!w-0{width:0px!important}.\!w-4{width:1rem!important}.\!w-6{width:1.5rem!important}.\!w-8{width:2rem!important}.\!w-\[50px\]{width:50px!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-10{width:2.5rem}.w-2\.5{width:.625rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[269px\]{width:269px}.w-\[29px\]{width:29px}.w-\[30px\]{width:30px}.w-\[342px\]{width:342px}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[520px\]{width:520px}.w-\[60px\]{width:60px}.w-\[75vw\]{width:75vw}.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:0px}.min-w-4{min-width:1rem}.min-w-\[30px\]{min-width:30px}.min-w-\[400px\]{min-width:400px}.min-w-\[500px\]{min-width:500px}.max-w-\[121px\]{max-width:121px}.max-w-\[125px\]{max-width:125px}.max-w-\[50\%\]{max-width:50%}.max-w-\[70vw\]{max-width:70vw}.max-w-\[80px\]{max-width:80px}.max-w-\[98vw\]{max-width:98vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;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))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;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))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;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-move{cursor:move!important}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr\,max-content\]{grid-template-columns:1fr max-content}.grid-cols-\[auto\,max-content\]{grid-template-columns:auto max-content}.grid-cols-\[max-content\,1fr\,max-content\]{grid-template-columns:max-content 1fr max-content}.grid-cols-\[max-content\,1fr\]{grid-template-columns:max-content 1fr}.grid-cols-\[max-content\,auto\]{grid-template-columns:max-content auto}.grid-cols-\[max-content\,max-content\,auto\]{grid-template-columns:max-content max-content auto}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-\[max-content\,auto\]{grid-template-rows:max-content auto}.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}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.\!gap-0{gap:0px!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-6{gap:1.5rem}.gap-\[1px\]{gap:1px}.gap-\[2px\]{gap:2px}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.\!rounded{border-radius:.25rem!important}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:.5rem!important}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[50px\]{border-radius:50px}.rounded-\[7px\]{border-radius:7px}.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-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.\!border{border-width:1px!important}.border{border-width:1px}.border-0{border-width:0px}.border-\[0\.5px\]{border-width:.5px}.border-\[2px\]{border-width:2px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-solid{border-style:solid}.border-none{border-style:none}.\!border-transparent{border-color:transparent!important}.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-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-black\/80{background-color:#000c}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / 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-opacity-80{--tw-bg-opacity: .8}.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-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!py-0{padding-top:0!important;padding-bottom:0!important}.\!py-\[4\.5px\]{padding-top:4.5px!important;padding-bottom:4.5px!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}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.\!pl-0\.5{padding-left:.125rem!important}.\!pr-2{padding-right:.5rem!important}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2{padding-right:.5rem}.pt-1\.5{padding-top:.375rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.\!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-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-light{font-weight:300!important}.\!font-normal{font-weight:400!important}.\!font-semibold{font-weight:600!important}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.\!leading-3{line-height:.75rem!important}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-\[15px\]{line-height:15px}.leading-\[17px\]{line-height:17px}.leading-none{line-height:1}.\!tracking-\[0\.28px\]{letter-spacing:.28px!important}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-normal{letter-spacing:0em}.\!text-transparent{color:transparent!important}.text-\[\#0000EE\]{--tw-text-opacity: 1;color:rgb(0 0 238 / var(--tw-text-opacity))}.text-\[\#908CAB\]{--tw-text-opacity: 1;color:rgb(144 140 171 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / 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}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.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)}.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) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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);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-\[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(.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}.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)}.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)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.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-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:ml-1:before{content:var(--tw-content);margin-left:.25rem}.before\:mr-1:before{content:var(--tw-content);margin-right:.25rem}.before\:\!bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.before\:content-\[\'•\'\]:before{--tw-content: "•";content:var(--tw-content)}.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}.peer:hover~.peer-hover\:visible{visibility:visible}.\[\&\:has\(\:focus\)_button\]\:opacity-50:has(:focus) button{opacity:.5}.\[\&\:has\(\[selectable\=false\]\)\]\:\!cursor-not-allowed:has([selectable=false]){cursor:not-allowed!important}.\[\&\:has\(\[selectable\=false\]\)\]\:hover\:\!bg-transparent:hover:has([selectable=false]){background-color:transparent!important}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\[data-wv-section\=input-image-trigger\]\]\:hover\:opacity-100:hover>[data-wv-section=input-image-trigger]{opacity:1}.\[\&\>span\]\:hover\:opacity-30:hover>span{opacity:.3}.\[\&_\*\:has\(code\)\]\:my-\[0\.25rem\] *:has(code){margin-top:.25rem;margin-bottom:.25rem}.\[\&_\*\]\:cursor-default *{cursor:default}.\[\&_\*\]\: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:0px}.\[\&_\.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}.\[\&_\[data-month-in-future\=true\]\]\:pointer-events-none [data-month-in-future=true],.\[\&_\[data-year-in-future\=true\]\]\:pointer-events-none [data-year-in-future=true]{pointer-events:none}.\[\&_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-5 i{height:1.25rem}.\[\&_i\]\:w-5 i{width:1.25rem}.\[\&_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-top:.5rem;margin-bottom:.5rem}.\[\&_label\]\:cursor-grab label{cursor:grab}.\[\&_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-\[\'•\'\] li:before{--tw-content: "•";content:var(--tw-content)}.\[\&_span\]\:leading-\[22px\] span{line-height:22px}.\[\&_strong\]\:font-bold strong{font-weight:700}.cropper-event-notification[data-v-edfcb040]{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-edfcb040]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
1
|
+
html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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;-webkit-tap-highlight-color:transparent}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}.\!pointer-events-none{pointer-events:none!important}.-left-\[3px\]{left:-3px}.z-\[3205\]{z-index:3205}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mb-2{margin-bottom:.5rem!important}.-mt-1{margin-top:-.25rem}.mb-3{margin-bottom:.75rem}.ml-\[2px\]{margin-left:2px}.ml-\[34px\]{margin-left:34px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.\!flex{display:flex!important}.inline-flex{display:inline-flex}.list-item{display:list-item}.\!size-6{width:1.5rem!important;height:1.5rem!important}.\!size-auto{width:auto!important;height:auto!important}.size-\[10px\]{width:10px;height:10px}.size-\[30px\]{width:30px;height:30px}.\!h-0{height:0px!important}.\!h-12{height:3rem!important}.\!h-5{height:1.25rem!important}.\!h-\[0\.000000001px\]{height:.000000001px!important}.\!h-\[24px\]{height:24px!important}.\!h-\[30px\]{height:30px!important}.\!h-\[90vh\]{height:90vh!important}.\!h-auto{height:auto!important}.h-32{height:8rem}.h-40{height:10rem}.h-64{height:16rem}.h-\[20px\]{height:20px}.h-\[366\.52px\]{height:366.52px}.h-\[400px\]{height:400px}.h-\[46px\]{height:46px}.h-\[4px\]{height:4px}.h-\[568px\]{height:568px}.h-\[70px\]{height:70px}.h-\[73px\]{height:73px}.h-\[calc\(90vh-50px\)\]{height:calc(90vh - 50px)}.max-h-\[250px\]{max-height:250px}.max-h-\[306px\]{max-height:306px}.\!min-h-8{min-height:2rem!important}.min-h-\[70px\]{min-height:70px}.\!w-12{width:3rem!important}.\!w-5{width:1.25rem!important}.\!w-\[0\.0000000001px\]{width:.0000000001px!important}.\!w-\[110px\]{width:110px!important}.\!w-\[150px\]{width:150px!important}.\!w-\[154px\]{width:154px!important}.\!w-\[165px\]{width:165px!important}.\!w-\[24px\]{width:24px!important}.\!w-\[30px\]{width:30px!important}.\!w-auto{width:auto!important}.w-0{width:0px}.w-16{width:4rem}.w-2\/5{width:40%}.w-24{width:6rem}.w-4\/5{width:80%}.w-44{width:11rem}.w-52{width:13rem}.w-96{width:24rem}.w-\[116px\]{width:116px}.w-\[20px\]{width:20px}.w-\[20vw\]{width:20vw}.w-\[230px\]{width:230px}.w-\[235px\]{width:235px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[428px\]{width:428px}.w-\[600px\]{width:600px}.w-\[70px\]{width:70px}.w-\[800px\]{width:800px}.w-\[932px\]{width:932px}.\!min-w-6{min-width:1.5rem!important}.\!min-w-8{min-width:2rem!important}.\!min-w-\[150px\]{min-width:150px!important}.\!min-w-\[170px\]{min-width:170px!important}.\!min-w-\[30px\]{min-width:30px!important}.\!min-w-\[70px\]{min-width:70px!important}.min-w-\[125px\]{min-width:125px}.\!max-w-none{max-width:none!important}.max-w-\[200px\]{max-width:200px}.max-w-\[430px\]{max-width:430px}.max-w-\[600px\]{max-width:600px}.flex-none{flex:none}.\!cursor-default{cursor:default!important}.\!resize-none{resize:none!important}.list-inside{list-style-position:inside}.grid-flow-col{grid-auto-flow:column}.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\,1fr\,1fr\,auto\]{grid-template-columns:1fr 1fr 1fr auto}.grid-cols-\[1fr\,auto\]{grid-template-columns:1fr auto}.grid-cols-\[3fr\,2fr\,5fr\,1fr\,auto\,30px\]{grid-template-columns:3fr 2fr 5fr 1fr auto 30px}.grid-cols-\[40px\,auto\,1fr\]{grid-template-columns:40px auto 1fr}.grid-cols-\[90px\,auto\,1fr\]{grid-template-columns:90px auto 1fr}.grid-cols-\[auto\,1fr\,auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[max-content\,150px\,max-content\,max-content\]{grid-template-columns:max-content 150px max-content max-content}.grid-cols-subgrid{grid-template-columns:subgrid}.place-items-end{place-items:end}.place-items-center{place-items:center}.content-center{align-content:center}.justify-stretch{justify-content:stretch}.\!gap-2{gap:.5rem!important}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.place-self-end{place-self:end}.self-stretch{align-self:stretch}.\!overflow-visible{overflow:visible!important}.overflow-x-hidden{overflow-x:hidden}.\!overflow-y-hidden{overflow-y:hidden!important}.\!text-wrap{text-wrap:wrap!important}.text-wrap{text-wrap:wrap}.\!text-nowrap{text-wrap:nowrap!important}.text-nowrap{text-wrap:nowrap}.\!rounded-md{border-radius:.375rem!important}.rounded-\[8px\]{border-radius:8px}.\!border-0{border-width:0px!important}.border,.border-\[1px\]{border-width:1px}.\!border-b{border-bottom-width:1px!important}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.\!border-none{border-style:none!important}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-\[\#F8F7EE\]{--tw-bg-opacity: 1;background-color:rgb(248 247 238 / var(--tw-bg-opacity))}.bg-lime-100{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity))}.\!p-0\.5{padding:.125rem!important}.\!p-1{padding:.25rem!important}.p-\[1px\]{padding:1px}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[1\.5px\]{padding-left:1.5px;padding-right:1.5px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[5\.4px\]{padding-top:5.4px;padding-bottom:5.4px}.\!pb-0{padding-bottom:0!important}.\!pl-6{padding-left:1.5rem!important}.\!pr-6{padding-right:1.5rem!important}.\!pt-0{padding-top:0!important}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-12{padding-left:3rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.\!text-left{text-align:left!important}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[14px\]{font-size:14px}.text-\[24px\]{font-size:24px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.\!font-medium{font-weight:500!important}.\!leading-4{line-height:1rem!important}.\!text-black{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity))!important}.text-\[\#009384\]{--tw-text-opacity: 1;color:rgb(0 147 132 / var(--tw-text-opacity))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!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)!important}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:\!font-semibold::-moz-placeholder{font-weight:600!important}.placeholder\:\!font-semibold::placeholder{font-weight:600!important}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:mt-1\.5:before{content:var(--tw-content);margin-top:.375rem}.first\:\!pb-1:first-child{padding-bottom:.25rem!important}.first\:\!pt-0:first-child{padding-top:0!important}.first\:\!pt-1:first-child{padding-top:.25rem!important}.last\:\!pb-0:last-child{padding-bottom:0!important}.last\:\!pt-1:last-child{padding-top:.25rem!important}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.hover\:p-1:hover{padding:.25rem}.focus\:px-2:focus{padding-left:.5rem;padding-right:.5rem}.focus\:outline-1:focus{outline-width:1px}.disabled\:placeholder\:\!opacity-60:disabled::-moz-placeholder{opacity:.6!important}.disabled\:placeholder\:\!opacity-60:disabled::placeholder{opacity:.6!important}.\[\&_iframe\]\:flex-grow iframe{flex-grow: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: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;-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}*,: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: }.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}.inset-0{top:0;right:0;bottom:0;left:0}.-top-\[10px\]{top:-10px}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-\[45\%\]{top:45%}.z-30{z-index:30}.z-50{z-index:50}.z-\[9999999\]{z-index:9999999}.\!m-0{margin:0!important}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.\!mt-0{margin-top:0!important}.-mt-1\.5{margin-top:-.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.\!h-4{height:1rem!important}.\!h-6{height:1.5rem!important}.\!h-8{height:2rem!important}.\!h-\[70px\]{height:70px!important}.\!h-max{height:-moz-max-content!important;height:max-content!important}.h-10{height:2.5rem}.h-2\.5{height:.625rem}.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-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[29px\]{height:29px}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[60px\]{height:60px}.h-\[75vh\]{height:75vh}.h-\[80px\]{height:80px}.h-\[90vh\]{height:90vh}.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-72{max-height:18rem}.max-h-\[300px\]{max-height:300px}.max-h-\[71px\]{max-height:71px}.max-h-\[75vh\]{max-height:75vh}.min-h-\[100px\]{min-height:100px}.min-h-\[30px\]{min-height:30px}.min-h-\[50vh\]{min-height:50vh}.\!w-0{width:0px!important}.\!w-4{width:1rem!important}.\!w-6{width:1.5rem!important}.\!w-8{width:2rem!important}.\!w-\[50px\]{width:50px!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-10{width:2.5rem}.w-2\.5{width:.625rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[269px\]{width:269px}.w-\[29px\]{width:29px}.w-\[30px\]{width:30px}.w-\[342px\]{width:342px}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[520px\]{width:520px}.w-\[60px\]{width:60px}.w-\[75vw\]{width:75vw}.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-4{min-width:1rem!important}.min-w-0{min-width:0px}.min-w-4{min-width:1rem}.min-w-\[30px\]{min-width:30px}.min-w-\[400px\]{min-width:400px}.min-w-\[500px\]{min-width:500px}.max-w-\[121px\]{max-width:121px}.max-w-\[125px\]{max-width:125px}.max-w-\[50\%\]{max-width:50%}.max-w-\[70vw\]{max-width:70vw}.max-w-\[80px\]{max-width:80px}.max-w-\[98vw\]{max-width:98vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.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-90{--tw-rotate: 90deg;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;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))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;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))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;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-auto{cursor:auto!important}.\!cursor-move{cursor:move!important}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr\,max-content\]{grid-template-columns:1fr max-content}.grid-cols-\[auto\,max-content\]{grid-template-columns:auto max-content}.grid-cols-\[max-content\,1fr\,max-content\]{grid-template-columns:max-content 1fr max-content}.grid-cols-\[max-content\,1fr\]{grid-template-columns:max-content 1fr}.grid-cols-\[max-content\,auto\]{grid-template-columns:max-content auto}.grid-cols-\[max-content\,max-content\,auto\]{grid-template-columns:max-content max-content auto}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-\[max-content\,auto\]{grid-template-rows:max-content auto}.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}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.\!gap-0{gap:0px!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-6{gap:1.5rem}.gap-\[1px\]{gap:1px}.gap-\[2px\]{gap:2px}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.\!rounded{border-radius:.25rem!important}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:.5rem!important}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[50px\]{border-radius:50px}.rounded-\[7px\]{border-radius:7px}.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-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.\!border{border-width:1px!important}.border{border-width:1px}.border-0{border-width:0px}.border-\[0\.5px\]{border-width:.5px}.border-\[2px\]{border-width:2px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-solid{border-style:solid}.border-none{border-style:none}.\!border-transparent{border-color:transparent!important}.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-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-black\/80{background-color:#000c}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / 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-opacity-80{--tw-bg-opacity: .8}.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-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!py-0{padding-top:0!important;padding-bottom:0!important}.\!py-\[4\.5px\]{padding-top:4.5px!important;padding-bottom:4.5px!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}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[4\.5px\]{padding-top:4.5px;padding-bottom:4.5px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.\!pl-0\.5{padding-left:.125rem!important}.\!pr-2{padding-right:.5rem!important}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2{padding-right:.5rem}.pt-1\.5{padding-top:.375rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.\!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-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!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}.italic{font-style:italic}.\!leading-3{line-height:.75rem!important}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-\[15px\]{line-height:15px}.leading-\[17px\]{line-height:17px}.leading-none{line-height:1}.\!tracking-\[0\.28px\]{letter-spacing:.28px!important}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-normal{letter-spacing:0em}.\!text-transparent{color:transparent!important}.text-\[\#0000EE\]{--tw-text-opacity: 1;color:rgb(0 0 238 / var(--tw-text-opacity))}.text-\[\#908CAB\]{--tw-text-opacity: 1;color:rgb(144 140 171 / 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-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}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.\!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)}.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) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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);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-\[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(.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-offset-0{--tw-ring-offset-width: 0px}.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)}.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)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.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-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:ml-1:before{content:var(--tw-content);margin-left:.25rem}.before\:mr-1:before{content:var(--tw-content);margin-right:.25rem}.before\:\!bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.before\:content-\[\'•\'\]:before{--tw-content: "•";content:var(--tw-content)}.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}.peer:hover~.peer-hover\:visible{visibility:visible}.\[\&\:has\(\:focus\)_button\]\:opacity-50:has(:focus) button{opacity:.5}.\[\&\:has\(\[selectable\=false\]\)\]\:\!cursor-not-allowed:has([selectable=false]){cursor:not-allowed!important}.\[\&\:has\(\[selectable\=false\]\)\]\:hover\:\!bg-transparent:hover:has([selectable=false]){background-color:transparent!important}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\[data-wv-section\=input-image-trigger\]\]\:hover\:opacity-100:hover>[data-wv-section=input-image-trigger]{opacity:1}.\[\&\>span\]\:hover\:opacity-30:hover>span{opacity:.3}.\[\&_\*\:has\(code\)\]\:my-\[0\.25rem\] *:has(code){margin-top:.25rem;margin-bottom:.25rem}.\[\&_\*\]\:cursor-default *{cursor:default}.\[\&_\*\]\: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:0px}.\[\&_\.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}.\[\&_\[data-month-in-future\=true\]\]\:pointer-events-none [data-month-in-future=true],.\[\&_\[data-year-in-future\=true\]\]\:pointer-events-none [data-year-in-future=true]{pointer-events:none}.\[\&_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-5 i{height:1.25rem}.\[\&_i\]\:h-6 i{height:1.5rem}.\[\&_i\]\:w-5 i{width:1.25rem}.\[\&_i\]\:w-6 i{width:1.5rem}.\[\&_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-top:.5rem;margin-bottom:.5rem}.\[\&_label\]\:cursor-grab label{cursor:grab}.\[\&_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-\[\'•\'\] li:before{--tw-content: "•";content:var(--tw-content)}.\[\&_span\]\:leading-\[22px\] span{line-height:22px}.\[\&_strong\]\:font-bold strong{font-weight:700}.cropper-event-notification[data-v-edfcb040]{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-edfcb040]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
2
2
|
Theme: StackOverflow Light
|
|
3
3
|
Description: Light theme as used on stackoverflow.com
|
|
4
4
|
Author: stackoverflow.com
|
package/utils/index.d.ts
CHANGED
|
@@ -7,13 +7,13 @@ export { default as getUserType } from './getUserType.util';
|
|
|
7
7
|
export { default as getProjectPermission } from './getProjectPermission.util';
|
|
8
8
|
export { default as isIntersect } from './isIntersect';
|
|
9
9
|
export { default as convertJsonImage } from './convertJsonImage.util';
|
|
10
|
+
export { default as useToast } from './toast.util';
|
|
10
11
|
export type { ToastParams, ToastMethod } from './toast.util';
|
|
11
12
|
export type { ITable } from './exportToExcel.util';
|
|
12
13
|
export { default as exportToExcel } from './exportToExcel.util';
|
|
13
14
|
export { default as useToast } from './toast.util';
|
|
14
15
|
export { default as getAttachmentIcon } from './getAttachmentIcon.util';
|
|
15
16
|
export { default as filterOptions } from './filterOptions.util';
|
|
16
|
-
export { default as useI18n } from './translation.util';
|
|
17
17
|
export { formatDate, formatDateReadable } from './date.util';
|
|
18
18
|
export { formatUserName, getInititalName } from './textFormatter.util';
|
|
19
19
|
export { getNestedProperyValue, isEmptyObject } from './object.util';
|
package/utils/toast.util.d.ts
CHANGED
|
@@ -1,26 +1,43 @@
|
|
|
1
1
|
import { WangsIcons } from '../components/icon/Icon.vue.d';
|
|
2
|
+
export type ToastSeverity = 'success' | 'error' | 'info';
|
|
2
3
|
export interface ToastParams {
|
|
4
|
+
/**
|
|
5
|
+
* The main message to display in the toast. Will be formatted based on template message.
|
|
6
|
+
*/
|
|
3
7
|
message: string;
|
|
4
8
|
/**
|
|
5
|
-
*
|
|
9
|
+
* Indicates whether the message is customized and does not follow the default message template.
|
|
10
|
+
* If true, custom formatting will be applied.
|
|
6
11
|
*/
|
|
7
12
|
customMessage?: boolean;
|
|
8
|
-
severity?: 'success' | 'error' | 'info';
|
|
9
13
|
/**
|
|
10
|
-
*
|
|
14
|
+
* The severity level of the toast message.
|
|
15
|
+
* Can be 'success', 'error', or 'info'.
|
|
16
|
+
*/
|
|
17
|
+
severity?: ToastSeverity;
|
|
18
|
+
/**
|
|
19
|
+
* The icon to display in the toast.
|
|
11
20
|
*/
|
|
12
21
|
icon?: WangsIcons;
|
|
22
|
+
/**
|
|
23
|
+
* The custom CSS class to apply to the icon.
|
|
24
|
+
*/
|
|
13
25
|
iconClass?: any;
|
|
14
26
|
/**
|
|
15
|
-
* The error object from catch statement.
|
|
27
|
+
* The error object from a catch statement, used to provide additional details for error toasts.
|
|
28
|
+
* Accepts any type of error object.
|
|
16
29
|
*/
|
|
17
30
|
error?: unknown;
|
|
18
31
|
/**
|
|
19
|
-
*
|
|
32
|
+
* The duration for which the toast will be displayed, in milliseconds.
|
|
33
|
+
* Set to 0 to show the message infinitely.
|
|
20
34
|
*
|
|
21
|
-
* @default 3000 -
|
|
35
|
+
* @default 3000 - 3 seconds
|
|
22
36
|
*/
|
|
23
37
|
life?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The name of the message group to which this toast belongs.
|
|
40
|
+
*/
|
|
24
41
|
group?: string;
|
|
25
42
|
}
|
|
26
43
|
export interface ToastMethod {
|
|
@@ -32,5 +49,62 @@ export interface ToastMethod {
|
|
|
32
49
|
removeGroup(group: string): void;
|
|
33
50
|
removeAllGroups(): void;
|
|
34
51
|
}
|
|
35
|
-
|
|
52
|
+
/**
|
|
53
|
+
* Configuration options for the `useToast` hook.
|
|
54
|
+
*/
|
|
55
|
+
export interface UseToastConfig {
|
|
56
|
+
/**
|
|
57
|
+
* Default message templates for each severity level.
|
|
58
|
+
* Keys represent the severity, and values are the template strings.
|
|
59
|
+
*
|
|
60
|
+
* @example
|
|
61
|
+
* {
|
|
62
|
+
* success: 'Success, {message}',
|
|
63
|
+
* error: 'Error, {message} {additionalMessage}',
|
|
64
|
+
* info: 'Info, {message} {additionalMessage}',
|
|
65
|
+
* }
|
|
66
|
+
*/
|
|
67
|
+
template?: Record<string, string>;
|
|
68
|
+
/**
|
|
69
|
+
* Icons for each severity level.
|
|
70
|
+
* Keys represent the severity, and values are the corresponding icon identifiers.
|
|
71
|
+
*
|
|
72
|
+
* @example
|
|
73
|
+
* {
|
|
74
|
+
* success: 'emotion-happy-fill',
|
|
75
|
+
* error: 'emotion-unhappy-fill',
|
|
76
|
+
* }
|
|
77
|
+
*/
|
|
78
|
+
icons?: Record<string, WangsIcons>;
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Hook to create and manage toast notifications.
|
|
82
|
+
*
|
|
83
|
+
* @param {UseToastConfig} config - Configuration object for the toast notifications.
|
|
84
|
+
* Refer to {@link UseToastConfig} for the structure and details of this object.
|
|
85
|
+
*
|
|
86
|
+
* @returns {ToastMethod} A method to trigger toast notifications.
|
|
87
|
+
* The method accepts {@link ToastParams} to customize individual notifications.
|
|
88
|
+
*
|
|
89
|
+
* @example
|
|
90
|
+
* const toast = useToast({
|
|
91
|
+
* template: {
|
|
92
|
+
* success: 'Success, {message}',
|
|
93
|
+
* error: 'Error, {message} {additionalMessage}',
|
|
94
|
+
* info: 'Info, {message} {additionalMessage}',
|
|
95
|
+
* },
|
|
96
|
+
* icons: {
|
|
97
|
+
* success: 'emotion-happy-fill',
|
|
98
|
+
* error: 'emotion-unhappy-fill',
|
|
99
|
+
* }
|
|
100
|
+
* });
|
|
101
|
+
*
|
|
102
|
+
* // Overiding the default config with ToastParams
|
|
103
|
+
* toast.add({
|
|
104
|
+
* message: 'Operation completed successfully!',
|
|
105
|
+
* customMessage: true,
|
|
106
|
+
* icon: 'custom-success-icon',
|
|
107
|
+
* });
|
|
108
|
+
*/
|
|
109
|
+
declare const useToast: ({ icons, template }?: UseToastConfig) => ToastMethod;
|
|
36
110
|
export default useToast;
|